ΤΕΙ ΚΑΒΑΛΑΣ Σχολή Τεχνολογικών Εφαρμογών Τμήμα Βιομηχανικής Πληροφορικής Θέμα; «Σχεδίαση και ανάπτυξη σχεσιακής βάσης δεδομένων σε Web περιβάλλον για την δήλωση των εργαστηρίων των μαθημάτων Ψηφιακά Συστήματα & Μικροϋπολογιστές. Όπως και την ανάπτυξη Web περιβάλλοντος της προσωπικής ιστοσελίδας του καθηγητή Δημήτριου Πογαρίδη.» Υλοποίηση Μανίτσάρα Αναστασία Εισηγητής Πογαρίδης Δημήτριος ΚΑΒΑΛΑ 2005
Περιεχόμενα ΚΕΦΑΛΑΙΟ 1 1 ΕΙΣΑΓΩΓΗ 1 Αρχιτεκτονική συστή//ατος 2 ΚΕΦΑΛΑΙΟ 2 6 Μέσα Υλοποίησης της εφαρμογής 7 HTML 7 ΡΗΡ 9 SQL 9 Γιατί SQL με ΡΗΡ; 10 Τι είναι ο Web Server; 11 Εφαρμογές που χρησιμοποιήθηκαν. 12 Macromedia Dreamweaver MX 12 Τι είναι Mysql; 12 Μερικά από τα Πλεονεκτήματα της Mysql. 13 EasyPHP 15 ΚΕΦΑΛΑΙΟ 3 17 Σχεδίαση της Βάσης δεδομένων 18 Απαιτήσεις 19 Αντικείμενα της Βάσης Δεδομένων 20 Οντότητες 21 ΜΟΣ (ERD) 24 Ορισμός σχέσεων - πινάκων 25 Περιγραφή Πινάκων 27 ΚΕΦΑΛΑΙΟ 4 32 Διάγραμμα ροής 33 Ανάλυση των αρχείων 34
Διάγραμμα ροής της ιστοσελίδας 36 ΚΕΦΑΛΑΙΟ 5 37 Ανάλυση κώδικα 38 ΚΕΦΑΛΑΙΟ 6 61 Περιγραφή Πινάκων 62 ΚΕΦΑΛΑΙΟ 7 67 Περιγραφή λειτουργίας 68 ΚΕΦΑΛΑΙΟ 8 77 Παρουσίαση Προσωττική Ιστοσελίδα 78 ΚΕΦΑΛΑΙΟ 9 83 Συμπεράσματα 84 Παράρτημα HTML 85 Παράρτημα ΡΗΡ 99 Παράρτημα κώδικα HTML και ΡΗΡ 102 Παράρτημα HTML κώδικα της προσωπικής ιστοσελίδας του καθηγητή Δημητρίου Πογαρίδη 154
ΚΕΦΑΛΑΙΟ 1 ΕΙΣΑΓΩΓΗ Σκοπός Δημιουργίας της Εφαρ/νογής Ο σκοττός της πτυχιακής εργασίας είναι διπλός, η σχεδίαση της προσωπικής ιστοσελίδας του Καθηγητή Δημήτριου Πογαρίδη με πληροφορίες σχετικά με τα μαθήματα Λογικών Κυκλωμάτων, Ψηφιακών Συστημάτων, Μικροεπεξεργαστών Ι-Προγραμματισμός σε γλώσσα Assembly και Μικροεπεξεργαστών ΙΙ-Εφαρμογές πραγματικού χρόνου, που διδάσκει στο Τμήμα Βιομηχανικής Πληροφορικής, και η μελέτη και ανάπτυξη ενός συστηγ/ατος αυτό/τατης ηλεκτρονικής δήλωσης των σπουδαστών στα εργαστήρια των παραπάνω μαθημάτων. Το σύστη/να που δη/7ΐουργήθηκε επιτρέπει στο σπουδαστή να εισέρχεται στον ιστοχώρο των μαθημάτων, μζ χρήση του προσωπικού λογαριασ/τού του, και να επιλέγει την ώρα και την ημέρα του εργαστηρίου που επιθυμεί. Απώτερος σκοπός δη//ιουργίας της εφαρ/υογής, είναι να αποτελέσει την απαρχή για μ\α συντονισ^υένη βελτίωση των ηλεκτρονικών υπηρεσιών που παρέχονται από το τμήμα Βιομηχανικής Πληροφορικής μζ στόχο την έγκυρη πληροφόρηση και ά//εση εξυπηρέτηση των σπουδαστών του. Ωστόσο η εφαρ/νογή //πορεί να αποδειχτεί χρήσι/ζη και πολύ αποτελεσ/νατική στην αποσυ/νφόρηση του όγκου των λειτουργιών δήλωσης εργαστηρίων στη γρα/υ^υατεία. Η νέα αυτή εφαρ^υογή εντάσσεται σε ένα γενικότερο πλαίσιο δη/νίουργίας διαδικτυακών εφαρ^/ογών/;ε στόχο τη βελτίωση της ποιότητας των ηλεκτρονικών υπηρεσιών που παρέχονται στους σπουδαστές. Η εργασία πραγ^υατοποιήθηκε μζ χρήση της γλώσσας προγρα/;//ατισ//ού για διαδικτυακές εφαρ/νογές ΡΗΡ. Η ΡΗΡ είναι μ\α γλώσσα script της οποίας ο κώδικας ενσω/νατώνεται σε μ\α σελίδα HTML και εκτελείται κάθε φορά που κάποιος επισκέπτεται τη συγκεκρΐ//ένη σελίδα. Η σχεδίαση της ιστοσελίδας έγινε με το πρόγραμμα Macromedia Dreamweaver, που είναι ένα εύχρηστο και ένα από τα καλύτερα εργαλεία επεξεργασίας ιστοσελίδων. Η βάση δεδο/τένων δη^υιουργήθηκε για να λειτουργεί σε διακομιστή MySQL. Οι δύο αυτές τεχνολογίες συνεργάστηκαν μζ τον διαδικτυακό διακο/;ιστή (web server) Apache Server με διαχειριστή το PhpMyAdmin του προγράμματος EasyPhp. Η εφαρ^υογή είναι εύκολη στη χρήση και δεν προϋποθέτει κα/νία άλλη γνώση παρά την απλή χρήση του διαδικτύου. Τόσο η διαπροσωπεία (interface) όσο και η βάση δεδο/;ένων σχεδιάστηκαν και υλοποιήθηκαν στα Ελληνικά. Όσον αφορά το περιβάλλον της εφαρ^υογής, σχεδιάστηκε μζ γνώ/νονα την απλότητα και τη λειτουργικότητα. Κρίθηκε σκόπι/yo να αποφευχθούν οι περιττές βαριές εικόνες και η υπερβολική χρήση χρω/ζάτων έτσι ώστε να διατηρηθεί ένας σοβαρός ακαδη/υαϊκός χαρακτήρας. Η εσωτερική της όμως δο/νή, αναπτύχθηκε μζ υψηλά κριτήρια απόδοσης, ασφάλειας, ταχύτητας και αξιοπιστίας.
ο κώδικας είναι σαφής και λειτουργικός και η χρήση συναρτήσεων καθιστά την εφαρ//ογή εύκολη στη συντήρησή της. Η εφαρ/νογή είναι προσαρ^υοζό/νενη σε οποιαδήποτε σύγχρονη βάση δεδομένων που βασίζεται στη γλώσσα SQL. Με ελάχιστες μόνο //ετατροπές //πορεί να συνεργαστεί με συνέπεια, με Κοψσμ\κά δη//ιουργίας και συντήρησης βάσεων δεδομένων. Επίσης, η εφαρ/7θγή >νπορεί να λειτουργήσει χωρίς πρόβλη//α και ανεξάρτητα από το λειτουργικό σύστη//α αρκεί να υπάρχει κάποιος φυλλομετρητής ιστοσελίδων (browser) που να υποστηρίζει τις απλές παραμέτρους της γλώσσας HTML και γραφικά. Το πλέον ουσιαστικό, όμως, πλεονέκτη//α της εφαρ/νογής είναι ότι λειτουργεί δυνα//ικά. Παρέχει πληροφορίες οι οποίες δεν βασίζονται σε στατικές σελίδες HTML και αποθηκευ/ζένα PDF αρχεία, αλλά σε εγγραφές της βάσης δεδομένων. Η εφαρ/υογή που δη/7ΐουργήθηκε, συνδυάζει τη δυνα/νικότητα και αποδοτικότητα της ΡΗΡ σε συνάρτηση με την ταχύτητα της MySQL. Αρχιτεκτονική συστή//ατος Το Client/server μονιέκο είναι ένα από τα πιο συχνά χρησι>υοποιού//ενα μοντέλα στο Διαδίκτυο. Σύ/νφωνα με αυτό πολλοί πελάτες (clients) εξυπηρετούνται από έναν εξυπηρετητή (server). Το μov^έko αυτό ταιριάζει στις online εφαρ>υογές όπου πολλοί χρήστες με τη βοήθεια του browser ζητάνε πληροφορίες από ένα συγκεκρΐ//ένο δικτυακό τόπο. Στην προκεΐ/νένη περίπτωση οι browsers είναι οι clients και ο τόπος είναι ο server. Παρακάτω φαίνεται η αρχιτεκτονική του μονιέκου Client/Server. Στη μεριά του server υπάρχουν τρία επίπεδα οργάνωσης. Το επίπεδο της βάσης δεδομένων (Database Layer), το επίπεδο των εφαρ^υογών (Application Layer), το επίπεδο παρουσίασης (Presentation Layer). Στο μονιέκο αυτό όλη η επεξεργασία της πληροφορίας γίνεται από τον server.
Αρχιτεκτονική του μοντέλου Client/server S e rv e r S id e C lie n t S id e To παρακάτω διάγρα/ζ/να δείχνει πως //πορεί μ\α βάση δεδο/νένων να ενσω/νατωθεί σε ένα client/server μοντέλο για τη δη/νιουργία ενός δικτυακού τόπου. Στο μοντέλο αυτό όλα τα αρχεία του δικτυακού τόπου βρίσκονται στον server. Τα αρχεία αυτά μττομύ να είναι HTML σελίδες, κώδικας, cascading style sheets (css) αρχεία, φωτογραφίες, βάση δεδο//ένων. Όταν στον server έρθει μ\α αίτηση για μ\α ΡΗΡ σελίδα, εκτελείται ο κώδικας και τα αποτελέσ/υατά του εξαφανίζονται στον client μέαυ του browser του server. Ο ΡΗΡ κώδικας χρησί/αοποιείται για να παράγει δυναστικές σελίδες HTML. Για να παραχθεί μ\α δυνα//ική σελίδα πολλές φορές ο ΡΗΡ κώδικας εκτελεί επερωτήσεις σε βάση δεδο/αένων και συνδυάζει τα αποτελέσ/;ατα της επερώτησης με φωτογραφίες και πληροφορία από τα css (cascading style sheets) αρχεία για να δη/αιουργήσει την τελική σελίδα HTML την οποία θα δείξει στον client. Ενσωμάτωση Βάσης Αεδομένων στο Client/server Μοντέλο
Μια τυπική Web συναλλαγή βάσεων δεδομένων αποτελείται από τις παρακάτω φάσεις, 1. Ο Web Browser ενός χρήστη κάνει την αίτηση για μια συγκεκριμένη Web σελίδα. 2. Ο Web διακομιστής λαμβάνει την αίτηση για μια συγκεκριμένη σελίδα ανακαλεί το αρχείο και το περνά από μηχανή ΡΗΡ για επεξεργασία. 3. Η μηχανή ΡΗΡ αρχίζει την ανάλυση του script. Μέσα στο script υπάρχει μια εντολή που συνδέει την βάση δεδομένων και εκτελεί ένα ερώτημα. Η ΡΗΡ ανοίγει μια σύνδεση με τον Mysql διακομιστή και στέλνει το κατάλληλο ερώτημα. 4. Ο Mysql διακομιστής λαμβάνει το ερώτημα της βάσης δεδομένων και το επεξεργάζεται και στέλνει τα αποτελέσματα ξανά στην μηχανή ΡΗΡ. 5. Η μηχανή ΡΗΡ σταματά την εκτέλεση του script που συνήθως περιλαμβάνει την μορφοποίηση των αποτελεσμάτων του ερωτήματος σε HTML-. Επιστρέφει μετά την τελική HTML σελίδα στον Mysql διακομιστή. 6. Ο Mysql διακομιστής περνά την HTML, σελίδα ξανά στο Browser, όπου ο χρήστης μπορεί να δει τα αποτελέσματα που ζήτησε.
Σχηματική αναπαράσταση ενός σύγχρονου συστήματος εφαρμογών Web. Απάντηση HTTP (HTMLJavascript^ Web Server (Apache,IIS κ.α) Application(Perl,PHP,JSPK.a) H διαδικασία είναι βασικά η ίδια, ανεξάρτητα από το ποια μηχανή script ή διακομιστή βάσης δεδομένων χρησιμοποιείτε. Συνήθως το πρόγραμμα του διακομιστή, η ΡΗΡ μηχανή και ο διακομιστής βάσης δεδομένων βρίσκονται στον ίδιο υπολογιστή. Ωστόσο είναι πολύ συνηθισμένο για τον διακομιστή βάσης δεδομένων να βρίσκεται σε διαφορετικό υπολογιστή, θα μπορούσατε να το κάνετε αυτό για λόγους ασφαλείας, για μεγαλύτερη χωρητικότητα ή για κατανομή του φόρτου. Από την πλευρά της ανάπτυξης, η δουλειά θα είναι σχεδόν ίδια, αλλά μπορεί να έχει καλύτερη απόδοση.
Κεφάλαιο 2
ΚΕΦΑΛΑΙΟ 2 Μέσα Υλοποίησης της εφαρμογής. HTML Ο κυριότερος στόχος της γλώσσας HTML (HyperText Markup Language Γλώσσα Επισήμανσης Υπερκειμένου) είναι η παραγωγή εγγράφων υπερκειμένου εύκολων στο χειρισμό τους. Η γλώσσα αυτή παρουσιάζει απλό κείμενο, εικόνες και προσφέρει ορισμένες μορφοποιήσεις για διακριτική παρουσίαση συγκεκριμένων σημείων (λ.χ. τίτλων). Βασικό στοιχείο της HTML αποτελούν οι σύνδεσμοι (links) που μπορεί αυτή να δημιουργήσει, δηλαδή συγκεκριμένα τμήματα του περιεχομένου της σελίδας τα οποία όταν επιλεγούν από τον χρήστη οδηγούν σε κάποιο άλλο σημείο του εγγράφου, ή ακόμη και σε ένα άλλο έγγραφο που μπορεί να βρίσκεται σε κάποιον άλλο υπολογιστή του Internet. Με αυτά τα βασικά δομικά στοιχεία και ορισμένα άλλα δευτερεύοντα υλοποιούνται όλες οι σελίδες του World Wide Web. Η γλώσσα αυτή διαφέρει από τις προγραμματιστικές μια που απλά περιγράφει πού βρίσκεται τι και τίποτε παραπάνω. Νεότερες γλώσσες είτε αυτόνομες είτε εξαρτώμενες από την HTML (όπως η java, η XML, η ΡΗΡ ή το ASP) προχωρούν παραπέρα και επιτρέπουν πιο σύνθετη δομή, διαχείριση βάσεων δεδομένων και πολλά άλλα.
Η ΡΗΡ (Hypertext Prerpocessor, προεπεξεργαστής κειμένου) είναι μια γλώσσα script από την πλευρά του διακομιστή, σχεδιασμένη ειδικά για το Web. Μέσα σε μια HTML σελίδα ^ μπορείτε να ενσωματώσετε ΡΗΡ κώδικα, που θα εκτελείται κάθε φορά που θα επισκέπτεστε την σελίδα. Ο ΡΗΡ κώδικας μεταφράζεται στον Web διακομιστή και δημιουργεί HTML ή άλλη έξοδο που θα δει ο επισκέπτης. Η ΡΗΡ δημιουργήθηκε το 1994 και είναι ένα προϊόν ανοικτού κώδικα, μπορείτε να τον χρησιμοποιήσετε, να τον αλλάξετε και να τον αναδιανείμετε, χωρίς χρέωση. Η τρέχουσα βασική έκδοση της ΡΗΡ η οποία χρησιμοποιείται στην εφαρμογή μας είναι η έκδοση ΡΗΡ 4.3.3 η οποία περιλαμβάνεται στο πακέτο της EasyPHP1-7. Μερικά από τα Πλεονεκτήματα της ΡΗΡ. Κάποιοι από τους βασικούς ανταγωνιστές της ΡΗΡ είναι οι Perl, Microsoft Active Server Pages(ASP), Java Server Pages(JSP) και Allaire Cold Fusion.
Σε σύγκριση με αυτά τα προϊόντα, η ΡΗΡ έχει πολλά πλεονεκτήματα όπως: 1. Υψηλή απόδοση, αποτελεσματική λειτουργία. 2. Διασυνδέσεις με πολλά διαφορετικά συστήματα βάσεων δεδομένων χρησιμοποιώντας ODBC (Open Database Connectivity Standard). 3. Ενσωματωμένες βιβλιοθήκες για πολλές συνηθισμένες Web διαδικασίες. 4. Χαμηλό κόστος, είναι δωρεάν. Μπορείτε να μεταφέρετε την τελευταία έκδοση μόνο της ΡΗΡ από το http://www.php.net, χωρίς χρέωση. 5. Ευκολία μάθησης και χρήσης. Η σύνταξη της ΡΗΡ βασίζεται σε άλλες γλώσσες προγραμματισμού, βασικά στην C και στην Perl. 6. Μεταφερσιμότητα, είναι διαθέσιμη για πολλά λειτουργικά συστήματα. 7. Διαθεσιμότητα και πρόσβαση του κώδικα προέλευσης. [Luke Welling & Laura Thomson edition 2002] SQL H SOL( Structured Query Language ή Δο//η/τένη Γλώσσα Ερωτήσεων) αρχικά ονο/ταζόταν SEQUEL (Structured English Query Language) υλοποιήθηκε στο ερευνητικό ιμχψα της IBM (Chamberlin & Boyce 1976). Περιλα/;βάνει χαρακτηριστικά της σχεσιακής άλγεβρας αλλά μζ σύνταξη πιο φιλική στο χρήστη. Αποτελεί το πρότυπο των σχεσιακών βάσεων δεδομένων, θεωρείται ένας από τους πιο ση/ταντικούς λόγους για την επιτυχία των σχεσιακών βάσεων δεδομένων, έχει υλοποιηθεί σε /τμεγάλο αριθ//ό ε^υπορικών ΣΔΒΔ (DB2, QRACLE, INGRES, INFQRMIX, Sybase, MS Access, MS SQL Server) και η //εταφορά μεταξύ διαφορετικών ΣΔΒΔ δεν είναι δαπανηρή εφόσον και τα δύο ακολουθούν το ίδιο πρότυπο SQL Σ ένα πρόγραμμα εφαρ/τογής ΒΔ οι ίδιες εντολές χρησι^υοποιούνται για την προσπέλαση δεδομένων που αποθηκεύονται σε δύο ή περισσότερα σχεσιακά ΣΔΒΔ. Κοινή προσπάθεια των οργανισ/ζών ANSI και ISQ οδήγησαν σε διαδοχικές τυποποιη/νένες εκδόσεις της SQL (SQL-86, SQL-92 ( SQL2), SQL- 99) Χαρακτηριστικά Αποτελεί πλήρης γλώσσα βάσεων δεδομένων, είναι ταυτόχρονα: 1. Γλώσσα Ορισ>νού Αεδομένων (rqa) - ορισμός, δη/νίουργία και εξέλιξη σχή//ατος 2. Γλώσσα Χειρισ/νού Δεδο>νένων (ΓΧΔ) - ορισμός, δη//ιουργία, τροποποίηση, διαγραφή και επιλογή δεδομένων (ερωτήσεις και ενημερώσεις) Επιτρέπει: 1. ορισμό περιορισμών ακεραιότητας 2. ορισμό όψεων στη βάση δεδομένων
3. ττροσδιορισ/70 της ασφάλειας και των δικαιοδοσιών (χρήστες και δικαιώ;ί;ατα χρηστών) 4. έλεγχο των δοσοληψιών. Γιατί SQL με ΡΗΡ; Όταν δημιουργείτε μια Web τοποθεσία, υπάρχουν πολλά διαφορετικά προϊόντα που θα μπορούσατε να χρησιμοποιήσετε. Θα χρειαστεί να επιλέξετε υλικό όπως έναν Web διακομιστής ένα σύστημα διαχείρισης βάσης δεδομένων και μια γλώσσα προγραμματισμού ή script. Κάποιες από αυτές τις επιλογές εξαρτώνται από τις άλλες επιλογές σας. Για παράδειγμα δεν τρέχουν όλα τα λειτουργικά συστήματα σε όλους τους υπολογιστές και υλικό, ούτε οι γλώσσες script μπορούν να συνδεθούν με όλες τις βάσεις δεδομένων κτλ. Μια από τις ωραίες λειτουργίες της ΡΗΡ είναι ότι είναι διαθέσιμη για τα Windows, για πολλές εκδόσεις το Unix και για οποιονδήποτε WEB SERVER, όπως εξίσου ευέλικτη είναι και η SQL. Τι είναι ο Web Server; Ο διακομιστής Web είναι ένας εξειδικευμένος διακομιστής αρχείων που διανέμει αρχεία τα οποία περιέχουν ιστοσελίδες, εικόνες γραφικών, sound clips, video clips και άλλα πολυμέσα. Όταν ένας χρήστης εκτελεί μια ενέργεια, όπως το να πατήσει ένα σύνδεσμο ή να καταθέσει μία φόρμα, αποστέλλεται στον διακομιστή ένα μήνυμα, το οποίο μεταφέρει την ενέργεια που έλαβε χώρα, μαζί με τα σχετικά δεδομένα, για παράδειγμα το όνομα μέσα σ' ένα πεδίο κειμένου το οποίο πληκτρολογήθηκε από τον χρήστη. Το μήνυμα που στάλθηκε από τον browser λαμβάνεται από τον διακομιστή Web, ο οποίος στην συνέχεια αποφασίζει τι πρέπει να γίνει; εάν, για παράδειγμα, μία ιστοσελίδα πρέπει να σταλεί στον χρήστη ή εάν πρέπει να εκτελεστεί κάποιο πρόγραμμα. Στην τελευταία περίπτωση, αυτό ίσως συνεπάγεται την επεξεργασία μιας αποθηκευμένης ιστοσελίδας πριν την αποστολή της προς τον browser. Αυτή η επεξεργασία συζητείται στο επόμενο κεφάλαιο. Το αίτημα εκτελείται και ο διακομιστής ετοιμάζεται για το επόμενο αίτημα το οποίο μπορεί να προέρχεται από τον ίδιο υπολογιστή / browser που έθεσε το προηγούμενο αίτημα αλλά μπορεί και όχι. Τα αιτήματα και οι απαντήσεις που αναφέραμε, εκφράζονται μ' ένα πρωτόκολλο γνωστό ως Hypertext Transfer Protocol, γνωστό ως HTTP.
ο διακομιστής Web, μαζί με τα εττιχειρηματικά αντικείμενα μιας εφαρμογής, λειτουργεί ως το μεσαίο επίττεδο ενός συστήματος τριών εττιπέδων, με τον browser να έχει την θέση του επιπέδου παρουσίασης και τον διακομιστή βάσης δεδομένων να λειτουργεί ως το επίπεδο της βάσης δεδομένων. Το παραπάνω σχήμα είναι πολύ απλό μια και παρουσιάζει μόνο έναν διακομιστή βάσης δεδομένων, ενώ στο μπορεί να υπάρχουν πολλοί περισσότεροι μέσα σ' ένα δίκτυο. [httd://eos.uom.gr1
Εφαρμογές που χρησιμοποιήθηκαν. Μ30Γθπΐ6(^ί3 0Γ63πινν63ν6Γ MX To Dreamweaver είναι ένας HTML editor που Macromedia Dreamweaver αναπτύχθηκε από την Macromedia. Είναι ένα εύχρηστο πρόγραμμα, και ένα από τα καλύτερα εργαλεία επεξεργασίας ιστοσελίδων. Το Dreamweaver δεν είναι απλώς ένα ακόμη οπτικό εργαλείο δημιουργίας σελίδων. Κάνει όλα όσα κάνουν τα καλύτερα προγράμματα επεξεργασίας. Είναι WYSIWYG (What You See Is What You Get), δηλ. αυτό που θα δούμε στο Web όταν θα εκδώσουμε (publish) μια σελίδα είναι ακριβώς αυτό που βλέπουμε στον editor κατά την κατασκευή της σελίδας. Χαρακτηριστικά * Δεν χρειάζεται να γνωρίζουμε HTML. * Επιτρέπει διόρθωση του πηγαίου HTML κώδικα. ^ Έχει ενσωματωμένα εργαλεία για εισαγωγή JavaScript, υποστηρίζει layers, style sheets και παρέχει δυνατότητες διαχείρισης ενός site (απευθείας μεταφορά των Web pages στους servers, κλπ.). * δημιουργεί πίνακες, χειρίζεται πλαίσια, φόρμες και εναλλάσσεται και επεξεργάζεται πολύ εύκολα HTML κώδικα. Τι είναι Mysql; Η δημιουργία της βάσης δεδομένων θα γίνει σε Mysql.Η Mysql είναι ένα σύστημα διαχείρισης βάσεων δεδομένων όπου M y S Q C επιτρέπεται να αποθηκεύετε, να αναζητάτε, να ταξινομείτε, να ανακαλείτε, να διαχειρίζεστε δεδομένα αποτελεσματικά. Ο Mysql διακομιστής ελέγχει την πρόσβαση στα δεδομένα σας, για να μπορούν να δουλεύουν πολλοί χρήστες ταυτόχρονα, για να παρέχει γρήγορη πρόσβαση και να διασφαλίσει ότι μόνο πιστοποιημένοι χρήστες μπορούν να έχουν πρόσβαση. Συνεπώς η Mysql είναι ένας πολυνηματικός διακομιστής πολλαπλών χρηστών. Χρησιμοποιεί την SQL (Structured Query Language), την τυπική γλώσσα ερωτημάτων για βάσεις δεδομένων, παγκόσμια. Η Mysql είναι διαθέσιμη από το 1996, αλλά η ιστορία της ξεκινά από το 1979. Η Mysql είναι τώρα διαθέσιμη με άδεια ανοικτού κώδικα προσφέροντας υψηλό επίπεδο λειτουργικότητας και ποιότητας, αλλά είναι επίσης διαθέσιμες και εμπορικές άδειες, αν χρειάζεται. Η τρέχουσα βασική έκδοση της Mysql η οποία χρησιμοποιείται στην εφαρμογή μας είναι η έκδοση Mysql 4.0.15 η οποία περιλαμβάνεται στο πακέτο της EasyPHP1-7.
Μερικά από τα Πλεονεκτήματα της Mysql. Μερικοί από τους κύριους ανταγωνιστές της Mysql είναι οι PostgreSQL, Oracle και Microsoft SQL Server. Η Mysql έχει πολλά πλεονεκτήματα, όπως: 1. υψηλή απόδοση και είναι ιδιαίτερα βελτιστοποιημένη ταχύτητα στην ανάκτηση δεδομένων, 2. οικονομική (χαμηλό κόστος και μερικές φορές δωρεάν), 3. εύκολη διαμόρφωση και μάθηση 4. και ο κώδικας προέλευσης είναι διαθέσιμος και μεταφέρσιμος σε διάφορες πλατφόρμες και για διάφορα εργαλεία ανάπτυξης όπως UNIX και Microsoft Windows. Τι είναι ο Apache Web Server; Ο Apache Server είναι ο δη//οφιλέστερος web server στο Διαδίκτυο από τον Απρίλιο του 1996, συγκεντρώνοντας σή/νερα πάνω από το 60% του συνόλου. Ο Apache HTTP Server αποτελεί μ\α προσπάθεια ανάπτυξης και συντήρησης ενός ανοικτού-κώδικα HTTP server για σύγχρονα λειτουργικά συστή//ατα όπως, Unix και Windows NT. Ο σκοπός της προσπάθειας είναι να αναπτυχθεί ένας ασφαλής, αποδοτικός και επεκτάσΐ//ος server ο οποίος να >υπορεί να παρέχει σύγχρονες υπηρεσίες μζ βάση τα υπάρχοντα HTTP standards. Είναι πολύ σταθερός και δοκιμασμένος για πολλά χρόνια, αξίζει να σημειωθεί ότι το 98% των Web Server που λειτουργούν είναι Apache. Το μόνο μειονέκτημα είναι ότι μπορεί να συναντήσετε δυσκολίες με το αρχείο ρυθμίσεων httpd.conf σε αντίθεση με τον IIS της Microsoft. Παρακάτω φαίνεται η δημοτικότητα του Apache Web Server έναντι των υπολοίπων web servers. Server July July June June 2002Count 2002% 2002Count 2002 % Growth% Apache 1.3 5193016 61.67% 5128994 64.19% -3.92% IIS 4.0 619342 7.36% 614902 7.69% -4.41% IIS 5.0 1258196 14.94% 1189187 14.88% 0.41% Apache 1.2 56078 0.67% 66624 0.83% -20.12% Netscape- Ent3 53024 0.63% 53893 0.67% -6.63% \ www.securitvspace.com ]
EasyPHP H EasyPHP είναι ένα πακέτο που συσσωρεύει όλο το απαραίτητο λογισμικό που χρειάζεται για να πραγματοποιηθεί η εγκατάσταση των εφαρμογών Apache Web Server, ΡΗΡ, MySQL σε περιβάλλον Windows, η σωστή ρύθμιση τους και ο χειρισμός τους.
Κεφάλαιο 3
ΚΕΦΑΛΑΙΟ 3 Σχεδίαση της Βάσης δεδομένων. Περιγραφή Στο δεύτερο μέρος της πτυχιακής έχουμε την εφαρμογή της ηλεκτρονικής δήλωσης των εργαστηρίων, για την πρόσβασή του στην εφαρρογή απαιτείται ο κωδικός χρήστη και ο κωδικός πρόσβασης, δύο χαρακτηριστικά που είναι ατο//ΐκά και αυστηρώς προσωπικά. Ο κωδικός χρήστη είναι ένας αριθρός (εως οκτώ χαρακτήρες) όπου είναι καθορισμένος από το ονοματεπώνυμο του κάθε σπουδαστή, εάν για παράδειγμα το ονοματεπώνυμο του σπουδαστή είναι Βασίλης Παπαδόπουλος το κωδικό του όνομα θα είναι va papado επιλέγοντας τα δύο πρώτα γράμματα από το όνομα και τα υπόλοιπα έξι από το επώνυμο. Ο κωδικός πρόσβασης είναι ένας αριθρός (εως οκτώ χαρακτήρες), ο οποίος επιλέγεται και εισάγεται από τον σπουδαστή μ\α και //οναδική φορά κατά την πρώτη του σύνδεση και χρήση στις εφαρμογές των εργαστηρίων του τμήματος. Αυτή είναι και η μοναδική φορά που ο σπουδαστής /τπορεί να ενη/τερώσει και να πραγ/τατοποιήσει εγγραφή στη βάση δεδο/νένων του τ/7ή/τατος. Από αυτό το ση/τείο και πέρα η επικοινωνία είναι /τονόπλευρη, μζ τον σπουδαστή να έχει πρόσβαση στην προβολή ορισ/νένων στοιχείων της βάσης, χωρίς ωστόσο να //πορεί να τα επεξεργαστεί και να τα /τεταβάλλει για προφανείς λόγους ασφάλειας. Το σύστη//α ελέγχει κάθε φορά την εγκυρότητα των στοιχείων που εισάγονται από τον χρήστη (κωδικός χρήστη και κωδικός πρόσβασης) και αποφασίζει αν θα του επιτραπεί η είσοδος ή όχι. Με την είσοδό του, ο σπουδαστής έχει την δυνατότητα να επιλέξει το εργαστήριο δηλαδή την ώρα και την ημέρα που θέλει να είναι εγγεγραμμένος. Αφού συμπληρώσει όλα τα απαραίτητα στοιχεία της δήλωσης, η εφαρ//ογή συνδέεται μζ τη βάση δεδο/τένων του τ//ή/νατος όπου και αποθηκεύει τις απαιτού/ζενες πληροφορίες. Το σύστη//α απαγορεύει την είσοδο όταν τα στοιχεία που εισάγονται είναι ψευδή και δεν ανταποκρίνονται σε υπάρχουσα εγγραφή.
Απαιτήσεις: Κάθε σπουδαστής μπορεί να έχει πρόσβαση στο σύστημα ανεξάρτητα από το μέρος που βρίσκεται. Θα γίνεται χρήση του υπάρχοντα πίνακα Σπουδαστής ή κάποιο αντίστοιχου του για την ανάκτηση των στοιχείων των εγγεγραμμένων σπουδαστών του τμήματος. Η πρόσβαση θα γίνεται με συγκεκριμένο username και password. Ο αριθμός θέσεων σε κάθε εργαστήριο θα είναι μέχρι 24 άτομα και θα ισχύει για όλα τα εργαστήρια δηλ. Ε1,Ε2,Ε3 των μαθημάτων Λογικά Κυκλώματα, Ψηφιακά Κυκλώματα και Μικροϋπολογιστές. Ο κάθε σπουδαστής θα μπορεί να δηλώνει το εργαστήριο του μαθήματος π.χ Ε1 14:00-16:00 την ημέρα και ώρα που επιθυμεί μόνο μία φορά η επανάληψη της δήλωσης άλλου εργαστηρίου του ίδιου μαθήματος από τον ίδιο τον σπουδαστή δεν θα γίνεται δεκτή, θα απορρίπτεται. Όταν συμπληρωθούν και οι 24 θέσεις από το εργαστήριο δεν θα γίνεται η καταχώρηση στη Βάση δεδομένων. Στο σύστημα θα υπάρχει Υπεύθυνος ο οποίος θα είναι και ο υπεύθυνος των εργαστηρίων. Ο Υπεύθυνος θα έχει συγκεκριμένο username το Admίn και για password ο κάθε Υπεύθυνος το δικό του. Ο Υπεύθυνος θα έχει πλήρη πρόσβαση στην βάση και θα μπορεί να διαχειρίζεται την βάση. Ο Υπεύθυνος θα έχει πρόσβαση στις καταχωρημένες εγγραφές που έχουν κάνει οι σπουδαστές στα εργαστήρια και θα έχει την δυνατότητα επεξεργασίας τους. Ο Υπεύθυνος επιλέγοντας το εργαστήριο Ε1,Ε2 κτλ. θα μπορεί να έχει στη διάθεση του την λίστα με τις εγγραφές που θα έχουν γίνει στο κάθε εργαστήριο.
Αντικείμενα της Βάσης Δεδομένων Καταχώρηση Σπουδαστή Για να καταχωρηθεί ο σπουδαστής στη Βάση Δεδομένων είναι απαραίτητα τα εξής στοιχεία: Κωδικός σπουδαστή Κωδικός πρόσβασης Επώνυμο Όνομα Αριθμός Μητρώου Εξάμηνο Από τα παραπάνω στοιχεία ο Αριθμός Μητρώου καλύπτει όλες τις απαιτήσεις για να είναι το πρωτεύον κλειδί. Καταχώρηση Εργαστηρίου Για να καταχωρηθεί το εργαστήριο στη Βάση Δεδομένων είναι απαραίτητα τα εξής στοιχεία: Πλήθος θέσεων εργαστηρίου Όνομα εργαστηρίου Από τα παραπάνω στοιχεία το Όνομα εργαστηρίου καλύτπει όλες τις απαιτήσεις για να είναι το πρωτεύον κλειδί. Καταχώρηση Υπεύθυνος Γ ια να καταχωρηθεί ο Υπεύθυνος στη Βάση Δεδομένων είναι απαραίτητα τα εξής στοιχεία: Κωδικός Υπεύθυνου Κωδικός πρόσβασης Υπεύθυνου Επώνυμο Υπεύθυνου Όνομα Υπεύθυνου Από τα παραπάνω στοιχεία ο Κωδικός πρόσβασης Υπεύθυνου καλύπτει όλες τις απαιτήσεις για να είναι το πρωτεύον κλειδί.
Οντότητα(θπΙϊΙγ) Είναι κάθε διακεκριμένο αντικείμενο ττου αναπαριστάται στη βάση δεδομένων. Στη Βάση δεδομένων DATA_ERG έχουμε τρεις οντότητες, ο Σπουδαστής, το Εργαστήριο και ο Υπεύθυνος. Σπουδαστής(Κωδικός σπουδαστή, Κωδικός πρόσβασης. Επώνυμο, Όνομα, Αοιθυόο Μητρώου, Εξάμηνο) Εργαστήριο(Πλήθος θέσεων εργαστηρίου, Όνουα εοναστηοίου) Υπεύθυνος (Κωδικός Υπεύθυνου, Κωδικόο ποόσβασηο Υπεύθυνου. Επώνυμο Υπεύθυνου, Όνομα Υπεύθυνου) 1. Σπουδαστής ί Όνομα Σπουδαστής Τύπος Όντότητα Περιγραφή Ό πίνακας Σπουδαστής θα περιέχει όλα τα απαραίτητα στοιχεία που περιγράφουν τον κάθε σπουδαστή του τμήματος της Βιομηχανικής Πληροφορικής. Περιεχόμενα Username = Κωδικός σπουδαστή Password = Κωδικός πρόσβασης σπουδαστή Epwnimo = Επώνυμο σπουδαστή Onoma = Όνομα σπουδαστή Aem= Αριθμός μητρώου σπουδαστή Examino = Εξάμηνο σπουδών σπουδαστή Περιορισμοί 0 αριθμός μητρώου του σπουδαστή πρέπει να είναι μοναδικός. 0 κάθε σπουδαστής αποκτά ένα μοναδικό ΑΕΜ με την εγγραφή του στην σχολή. 2. Εργαστήριο Όνομα Εργαστήριο Τύπος Οντότητα Περιγραφή Ο πίνακας Εργαστήριο θα περιέχει όλα τα απαραίτητα στοιχεία που περιγράφουν τα εργαστήρια των μαθημάτων Λογικά Κυκλώματα, Ψηφιακά Συστήματα και Μικροϋπολογιστές. Περιεχόμενα Aa = Πλήθος θέσεων εργαστηρίου Name_Ergast = Όνομα Εργαστηρίου που αντιστοιχεί σε συγκεκριμένη ώρα και ημέρα Περιορισμοί Το Όνομα Εργαστηρίου του σπουδαστή πρέπει να είναι μοναδικό.
i 3. Υττεύθυγος i Όνομα Υπεύθυνος Τύπος Οντότητα Περιγραφή Ο πίνακας Υπεύθυνος θα περιέχει όλα τα απαραίτητα στοιχεία που περιγράφουν τον Υπεύθυνος του συστήματος. Περιεχόμενα UsernarOe_Admin = Κωδικός του Υπεύθυνου Ρ333ννοΓά_Αάπιίη = Κωδικός πρόσβασης του Υπεύθυνου Ερννηίπιο_Αάηηίη = Επώνυμο Υπεύθυνου ΟηοΓη3_Αάπιίη = Όνομα Υπεύθυνου Περιορισμοί Ο Κωδικός πρόσβασης του Υπεύθυνου πρέπει να είναι μοναδικός Συσχετίσεις (relationships) Είναι οι συνδέσεις των βασικών οντοτήτων μεταξύ τους. -IjEy γράφεται Όνομα Εγγράφεται Τύπος Συσχέτιση Περιγραφή Η σχέση μεταξύ των πινάκων Σπουδαστής και Εργαστήριο. Περιεχόμενα Περιορισμοί Λόγος πληθικότητας Ν:1 Ο Σπουδαστής > Εγγράφεται Οπότε η σχέση είναι τύπου Ν:1. σε Εργαστήριο 2.Διαχειρίξεται! Όνομα Διαχειρίζεται Τύπος Συσχέτιση Περιγραφή Η σχέση μεταξύ των πινάκων Υπεύθυνος και Εργαστήριο. Περιεχόμενα Περιορισμοί Λόγος πληθικότητας Μ:Ν Ο Υπεύθυνος >Διαχειρίζεται Εργαστήριο Οπότε η σχέση είναι τύπου Μ:Ν. παίρνει ως ξένα κλειδιά τα πρωτεύοντα κλειδιά των πινάκων που συνδέει. ΔιανειοίδεταιίΚωδικόο πdόσβασnc Υπεύθυνου, Ovoua Εοναστηοίου)
Στη συνέχεια αναλύεται το μοντέλο οντοτήτων -συσχετίσεων (ER) σύμφωνα με τις απαιτήσεις που δόθηκαν για να λειτουργήσει το σύστημα. Το μοντέλο οντοτήτων -συσχετίσεων (ER-Entity Relationship model) είναι μια διαγραμματική τεχνική αναπαράστασης οντοτήτων, συσχετίσεων και των ιδιοτήτων τους.
)
Ορίσμός σχέσεων - πινάκων Από το μοντέλο οντοτήτων -συσχετίσεων (ER) προκύπτουν οι παρακάτω σχέσεις - πίνακες. Σπουδαστής(Κωδικός σπουδαστή, Κωδικός πρόσβασης, Επώνυμσ, Όνομα, Αοιθυόο Μητρώου. Llv Σπουδαστής Όνομα Σπουδαστής Τύπος Πίνακας Περιεχόμενα Κωδικός σπουδαστή. Κωδικός πρόσβασης. Επώνυμο, Όνομα, Αριθμός Μητρώου, Εξάμηνο, Όνομα εργαστηρίου Κύριο κλειδί Αριθμός Μητρώου Ξένο κλειδί Όνομα εργαστηρίου Εργαστήριο(Πλήθος θέσεων εργαστηρίου, Όνουα εοναστηοίου) 1 2. ΕργαστΓ[ριο ' \ Όνομα Τύπος Περιεχόμενα Κύριο κλειδί Εργαστήριο Πίνακας Πλήθος θέσεων εργαστηρίου, Όνομα εργαστηρίου Όνομα εργαστηρίου Ξένο κλειδί
Υπεύθυνος (Κωδικός Υπεύθυνου, Κωδικόο ποόσβασηο Υπεύθυνου. Επώνυμο Υπεύθυνου, Όνομα Υπεύθυνου) i s. Υπεύθυνος Όνομα Υπεύθυνος Τύπος Πίνακας Περιεχόμενα Κωδικός Υπεύθυνου, Κωδικός πρόσβασης Υπεύθυνου, Επώνυμο Υπεύθυνου, Όνομα Υπεύθυνου Κύριο κλειδί Κωδικός πρόσβασης Υπεύθυνου Ξένο κλειδί Όνομα Τύπος Περιεχόμενα Κύριο κλειδί Ξένο κλειδί Διαχειρίζεται Πίνακας Κωδικός πρόσβασης Υπεύθυνου, Όνομα Εργαστηρίου Κωδικός πρόσβασης Υπεύθυνου Όνομα Εργαστηρίου
Περιγραφή Πινάκων I 1. Σπουδαστής Όνομα Τύπος Περιγραφή Μέγεθος Όνομα Τύπος Περιγραφή Μέγεθος Κωδικός σπουδαστή Κείμενο Είναι 0 κωδικός του κάθε σπουδαστή 8 χαρακτήρες Κωδικός πρόσβασης Αλφαριθμητικό Είναι 0 κωδικός πρόσβασης του κάθε σπουδαστή 8 χαρακτήρες Όνομα Τύπος Περιγραφή Μέγεθος Όνομα Τύπος Περιγραφή Μέγεθος Επώνυμο Κείμενο Το επώνυμο του σπουδαστή 30 χαρακτήρες Όνομα Κείμενο Το όνομα του σπουδαστή 30 χαρακτήρες Όνομα Τύπος Περιγραφή Μέγεθος Όνομα Τύπος Περιγραφή Μέγεθος Αριθμός Μητρώου Αριθμητικό 0 αριθμός μητρώου του κάθε σπουδαστή 5 χαρακτήρες Εξάμηνο Αριθμητικό Το εξάμηνο σπουδών του κάθε σπουδαστή 2 χαρακτήρες
, 2. Εργαστήριο Όνομα Τύπος Περιγραφή Μέγεθος Πλήθος θέσεων εργαστηρίου Αριθμητικό Το πλήθος θέσεων που καταλαμβάνεται σε κάθε εργαστήριο 2 χαρακτήρες Όνομα Όνομα εργαστηρίου Τύπος Κείμενο Περιγραφή Είναι το όνομα εργαστηρίου π.χ Ε1,Ε2 Μέγεθος 2 χαρακτήρες 3. Υπεύθυνος Όνομα Τύπος Περιγραφή Μέγεθος Όνομα Τύπος Περιγραφή Μέγεθος Κωδικός Υπεύθυνου Κείμενο Είναι 0 κωδικός του κάθε Υπεύθυνου 8 χαρακτήρες Κωδικός πρόσβασης Υπεύθυνου Αλφαριθμητικό Είναι 0 κωδικός πρόσβασης του κάθε Υπεύθυνου 8 χαρακτήρες Όνομα Τύπος Περιγραφή Μέγεθος Όνομα Τύπος Περιγραφή Μέγεθος Επώνυμο Υπεύθυνου Κείμενο Το επώνυμο του κάθε Υπεύθυνου 30 χαρακτήρες Όνομα Υπεύθυνου Κείμενο Το όνομα του κάθε Υπεύθυνου 30 χαρακτήρες
14. Διαχειρίζεται Όνομα Τύπος Περιγραφή Μέγεθος Κωδικός πρόσβασης Υπεύθυνου Αλφαριθμητικό Είναι 0 κωδικός πρόσβασης του κάθε Υπεύθυνου 8 χαρακτήρες Όνομα Όνομα εργαστηρίου Τύπος Κείμενο Περιγραφή Είναι το όνομα εργαστηρίου π.χ Ε1,Ε2 Μέγεθος 2 χαρακτήρες
Σημείωση 1 Επειδή ο πίνακας Σπουδαστής υπάρχει ήδη καταχωρημένος στη βάση δεδομένων της Γραμματείας αλλά δεν περιέχει το πεδίο του Όνομα Εργαστηρίου που προκύπτει από την παραπάνω ανάλυση και δεν είναι εφικτό να γίνει αλλαγή στον ήδη υπάρχοντα πίνακα Σπουδαστής, γίνεται χρήση της σχέσης Εγγράφεται, η οποία είναι 1:Ν και δεν έχει δικά της χαρακτηριστικά κλειδιά και για το λόγο αυτό δεν υπάρχει στην παραπάνω ανάλυση αλλά το κλειδί της οντότητας Εργαστήριο εισάγεται ως ξένο κλειδί στην οντότητα Σπουδαστής. Εγγράφεται(Επώνυμο, Όνομα, Αοιθυόο Μητρώου. Εξάμηνο,Όνομα εοναστηοίου^ ί 5. Εγγράφεται Όνομα Εγγράφεται Τύττος Πίνακας Περιεχόμενα Επώνυμο, Όνομα, Αριθμός Μητρώου, Εξάμηνο, Όνομα εργαστηρίου Κύριο κλειδί Αριθμός Μητρώου Ξένο κλειδί Όνομα εργαστηρίου Για διευκόλυνση του υπεύθυνου Εργαστηρίων για την προβολή των καταχωρημένων σπουδαστών εισάγονται επίσης ως πεδία στη σχέση-πίνακα και τα Επώνυμο, Όνομα, Εξάμηνο. Περιγραφή Πίνακα ;5. Εγγράφεται Όνομα Τύπος Περιγραφή Μέγεθος Όνομα Τύπος Περιγραφή Μέγεθος Επώνυμο Κείμενο Το επώνυμο του σπουδαστή 30 χαρακτήρες Όνομα Κείμενο Το όνομα του σπουδαστή 30 χαρακτήρες Όνομα Αριθμός Μητρώου
Τύπος Περιγραφή Μέγεθος Όνομα Τύπος Περιγραφή Μέγεθος Αριθμητικό Ο αριθμός μητρώου του κάθε σπουδαστή 5 χαρακτήρες Εξάμηνο Αριθμητικό Το εξάμηνο σπουδών του κάθε σπουδαστή 2 χαρακτήρες Όνομα Τύπος Όνομα εργαστηρίου Κείμενο Περιγραφή Είναι το όνομα εργαστηρίου π.χ Ε1,Ε2 Μέγεθος 2 χαρακτήρες Σημείωση 2 Επειδή θεωρείται δεδομένο ότι όλοι οι υπεύθυνοι εργαστηρίων είναι υπεύθυνοι για όλα τα εργαστήρια η πραγματοποίηση του πίνακα «Διαχειρίζεται» είναι πλεονάζουσα, για το λόγο αυτό ο πίνακας δεν υλοποιήθηκε.
Κεφάλαιο 4
Διάγραμμα ροής της ηλεκτρονικής δήλωσης εργαστηρίων των μαθημάτων Λογικά Κυκλώματα, Ψηφιακά Συστήματα, Μικροϋττολογιστές I -Προγραμματισμός σε γλώσσα Assembly. re'sults.php Insert_Admin.php insert.php 31
Ανάλυση αρχείων Login.htm Είναι η ιστοσελίδα όπου ο σπουδαστής πληκτρολογεί το προσωπικό του Username και Password για να εισέλθει στην φόρμα δήλωσης των εργαστηρίων Λογικά Κυκλώματα, Ψηφιακά Συστήματα, Μικροϋπολογιστές I -Προγραμματισμός σε γλώσσα Assembly. Ο Υπεύθυνος διαχειριστής Control. Php Ελέγχονται τα Username και Password που έχουν εισαχθεί από τον χρήστη αν αντιστοιχούν σε κάποιο σπουδαστή. Εάν είναι αληθή τα στοιχεία τότε επιλέγετε το εργαστήριο των Λογικών Κυκλωμάτων, ή των Ψηφιακών Συστημάτων ή των Μικροϋπολογιστών I - Προγραμματισμός σε γλώσσα Assembly που επιθυμείτε να γίνει η δήλωση. Forma_LC.php Επιλέγεται το εργαστήριο των Λογικών Κυκλωμάτων και αυτόματα εμφανίζεται η ηλεκτρονική δήλωση εισαγωγής στοιχείων και με τα εργαστήρια που είναι διαθέσιμα π.χ Πέμπτη Ε1,Ε2,Ε3. Forma_DS.php Επιλέγεται το εργαστήριο των Ψηφιακών Συστημάτων και αυτόματα εμφανίζεται η ηλεκτρονική δήλωση εισαγωγής στοιχείων και με τα εργαστήρια που είναι διαθέσιμα π.χ Παρασκευή Ε1,Ε2,Ε3. Forma_MM.php Επιλέγεται το εργαστήριο των Μικροϋπολογιστών I - Προγραμματισμός σε γλώσσα Assembly και αυτόματα εμφανίζεται η ηλεκτρονική δήλωση εισαγωγής στοιχείων και με τα εργαστήρια που είναι διαθέσιμα π.χ Τρίτη Ε1,Ε2,Ε3. Check_LC.php Ελέγχονται τα στοιχεία που έχουν δηλωθεί για το εργαστήριο των Λογικών Κυκλωμάτων. Check_DS.php Ελέγχονται τα στοιχεία που έχουν δηλωθεί για το εργαστήριο των Ψηφιακών Συστημάτων.
Check_MM.php Ελέγχονται τα στοιχεία που έχουν δηλωθεί για το εργαστήριτων Μικροϋπολογιστών I -Προγραμματισμός σε γλώσσα Assembly. Login_Admin.htm Είναι η ιστοσελίδα εισόδου του Υπεύθυνου, των εργαστηρίων Λογικών Κυκλωμάτων, των Ψηφιακών Συστημάτων ή Μικροϋπολογιστών I -Προγραμματισμός σε γλώσσα Assembly. control_admin.php Είναι η ιστοσελίδα όπου πληκτρολογείται από τον Υπεύθυνο το προσωπικό του Username και Password για να εισέλθει στην Web σελίδα επιλόγων 1. Δημιουργία νέου Υπεύθυνου διαχειριστή εργαστηρίων 2. Ανάκτηση αποτελεσμάτων εγγραφής των εργαστηρίων Λογικά Κυκλώματα, Ψηφιακά Συστήματα, Μικροϋπολογιστές I Προγραμματισμός σε γλώσσα Assembly. choice.htm Εμφάνιση επιλογών του υπεύθυνου εργαστηρίων. 1. Δημιουργία νέου Υπεύθυνου διαχειριστή εργαστηρίων 2. Εμφάνιση αποτελεσμάτων των εγγραφόμενων σπουδαστών στα εργαστήρια Λογικά Κυκλώματα, Ψηφιακά Συστήματα, Μικροϋπολογιστές I -Προγραμματισμός σε γλώσσα Assembly. lnsert_admin.php Δημιουργία νέου Υπεύθυνου διαχειριστή των εργαστηρίων Λογικά Κυκλώματα, Ψηφιακά Συστήματα, Μικροϋπολογιστές I Προγραμματισμός σε γλώσσα Assembly. Αναζήτηση των εγγραφόμενων σπουδαστών στα εργαστήρια Λογικά Κυκλώματα, Ψηφιακά Συστήματα, Μικροϋπολογιστές I Προγραμματισμός σε γλώσσα Assembly. results.php Εμφάνιση αποτελεσμάτων των εγγραφόμενων σπουδαστών στα εργαστήρια Λογικά Κυκλώματα, Ψηφιακά Συστήματα, Μικροϋπολογιστές I -Προγραμματισμός σε γλώσσα Assembly.
Διάγραμμα ροής της προσωπικής ιστοσελίδας του Καθηγητή Βιομηχανικής Πληροφορικής Δημήτριου Πογαρίδη. ά
Κεφάλαιο 5
Ανάλυση κώδικα Εξωτερικά φύλλα στυλ Τα εξωτερικά φύλλα στυλ βρίσκονται έξω από το έγγραφο HTML και είναι ιδανικά για να δίνεται την ίδια εμφάνιση σε μια ολόκληρη ομάδα εγγράφων HTML. Το περιεχόμενο ενός εξωτερικού φύλλου στυλ ( χωρίς τις ετικέτες <STYLE> <STYLE>), αποθηκεύεται σε ξεχωριστό αρχείο κειμένου με προέκταση.css και καλείται από το κυρίως έγγραφο HTML με μια ετικέτα της μορφής: <LINK REL= stylesheertype= text/css HREF=0vopa αρχείου.css> <link rel= stylesheet href= style.css type= text/css > H οποία τοποθετείται στο τμήμα HEAD του εγγράφου. Κάθε σύνολο ιδιοτήτων πρέπει να περικλείεται από άγκιστρα. Μπορείτε να δημιουργήσετε υποκατηγορίες ιδιοτήτων με τη χρήση των κλάσεων. UNKNOWN { MARGIN-TOP: Ορχ; FONT-SIZE: 12ρχ; MARGIN-BOTTOM: Ορχ; MARGIN-LEFT: Ορχ; COLOR: black A:link{ COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif A:visited { COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif A: hover{ COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif A.footernav:link { FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif A.footernav:visited { FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; bold: A.footernav:hover { FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; bold:.leftnavheader { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT- STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif.header{
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #d00000; FONT- STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif.headerz { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #666666; FONT- STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif.copyright { FONT-SIZE: lopx; FONT-FAMILY: Arial, Helvetica, sans-serif UNKNOWN { FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #dd0000; FONT- FAMILY: Arial, Helvetica, sans-serif Irgi FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT- FAMILY: Arial, Helvetica, sans-serif wa10 { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none.quote { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none.author { FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none.walobold { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT- FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT- FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none.co10 { FONT-SIZE: 12px; FONT-FAMILY: "Courier New", Courier, mono.watored { FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif.watoblue { FONT-SIZE: 12px; COLOR: #0000dd; FONT-FAMILY: Arial, Helvetica, sans-serif A.inline:hover {
FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif: TEXT-DECORATION: none; bold: A.inline:link { FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif A.inline:visited { FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; bold: A.nav:hover { FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; bold: A.nav:link { FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none A.nav:visited { FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; bold: A.smalhhover { FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; bold: A.smalLlink { FONT-SIZE: lopx; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif A.smalhvisited { FONT-SIZE: lopx; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; bold: A.nav2:link { FONT-SIZE: 11 px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none A.nav2:hover { FONT-SIZE: llp x ; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; bold: A.nav2:visited { FONT-SIZE: llp x ; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; bold:,lrg_white { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff; FONT- FAMILY: Arial, Helvetica, sans-serif
walogrey { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT- FAMILY: Arial, Helvetica, sans-serif P10{ FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT- FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none.login { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; FONT- STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif.standout { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT- FAMILY: Arial, Helvetica, sans-serif.notice { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT- FAMILY: Arial, Helvetica, sans-serif.loginblack { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT- STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif.indent { MARGIN-LEFT: 40px Ιδιότητες και τιμές Πιο κάτω φαίνονται μερικές ιδιότητες στυλ και οι αντίστοιχες τιμές τους. Για μια λεπτομερή ενημέρωση πάνω στις ιδιότητες καθώς και σε πολλά θέματα που αφορούν τα φύλλα επάλληλων στυλ μπορείτε να ανατρέξετε στην ιστοσελίδα : www.htmlhelp.com Ιδιότητα Τιμές Font-family: family- Όπου family-name το όνομα της γραμματοσειράς name Π.χ Font-family:Verdana,Aria,Helvetica,sans-serif. Font-style:value Μπορεί να πάρει τιμές normal ή italic ή oblique. Font-weight:value Mπopεi να πάρει τιμές normal, bold, bolder, lighter, 100, 2 00, 3 00, 4 00, 5 00, 6 00, 7 00, 800, 900 π.χ font-weight: normal. Font-size:size Μπορεί να πάρει τις τιμές xx-small, x-small, medium, large, xx-large. Μπορεί να πάρει συγκεκριμένες τιμές σε pixels π.χ font-size: 12ρχ; Colonvalue Ως τιμή χρησιμοποιείται η τιμή του χρώματος σε
Backround-colonvalue Word-spacing:value Letter-spacing;value Text-decoration:value μορφή #rrggbb(red-green-blue) ή ένα καθορισμένο όνομα χρώματος όπως green. Ως τιμή χρησιμοποιείται η τιμή του χρώματος φόντου όπως προηγουμένως ή λέξη transparent για διαφανές φόντο. Η απόσταση μεταξύ των λέξεων. Η τιμή είναι ένας αριθμός σε pixel ή σε σημεία. Η απόσταση μεταξύ των γραμμάτων. Η τιμή είναι ένας αριθμός σε pixel ή σε σημεία. Μπορεί να πάρει τιμές none, uderline, overline και Φόρμες Η φόρμα, σε συνδυασμό με ένα σενάριο που είναι γραμμένο σε javascript ή άλλη γλώσσα σας επιτρέπει να συγκεντρώσετε πληροφορίες από το χρήστη για να χρησιμσποιήσετε ή να τις αποθηκεύσετε. Μια φόρμα δημιουργείται με την ετικέτα <FORMx/FORM> και περιλαμβάνει διάφορα στοιχεία, όπως τα επόμενα : Πλαίσιο κειμένου. Ένα πλαίσιο κειμένου δημιουργείται με την ετικέτα <INPUT ΤΥΡΕ= ΤΕΧΤ ΝΑΜΕ= όνομα SIZE= n > όπου η είναι ο αριθμός των χαρακτήρων του πλαισίου κειμένου. Παράδειγμα : <input type= text class= mb1 name= apo size= 10 > Περιοχή κειμένου. Μια περιοχή μπορεί να περιέχει πολλές γραμμές κειμένου. Δημιουργείται με την ετικέτα : <TEXTAREA ΝΑΜΕ= όνομα ROWS="n COLS= n ></TEXTAREA> Παράδειγμα : «TEXTAREA NAME= address" ROWS= 5 COLS= 50 > </TEXTAREA> Ραδιόπληκτρο. Από μια ομάδα ραδιοπλήκτρων μπορεί να επιλεγεί μόνο το ένα. Η δημιουργία τους γίνεται με την ετικέτα; <INPUT TYPE= RADIO ν Α ίυ Ε = τιμή CHECKED (προαιρετικά)> Πλαίσια ελέγχου. Ενώ τα ραδιόπληκτρα δέχονται μια μόνο απάντηση ανά ομάδα, στα πλαίσια ελέγχου μπορείτε να επιλέξετε όσα από αυτά θέλετε. Για να δημιουργήσετε ένα πλαίσιο ελέγχου χρησιμοποιείται την ετικέτα : <INPUTTYPE="checkbox ν Α ίυ Ε = " τ ιμ ή CHECKED (προαιρετικό) Πλαίσιο καταλόγου. Όταν θέλετε να επιλέξετε μεταξύ πολλών τιμών, χρησιμοποιείται μια ετικέτα πλαισίου καταλόγου <SELECT> </SELECT>. Μέσα στην ετικέτα τοποθετείται η ετικέτα <ΟΡΤΙΟΝ>, της οποίας η ιδιότητα value περιέχει το αναγνωριστικό κάθε στοιχείου της λίστας.
Παράδειγμαί ; Δήλωση Εργαστηρίων στο μάθημα Μικροεπεξεργαστών I- Προγραμματισμός σε γλώσσα AssemblY Επώνυμο Ονομα Αρ.Μητρώου Εξάμηνο Τρίτη Ε 1 (14 :0 0-16 :0 0 ) Ε2 (16 :0 0-18 :0 0 ) Ε 3 ( 18:00-20:00) I (Κεφαλαία Ελληνικό) I (Κεφαλαία Ελληνικό) (Αριθμός) (Αριθμός) <TABLE width="87%" border=0 align="center" cellpadding=2 cellspacing=0> <TBODY> <TR> <TD width="100%" colspan=2 align=left valign=top bgcolor=#666666> <div align="left"> <TABLE width="100%" border=0 align="left" cellpadding^o cellspacing=0 bgcolor=#ffffff> <TBODY> <TR> <TD height=88 colspan=2 bordercolor="#999999" bgcolor=#cac6aexdiv align="center"><font color="#000000" size="5" face="verdana, Arial, Helvetica, sans-serif">δήλωση Εργαστηρίων στο μάθημα Μικροεπεξεργαστών I- Προγραμματισμός σε γλώσσα Assembly </font></divx/td> <7TR> <TR> <TD width="47%" align=middle bordercolor="#999999"> <FORM name^checkform action=check_mm.php method=post enct ype=x-www-form-u rlencoded> <P align="center" class=header> </P> <TABLE cellspacing=0 cellpadding^o width="93% border=0> <TBODY> <TR>
<TD width=185 height="24"xspan class=wa1 Oboldxfont size="3" face="verdana, Arial, Helvetica, sansserif">eπώvuμo</fontx/spanχ/td> <TD width="144"xinput type="text" name="epwnimo" size="30" maxlength="25" title=έπώvuμo"χ/td> <TD w idth=288xem xfonl οοιθγ="#ρροοοο">(κεφαλαία EAAnviKd)</fontx/emx/TD> </TR> <TR> <TD widths 185 height="23"xfont color="#000000" size="3" face="verdana, Arial, Helvetica, sansserif"χstrong>ovoμα</strongχ/fontχ/td> <TD xinput type="text" name="onoma" size="30" maxlength="25" title="όvoμα" ></TD> <TD w idth=288xem xfont color="#ffoooo">(kεφαaαία EAAnviK0)</fontx/emx/TD> <rrr> <TR> <TD colspan=3 height=2xlmg height=1 src="../login.files/transp.gif" width=1 ></TD> </TR> <TR> <T D xstrongxfont color="#000000" face="verdana, Arial, Helvetica, sans-serif">ap.mητpώou</fontχ/strongχ/td> <TDxinput type="text" name="aenn" title="ap. Μητρώου"> </TD> <TDxem xfont color="#ffoooo">(api0p0q)</fontx/emx/td> </TR> <TR> <TD height=''39"xfont color="#000000" face="verdana, Arial, Helvetica, sans-serif"χstrong>eξάμηvo</strongχ/fontχ/td> <TD xinput type="text" name="examino" title="eξάμηvo"χ/td> <TDxem xfont color="#ffoooo''>(apιθμός)</fontχ/emχ/td> </TR> <TR> <TD xfont face="verdana, Arial, Helvetica, sansserif"> :</fontx/td> <TD colspan="2"xstrongxfont color="#000000" face="verdana, Arial, Helvetica, sans-serif"> El (14:00-16:00)</fontx/strongx/TD> </TR> <TR> <TD xfont color="#000000" face="verdana, Arial, Helvetica, sans-serif"xstrong>tpitn</strongx/fontx/td> <TD colspan="2''xstrongxfont color="#000000" face="verdana, Arial, Helvetica, sans-serif">
Ε2 (16:00-18:00)</font></strongx/TD> </TR> <TR> <TD xfont face="verdana, Arial, Helvetica, sansserif"> :</fontx/td> <TD colspan="2"xstrongxfont color="#000000" face=''verdana, Arial, Helvetica, sans-serif"> E3 (18:00-20:00)</fontx/strongxyTD> </TR> <TR> <TD width=185 height="110"> <DIV align=center> <p> </p> <pxb R > </p> </DIV><rrD> <TD colspan="2"> <p> <select name="choice"> <option selected>e1</option> <option>e2</option> <option>e3</option> </select> </p> <P> <input name^login type^image id="login" tabindex=4 title=kαταχώpηση value^login onclick=''closewindow()" src="../login.files/button_login_page.gif" alt^login align=''middle" width=203 height=28 border=0 action=ok.php> </px/td > <rrr> </TBODY> </TABLE> <p> :</p> </FORM> <HR width="85%" noshade SIZE=1> <FONT face="arial, Helvetica, sans-serif" color=#ccooooxbx/bx/fontx/td> </TR> <TR align=middle> <TD height="40" colspan=2 bordercolor="#999999"xbr> <rro> </TR> <η ΒΟΟΥ> </TABLE> </divx/td> </TR> </TBODY> <ATABLE>
Παράδειγμα 2 : Καλώς ήρθατε στην ηλεκτρονική δήλωση των εργαστηρίων. Κωδικός Χρήστη Κωδικός Πρόσβασης [ <TABLE cellspacing=0 cellpadding^o width="100%" bgcolor=#ffffff border=0> <TBODY> <TR> <TD height=25 colspan=2 bordercolor="#999999" bgcolor=#cac6ae> </TD> </TR> <TR> <TD width="47%" align=middle bordercolor="#999999"> <FORM name=loginform action=control_admin.php method=post enct ype=x-www-form-u rlencoded> <P align="center" ciass=header><br> <font color="#000000" face="verdana, Arial, Helvetica, sans-serif "><strong> Καλώς ήρθατε στην ηλεκτρονική δήλωση των εργαστηρίων. </strong></fontx/p> <HR width="85%" noshade SIZE=1> <p> </p> <TABLE cellspacing=0 cellpadding^o width="86%" border=0> <TBODY> <TR> <TD width=187 height="24''xspan class=wa10boldxfont size="3" face="verdana, Arial, Helvetica, sansserif">kωδικός Χρήστη </fontx/spanx/td> <TD width="324"> <INPUT title=''username" tablndex=1 maxlength="8" name=usernamex/td> <TD width=113> </TD> </TR> <TR>
<TD width=187> <SPAN class=wa10boldxfont size="3" face="verdana, Arial, Helvetica, sans-serif">kωδικός Πρόσβασης </font></span><ntd> <TD><INPUT title="password" tablndex=3 maxlength="8 type=password name=passwordx/td> <TD width=113> </TD> <7TR> <TR> <TD colspan=3 height=7xlmg height=1 src="login.files/transp.gif width=1 ></TD> </TR> <TR> <TD width=187> <DIV align=center> <BR> </DIVx/TD> <TD colspan="2"> <p> <INPUT name=login type=image tablndex=4 1ί1Ισ=Είσοδος value^login onclick="closewindow()" src="login.files/button_login_page1.gif" alt=login align="left" width=203 height=28 border=0> </px7td> </TR> </TBODY> </TABLE> </FORM> <HR width="85%" noshade SIZE=1> <FONT face="arial, Helvetica, sans-serif" color=#ccooooxbx/bx/fontx/td> <7TR> <TR align=middle> <TD colspan=2 bordercolor="#999999"xbr> </TD> <7TR> </TBODY> </TABLE> <FORM name^lcginform action=control.php method^post enctype=x-www-form-urlencoded> <P align="center" class=header> <INPUT title="username" tablndex=1 maxlength="8" name=username> <INPUT title="password" tablndex=3 maxlength="8" type=password name=password> <INPUT name=login type^image tablndex=4 title=eiσoδoς value=login onclick="closewindow()"
src="login.files/buttonjogin_page1.gif" alt^login align="left" width=203 height=28 border=0> Τα κουμπιά υποβολής φόρμας. Οι πληροφορίες που συμπληρώνεται σε μια φόρμα έχουν αξία εφόσον υποβληθούν στον διακοσμητή. Για το λόγο αυτό υπάρχει το κουμπί υποβολής (Submit). Για να δημιουργήσετε ένα κουμπί υποβολής γράφετε : <INPUT TYPE= submit \/ΑΓυΕ= μήνυμα > Φόρμες σε συνδυασμό με την ΡΗΡ Ένα από τα πιο ισχυρά χαρακτηριστικά της ΡΗΡ είναι ο τρόπος που χειρίζεται τις HTML φόρμες (forms). Η βασική ιδέα είναι να γίνει κατανοητό πώς οποιοδήποτε στοιχείο της φόρμας θα γίνει διαθέσιμο στο ΡΗΡ script. <FORM name=loginform action=control.php method=post > <INPUT title="username" tablndex=1 maxlength="8 name=username> <INPUT title="password" tablndex=3 maxlength="8" type=password name=password> <INPUT name=login type^image tablndex=4 title=eίσoδoς value=login onclick="closewindow()" src="login.files/buttonjogin_page1.gif" alt=login align="left" width=r203 height=28 border==0> </ FORM> Εισάγεται το κείμενο που αντιστοιχεί στη μεταβλητή password Εισάγεται το κείμενο που αντιστοιχεί στη μεταβλητή αρχείο Πατώντας το κουμπί αυτόματα καλούμε το control, php To αρχείο control.php περιέχει τον παρακάτω κώδικα: <?php Tags της ΡΗΡ δηλώνει ότι περιέχει ΡΗΡ κώδικα Διαμόρφωση της σύνδεσης με τη βάση δεδομένων data όπου διαβάζονται και γράφονται τα δεδομένα //connect to server and select database
$conn = mysql_connect("localhost", "root", "") or die(mysql_error()); mysqlselect_db("data",$conn) or die(mysqlerror()); δγίμιουργία ερωτήματος στη βάση δεδομένων data στον ττίνακα student όττου ελέγχονται αν υπάρχουν τα δεδομένα username, password τα οποία δίνει ο χρήστης. //create and issue the query $password=$_post['password']: $username=:$_post['username']; $sql = "select * from student where username = '$username' AND password = '$password'"; $result = mysql_query($sql,$conn) or die(mysql_error()): ανακαλώντας τα αποτελέσματα του ερωτήματος $num=mysql_numrows($result); $i=0; while ($i < $num) { $username=mysql_result($result,$i,"username"); $password=mysql_result($result,$i,"password"): ++$i; //get the number of rows in the result set; should be 1 if a match if (mysql_num_rows($result) == 1) { mysql_close($conn); στην περίπτωση όπου τα δεδομένα είναι αληθή εκτυπώνει τα περιεχόμενα των μεταβλητών $aisg, $msg2, $oisg3. //prepare message for printing, and user menu $msg = "<ul><li>ria να δηλώσετε το εργαστήριο Λογικών Κυκλωμάτων κάντε κλικ <a href=\"forma_lc.php\">εδώ</a></ul>": $msg1= "<υιχιί>πα να δηλώσετε το εργαστήριο Ψηφιακών Συστημάτων κάντε κλικ <a href=\"forma_ds.php\">εδώ</a></ul>"; $msg2 = "< ulxli> ria να δηλώσετε το εργαστήριο Μικροϋπολογιστών - Προγραμματισμός σε γλώσσα Assembly κάντε κλικ <a href=\"forma_mm.php\">εδώ</aχ/ul>": διαφορετικά εάν είναι ψευδή του επαναφέρει την σελίδα εισαγωγής Login.htm else { //redirect back to login form if not authorized
header(" Location; Logi n. htm"); exit;?> κλείσιμο του Tag της PHP. Τέλος κώδικα PHP Ο αντίστοιχος κώδικας ισχύει και για την εισαγωγή τουυπεύθυνου εργαστηρίου στην Login_Admin.htm. Η μόνη διαφορά είναι ότι καλείται το controladmin.php για τον έλεγχο των στοιχείων και ελέγχει διαφορετικό πίνακα και εμφανίζει διαφορετικά αποτελέσματα κατά την επιτυχή του είσοδο. $sql = "select * from Administrator where username =='$username' AND password = '$password'"; $result = mysql_query($sql,$conn) or die(mysqlerror()); $msg = "<υιχή3>είσοδος στην ιστοσελίδα του Υπεύθυνου καθηγητή για τα εργαστήρια:</μ3><ότ><άτχ/ότ> <br> <strongxli><h3> Λογικά Κυκλώματα < b rxli> Ψηφιακά Συστήματα <άτχιί>μικροϋπολογιστές I -Προγραμματισμός σε γλώσσα Assembly.c/h3> <br>rια να συνεχίσετε πατήστε <a hrθf=\"choίce.htm\">εδώ</aχ/ulx/strong>''; Στη συνέχεια και αφού έχουν εισαχθεί τα σωστά στοιχεία από τον σπουδαστή εμφανίζεται η φόρμα δήλωσης απαραίτητων στοιχείων για τα εργαστήρια Forma_LCphp(AoYiK0 Κυκλώματα),, Forma_DS.php(Ψηφιακά Συστήματα), Forma_MM.php(Mικpoεπεξεpγαστώv Ι-Προγραμματισμός σε γλώσσα Assembly). Επώνυμο Ονομα Αρ.Μητρώου Εξάμηνο Πέμπτη Ε1 (14:00-16:00) Ε2 (16:00-18:00) Ε3 (18:00-20:00) [εϊτϋ] C ΚαταχώρηοΓΐ ^