Τ.Ε.Ι. ΚΑΒΑΛΑΣ ΤΜΗΜΑ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΔΙΑΧΕΙΡΙΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΠΛΗΡΟΦΟΡΙΩΝ Σχεδιασμός και ανάπτυξη δυναμικής ιστοσελίδας του Γραφείου Διασύνδεσης του Τ.Ε.Ι Καβάλας, με χρήση του συστήματος διαχείρισης βάσεων δεδομένων MySQL και των γλωσσών HTML και PHP Φουντάνας Άγγελος Ιούλιος 2007 Επόπτης Καθηγητής Βασίλειος Χατζής Εκπονηθείσα πτυχιακή εργασία απαραίτητη για την κτήση του βασικού πτυχίου
Ευχαριστώ τον Κ. Βασίλειο Χατζή για την ανεκτίμητη, ανά πάσα στιγμή διαθέσιμη, βοήθεια του, καθ όλη τη διάρκεια της εποπτείας του στο έργο αυτό. Επίσης, το προσωπικό του Γραφείου Διασύνδεσης, για την παρακίνηση ιδεών και την παροχή σύγχρονου περιβάλλοντος εργασίας. Επιπλέον, ευχαριστώ την οικογένεια μου, για την συμπαράσταση και υπομονή που ανιδιοτελώς επέδειξε. Τέλος, ιδιαίτερη μνεία στον σκύλο μου Oliver και την νεουποδεχθείσα ανιψιά μου, Αριάδνη, για την ευχάριστη συντροφιά τους και τις περίτεχνες προσφορές διαλειμμάτων. Σελ 2 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Περιεχόμενα Κεφάλαιο 1: Εισαγωγή.5 Κεφάλαιο 2: 2. Η Δομή 6 2.1 Το Γραφείο Διασύνδεσης.... 7 2.2 On-line Εγγραφή μέλους......8 2.3 Πληροφόρηση.... 8 2.4. Θέσεις Εργασίας....9 2.5 Δραστηριότητες.. 10 2.6 Επικοινωνία 11 2.7 Το δεξί μέρος της Ιστοσελίδας.14 Κεφάλαιο 3: 3. Πλαισίωση γραφικών...16 Κεφάλαιο 4: 4. Βάσεις δεδομένων....17 4.1 Ο πίνακας gd_member...17 4.2 O πίνακας gd_user_login...19 4.3 O πίνακας gd_company.20 Σελ 3 από 63
4.4 O πίνακας gd_company_login.21 4.5 O πίνακας practice_apply_pos 22 4.6 O πίνακας depts_app...22 Κεφάλαιο 5: 5. Menu Περιήγησης....24 5.1 Γενικές πληροφορίες... 24 5.2 Ανάλυση κεντρικού menu..24 5.3 Ανάλυση κεντρικού menu..26 5.3.1 Οι κύριοι περιέκτες.26 5.3.2 Οι επεκτάσεις υπομενού 27 5.4. Η συνάρτηση function alert().27 Κεφάλαιο 6: 6. Μηχανισμοί......28 6.1 Μηχανισμός εμφάνισης Ημερομηνίας. 28 6.2 Μηχανισμός Newsflash.28 6.3 Μηχανισμός διαβάθμισης χρώματος φόντου...30 6.4. Μηχανισμός φόρμας αποστολής e-mail...30 6.5 Μηχανισμός απενεργοποίησης δεξί κλικ....31 6.6 Σύστημα κυκλοφορίας χρήστη..31 6.6.1 Μηχανισμός register μέλους. 31 6.6.2 Μηχανισμός login μέλους..36 Σελ 4 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου 6.6.3 Μηχανισμός logout μέλους. 38 6.7 Σύστημα κυκλοφορίας Εταιρίας - χρήστη.38 6.7.1 Μηχανισμός register Εταιρίας - μέλους 38 6.7.2 Μηχανισμός login Εταιρίας - μέλους.....40 6.7.3 Μηχανισμός logout Εταιρίας - μέλους... 41 6.8 E-mail address scrambler..41 Κεφάλαιο 7: 7. Portal Διαχείρισης...42 7.1 Μηχανισμός εισόδου Διαχειριστή συστήματος..42 7.2 Διαχείριση εγγραφής μελών.44 7.3 Διαχείριση εγγραφής πρακτικών..45 7.4. Αναφορά επισκεψιμότητας..45 Κεφάλαιο 8: 8. Φόρμες εισαγωγής δεδομένων.......47 8.1 Φόρμα εγγραφής μέλους....47 8.2 Φόρμα εγγραφής εταιρίας-μέλους....53 8.3 Φόρμα αίτησης προσφοράς εργασίας..56 Συμπεράσματα :....61 Βιβλιογραφία :.62 Παράρτημα :.63 Σελ 5 από 63
ΚΕΦΑΛΑΙΟ 1 1. Εισαγωγή Η παρούσα εργασία αφορά στη δημιουργία μιας δυναμικής ιστοσελίδας με σκοπό την εξυπηρέτηση των αναγκών εκσυγχρονισμού της ηλεκτρονικής παρουσίας του Γραφείου Διασύνδεσης του Τ.Ε.Ι Καβάλας. Τέτοιες ανάγκες εκσυγχρονισμού αφορούν στην ηλεκτρονική διευκόλυνση του χρήστη με σκοπό την εύκολη προσέγγιση του προς το Γραφείο Διασύνδεσης, και την απρόσκοπτη ενημέρωση του από αυτό, για όλα τα θέματα που τον απασχολούν ανάλογα την ιδιότητα και τις απαιτήσεις του. Επιπλέον, η ηλεκτρονική διευκόλυνση της επιχείρησης που καταβάλλει προσπάθεια προσέγγισης του δυνητικού εργατικού δυναμικού της, κρίνεται επίσης ως στόχος εκσυγχρονισμού. Έτσι, δημιουργείται μια σειρά υπηρεσιών που καθιστούν προσβάσιμες μια πληθώρα πληροφοριών που μέχρι τώρα, μόνο με φυσική παρουσία έντυπο υλικό μπορούσαν να κυκλοφορήσουν. Επιπλέον ενδυναμώνει την ποιότητα επικοινωνίας που συνδυάζοντας ταχύτητα, ευκολία και αξιοπιστία, φέρει όλους τους παράγοντες που περιστρέφονται γύρω από τον σκοπό λειτουργίας του Γραφείου Διασύνδεσης, ένα βήμα πιο κοντά. Σελ 6 από 63
ΚΕΦΑΛΑΙΟ 2 2. Η Δομή Το κύριο σώμα της ιστοσελίδας αποτελείται από δύο Frames χωρισμένα οριζόντια κατά 76% και * αντίστοιχα. Φτάνοντας στην αρχική σελίδα το αριστερό Frame συμπληρώνεται από το gd_main.htm και το δεξιά από το right_frame.php. Στην κορυφή του αριστερού Frame και για ύψος περίπου 180 px είναι το γραφικό μέρος της σελίδας. Αυτό φιλοξενεί το σήμα του Τ.Ε.Ι Καβάλας, την φράση Γραφείο Διασύνδεσης, και την ημερομηνία από ένα Javascript σε μια οριζόντια γραμμή, πάντα σε κατάλληλο χρώμα, και με κίτρινο χρώμα γραμματοσειράς, με σκοπό να διακρίνεται εύκολα η ημερομηνία. Κάτω από το μέρος αυτό βρίσκεται το menu περιήγησης στον ιστοχώρο (Βλ. εικόνα 2-0), σε όλες τις σελίδες αυτού ανεξαιρέτως. Η κυκλοφορία ανάμεσα στις σελίδες αλλάζει τις σελίδες μόνο στο αριστερό μέρος της οθόνης καθώς το δεξί μέρος βρίσκεται διαρκώς στην επιφάνεια και δεν αλλάζει θέση ούτε μορφή, παρά μόνο όταν ο χρήστης εισέλθει στην περιοχή μελών, όπου και φεύγει, λόγω ανύπαρκτης χρησιμότητας. Στο κάτω μέρος της αριστερής πλευράς υπάρχει το σήμα του Ε.Π.Ε.Α.Ε.Κ, το σήμα και η ονομασία του Γραφείου Διασύνδεσης. Κάτω από αυτά βρίσκεται ο αριθμός των επισκεπτών που έχουν προσβάσει στον ιστοχώρο μέχρι την δεδομένη χρονική στιγμή. Σελ 7 από 63
Κεφάλαιο 2 : Η Δομή Εικόνα 2-0 2.1. Το Γραφείο Διασύνδεσης Εικόνα 2-1 Κάνοντας κλικ στο Γραφείο Διασύνδεσης βρισκόμαστε στην αρχική σελίδα, όπου ακριβώς βρισκόμαστε όταν απλά πληκτρολογήσουμε την διεύθυνση του χώρου στη γραμμή διευθύνσεων, όπου βρίσκουμε γενικές πληροφορίες για την χρησιμότητα, τον σκοπό ύπαρξης και την λειτουργία του Γραφείου Διασύνδεσης [6]. Στον σύνδεσμο Γραφείο διασύνδεσης>στελέχη (Βλ. εικόνα 2-1), βρίσκουμε μερικές πληροφορίες για τα στελέχη του γραφείου, όπως όνομα, ιδιότητα, e-mail και τηλέφωνο. Τα ονόματα Σελ 8 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου συνδέονται άμεσα, το καθένα χωριστά με ένα pop-up παράθυρο με μια φωτογραφία και μια σύντομη περιγραφή της ιδιότητας και των δραστηριοτήτων τους. Προχωρώντας στο Γραφείο Διασύνδεσης>Που βρισκόμαστε; Συναντάμε ένα μικρό Flash επέκτασης *.swf το οποίο δείχνει τη διαδρομή από την είσοδο του ιδρύματος μέχρι και το Γραφείο Διασύνδεσης, με 8 διαδοχικά εμφανιζόμενα κόκκινου χρώματος βέλη. Εδώ επίσης συναντάμε και τις διευθύνσεις, τηλέφωνα και e-mail επικοινωνίας του Γραφείου Διασύνδεσης καθώς και του περιφερειακού γραφείου της Δράμας. 2.2. On-line Εγγραφή μέλους Εικόνα 2-2 Ενεργοποιώντας τον σύνδεσμο On-line Εγγραφή μέλους (Βλ. εικόνα 2-2) μπαίνουμε στο έντυπο εγγραφής μέλους στο Γραφείο Διασύνδεσης. Εδώ ο χρήστης μπορεί να γίνει μέλος και αποδέκτης των υπηρεσιών του Γραφείου Διασύνδεσης, συμπληρώνοντας τα προσωπικά του στοιχεία στην φόρμα, και λαμβάνοντας ένα username και password για πρόσβαση του στο σύστημα. 2.3. Πληροφόρηση Εικόνα 2-3 Σελ 9 από 63
Κεφάλαιο 2 : Η Δομή Με κλικ στο Πληροφόρηση (Βλ. εικόνα 2-3) βρισκόμαστε σε μια εκτενή ενημέρωση των επίκαιρων Μεταπτυχιακών προγραμμάτων, ο ίδιος σύνδεσμος που θα εμφανιστεί στο Πληροφόρηση>Μεταπτυχιακά Προγράμματα. Στο Πληροφόρηση>Επαγγελματικά Δικαιώματα βρίσκουμε τα τμήματα που απαρτίζουν τις τρεις σχολές του Τ.Ε.Ι Καβάλας. Κάνοντας κλικ σε κάποιο από αυτά ανοίγει σε νέο παράθυρο το αρχείο κειμένου *.doc, με τις σχετικές πληροφορίες. Στον σύνδεσμο Πληροφόρηση>Ευρωπαϊκά Προγράμματα βρίσκουμε πληροφορίες σχετικά με τους υπεύθυνους του ιδρύματος για τα Ευρωπαϊκά Προγράμματα [6]. Στον σύνδεσμο Πληροφόρηση>Συμβουλευτική Εργασίας συναντάμε υποδείγματα σύνταξης εντύπων και χρήσιμες οδηγίες και συμβουλές επί του θέματος εξεύρεση εργασίας. Κάνοντας κλικ στο Πληροφόρηση>Υποτροφίες συναντάμε πληροφορίες για την διαχείριση και τον τρόπο λειτουργίας και απονομής υποτροφιών στην χώρα μας. 2.4. Θέσεις Εργασίας Εικόνα 2-4 Εν συνεχεία, με κλικ στο Θέσεις Εργασίας (Βλ. εικόνα 2-4)., όπως και στο Θέσεις Εργασίας>Θέσεις Εργασίας On-line, βρίσκουμε πληροφορίες σχετικά με ιστοχώρους που διαθέτουν υποδομή προσφοράς εργασίας On-line [6]. Στο Θέσεις Εργασίας>Έντυπο προσφοράς εργασίας συναντάμε το έντυπο που πρέπει να συμπληρώσει μια επιχείρηση για να γίνει μέλος του Γραφείου Διασύνδεσης και να μπορεί να αιτείται για φοιτητές προς πρακτική, μόνιμη ή μερικής απασχόλησης εργασία. Εδώ υπάρχει επίσης και η μηχανή Σελ 10 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου εισόδου των ήδη μελών-επιχειρήσεων, απ όπου μπορούν να εισέλθουν για να καταθέσουν προσφορά εργασίας (Βλ. εικόνα 2-4.1). Εικόνα 2-4.1 Στο Θέσεις εργασίας>θέσεις Μόνιμης Εργασίας ανοίγει ένα αρχείο κειμένου τύπου *.doc που περιέχει τις τελευταίες ενημερώσεις του Γραφείου Διασύνδεσης σχετικά με θέσεις μόνιμης εργασίας που απασχολούν τους αποφοίτους των τμημάτων του Τ.Ε.Ι Καβάλας. 2.5. Δραστηριότητες Εικόνα 2-5 Σελ 11 από 63
Κεφάλαιο 2 : Η Δομή Στον σύνδεσμο Δραστηριότητες (Βλ. εικόνα 2-5), όπως και στο Δραστηριότητες>Εκδηλώσεις, εμφανίζεται μια λίστα με εκδηλώσεις που το Γραφείο Διασύνδεσης έχει πραγματώσει [6]. Κάνοντας κλικ σε κάποια από τις κεφαλίδες ανοίγει το σχετικό *.doc. Στο Δραστηριότητες>Περιοδικές Εκδόσεις βρίσκουμε τα τεύχη της περιοδικής έκδοσης του Γραφείου Διασύνδεσης. Υλοποιημένο με ένα select menu, και το πλήκτρο επιλογή, μας οδηγεί στα περιεχόμενα του κάθε τεύχους, από το πρώτο έως και το τέταρτο όπου η έκδοση του διεκόπη. Στον σύνδεσμο Δραστηριότητες>Προβολή-ΜΜΕ συναντάμε τους τίτλους και τις ημερομηνίες έκδοσης των φύλλων που περιέχουν προβολή του Γραφείου Διασύνδεσης. Κάνοντας κλικ στους συνδέσμους εμφανίζεται η φωτογραφία του αντίστοιχου φύλλου σε μορφή *.Jpg. 2.6. Επικοινωνία Εικόνα 2-6 Ενεργοποιώντας τον σύνδεσμο Επικοινωνία (Βλ. εικόνα 2-6), όπως και στον σύνδεσμο Επικοινωνία>Επικοινωνήστε μαζί μας!, βρισκόμαστε ενώπιον της φόρμας επικοινωνίας με το Γραφείο Διασύνδεσης. Εδώ ο χρήστης μπορεί να αποστείλει το προσωπικό του μήνυμα, ανώνυμα αν ούτως επιθυμεί, ή μπορεί επίσης να συμπληρώσει το όνομα και την ηλεκτρονική του διεύθυνση. (Βλ. εικόνα 2-6.1). Σελ 12 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Εικόνα 2-6.1 Στη βάση υπάρχει το mail επικοινωνίας, αν κάποιος δεν διατίθεται να χρησιμοποιήσει την έτοιμη φόρμα, και στα δεξιά υπάρχει επίσης η μικρογραφία Ελληνικής και Αγγλικής σημαίας, που δίνουν την δυνατότητα να δούμε την φόρμα επικοινωνίας και στην Αγγλική γλώσσα, κάνοντας κλικ στην αντίστοιχη μικρογραφία. Στο Επικοινωνία>Τηλέφωνα συναντάμε ένα select menu που περιέχει όλες τις υπηρεσίες του Τ.Ε.Ι Καβάλας (Βλ. εικόνα 2-6.2) Σελ 13 από 63
Κεφάλαιο 2 : Η Δομή Εικόνα 2-6.2 Κάνοντας κλικ στο πλήκτρο επιλογή αφού ο χρήστης έχει ήδη επιλέξει την πληροφορία που θέλει να του εμφανιστεί, εμφανίζεται ο πίνακας με όλα τα σχετικά ονόματα, συνοδευόμενα από την ιδιότητα και το τηλέφωνο επικοινωνίας. Στην βάση κάθε πίνακα υπάρχει το ίδιο select menu έτσι ώστε να μην χρειαστεί να επιστρέψουμε πίσω για να συλλέξουμε κάποια άλλη πληροφορία (Βλ. εικόνα 2-6.3). Η οργάνωση των πληροφοριών έχει γίνει ανά τμήμα. Σελ 14 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Εικόνα 2-6.3 Συνεχίζοντας, με κλικ στο Επικοινωνία>Η πόλη βρίσκουμε δυο προτάσεις ιστοσελίδων, www.kavala.gr και www.kavalanet.gr, απ όπου μπορούμε να ενημερωθούμε για την πόλη της Καβάλας. Κάνοντας κλικ στο Επικοινωνία>Άλλα Γραφεία Διασύνδεσης (Βλ. εικόνα 2-6.4) βρισκόμαστε σε δύο select menu της ίδιας λογικής με εκείνο στο Επικοινωνία>Τηλέφωνα. Το πρώτο select menu αφορά τα Τ.Ε.Ι της χώρας, και το άλλο τα Α.Ε.Ι. Επιλέγοντας ίδρυμα και κάνοντας κλικ στο αντίστοιχο πλήκτρο επιλογή, συνδεόμαστε στον ιστοτόπο του ιδρύματος που επιλέξαμε. Εικόνα 2-6.4 2.7. Το δεξί μέρος της Ιστοσελίδας Το δεξί Frame της ιστοσελίδας (right_frame.php) (Βλ. εικόνα 2.7) φιλοξενεί Στην κορυφή του την μηχανή εισόδου στην περιοχή μελών. Έτσι, υπάρχουν δύο πλαίσια, για το όνομα χρήστη και τον κωδικό αντίστοιχα, η επιλογή Απομνημόνευση Κωδικού και το πλήκτρο Είσοδος. Παρακάτω συναντάμε την φράση «Επωφελήσου από τις υπηρεσίες Σελ 15 από 63
Κεφάλαιο 2 : Η Δομή μας, γίνε μέλος και εσύ!». Αυτή η φράση αποτελεί υπερσύνδεσμο στην On-line Εγγραφή μέλους, την φόρμα μέσω της οποίας μπορεί κάποιος να γίνει μέλος στο Γραφείο Διασύνδεσης. Παρακάτω η περιοχή καταλαμβάνεται από τον μηχανισμό τροφοδοσίας νέων, όπου τρέχουν τα νέα του Γραφείου Διασύνδεσης και τέλος, το πλήκτρο Περιοχή Διαχειριστή, απ όπου συνδέεται ο διαχειριστής του τόπου. Εικόνα 2.7 Σελ 16 από 63
ΚΕΦΑΛΑΙΟ 3 3. Πλαισίωση Γραφικών Όλα τα γραφικά της ιστοσελίδας σχεδιάστηκαν στο Adobe Photoshop CS. To φωτογραφικό περιεχόμενο, όπου αυτό συναντάται είναι ιδιοκτησία του Γραφείου Διασύνδεσης από, κατά καιρούς, φωτογραφικές δραστηριότητες στο ίδρυμα, για διάφορους σκοπούς. Οι καλλιτεχνικές μεταβολές σε αυτές έχουν επίσης γίνει με το Adobe Photoshop CS. Όλα τα γραφικά, εξαιρουμένων των φωτο-πορτραίτων των διοικητικών μελών του Γραφείου Διασύνδεσης και των άρθρων εφημερίδας, είναι μορφής *.gif, και διέπονται από τον κάλλιστο δυνατό συνδυασμό ποιότητας-μεγέθους, με σκοπό την επίτευξη άνετης και ευχάριστης περιήγησης στην ιστοσελίδα. Σελ 17 από 63
ΚΕΦΑΛΑΙΟ 4 4. Βάσεις Δεδομένων Η βάση Δεδομένων που στηρίζει την οργάνωση των δομών πληροφοριών του ιστοχώρου αυτού είναι στημένη σε Mysql Server 5.0 και στον υπολογιστή παρουσίασης λειτουργεί εγκατεστημένη σε Apache Server έκδοσης 2.2, με την PHP 5. Το όνομα της βάσης είναι GD, και αποτελείται από έξι (6) πίνακες. Επιπλέον, η σχεδίαση και διαχείριση των βάσεων δεδομένων καθ όλη την πορεία, έγινε με την εφαρμογή διαχείρισης MysqlCC[1]. Η στήλη μεταβλητή δείχνει την ονομασία των μεταβλητών που έρχονται από το html και καταχωρούνται στον πίνακα. Τα κελιά με την ένδειξη null έχουν την δυνατότητα να μείνουν ασυμπλήρωτα δίχως την πρόκληση οιουδήποτε προβλήματος στην ροή της συμπλήρωσης των βάσεων. Οι τιμές στη στήλη προεπιλογή είναι οι προεπιλεγμένες τιμές, που συμπληρώνονται στην βάση αν δεν υπάρξει κάποια τιμή να καταχωρηθεί στη θέση αυτή. Στην στήλη τύπος δείχνει τον τύπο της μεταβλητής, και η στήλη μήκος, το πλήθος των χαρακτήρων του τύπου που θα δεχτεί. Τέλος, η ένδειξη PK αντιπροσωπεύει πρωτεύον κλειδί, και η ένδειξη Auto incr. Το χαρακτηριστικό της αυτόματης αύξησης. 4.1. Ο πίνακας gd_member Ο πρώτος πίνακας ονομάζεται gd_member, και ως σκοπό ύπαρξης του έχει να αποθηκεύει τις πληροφορίες της φόρμας εγγραφής μέλους. Αποτελείται από 32 κελιά: Α/Α Μεταβλητή Όνομα κελιού Null Προεπιλ Τύπος Μήκος ογή 1 Id [PK] - Auto incr. Int 10 Σελ 18 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου 2 Name Name varchar 30 3 Surname Surname varchar 100 4 Property Property varchar 22 5 temp_address temp_address varchar 30 6 temp_pc temp_pc ΝΑΙ 0 Int 5 7 temp_pref temp_pref ΝΑΙ varchar 20 8 perm_address perm_address varchar 39 9 perm_pc perm_pc ΝΑΙ 0 Int 5 10 perm_pref perm_pref ΝΑΙ varchar 20 11 milit_oblig milit_oblig varchar 20 12 e_mail e_mail varchar 50 13 phone_stable phone_stable varchar 18 14 phone_mobile phone_mobile varchar 18 15 aem_no aem_no ΝΑΙ 0 varchar 8 16 dept_teikav dept_teikav varchar 30 17 assign_year assign_year varchar 7 18 year_to_graduate year_to_graduate varchar 7 19 msc_title msc_title ΝΑΙ varchar 30 20 msc_found msc_found ΝΑΙ varchar 30 21 msc_country msc_country ΝΑΙ varchar 15 22 perm_job perm_job ΝΑΙ 0 varchar 5 23 perm_job_area perm_job_area ΝΑΙ varchar 50 24 perm_job_start_date perm_job_start_date ΝΑΙ 0000-00-00 date 25 part_job part_job ΝΑΙ 0 varchar 5 26 post_study post_study ΝΑΙ 0 varchar 5 27 post_study_section post_study_section ΝΑΙ varchar 50 28 post_study_country post_study_country ΝΑΙ varchar 15 28 briefing_prof_enterp briefing_prof_enterp ΝΑΙ 0 varchar 5 30 briefing_bio briefing_bio ΝΑΙ 0 varchar 5 31 briefing_conf briefing_conf ΝΑΙ 0 varchar 5 Σελ 19 από 63
Κεφάλαιο 4 : Βάσεις Δεδομένων 32 briefing_civil briefing_civil ΝΑΙ 0 varchar 5 Το κελί id χρησιμεύει στην διατήρηση του αύξοντος αριθμού των εγγραφών, και είναι και πρωτεύον κλειδί [7]. Τα υπόλοιπα κελιά δέχονται με πιστή σειρά τις μεταβλητές από το login\register.php. Το κελί milit_oblig που αναφέρεται στις στρατιωτικές υποχρεώσεις δέχεται διακριτά τις τιμές Εκπληρωμένες ή Μη εκπληρωμένες. Τα κελιά part_job, perm_job, post_study, briefing_prof_enterp, briefing_bio, briefing_conf, briefing_civil δέχονται τις διακριτές τιμές ΝΑΙ ή ΌΧΙ. 4.2. O πίνακας gd_user_login O δεύτερος πίνακας ονομάζεται gd_user_login και ως σκοπό ύπαρξης έχει την αποθήκευση των στοιχείων κυκλοφορίας, του χρήστη, στο σύστημα. Αποτελείται από 3 κελιά: Α/Α Μεταβλητή Όνομα κελιού Null Προεπιλογή Τύπος Μήκος 1 Id [PK] - Auto incr. Int 10 2 Username Username varchar 30 3 Password Password varchar 33 Εικόνα 4-2.1 Σελ 20 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Το κελί id χρησιμεύει στην διατήρηση του αύξοντος αριθμού των εγγραφών, και είναι και πρωτεύον κλειδί[7]. Το κλειδί αυτό παραμένει σε απόλυτη εναρμόνιση με το κλειδί του πίνακα gd_member, δεδομένου ότι όσες εγγραφές υπάρχουν στον έναν, τόσες εγγραφές υπάρχουν και στον άλλον με απόλυτη 1 προς 1 σχέση όπως φαίνεται στην εικόνα 4-2.1. Επιπλέον σημειώνεται ότι το password συμπληρώνεται κατόπιν κωδικοποίησης MD5, οπότε το string είναι πάντα μήκους 32 χαρακτήρων, και το username απαγορεύεται, από την διαδικασία, να είναι μεγαλύτερο των 30 χαρακτήρων. 4.3. O πίνακας gd_company Ο τρίτος πίνακας ονομάζεται gd_company, και ως σκοπό ύπαρξης του έχει να αποθηκεύει τις πληροφορίες της φόρμας εγγραφής εταιρίας-μέλους. Αποτελείται από 11 κελιά: Α/Α Μεταβλητή Όνομα κελιού Null Προεπιλογή Τύπος Μήκος 1 Id_pract_com [PK] Varchar 30 2 Brand Brand Text 3 Seat Seat Varchar 50 4 Postalcode Postal_code Varchar 8 5 Commanager Com_manager Text 6 Businesstargetarea Business_target_Area Text 7 Numofempl Num_of_empl Int 4 8 Email Email Varchar 40 9 Phone Phone Varchar 18 10 Fax Fax NAI Varchar 18 11 www www NAI Text Το id_pract_com είναι πρωτεύον κλειδί και συμπληρώνεται με το όνομα χρήστη της εταιρίας-χρήστη. Τα μόνα πεδία που επιτρέπεται να μην συμπληρωθούν είναι το fax και η ηλεκτρονική διεύθυνση της εταιρίας. Σελ 21 από 63
Κεφάλαιο 4 : Βάσεις Δεδομένων 4.4. O πίνακας gd_company_login O τέταρτος πίνακας ονομάζεται gd_company_login και ως σκοπό ύπαρξης έχει την αποθήκευση των στοιχείων κυκλοφορίας, της εταιρίαςχρήστη, στο σύστημα. Αποτελείται από 3 κελιά: Α/Α Μεταβλητή Όνομα κελιού Null Προεπιλογή Τύπος Μήκος 1 Id [PK] - Auto incr. Int 10 2 Username Username varchar 30 3 Password Password varchar 33 Εικόνα 4-4.1 Το κελί id χρησιμεύει στην διατήρηση του αύξοντος αριθμού των εγγραφών, και είναι και πρωτεύον κλειδί. Το κλειδί αυτό παραμένει σε απόλυτη εναρμόνιση με το κλειδί του πίνακα gd_company, δεδομένου ότι όσες εγγραφές υπάρχουν στον έναν, τόσες εγγραφές υπάρχουν και στον άλλον με απόλυτη 1 προς 1 σχέση όπως φαίνεται στην εικόνα 4-4.1. Επιπλέον σημειώνεται ότι το password συμπληρώνεται κατόπιν κωδικοποίησης MD5, οπότε το string είναι πάντα μήκους 32 χαρακτήρων, και Σελ 22 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου το username απαγορεύεται, από την διαδικασία, να είναι μεγαλύτερο των 30 χαρακτήρων. 4.5. O πίνακας practice_apply_pos Ο πέμπτος πίνακας ονομάζεται practise_apply_pos, και έχει ως στόχο την αποθήκευση των αιτήσεων προσφοράς θέσεως εργασίας. Καταχωρεί στα κελιά του τις πληροφορίες που έρχονται από την φόρμα αίτησης πρακτικής, από το pract_apply_pos.php. Αποτελείται από 9 κελιά: Α/Α Μεταβλητή Όνομα κελιού Null Προεπ Τύπος Μήκος ιλογή 1 Id_pract_pos [PK]-Auto incr. Int 10 2 User Id_pract_com [PK] Varchar 25 3 Numofthesis Numofthesis Int 5 4 Dutydescription Dutydescription Varchar 255 5 Qualifications Qualifications ΝΑΙ Varchar 255 6 Foreignlang Foreignlang ΝΑΙ Varchar 200 7 Militoblig Militoblig ΝΑΙ Varchar 100 8 Sex Sex ΝΑΙ Varchar 15 9 employeehomeseat Employeehomeseat ΝΑΙ Varchar 100 Το κελί id_pract_pos φροντίζει για την καταμέτρηση των εγγραφών, ουσιαστικά για το πόσες αιτήσεις έχουν πάρει μέρος. Το Id_pract_com κρατάει το όνομα χρήστη της εταιρίας που καταθέτει την αίτηση. Εδώ παρατηρείται η έλλειψη συμπλήρωσης των τμημάτων ενδιαφέροντος λόγω της ιδιοτροπίας ελευθερίας επιλογής άνω από ενός τμημάτων, δράση στην οποία αφιερώνεται ξεχωριστός πίνακας, ο οποίος παρουσιάζεται παρακάτω. 4.6. O πίνακας depts_app Σελ 23 από 63
Κεφάλαιο 4 : Βάσεις Δεδομένων Ο Έκτος και τελευταίος πίνακας ονομάζεται depts_app, και έχει ως στόχο την αποθήκευση των τμημάτων προτίμησης από την φόρμα αίτησης πρακτικής. Καταχωρεί στα κελιά του τις πληροφορίες για τα τμήματα ενδιαφέροντος, που έρχονται από την φόρμα αίτησης πρακτικής, από το pract_apply_pos.php. Αποτελείται από 2 κελιά: Α/Α Μεταβλητή Όνομα κελιού Null Προεπ Τύπος Μήκος ιλογή 1 Value Id_dept Varchar 100 2 Lastid Id_pract_pos Varchar 100 Το κελί id_dept αναλαμβάνει να καταχωρεί τις ονομασίες των τμημάτων που έρχονται από την φόρμα πρακτικής. Το κάθε value τμήματος που έχει επιλεχθεί καταχωρείται διαδοχικά σε αυτό το κελί. Στο id_pract_pos καταχωρείται η τιμή της αύξουσας σειράς συμπλήρωσης αιτήσεων πρακτικών, για τόσες φορές όσα και τα τμήματα που έχουν επιλεγεί, και αντιστοιχεί στο id_pract_pos του πίνακα practise_apply_pos. Η εικόνα είναι όπως φαίνεται στην εικόνα 4-6.1. Εικόνα 4-6.1 Σελ 24 από 63
ΚΕΦΑΛΑΙΟ 5 5. Menu Περιήγησης 5.1. Γενικές πληροφορίες Το κεντρικό menu περιήγησης έχει σχεδιαστεί με την βοήθεια της εφαρμογής opencube infinite menus v.9.22 [2]. Έχει την βάση του μέσα στο κάθε αρχείο που εμφανίζεται όπου και περιγράφει τους τίτλους και τις συνδέσεις που πραγματοποιούνται με κλικ σε αυτούς. Το Menu αυτό περικλύει δύο αρχεία. Το πρώτο είναι το imenus0.css το οποίο καθορίζει το στυλ, τον τρόπο εμφάνισης και το σχέδιο όλων των ιδιοτήτων του menu. Είναι ένα cascaded stylesheet, και περιέχει και κάποιες τάξεις που περιγράφουν στυλ και για κάποια άλλα κείμενα εντός σελίδας, πέρα από το menu. Το δεύτερο είναι το ocscript.js, ένα αρχείο τύπου Javascript, το οποίο φροντίζει για τον καθορισμό των διαφόρων κινήσεων που πραγματοποιεί το menu σε διάφορες φάσεις λειτουργίας του. Το menu αποτελείται από έξι (6), αρχικά υποφαινόμενους συνδέσμους, εκ των οποίων οι πέντε από αυτούς αναπτύσσουν υπομενού (Βλ. εικόνα 2-2). Όταν ο δείκτης του ποντικιού περάσει πάνω από μια σύνδεση που περιέχει υπομενού, αυτό αναπτύσσεται κατευθείαν ενώπιον του χρήστη. 5.2. Ανάλυση κεντρικού menu Ο πρώτος σύνδεσμος εν ονόματι Το Γραφείο Διασύνδεσης, αναπτύσσει το υπομενού που περιέχει τις συνδέσεις Στελέχη και Που βρισκόμαστε;, (Βλ. εικόνα 2-1). Οι συνδέσεις που πραγματοποιούνται εδώ είναι οι ακόλουθες: Τίτλος menu: Το Γραφείο Διασύνδεσης Σελ 25 από 63
Κεφάλαιο 5: Menu Περιήγησης Είδος menu Ονομασία πλήκτρου Ονομασία υπερσύνδεσης Main menu Το Γραφείο Διασύνδεσης gd_main.htm Submenu Στελέχη manage.htm Submenu Που βρισκόμαστε; waw.htm O δεύτερος σύνδεσμος ονομάζεται On-line Εγγραφή μέλους (Βλ. εικόνα 2-2), δεν αναπτύσσει κάποιο υπομενού και η υπερσύνδεση του αναφέρεται στο αρχείο gd_bemember.htm. Ο τρίτος σύνδεσμος με την ονομασία Πληροφόρηση (Βλ. εικόνα 2-3), περιέχει τις ακόλουθες συνδέσεις: Τίτλος menu: Πληροφόρηση Είδος menu Ονομασία πλήκτρου Ονομασία υπερσύνδεσης Main menu Πληροφόρηση msc_progs.htm Submenu Επαγγελματικά δικαιώματα prof_rights.htm Submenu Μεταπτυχιακά προγράμματα msc_progs.htm Submenu Ευρωπαϊκά Προγράμματα eur_progs.htm Submenu Συμβουλευτική Εργασίας job_consult.htm Submenu Υποτροφίες scholars.htm Ο τέταρτος σύνδεσμος με την ονομασία Θέσεις εργασίας (Βλ. εικόνα 2-4), περιέχει τα ακόλουθα πλήκτρα και συνδέσεις: Τίτλος menu: Θέσεις εργασίας Είδος menu Ονομασία πλήκτρου Ονομασία υπερσύνδεσης Main menu Θέσεις εργασίας occup_online.htm Submenu Θέσεις εργασίας On-line occup_online.htm Submenu Έντυπο προσφοράς εργασίας occup_offer.php Submenu Θέσεις μόνιμης εργασίας thesseisergasias.doc Σελ 26 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Ο πέμπτος σύνδεσμος με την ονομασία Δραστηριότητες (Βλ. εικόνα 2-5), περιέχει τα ακόλουθα πλήκτρα και συνδέσεις: Τίτλος menu: Δραστηριότητες Είδος menu Ονομασία πλήκτρου Ονομασία υπερσύνδεσης Main menu Δραστηριότητες activities_display.htm Submenu Περιοδικές εκδόσεις activities_mag.htm Submenu Εκδηλώσεις activities_display.htm Submenu Προβολή - ΜΜΕ activities_media.htm Τέλος, το τελευταίο menu ονομάζεται Επικοινωνία (Βλ. εικόνα 2-6), και περιέχει τα ακόλουθα: Τίτλος menu: Επικοινωνία Είδος menu Ονομασία πλήκτρου Ονομασία υπερσύνδεσης Main menu Επικοινωνία com_form.htm Submenu Τηλέφωνα com_phones.htm Submenu Η Πόλη com_city.htm Submenu Άλλα Γραφεία Διασύνδεσης other_gds.htm Submenu Επικοινωνήστε μαζί μας! com_form.htm 5.3. Ιδιότητες εμφάνισης και κίνησης 5.3.1 Οι κύριοι περιέκτες Οι κύριοι περιέκτες (Τα πλήκτρα που φαίνονται δίχως καμία δράση) περικλύονται από μα γραμμή μεγέθους 1 px, χρώματος #333333.. Το χρώμα φόντου είναι το #6a6a6a και η γραμματοσειρά είναι Arial μεγέθους 10. Το βάρος γραμματοσειράς είναι κανονικό, η στοίχιση είναι στο κέντρο, και το όριο του εν σχέση με το διπλανό πλήκτρο είναι χρώματος #c1c1c1. Όταν το Σελ 27 από 63
Κεφάλαιο 5: Menu Περιήγησης ποντίκι περάσει από την περιοχή αυτή το χρώμα φόντου αλλάζει σε #dfdfdf. Επιπλέον το κείμενο υπογραμμίζεται, και μια κίνηση της τάξεως 2 px και 2 px προς τ αριστερά και προς τα κάτω αντίστοιχα παίρνει μέρος. 5.3.2 Οι επεκτάσεις υπομενού Οι επεκτάσεις υπομενού ανοίγουν με ένα effect τετράγωνων περιγραμμάτων τα οποία σε διαδοχή 8 βημάτων, από το κέντρο ανοίγοντας, εμφανίζει το υπομενού με μια αίσθηση ανάπτυξης από δεξιά, καθώς οι τίτλοι εμφανίζονται μερικά pixel πιο δεξιά, καταλήγοντας με μια ανεπαίσθητη κίνηση στην τελική τους θέση. Το χρώμα φόντου είναι #efefef και το χρώμα περιγράμματος #cccccc και μεγέθους 1 px. Όταν το ποντίκι περάσει από την περιοχή αυτή το χρώμα φόντου παίρνει την τιμή #555555, και μια κίνηση 2 px και 5px προς τα δεξιά και κάτω αντίστοιχα παίρνει μέρος, δίνοντας την αίσθηση πατήματος πλήκτρου. 5.4. Η συνάρτηση function alert() H εφαρμογή infinite menus χρησιμοποιήθηκε για τον σχεδιασμό του κεντρικού menu περιήγησης του ιστοχώρου. Το ένα από τα δύο script που γράφτηκαν γι αυτό το menu, περιέχει στον κώδικα του μια συσκευή ασφαλείας η οποία ελέγχει αν η άδεια της εφαρμογής είναι νόμιμη ή όχι. Η συνάρτηση function alert() λοιπόν είναι αυτή, η οποία στην περίπτωση της δικής μας χρήσης βγάζει ένα μήνυμα καθώς μπαίνουμε σε οποιοδήποτε μέρος του ιστοχώρου που περιέχει menu, το οποίο γνωστοποιεί ότι η εφαρμογή πρέπει να ενημερώσει την άδεια της για χρήση στο internet. Τοποθετώντας στην κορυφή κάθε *.html ή *.php που περιέχει menu περιήγησης, τη συνάρτηση function alert() δίχως κανένα όρισμα, ουσιαστικά μηδενίζουμε την συνάρτηση συναγερμού πριν την οποιαδήποτε εμφάνιση menu. Έτσι έχουμε ως αποτέλεσμα την ομαλή και δίχως ενοχλήσεις περιήγηση μας στον ιστοχώρο. Σελ 28 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου ΚΕΦΑΛΑΙΟ 6 6. Μηχανισμοί 6.1 Μηχανισμός εμφάνισης Ημερομηνίας Πρόκειται για ένα script τύπου Javascript [5], το οποίο λαμβάνει την ημερομηνία από τον Server που φιλοξενεί την ιστοσελίδα μέσω της συνάρτησης getdate(), και getyear(). Περιέχει 2 πίνακες με τις ημέρες της εβδομάδας και τους μήνες του έτους αντίστοιχα. Έτσι, με τα αποτελέσματα των συναρτήσεων και την βοήθεια των δύο αυτών πινάκων, εμφανίζεται ολογράφως η ημερομηνία στην μορφή : ημέρα, Χ μήνας 2ΥΥΥ. 6.2 Μηχανισμός Newsflash Αποτελείται από ένα κομμάτι κώδικα HTML και ένα Javascript [2]. Το πρώτο μέρος περιγράφει τις ξεχωριστές γραμμές με τα νέα, καθώς επίσης και την μεταξύ τους απόσταση. Στην αρχή κάθε νέου βρίσκεται η ημερομηνία δημοσίευσης του νέου αυτού. Κάθε επικεφαλίδα νέου αντιστοιχεί σε ένα αρχείο τύπου HTML, μέσω απλής αναφοράς, το οποίο περιέχει την περαιτέρω πληροφορία, και με το κλικ ανοίγει σε νέο παράθυρο πλοήγησης (Βλ. εικόνα 6-2.1). Σελ 29 από 63
Κεφάλαιο 6: Μηχανισμοί Εικόνα 6-2.1 Το Javascript περιγράφει το μήκος και το πλάτος του πλαισίου που περιέχει τα νέα. Επιπλέον περιγράφει τις ιδιότητες κίνησης σύμφωνα με την συνάρτηση vscroll_data0(){} και ορίζεται ο χρόνος για τον οποίο μένει σταθερό στην κορυφή του πλαισίου το πρώτο νέο, την ταχύτητα οριζόντιας κίνησης κατόπιν του χρόνου αυτού, ώστε να φτάσει στην κορυφή το δεύτερο κατά σειρά νέο και να παραμείνει με τη σειρά του σταθερό για το ίδιο χρονικό διάστημα. Ταυτόχρονα οι υπόλοιπες σειρές των νέων ακολουθούν και είναι ορατές στον χρήστη καθ όσο η επανάληψη που περιγράφηκε λαμβάνει μέρος. Κατά δεύτερον η ίδια συνάρτηση ορίζει την διακοπή οποιασδήποτε κίνησης την στιγμή που το ποντίκι βρεθεί εντός πλαισίου, χωρίς να είναι ανάγκη να κάνει κλικ, και για όλη την διάρκεια της παραμονής του στον χώρο Σελ 30 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου αυτό. Όταν γίνει κλικ και ανοίξει το νέο παράθυρο με την πληροφορία το newsflash συνεχίζει την κίνηση του ως περιγράφηκε παραπάνω. Τέλος, από την ίδια συνάρτηση περιγράφεται το μέγεθος και το χρώμα περιγράμματος του πλαισίου, το χρώμα φόντου, καθώς επίσης η γραμματοσειρά, το μέγεθος, το χρώμα, το στυλ και η στοίχιση των χαρακτήρων των νέων. 6.3. Μηχανισμός διαβάθμισης χρώματος φόντου Πρόκειται για μια συνάρτηση της Microsoft με το όνομα Microsoft.Gradient [5], και ως ορίσματα έχει το χρώμα εκκίνησης, το χρώμα λήξης, σε ασφαλή ή δεκαεξαδική μορφή, καθώς και τον βαθμό διαβάθμισης. Το Script αυτό φροντίζει να βλέπουμε σταθερά την ίδια διαβάθμιση χρώματος φόντου σε όποιο σημείο, οριζόντια ή κάθετα, της σελίδας βρισκόμαστε, δίνοντας την αίσθηση της μη-κίνησης φόντου. Η συνάρτηση αυτή τοποθετείται αυστηρά εντός του <body> για να λειτουργήσει, και παρατηρείται η μη-αναγνωρισιμότητα της απ όλους τους browser, πέρα από τον Microsoft Internet Explorer σε οιαδήποτε έκδοση του. 6.4. Μηχανισμός φόρμας αποστολής e-mail Ο μηχανισμός αυτός αποτελείται από ένα HTML το οποίο είναι ουσιαστικά μια φόρμα με ένα πλαίσιο κειμένου όπου ο χρήστης μπορεί να πληκτρολογήσει κείμενο, και δύο μικρά πλαίσια κειμένου για το όνομα και την ηλεκτρονική του διεύθυνση αντιστοίχως. (Βλ. εικόνα 2-6.1). Διαθέτει δύο πλήκτρα, ένα για την ακύρωση της διαδικασίας, όπου εκκαθαρίζονται όλα τα πεδία, και ένα για την αποστολή της φόρμας στον τελικό της αποδέκτη, το Γραφείο Διασύνδεσης. Η φόρμα αυτή στηρίζεται από ένα Pearl Script το οποίο εκτελείται κατά το πάτημα του πλήκτρου αποστολή και φροντίζει για την διεκπεραίωση των παραπάνω διαδικασιών. Τα πλαίσια ονόματος και e- mail δεν είναι υποχρεωτικά στην συμπλήρωση τους, αλλά στην περίπτωση Σελ 31 από 63
Κεφάλαιο 6: Μηχανισμοί που η διεύθυνση e-mail συμπληρωθεί, ελέγχεται αν έχει την πρέπουσα (ΧΧΧ@ΥΥΥ.ΖΖ) μορφή. 6.5 Μηχανισμός απενεργοποίησης δεξί κλικ Το Javascript [5] αυτό τοποθετείται αυστηρά κατόπιν του <Body> της σελίδας και στερεί το δικαίωμα δεξί κλικ, και την πρόσβαση σε κάθε υπομενού που συνεπάγεται αυτό, ανάλογα τον χώρο εκτέλεσης του. Συγκεκριμένα σε απόπειρα δεξί κλικ εμφανίζεται το μήνυμα «Function Disabled» (Βλ. εικόνα 6-5.1), πληροφορώντας ότι η συνάρτηση αυτή είναι απενεργοποιημένη. Σημειώνεται τέλος, ότι το μήνυμα αυτό δεν εμφανίζεται στον περιηγητή Mozilla Firefox, αν και το αποτέλεσμα παραμένει το ίδιο. Εικόνα 6-5.1 6.6. Σύστημα κυκλοφορίας χρήστη 6.6.1 Μηχανισμός register μέλους Αφού η διαδικασία συμπλήρωσης προσωπικών στοιχείων της φόρμας εγγραφής μελών έχει πάρει μέρος επιτυχώς, η μορφή όλων των στοιχείων έχει γίνει αποδεκτή και έχει εμφανιστεί η αναφορά των στοιχείων (Βλ. Εικόνα 6-6.1.1), ο χρήστης παροτρύνεται, εφόσον συμφωνεί με τα στοιχεία του, να συμπληρώσει ένα επιθυμητό username και password που θα χρησιμεύσουν Σελ 32 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου για την είσοδο του στην περιοχή μελών. Στη χρήση του πλήκτρου αποστολή το PHP Script register.php (/login/register.php) αναλαμβάνει δράση [4]. Αυτό το Script έχει μεταβιβασμένες στον κώδικα του όλες τις τιμές των μεταβλητών, που περιέχονται στην ήδη συμπληρωμένη φόρμα, και έχουν περάσει στο GD_Member.php με την εντολή <input type = hidden > με σκοπό την καταχώρηση των στοιχείων, δράση που θα μελετηθεί παρακάτω. Σελ 33 από 63
Κεφάλαιο 6: Μηχανισμοί Εικόνα 6-6.1.1 Σελ 34 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Η πρώτη συνάρτηση UserNameTaken(), παίρνει ως όρισμα το επιθυμητό όνομα χρήστη που μόλις συμπληρώθηκε και ελέγχει αν υπάρχει στη βάση δεδομένων. Στην περίπτωση που υπάρχει, παράγει το μήνυμα που ενημερώνει για το αποτέλεσμα και παροτρύνει στην εκ νέου συμπλήρωση του. Εδώ σημειώνεται ότι το register.php συμπεριλαμβάνει το αρχείο database.php (/login/database.php) το οποίο περιέχει εκχωρημένα σε μεταβλητές όλα τα στοιχεία σύνδεσης στον Mysql Server, και στην βάση δεδομένων. Εν συνεχεία, ελέγχει αν το όνομα χρήστη είναι μεγαλύτερο των 30 χαρακτήρων. Αν είναι, παροτρύνει στην εισαγωγή νέου ονόματος χρήστη, μικρότερου των 30 χαρακτήρων (Βλ. εικόνα 6-6.1.2). Εικόνα 6-6.1.2 Συνεχίζοντας, αν το όνομα χρήστη έχει επιτυχώς περάσει από τους ελέγχους αυτούς, ελέγχεται ότι και το πεδίο του κωδικού πρόσβασης, για το συγκεκριμένο όνομα χρήστη, έχει συμπληρωθεί. Αν όχι, η εφαρμογή παροτρύνει τον χρήστη να συμπληρώσει και τα δυο πεδία που έχουν ζητηθεί για να ολοκληρωθεί η διαδικασία (Βλ. εικόνα 6-6.1.3). Εικόνα 6-6.1.3 Συνεχίζοντας, συναντάμε την συνάρτηση AddNewUser(), η οποία ως ορίσματα παίρνει το όνομα χρήστη και τον κωδικό πρόσβασης και τα καταχωρεί στον πίνακα gd_user_login, αφού κωδικοποιήσει το string με τον αλγόριθμο MD5. Στην περίπτωση αποτυχίας εισαγωγής των δεδομένων Σελ 35 από 63
Κεφάλαιο 6: Μηχανισμοί επιστρέφει το λάθος που επιστρέφει η Mysql, από την συνάρτηση Mysql_error(). Αν όλα οδεύσουν ορθώς, η εφαρμογή παράγει το μήνυμα: «Συγχαρητήρια User, οι πληροφορίες καταχωρήθηκαν, μπορείτε να εισέλθετε ή να επιστρέψετε στην αρχική σελίδα.», το οποίο είναι σηματοδότηση επιτυχούς εγγραφής από την συνάρτηση displaystatus(). Σε οποιαδήποτε αποτυχίας η ίδια συνάρτηση ενημερώνει για την ματαίωση της διαδικασίας (Βλ εικόνα 6-6.1.4). Έπειτα, αποθηκεύει στον πίνακα gd_member τα στοιχεία του χρήστη. Εικόνα 6-6.1.4 Εφόσον η διαδικασία έχει εξελιχθεί ορθόδοξα, ο χρήστης ενημερώνεται για την επιτυχία της εγγραφής δίνοντας την δυνατότητα εισόδου ή επιστροφής στην αρχική σελίδα (Βλ. εικόνα 6-6.1.5). Εικόνα 6-6.1.5 Επίσης, το script αποστέλλει e-mail στο Γραφείο Διασύνδεσης, όπως και στον χρήστη, ενημερώνοντας για την επιτυχή εγγραφή και τα στοιχεία που αφορούν σε αυτή. Συνεχίζοντας καταχωρεί όλα τα στοιχεία της φόρμας gd_bemember.htm στον πίνακα gd_member, και στην περίπτωση οποιουδήποτε λάθους επιστρέφει το αποτέλεσμα της Mysql_error(). Η διαδικασία καταχώρησης στοιχείων χρήστη και στοιχείων εισόδου χρήστη έχει ολοκληρωθεί επιτυχώς σε αυτό το σημείο. Σελ 36 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου 6.6.2 Μηχανισμός login μέλους Ο χρήστης που έχει εγγραφεί, μπορεί να συμπληρώσει τα στοιχεία του στα κατάλληλα πεδία, που είναι διαρκώς εμφανή στο δεξί μέρος της ιστοσελίδας (right_frame.php) και να εισέλθει στην περιοχή μελών. Όταν κάνει κλικ στο πλήκτρο Αποστολή, ενεργοποιείται το php script login.php (/login/login.php). Σε αυτό συναντάμε πρώτη την συνάρτηση ConfirmUser() η οποία ως ορίσματα λαμβάνει το όνομα και τον κωδικό χρήστη και αναλαμβάνει να δει αν το όνομα χρήστη υπάρχει στη βάση. Αν βρεθεί, ελέγχει αν και το δεύτερο όρισμα, ο κωδικός, αφού αποκωδικοποιήσει το string κατά τον αλγόριθμο MD5, βρίσκεται στη βάση και αντιστοιχεί στο όνομα χρήστη που ελέγχθηκε προ ολίγου. Αν η διαδικασία στεφθεί με επιτυχία η συνάρτηση επιστρέφει 0, διαφορετικά επιστρέφει την τιμή 2, που υποδεικνύει λάθος κωδικό χρήστη. Τέλος, επιστρέφει την τιμή 1 στην περίπτωση που το όνομα χρήστη είναι εσφαλμένο. Εν συνεχεία υπάρχει η συνάρτηση checklogin() η οποία μέσω sessions ελέγχει για το αν ο χρήστης είναι συνδεδεμένος στο σύστημα. Αν είναι, επιστρέφει true, αν δεν είναι επιστρέφει false. Η χρησιμότητα αυτής της συνάρτησης ακούει κυρίως στο να διατηρείται η πληροφορία σύνδεσης του χρήστη από σελίδα σε σελίδα, καθώς αυτός περιηγείται, καθώς επίσης και σε οποιαδήποτε περίπτωση που χρειάζεται διασταύρωση σύνδεσης του χρήστη στο σύστημα. Επιπλέον υπάρχει η συνάρτηση displaylogin() η οποία όταν ο χρήστης έχει συνδεθεί τον καλωσορίζει και του προσφέρει τις επιλογές αποσύνδεσης ή εισόδου στην περιοχή μελών(βλ. εικόνα 6-6.2.1). Σελ 37 από 63
Κεφάλαιο 6: Μηχανισμοί Εικόνα 6-6.2.1 Διαφορετικά παροτρύνει στην επανασυμπλήρωση username και password. Επίσης υπάρχει το χαρακτηριστικό remember me, το οποίο προβλέπει, αν τσεκαριστεί πριν το κλικ του πλήκτρου Αποστολή, να θυμάται τον χρήστη. Όταν ο χρήστης προσπαθήσει να προσβάσει ξανά στο σύστημα, αυτό τον θυμάται και τον εισάγει αυτόματα. Χρησιμοποιεί την τακτική των cookies, και διατηρεί το όνομα και κωδικό χρήστη για 100 ημέρες από την ημέρα της τελευταίας συμπλήρωσης του. Τέλος, το Script ελέγχει ότι και τα δύο πεδία είναι συμπληρωμένα και προβλέπει μηνύματα για τις περιπτώσεις που υπάρχει κάποιο λάθος ανεπαρκούς πληροφόρησης (Βλ. εικόνα 6-6.2.2, 6-6.2.3, 6-6.2.4). Εικόνα 6-6.2.2 Εικόνα 6-6.2.3 Εικόνα 6-6.2.4 Σελ 38 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου 6.6.3 Μηχανισμός logout μέλους Κάνοντας κλικ στο πλήκτρο αποσύνδεση τρέχει το logout.php (/login/logout.php). Αυτό συμπεριλαμβάνει στην κεφαλίδα του το login.php, και ως βασική λειτουργία έχει να τερματίσει τα session που περιγράφουν την σύνδεση του στο σύστημα. Αν μέχρι την επιλογή της αποσύνδεσης έχει ήδη διακοπεί η σύνδεση για οποιοδήποτε λόγο, το script ενημερώνει ότι η αποσύνδεση απέτυχε λόγω ανύπαρκτης σύνδεσης. Σε περίπτωση ορθόδοξης εξέλιξης, ενημερώνει για την επιτυχή αποσύνδεση (Βλ. εικόνα 6-6.3.1). Εικόνα 6-6.3.1 6.7. Σύστημα κυκλοφορίας Εταιρίας-χρήστη 6.7.1 Μηχανισμός register εταιρίας Στην σελίδα Έντυπο προσφοράς εργασίας (\occup_offer.php) συναντάμε την φόρμα εγγραφής επιχειρήσεων. Εκεί, αφού συμπληρωθούν επιτυχώς τα πεδία και εμφανιστεί η αναφορά των στοιχείων, ο χρήστης παροτρύνεται, όπως και στην περίπτωση του χρήστη, σε ένα php script(\logincompany\register.php). Η πρώτη συνάρτηση UserNameTaken(), παίρνει ως όρισμα το επιθυμητό όνομα χρήστη που μόλις συμπληρώθηκε και ελέγχει αν υπάρχει στη βάση δεδομένων. Στην περίπτωση που υπάρχει, παράγει το μήνυμα που ενημερώνει για το αποτέλεσμα και παροτρύνει στην εκ νέου συμπλήρωση του. Εδώ σημειώνεται ότι το register.php Σελ 39 από 63
Κεφάλαιο 6: Μηχανισμοί συμπεριλαμβάνει το αρχείο database.php (/logincompany/database.php) το οποίο περιέχει εκχωρημένα σε μεταβλητές όλα τα στοιχεία σύνδεσης στον Mysql Server, και στην βάση δεδομένων. Εν συνεχεία, ελέγχει αν το όνομα χρήστη είναι μεγαλύτερο των 30 χαρακτήρων. Αν είναι, παροτρύνει στην εισαγωγή νέου ονόματος χρήστη, μικρότερου των 30 χαρακτήρων (Βλ. εικόνα 6-6.1.2). Συνεχίζοντας, αν το όνομα χρήστη έχει επιτυχώς περάσει από τους ελέγχους αυτούς, ελέγχεται ότι και το πεδίο του κωδικού πρόσβασης, για το συγκεκριμένο όνομα χρήστη, έχει συμπληρωθεί. Αν όχι, η εφαρμογή παροτρύνει τον χρήστη να συμπληρώσει και τα δυο πεδία που έχουν ζητηθεί για να ολοκληρωθεί η διαδικασία (Βλ. εικόνα 6-6.1.3). Συνεχίζοντας, συναντάμε την συνάρτηση AddNewUser(), η οποία ως ορίσματα παίρνει το όνομα χρήστη και τον κωδικό πρόσβασης και τα καταχωρεί στον πίνακα gd_user_login, αφού κωδικοποιήσει το string με τον αλγόριθμο MD5. Στην περίπτωση αποτυχίας εισαγωγής των δεδομένων επιστρέφει το λάθος που επιστρέφει η Mysql, από την συνάρτηση Mysql_error(). Αν όλα οδεύσουν ορθώς, η εφαρμογή παράγει το μήνυμα: «Συγχαρητήρια User, οι πληροφορίες καταχωρήθηκαν, μπορείτε να εισέλθετε ή να επιστρέψετε στην αρχική σελίδα.», το οποίο είναι σηματοδότηση επιτυχούς εγγραφής από την συνάρτηση displaystatus(). Σε οποιαδήποτε αποτυχίας η ίδια συνάρτηση ενημερώνει για την ματαίωση της διαδικασίας (Βλ εικόνα 6-6.1.4). Έπειτα, αποθηκεύει στον πίνακα gd_company τα στοιχεία της εταιρίας-χρήστη, και στον πίνακα gd_company_login τα στοιχεία πρόσβασης αυτού, όνομα χρήστη και κωδικό πρόσβασης, κωδικοποιημένο κατά md5. Όταν η διαδικασία register ολοκληρωθεί επιτυχώς, το script παροτρύνει την εταιρία-χρήστη να εισέλθει για να καταθέσει προσφορά εργασίας, ή να επιστρέψει στην κεντρική σελίδα του ιστοχώρου. Σελ 40 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου 6.7.2 Μηχανισμός login εταιρίας Η σύνδεση της εταιρίας-χρήστη γίνεται από την ίδια σελίδα που γίνεται και το register (\occup_offer.php). Στην κορυφή της σελίδας Περιοχή Επιχειρήσεων-Μελών, η εταιρία-χρήστης εισάγει τα στοιχεία του και κάνοντας κλικ στο πλήκτρο αποστολή το αρχείο (\logincompany\login.php) εκτελείται και ελέγχει τα στοιχεία με βάση τον πίνακα gd_company_login. Σε αυτό συναντάμε πρώτη την συνάρτηση ConfirmUser() η οποία ως ορίσματα λαμβάνει το όνομα και τον κωδικό χρήστη και αναλαμβάνει να δει αν το όνομα χρήστη υπάρχει στη βάση. Αν βρεθεί, ελέγχει αν και το δεύτερο όρισμα, ο κωδικός, αφού αποκωδικοποιήσει το string κατά τον αλγόριθμο MD5, βρίσκεται στη βάση και αντιστοιχεί στο όνομα χρήστη που ελέγχθηκε προ ολίγου. Αν η διαδικασία στεφθεί με επιτυχία η συνάρτηση επιστρέφει 0, διαφορετικά επιστρέφει την τιμή 2, που υποδεικνύει λάθος κωδικό χρήστη. Τέλος, επιστρέφει την τιμή 1 στην περίπτωση που το όνομα χρήστη είναι εσφαλμένο. Εν συνεχεία υπάρχει η συνάρτηση checklogin() η οποία μέσω sessions ελέγχει για το αν ο χρήστης είναι συνδεδεμένος στο σύστημα. Αν είναι, επιστρέφει true, αν δεν είναι επιστρέφει false. Η χρησιμότητα αυτής της συνάρτησης ακούει κυρίως στο να διατηρείται η πληροφορία σύνδεσης του χρήστη από σελίδα σε σελίδα, καθώς αυτός περιηγείται, καθώς επίσης και σε οποιαδήποτε περίπτωση που χρειάζεται διασταύρωση σύνδεσης του χρήστη στο σύστημα. Επιπλέον υπάρχει η συνάρτηση displaylogin() η οποία όταν ο χρήστης έχει συνδεθεί τον καλωσορίζει και του προσφέρει τις επιλογές αποσύνδεσης ή εισόδου στην περιοχή μελών(βλ. εικόνα 6-6.2.1). Διαφορετικά παροτρύνει στην επανασυμπλήρωση username και password. Επίσης υπάρχει το χαρακτηριστικό remember me, το οποίο προβλέπει, αν τσεκαριστεί πριν το κλικ του πλήκτρου Αποστολή, να θυμάται τον χρήστη. Όταν ο χρήστης προσπαθήσει να προσβάσει ξανά στο σύστημα, αυτό τον θυμάται και τον εισάγει αυτόματα. Χρησιμοποιεί την τακτική των cookies, και Σελ 41 από 63
Κεφάλαιο 6: Μηχανισμοί διατηρεί το όνομα και κωδικό χρήστη για 100 ημέρες από την ημέρα της τελευταίας συμπλήρωσης του. Τέλος, το Script ελέγχει ότι και τα δύο πεδία είναι συμπληρωμένα και προβλέπει μηνύματα για τις περιπτώσεις που το username ή το password δεν είναι σωστά (Βλ. εικόνα 6-6.2.2, 6-6.2.3). Αν εισαχθούν σωστά στοιχεία, ο χρήστης μεταφέρεται απ ευθείας στην αίτηση προσφοράς εργασίας (\occup_offer_pos.php), σε διαφορετική περίπτωση ειδοποιείται αναλόγως για την κάθε πιθανή περίπτωση λάθους. 6.7.3 Μηχανισμός logout εταιρίας Κάνοντας κλικ στον σύνδεσμο αποσύνδεση που εμφανίζεται σε διάφορα σημεία ως επιλογή, εκτελείται το (\logincompany\logout.php). Δομικά ίδιο με την διαδικασία αποσύνδεσης απλού χρήστη. Τα sessions διατήρησης του χρήστη διαγράφονται και ο χρήστης απομακρύνεται από το σύστημα. 6.8. E-mail address scrambler Στην σύνδεση Επικοινωνήστε μαζί μας, κατόπιν της φόρμας αποστολής μηνύματος, υπάρχει η ηλεκτρονική διεύθυνση της σελίδας του Γραφείου Διασύνδεσης, με σκοπό την πραγμάτωση πιο προσωπικής επικοινωνίας στην οποία μπορεί ο χρήστης να στοχεύσει. Η διεύθυνση αυτή, τόσο στην ελληνική, όσο και στην αγγλική έκδοση της σελίδας, πλαισιώνεται από ένα script τύπου Javascript. Αυτό μετατρέπει τη μορφή της συνάρτησης που αποστέλλει το mail, σε μορφή: ma + ilto: + GD + @ + teikav.edu.gr. H επανένωση της διεύθυνσης και συνεπώς η χρήση της, μπορεί να γίνει μόνο με άνθρωπο-χρήστη, και όχι με υποκλοπή του string. Σελ 42 από 63
ΚΕΦΑΛΑΙΟ 7 7. Portal Διαχείρισης 7.1. Μηχανισμός εισόδου Διαχειριστή συστήματος Στο κάτω μέρος του δεξιού τμήματος της ιστοσελίδας, βρίσκεται το πλήκτρο Περιοχή Διαχειριστή (Βλ. εικόνα 2.7) [4]. Πατώντας αυτό, ανοίγει ένα pop-up παράθυρο το οποίο ζητά την εισαγωγή κωδικού, και συνοδεύεται από το πλαίσιο για την εισαγωγή αυτού, και το πλήκτρο Αποστολή κωδικού (Βλ. εικόνα 7-1.1). Εικόνα 7-1.1 Το Pop-up αυτό είναι ένα αρχείο τύπου *.html που περιέχει μερικές εντολές κώδικα Javascript. Αυτές οδηγούν αυτό το αρχείο στο να παραλάβει το string που μόλις πληκτρολογήθηκε και να ψάξει στον φάκελο που κατοικεί το ίδιο το αρχείο, κάποιο άλλο αρχείο με μορφή ονόματος password +.htm. Σελ 43 από 63
Κεφάλαιο 7: Portal Διαχείρισης Αυτό το αρχείο περιέχει τον κώδικα - ανταποκριτή σε αυτό το script, και περιέχει την πρώτη σελίδα του portal Διαχείρισης. Όταν αυτό βρεθεί επιτυχώς, ανοίγει στο δεξί μέρος της σελίδας (\right_frame.php). Αν αυτό δεν βρεθεί, η είσοδος στο portal απλά δεν παίρνει μέρος. Εφόσον η είσοδος λάβει μέρος κανονικά, βρισκόμαστε μπροστά στην πρώτη σελίδα του portal Διαχείρισης (Βλ. εικόνα 7-1.2). Εικόνα 7-1.2 Αυτή μας καλωσορίζει στον χώρο και έχει τρεις (3) επιλογές. Η πρώτη αναφέρεται στην διαχείριση εγγραφών μελών, στην οποία όταν εισέλθουμε έχουμε μια πλήρη εικόνα της κατάστασης εγγραφών μελών. Η δεύτερη αναφέρεται στη διαχείριση εγγραφών πρακτικών, και η Τρίτη στην αναφορά επισκεψιμότητας της κεντρικής σελίδας του ιστοχώρου, δηλαδή στον αριθμό Σελ 44 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου επισκεπτών, με αναλυτικές πληροφορίες γύρω από τον χρόνο, την IP, και το σύστημα λειτουργικού χρήσης, που επισκέφθηκαν τον ιστοχώρο. Στη βάση του μενού αυτού βρίσκεται το εικονίδιο Home που σε οποιοδήποτε σημείο, είτε από το κεντρικό μενού του portal Διαχείρισης, είτε από τις διαχειρίσεις εγγραφών μελών/πρακτικών, μας βγάζει εκτός χώρου, και μας φέρνει στη φάση αρχικής εισόδου στον ιστοχώρο. 7.2. Διαχείριση εγγραφής μελών Έχοντας κάνει επιτυχημένη πρόσβαση στο portal Διαχείρισης, κάνοντας κλικ στην διαχείριση εγγραφής μελών βρισκόμαστε σε ένα σημείο όπου βλέπουμε οριζόντια τοποθετημένες τις στήλες με επικεφαλίδες τα ονόματα των κελιών του πίνακα gd_member (Βλ. εικόνα 7-2.1). Κάτω από τις επικεφαλίδες, σε πιστή σειρά βρίσκονται τοποθετημένες οι εγγραφές των χρηστών, ακριβώς με τον τρόπο που θα τις δούμε σε οποιονδήποτε mysql controller. Εδώ δεν παρέχεται κανένα σημείο ελέγχου, ο σκοπός ύπαρξης αφορά στην επίδειξη της κατάστασης του πίνακα εγγραφής μελών, την διερεύνηση κάποιων πιθανών στατιστικών ερωτημάτων κλπ. Στην βάση υπάρχει το εικονίδιο Home, το οποίο αυτομάτως μας επιστρέφει στην αρχική σελίδα του ιστοχώρου, έξω από την περιοχή Διαχείρισης. Εικόνα 7-2.1 Σελ 45 από 63
Κεφάλαιο 7: Portal Διαχείρισης 7.3. Διαχείριση εγγραφής πρακτικών Έχοντας κάνει επιτυχημένη πρόσβαση στο portal Διαχείρισης, κάνοντας κλικ στην διαχείριση εγγραφής μελών βρισκόμαστε σε ένα σημείο όπου βλέπουμε οριζόντια τοποθετημένες τις στήλες με επικεφαλίδες τα ονόματα των κελιών του πίνακα gd_company (Βλ. εικόνα 7-3.1). Κάτω από τις επικεφαλίδες, σε πιστή σειρά βρίσκονται τοποθετημένες οι εγγραφές των χρηστών, ακριβώς με τον τρόπο που θα τις δούμε σε οποιονδήποτε mysql controller. Εδώ δεν παρέχεται κανένα σημείο ελέγχου, ο σκοπός ύπαρξης αφορά στην επίδειξη της κατάστασης του πίνακα εγγραφής μελών, την διερεύνηση κάποιων πιθανών στατιστικών ερωτημάτων κλπ. Στην βάση υπάρχει το εικονίδιο Home, το οποίο αυτομάτως μας επιστρέφει στην αρχική σελίδα του ιστοχώρου, έξω από την περιοχή Διαχείρισης. Εικόνα 7-3.1 7.4. Αναφορά επισκεψιμότητας Η αναφορά επισκεψιμότητας της κεντρικής σελίδας του ιστοχώρου (Βλ. εικόνα 7-4.1) δείχνει στον αριθμό επισκεπτών που επισκέφθηκαν την Σελ 46 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου ιστοσελίδα, με αναλυτικές πληροφορίες γύρω από τον χρόνο, την IP, και το σύστημα λειτουργικού χρήσης του συστήματος που προσπέλασε τον ιστοχώρο. Εικόνα 7-4.1 Σελ 47 από 63
ΚΕΦΑΛΑΙΟ 8 8. Φόρμες εισαγωγής δεδομένων 8.1. Φόρμα εγγραφής μέλους Στη φόρμα εγγραφής μέλους μπορεί να προσβάσει κανείς με δύο τρόπους. Ο πρώτος τρόπος είναι από το κεντρικό menu περιήγησης και ο δεύτερος από το δεξί frame, στον σύνδεσμο «Επωφελήσου από τις υπηρεσίες μας, γίνε μέλος και εσύ!». Η φόρμα εγγραφής μέλους είναι το αρχείο gd_bemeber.htm και οι πληροφορίες επεξεργάζονται από το GD_member.php [1]. Η φόρμα αυτή ζητά απ τον χρήστη να καταχωρίσει μια πληθώρα πληροφοριών που απαιτεί η υπηρεσία του Γραφείου Διασύνδεσης με σκοπό την διευκόλυνση της επικοινωνίας (Βλ. Εικόνα 8-1.1 ). Οι πληροφορίες οι οποίες ζητούνται είναι οι εξής: - Όνομα(*) - Επώνυμο(*) - Ιδιότητα(*) - E-mail(*) - Σταθερό τηλέφωνο(*) - Κινητό τηλέφωνο - Αριθμό μητρώου - Προσωρινή διεύθυνση(*) - Νομός Προσωρινής διεύθυνσης - Ταχ. Κώδικας Προς.Διευθ. - Μόνιμη Διεύθυνση(*) - Νομός Μόνιμης διεύθυνσης - Ταχ. Κώδικας Μον. Διευθ. - Τμήμα φοίτησης (*) - Έτος εγγραφής - Έτος αποφοίτησης / Προβλεπόμενης - Μεταπτυχιακός τίτλος - Ίδρυμα Μεταπτυχιακού - Χώρα Μεταπτυχιακού Σελ 48 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Επιπλέον υπάρχει ο τομέας «Ενδιαφέρομαι να ενημερώνομαι για:» - Μόνιμη θέση απασχόλησης - Περιοχές - Έναρξη από: - Μερική απασχόληση - Μεταπτυχιακές σπουδές - Τομέας - Χώρα - Ενημέρωση για επαγγελματικά δικαιώματα, αυτοαπασχόληση, θέματα επιχειρηματικότητας. - Συμβουλευτική στη σύνταξης Βιογραφικού και παρουσίαση σε συνεντεύξεις. - Ενημέρωση για Ημερίδες, Συνέδρια και εκδηλώσεις του ΤΕΙ Καβάλας και σε όλη την επικράτεια σχετικά με το αντικείμενο σπουδών μου. - Ενημέρωση για θέματα εθελοντισμού, πολιτισμού, περιβάλλοντος, μη-κυβερνητικών οργανώσεων, νεολαίας. Στην περίπτωση της ιδιότητας δίνονται, μέσω radio buttons, πέντε (5) επιλογές: 1. Φοιτητής 2. Απόφοιτος 3. Εκπαιδευτικός 4. Διοικ. Υπάλληλος 5. Άλλο Στην περίπτωση της στρατιωτικής υποχρέωσης δίνονται, μέσω radio buttons, δύο (2) επιλογές: - Εκπληρωμένες - Μη εκπληρωμένες Στην περίπτωση του τμήματος σπουδών δίνονται μέσω ενός Select menu, 9 επιλογές (Βλ. εικόνα 8-1.2): o Διαχείριση Πληροφοριών Σελ 49 από 63
Κεφάλαιο 8 : Φόρμες Εισαγωγής δεδομένων o o o o o o o o Διοίκηση Επιχειρήσεων Λογιστική Βιομηχανική Πληροφορική Τεχνολογία Πετρελαίου & Φυσ. αερίου Ηλεκτρολογία Μηχανολογία Αρχιτεκτονικής τοπίου Δασοπονίας Σελ 50 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου Εικόνα 8.1.1 Σελ 51 από 63
Κεφάλαιο 8 : Φόρμες Εισαγωγής δεδομένων Εικόνα 8.1.2 Όλα τα πεδία που συνοδεύονται από αστερίσκο είναι υποχρεωτικά στην συμπλήρωση τους. H φόρμα ενημερώνει για το γεγονός αυτό, αναγράφοντας το σχετικό της υποχρεωτικής συμπλήρωσης πεδίων (Βλ. εικόνα 8-1.3). Εικόνα 8.1.3 Τέλος, υπάρχουν δυο πλήκτρα, ένα που εκκαθαρίζει όλα τα πεδία της φόρμας και ένα που αποστέλλει τα στοιχεία στο php script GD_member.php [3]. Αυτό, ξεκινώντας ελέγχει αν οι μεταβλητές που είναι υποχρεωτικές στην συμπλήρωση τους έχουν κάποια τιμή. Αν οποιαδήποτε αξία δεν έχει τιμή καταχωρημένη, ένα trigger λαμβάνει την τιμή 1, ενεργοποιεί ένα error το οποίο ειδοποιεί για το ότι δεν έχουν συμπληρωθεί όλα τα πεδία και παροτρύνει στην επιστροφή για συμπλήρωση όλων των πεδίων συνοδευόμενων από αστερίσκο (*). Συγκεκριμένα στην περίπτωση του e-mail η συνάρτηση eregi(,) λαμβάνοντας δυο ορίσματα διασφαλίζει την σωστή μορφή της διεύθυνσης e- Σελ 52 από 63
Πτυχιακή εργασία του Φουντάνα Άγγελου mail. Έτσι η συνάρτηση αυτή λαμβάνει ένα όρισμα που περιγράφει την μορφή και το πεδίο χαρακτήρων που μπορούν να εισαχθούν εκεί : X1_z@X1_z.xxx, και ακόμη ένα με την εισαχθείσα διεύθυνση. Αν η μορφή της διεύθυνσης e- mailείναι λάθος ενεργοποιείται το ανάλογο error, το οποίο ειδοποιεί για την εισαγωγή άκυρης διεύθυνσης e-mail. Στην οποιαδήποτε περίπτωση λάθους έχει ενεργοποιηθεί η κεφαλίδα: Τα ακόλουθα λάθη έχουν προκύψει:, και εν συνεχεία αναγράφεται όποιος trigger έχει ενεργοποιηθεί, ή και οι δύο, ο ένας κάτω από τον άλλο. Μοναδική διαδρομή είναι η επιστροφή και η συμπλήρωση κατ ορθόδοξο τρόπο(βλ. εικόνα 8-1.4). Εικόνα 8.1.4 Συνεχίζοντας, δημιουργεί μια μεταβλητή που περιέχει τα στοιχεία της φόρμας στην μορφή : Όνομα: Αγγελος Επώνυμο: Φουντάνας Ιδιότητα: Φοιτητής, και τα αποστέλλει, κάνοντας χρήση της συνάρτησης mail() η οποία δέχεται τέσσερα (4) ορίσματα, την διεύθυνση του παραλήπτη, το θέμα του μηνύματος, το μήνυμα και τον αποστολέα αντίστοιχα, στο Γραφείο Διασύνδεσης. Στο επόμενο κομμάτι δημιουργεί την αναφορά που εμφανίζει στον χρήστη μόλις επιτυχώς πληκτρολογήσει τα στοιχεία του, στην ίδια μορφή του μηνύματος που αποστέλλεται η αναφορά στο Γραφείο Διασύνδεσης: Όνομα: Άγγελος Επώνυμο: Φουντάνας Ιδιότητα: Φοιτητής Στο τέλος αυτής της αναφοράς ο χρήστης παροτρύνεται, αν συμφωνεί με τα στοιχεία που μόλις πληκτρολόγησε και βρίσκονται στην Σελ 53 από 63