A TE I KABA7VAE ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΤΥΗΡΟΦΟΡΙΚΗΣ
ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΗΣ ΕΦΑΡΜΟΓΗΣ ΕΑΕΓΧΟΥ ΓΝΩΣΕΩΝ ΤΟΥ ΦΟΙΤΗΤΗ ΓΙΑ ΤΑ
ΜΑΘΗΜΑΤΑ ΤΟΥ ΕΡΓΑΣΤΗΡΙΟΥ ΗΑΕΚΤΡΟΝΙΚΩΝ ΙΣΧΥΟΣ
ΚΑΙΠΑΝΟΣ ΑΠΟΣΤΟΑΟΣ ΚΑΠΠΟΥ ΕΥΑΓΓΕΑΙΑ
ΕΠΙΒΑΕΠΩΝ ΚΑΘΗΓΗΤΗΣ : ΚΥΡΑΝΑΣΤΑΣΗΣ ΓΕΩΡΓΙΟΣ
ΚΑΒΑΛΑ ΟΚΤΩΒΡΙΟΣ 2008
ΠΡΟΛΟΓΟΣ
Αντικείμενο της παρούσας πτυχιακής εργασίας είναι η δημιουργία μιας δυναμικής εφαρμογής στο διαδίκτυο. Η εφαρμογή αυτή εξυπηρετεί το τμήμα Βιομηχανικής Πληροφορικής δίνοντας τη δυνατότητα στους φοιτητές να προετοιμαστούν για τις τελικές εξετάσεις στα μαθήματα; Τεχνική της έκφρασης.
Ηλεκτρονικά ισχύος, Βιομηχανικά συστήματα ηλεκτρικής ενέργειας και Ηλεκτρονικά κινητήρια συστήματα. Επιπλέον, ο υπεύθυνος καθηγητής των προαναφερόμενων μαθημάτων έχει τη δυνατότητα να διαχειριστεί ης ερωτήσεις τις οποίες πρόκειται να προστεθούν ή τις ήδη υπάρχουσες στη Σχεδιασμένη Βάση Δεδομένων.
Έτσι κάθε χρήστης, ανάλογα με την ιδιότητά του (φοιτητής/administrator), είτε συμμετέχει (φοιτητής) σε κάποιο από τα τεστ δεξιοτήτων του αντίστοιχου μαθήματος είτε μέσω ενός εύρους επιλογών (administrator/καθηγητής);
εισάγει/τροποποιεί/διαγράφει τις ερωτήσεις από τη Βάση Δεδομένων. Μία ετηπλέον επιλογή αποτελεί η εξαγωγή ερωτηματολογίου αποτελούμενο από ορισμένες μόνο ερωτήσεις της βάσης συγκεκριμένης αξίας σε σύνολο μονάδων, για την τελική εξέταση των φοιτητών.
Μορφή ερωτήσεων στη ΒΔ:
Κατηγοριοποιημένες ερωτήσεις στη ΒΔ ανά μάθημα και ανά κεφάλαιο.
Οι ερωτήσεις, τύπου σωστού/λάθους ή πολλαπλής επιλογής, θα περιλαμβάνουν από 2 έως και 10 πιθανές απαντήσεις.
Ερωτήσεις με τη μορφή κειμένου, σχήματος, εικόνας ή διαγράμματος.
Τυχαία σειρά εμφάνισης των ερωτήσεων και των παθανών τους απαντήσεων κάθε φορά που θα επιλέγονται από τη ΒΔ.
Για την ανάπτυξη και την υλοποίηση της εφαρμογής αυτής θα χρησιμοποιηθούν οι γλώσσες ΡΗΡ και HTML καθώς και η βάση δεδομένων MySQL.
Περιεχόμενα
ΠΡΟΛΟΓΟΣ... Σελ.2 ΚΕΦΑΛΑΙΟ 1: Εργαλεία που χρησιμοποιήθηκαν.. Σελ.7 1.1ΡΗΡ.... Σελ.7 1.1.1 Σι')ντομη ιστορική αναδρομή της ΡΗΡ... Σελ.7 1.1.2 Τι είναι η ΡΗΡ... Σελ.8 1.1.3 Πλεονεκτήματα της ΡΗΡ... Σελ.8 1.2 HTML... Σελ.9 1.2.1 Σύντομη ιστορική αναδρομή της HTM L... Σελ.9 1.2.2 Τι είναι η HTML... Σελ.9 1.3 Τι είναι Ο Apache... Σελ.11 1.4 Τι είναι η MySQL... Σελ.11 1.4.1 Πλεονεκτήματα της MySQL... Σελ.11 1.5 Η χρήση και οι λειτουργίες του Macromedia
Dreamweaver MX 2004... Σελ.12 ΚΕΦΑΛΑΙΟ 2: Μεθοδολογία... Σεΐ-ΐ3 2.1 Στάδια υλοποίησης της διαδικτυακής εφαρμογής... Σελ.13 2.2 Εγκατάσταση και εξοικείωση των απαιτούμενων
προγραμμάτων... Σε>-13 2.3 Σχεδίαση Μοντέλου Οντοτήτων-Συσχετίσεων
(ΜΟΣ) στο DBDesigner4... Σελ.14 2.3.1 ΕΙΣΑΓΩΓΗ... Σελ.14 2.3.2 Βήματα που έγιναν για τη σχεδίαση του ΜΟΣ... Σελ.15 2.4 Δημιουργία πινάκων με το εργαλείο
phpmyadmin... Σελ.19 2.4.1 ΕΙΣΑΓΩΓΗ... Σελ.19 2.4.2 Δημιουργία πινάκων της βάσης με τη γλώσσα
S Q L ... Σελ.20 ΚΕΦΑΛΑΙΟ 3: Εγχειρίδιο Προγραμματιστή... Σελ.22 3.1 Σύνδεση του χρήστη... Σελ.22 3.1.1 Εγγραφή του χρήστη... Σελ.22 3.1.2 Ανάκτηση νέου κωδικού... Σελ.23 3.2Είσοδος σπουδαστή... Σε)-24 3.2.1 Επιλογή τεστ... Σελ.24 3.2.2 Διεξαγωγή Τέστ... Σε)-26
3.2.3 Αποτελέσματα Τεστ... Σελ.27 3.3 Ε ίσ ο δ ο ς Administrator.... Σελ.28 3.3.1 Διαχείριση Ερωτήσεων... Σελ.28 3.3.2 Εισαγωγή ερωτήσεων... Σελ.29 3.3.3 Τροποποίηση Ερωτήσεων... Σελ.31 3.3.4 Διαγραφή Ερωτήσεων... Σελ.32 3.4 Ε μ φ ά ν ισ η ε ρ ω τ ή σ ε ω ν α ν ά κ ε φ ά λ α ιο ... Σε>_33 3.5 Ε μ φ ά ν ισ η ό λ ω ν τ ω ν ε ρ ω τ ή σ ε ω ν ... Σελ.34 ΚΕΦΑΛΑΙΟ 4: Εγχειρίδιο Προγραμματιστή... Σελ.35 4.1 final Login.php... Σελ.35 4.2 forgotpass.php... Σελ.37 4.3 register.php... Σελ.38 4.4 session.php... Σελ.40 4.5 database.php... Σελ.46 4.6 mailer.php... Σελ.49 4.7 process.php... Σελ.50 4.8 index quiz texnikh.php... Σελ.53 4.9 quiz texnikhs.php... Σε>_55 4.10 marktest.php... Σελ.60 4.11 hormenu texnikh.php... Σελ.65 4.12 quiz add texnikh.php... Σελ.66 4.13 quiz_add_form.inc_texnikh.php... Σε>_66 4.14 quiz added texnikh.php... Σε?_68 4.15 question delete.php... Σελ.72 4.16 question deleted.php... Σε/_73 4.17 question update.php... Σελ.73 4.18 question updated.php... Σελ.77 4.19 update_view.inc.php... Σελ.79 4.20 questions.php... Σε>_81 4.21 questnav.inc.php... Σε)_82 4.22 view chapters.php... Σελ.83
ΠΑΡΑΡΤΗΜΑ A: Ερωτήσεις που υπάρχουν στη ΒΔ... Σε>-85 Ερωτήσεις του μαθήματος Τεχνική Της Έκφρασης... Σε>-85 Κεφάλαιο 1 - Βιογραφικό Σημείωμα... Σελ.85 Κεφάλαιο 2 - Επιχειρησιακή α/^.ηλογραφία... Σε>„86 Κεφάλαιο 3 - Τεκμηρίωση... Σελ.88 Κεφάλαιο 4 - Προφορική παρουσίαση... Σελ.90 Κεφάλαιο 5 - Συνέντευξη ... Σε>„91 Ερωτήσεις του μαθήματος Ηλεκτρονικά Ισχύος... Σελ.93 Κεφάλαιο 1 - Εισαγωγή στα ηλεκτρονικά ισχύος... Σελ.93 Κεφάλαιο 2 - Ανορθωτές-Κατατμητές-Ρυθμιστές
εναλλασσομένου-Αντιστροφείς... Σελ.96 ΠΑΡΑΡΤΗΜΑ Β: Οδηγός Εγκατάστασης
Εφαρμογής... Σελ,ιοο ΠΑΡΑΡΤΗΜΑ Γ: Κατάλογος Σχημάτων και
Εικόνων... Σελ.101 Βιβλιογραφία... Σ ελ .ΐ02
ΚΕΦΑΛΑΙΟ 1
ΕΡΓΑΛΕΙΑ ΠΟΥ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΑΝ
Σ’ αυτό το κεφάλαιο αναπτύσσονται οι διάφορες τεχνολογίες, γλώσσες προγραμματισμού και προγράμματα που χρησιμοποιήθηκαν ώστε να δημιουργηθεί η ιστοσελίδα. Αναφέρονται θέματα σχετικά με τα εργαλεία που χρησιμοποιήθηκαν για την υλοποίηση της διαδικτυακής αυτής εφαρμογής.
Αναφορικά τα εργαλεία που χρησιμοποιήθηκαν :
• Πακέτο xampp-win32-1.6.4:
Apache 2.2.6 MySQL 5.0.45 ΡΗΡ 5.2.4 phpMyAdmin 2.11.1
• Macromedia Dreamweaver MX 2004
• DBDesigner4
1.1.1 Σύντομη ιστορική αναδρομή της ΡΗΡ
Η ΡΗΡ αναπτύχθηκε το 14 από τον Rasmus Lerdorf προκειμένου να εντοπίζει τους επισκέπτες του δικτυακού του τόπου και την επόμενη χρονιά κυκλοφόρησε ως Personal Home Page (πρώιμη ονομασία της ΡΗΡ) Tools. Η έκδοση αυτή επανασχεδιάστηκε και σε συνδυασμό με έναν HTML Form Interpreter κυκλοφόρησε με την ονομαοήα PHP/F1 Version 2. Στα μέσα του 17 η έκδοση αυτή ήταν ευρέως διαδεδομένη. Ο αναλυτής (parser) επανασχεδιάστηκε από τους Zeev Suraski και Andi Gutmans όπως επίσης και η σύνταξη της γλώσσας ώστε να προσεγγίζει την σύνταξη αντικειμενοστραφών γλωσσών προγραμμαησμού, και τον Ιούνιο του 18 κυκλοφόρησε η ΡΗΡ 3. Η τωρινή έκδοση της ΡΗΡ είναι ΡΗΡ 5 και είναι διαθέσιμη από τη διεύθυνση http://www.php.net.
1.1.2 Τι είναιη ΡΗΡ
Η ΡΗΡ, γνωστή ως HyperText preprocessor, είναι μια γλώσσα προγραμματισμού που σχεδιάστηκε ειδικά για την κατασκευή δυναιιικών ιστοσελίδων. Με τον όρο δυναμική εννοείται μια ιστοσελίδα που αλλάζει αυτόματα, ανάλογα με τα στοιχεία του θεατή της. Στοιχεία όπως το λειτουργικό του σύστημα, η διεύθυνση IP του κ.ά.
Η ΡΗΡ χρησιμοποιείται όχι για την διακόσμηση μιας ιστοσελίδας αλλά για τον χειρισμό των λειτουργιών και εργασιών που θα διεκπεραιώνει. Συνεπώς, ο κώδικας που γράφεται για μια ιστοσελίδα σε γλώσσα ΡΗΡ δεν γίνεται άμεσα αντιληπτός αλλά μετά απο την επέμβαση του θεατή στην ιστοσελίδα. Για να γίνει αυτό κατανοητό: η ΡΗΡ χρησιμοποιείται ευρέως για τον χειρισμό ιστοσελίδων με δυνατότητες όπως η εγγραφή χρηστών (user registration), τα φόρουμ κ.ά.
Λειτουργεί με την βοήθεια της HTML και πλέον και με την XHTML (νέα αναθεωρημένη έκδοση της HTML). Σε συνδυασμό και με την MySQL μπορεί να χρησιμοποιηθεί κάλλιστα για την διαχείρηση δεδομένων μέσα σε βάσεις. Λόγω χάρη στο παράδειγμα της εγγραφής των χρηστών η ΡΗΡ μπορεί να αποθηκεύει τα ονόματα και τους κωδικούς χρηστών σε μια βάση δεδομένων.
1.1.3 Πλεονεκτήματα της ΡΗΡ
Σύμφωνα με στατιστικά στοιχεία (διαθέσιμα από τη διεύθυνση http://www.phD.net/usage.php) η τεχνολογία ΡΗΡ για τη διαχείριση του περιεχομένου των δικτυακών τόπων χρησιμοποιείται περισσότερο, ενδεικτικό στοιχείο του πόσο διαδεδομένη είναι η χρήση της ανάμεσα στους σχεδιαστές δικτυακών τόπων. Η δημοτικότητα της γλώσσας ΡΗΡ έναντι των υπολοίπων scripting γλωσσών δικαιολογείται από τα εξής χαρακτηριστικά:
• Οικειότητα: Πολλά στοιχεία της γλώσσας παρουσιάζουν αρκετές ομοιότητες με άλλες γλώσσες προγραμματισμού, όπως η C και η ΡΑ8€ΛΗ, ελαχιστοποιώντας έτσι τη διαδικασία εκμάθησής της.
• Αποδοτικότητα: ο κώδικας της ΡΗΡ είναι “ελαφρύς”, δηλαδή απαιτεί σχετικά μικρή υπολογιστική ισχύ σε σχέση με τις υπόλοιπες server side τεχνολογίες (π.χ. ASP)
• Ευελιξία στη μεταφορά: Η ΡΗΡ έχει σχεδιαστεί κατάλληλα ώστε να εκτελείται σε διάφορα λειτουργικά συστήματα και να συνεργάζεται με διάφορους εξυττηρετητές Παγκόσμιου Ιστού (π.χ. Apache, Microsoft IIS) και βάσεις δεδομένων (π.χ. MySQL server, SQL server)
• Ασφάλεια: η ΡΗΡ παρέχει ένα σύνολο μηχανισμών για την παροχή ασφάλειας τόσο σε εττίτιεδο εφαρμογής (π.χ. μηχανισμοί κρυτττογράφησης) όσο και σε επίπεδο συστήματος (π.χ. μηχανισμοί ελέγχου πρόσβασης των χρηστών).
• Χαμηλό κόστος
1.2.1 Σύντομη ιστορική αναδρομή της HTML
Ξεκινώντας από το 1989, η προδιαγραφή της γλώσσας σήμανσης HTML άλλαξε αρκετές φορές. Ο λόγος που οδήγησε στο μεγάλο αριθμό αλλαγών ήταν η προσπάθεια καθορισμού μιας σταθερής σύνταξης.
Έτσι λοιπόν, τον Μάιο του 1989 έγινε η πρώτη εισήγηση για τη χρήση της HTML, ενώ τον Δεκέμβριο του 11 έγινε η πρώτη δημοσίευση. Τον Ιούλιο του 14 κυκλοφόρησε η HTML 2.0, η οποία οριζόταν ως ένα DTD της γλώσσας SGML και τον Ιανουάριο 17 ανακοινώθηκε από την WWW Consortium (W3C) η κυκλοφορία της HTML 3.2. Τέλος, τον Δεκέμβριο του ίδιου χρόνου κυκλοφόρησε η πρώτη έκδοση της HTML 4.0, η οποία επεκτείνει την HTML 3.2 όσον αφορά στη διεθνοποίηση της γλώσσας, στην υποστήριξη φύλλων στυλ (style sheets), πλαισίων, και στην αποδοχή από τον διεθνή οργανισμό προτυποποίησης ISO (ISO 15445).Η τελευταία έκδοση της HTML (HTML 4.01) κυκλοφόρησε τον Δεκέμβρη του 19.
Από κει και έπειτα έγινε προφανές ότι μελλοντικές εττεκτάσεις της γλώσσας θα ήταν πολύ δύσκολο να ετητευχθούν στα πλαίσια της SGML.
Το κυριότερο πρόβλημα που τίθεται, είναι η συμβατότητα της γλώσσας HTML με παλιότερες εκδόσεις της. Η HTML 4.01 ετηλύει, μερικώς, το πρόβλημα αυτό καθότι βασίζεται τόσο σε “μεταβατικές” όσο και σε “αυστηρά ορισμένες”
προδιαγραφές. Είναι προφανές ότι η HTML 4.01 θα αποτελέσει την τελική προδιαγραφή της γλώσσας, ενώ οποιαδήποτε περαιτέρω ανάπτυξή της θα ετηκεντρωθεί στον απόγονο αυτής, την XHTML η οποία αποτελεί μια προσαρμογή της γλώσσας HTML στους κανόνες της XML. Η πρώτη έκδοση της XHTML ως σύσταση, κυκλοφόρησε το Δεκέμβριο του 2000.
Μια από τις νέες δυνατότητες της HTML είναι η ύπαρξη μηχανισμών που υποστηρίζουν την εισαγωγή scripts (ακολουθία δηλώσεων που παρέχουν εντολές στο φυλλομετρητή), πλαισίων και την ενσωμάτωση αντικειμένων όπως εικόνες, video, ήχο, μαθηματικές εκφράσεις και άλλα αντικείμενα ή εφαρμογές.
1.2.2 Τι είναι η HTML
Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίηση υπερκειμένου) και είναι η βασική γλώσσα δόμηση σελίδων του World Wide Web (ή απλά ιστού: Web). Είναι μία γλώσσα προγραμματισμού.
Χρησιμοποιείται για να σημαίνει ένα τμήμα κειμένου και να το κάνει να εμφανίζεται καλύτερα. Επιτρέπει την ενσωμάτωση ήχου και εικόνων στις web σελίδες. Αρχικά είχε κατασκευασθεί με σκοπό μόνο την μορφοποίηση κειμένου, αλλά μεγάλωσε και ενσωμάτωσε σχεδιαστικές τεχνικές κ.α.8
Η γλώσσα χρησιμοποιεί έναν αριθμό από tags για την μορφοποίηση κειμένου, για την δημιουργία συνδέσμων (links) μετάβασης ανάμεσα των σελίδα, για την εισαγωγή εικόνων, ήχου κ.α. Όταν ένας Web Browser ανοίγει ένα αρχείο HTML τα στοιχεία (tags) μεταφράζονται σε κατάλληλα χαρακτηριστικά με αποτελέσματα στην εμφάνιση και στην λειτουργικότητα της συγκεκριμένης σελίδας. Κάθε HTML
αρχείο αποτελείταν από ένα στοιχείο <html> το οποίο χωρίζεται σε δύο μέρη: το
<head> και το <body>.0 σκελετός κάθε HTML αρχείου είναι ο ακόλουθος:
κώδικας: <html>
<head>
</head>
<body>
</body>
</html>
H HTML, είναι μια εφαρμογή της γλώσσας SGML (Standard Generalized Markup Language). Μέσω της γλώσσας αυτής επττρέπεται ο καθορισμός νέων γλωσσών σήμανσης και δημιουργήθηκε πολύ νωρίτερα από την ανάτττυξη του Παγκόσμιου Ιστού. Αρχικά σχεδιάστηκε για τον καθορισμό της διαρρύθμισης των σελίδων και των γραμματοσειρών, μέσω της διαδικασίας της σήμανσης. Στη συνέχεια, η χρήση της επεκτάθηκε για τον καθορισμό οδηγιών που αφορούν την μορφοποίηση, την εκτύπωση και άλλα είδη επεξεργασίας ηλεκτρονικών εγγράφων.
Η γλώσσα σήμανσης HTML (Hypertext Markup Language) αποτελεί μια εφαρμογή της SGML, η οποία έχει σχεδιασθεί με σκοπό:
- Τη στοιχειοθέτηση (μορφοποίηση-formating) ηλεκτρονικών κειμένων - Την αναμετάδοσή τους στο Διαδίκτυο
- Την αναπαράστασή τους σε διαφορετικού είδους οθόνες
Η περιγραφή της στοιχειοθέτησης του κειμένου γίνεται με την εισαγωγή ετικετών της HTML στο σώμα του εγγράφου. Οι περισσότερες ετικέτες της HTML χρησιμοποιούνται για την οργάνωση του περιεχομένου σε μια λογική - ιεραρχική δομή. Υπάρχουν ωστόσο και καθαρά μορφολογικοί χαρακτήρες (π.χ. <Β>, <Ι>).
Η HTML ετητρέπει την ενσωμάτωση υπερσυνδέσμων (links, δεικτών) προς άλλα κείμενα αλλά και αρχεία ήχου, εικόνων, κινουμένων σχεδίων κλπ. Έτσι, μπορεί να χρησιμοποιηθεί για τον σχεδιασμό και την ανάπτυξη εφαρμογών υπερμέσων.
Ένα άλλο χαρακτηριστικό της HTML είναι ότι η γλώσσα αυτή είναι επεκτάσιμη, υπό την έννοια ότι σε αυτή μπορούν να προστεθούν νέες ιδιότητες και λειτουργίες, χωρίς να ακυρώνονται υπερκείμενα ανεπτυγμένα σε παλαιότερες εκδόσεις της.
Πρόκειται για ένα ελεύθερο ανοικτού κώδικα λογισαικό. Είναι ιδιαίτερα διαμορφώσιμο και είναι πλήρες των προηγμένων χαρακτηριστικών γνωρισμάτων, όπου αυτός είναι και ο κύριος λόγος για τον οποίο οι περισσότεροι πάροχοι web hosting το χρησιμοποιούν. Ο Apache ήταν ο πρώτος εναλλακτικός εξυπηρετητής που εφαρμόστηκε στην εταιρία Netscape Communications Corporation, και από τότε εξελίχθηκε σε άλλα ... όσον αφορά τη λειτουργικότητα και την απόδοση.
Αναπτύχθηκε και υποστηρίχθηκε από προγραμματιστές ανοικτού κώδικα υπό την εττίβλεψη του Apache Software Foundation. Η εφαρμογή μπορεί να εκτελεστεί σε πολλές πλατφόρμες όπως Unix, FreeBSD, Linux, Solaris, Novell NetWare, Mac Os X, Microsoft Windows, OS/2, TPF και eComStation. Από το Απρίλιο του 16 ο Apache υπήρξε ο πιο δυμοφιλής HTTP εξυπηρετητής στο διαδίκτυο. Παρ' όλα αυτά, από τον Νοέμβρη του 2005 δεν είχε ευρεία αποδοχή από το ανταγωνισηκό κοινό κυρίως λόγω των διαδικτυακών υπηρεσιών της Microsoft.
Τον Ιούνιο όμως του 2008 ο Apache έφτασε το 49.12% όλων των ιστοσελίδων.
Ο Apache υποστηρίζει μια ποικιλία χαρακτηρισπκών, πολλά εκτελούμενα σαν μεταγλωτισμένες υπομονάδες οι οποίες εκτείνουν τη βασική τους λειτουργικότητα. Μερικά interfaces κοινής γλώσσας υποστηρίζουν τις mod perl.
mod python. Tcl. και PHP.
1.3 Τι είναι ο Apache
1.4 Ti είναι η MySQL
H MySQL είναι ένα Σύστηηα Διαγείοισης Σγεσιακών Βάσεων Δεδοαένων (relational database management system) ή RDBMS. Σε γενικές γραμμές, έιναι ένα πακέτο λογισμικού (software package) που είναι πολύ καλό στην οργάνωση και τη διαχείριση μεγάλων ποσοτήτων πληροφοριών. Με τη χρήση της MySQL είναι εύκολη και γρήγορη η πρόσβαση σ' αυτές τις πληροφορίες χρησιμοποιώντας μια γλώσσα συγγραφής σεναρίων στην πλευρά του διακομιστή (server-side scripting languages), όπως είναι η ΡΗΡ και διασφαλίζοντας συγχρόνως ότι μόνο τηστοποιημένοι χρήστες μπορούν να έχουν πρόσβαση. Συνεπώς η MySQL είναι ένας πολυνηματικός διακομιστής πολλαπλών χρηστών που χρησιμοποιεί την SQL ( Structured Query Language ) την τυτηκή γλώσσα ερωτημάτων για βάσεις δεδομένων παγκοσμίως.
1.4.1 Πλεονεκτήματα της MySQL
Η MySQL είναι γρήγορη, πολύ αξιόπιστη και εύκολη στη χρήση. Επίσης, η MySQL μπορεί να λειτουργήσει αρμονικά με τη γλώσσα ΡΗΡ και πολλές εταιρείες web hosting παρέχουν την MySQL και την ΡΗΡ ως ένα στάνταρτ πακέτο. Το μεγαλύτερο πλεονέκτημα της MySQL
είναι ότι είναι δωρεάν (free) και ανοικτού κώδικα (open source). Επίσης, μπορεί να εκτελεστεί σε πολλές πλατφόρμες, όπως Windows, Linux, FreeBSD, Solaris κ.ά.
10
1.5 Η χρήση και οι λειτουργίες του Macromedia Dreamweaver MX 2004
To Dreamweaver MX 2004 της Macromedia χρησιμοποιείται για την κατασκευή ιστοσελίδων και ειραριιοΎών. Παρέχει ένα στιβαρό θεμέλιο για ευρεία υιοθέτηση του Cascading Style Sheet (CSS), ενός ευρέως αποδεκτού web standard, και αποτελεί το μοναδικό εκτενές εργαλείο για να αποδόσει γερή υποστήριξη CSS σε ένα οπτικό περιβάλλον ανάπτυξης. Το Dreamweaver MX 2004 βασίζεται στην ετητυχημένη δομή του Dreamweaver MX και ετιεκτείνεται επιπλέον ενσωματώνοντας οπτικά εργαλεία περιγράμματος, χαρακτηριστικά ανάπτυξης εφαρμογών και υποστήριξη επεξεργασίας κώδικα μέσω ενός περιβάλλοντος τεχνολογίας ανεξαρτήτου πλατφόρμας. Περιλαμβάνει εττίσης το SecureFTP, μια δυναμική λειτουργία ετηκύρωσης λειτουργικότητας με οποιονδήποτε browser, ενσωματωμένη επεξεργασία γραφικών, ομαλή συνεργασία με τα Word και Excel της Microsoft και ενημερωμένη υποστήριξη για τεχνολογίες ASP.NET, ΡΗΡ και ColdFusion server.
Η ανοικτή τεχνολογία του Dreamweaver MX 2004 ετητρέπει στους developers να δουλεύουν με τις τεχνολογίες της επιλογής τους. Το περιβάλλον ανάπτυξης ανεξαρτήτου πλατφόρμας υποστηρίζει τις mo σημαντικές τεχνολογίες server, συμπεριλαμβανομένων των ColdFusion, ASP.NET, JSP και ΡΗΡ. Το SecureFTP κρυπτογραφεί όλες τις μεταφορές αρχείων και αποτρέπει κάθε αναρμόδια πρόσβαση σε στοιχεία, περιεχόμενα αρχείων, ονόματα χρηστών και κωδικούς πρόσβασης. Η απρόσκοπτη ενσωμάτωση αρχείων των Word και Excel της Microsoft εmτpέπει στους χρήστες να συντηρήσουν τη μορφοποίηση, όπως το CSS, όταν γίνεται αποκοπή και εmκόλληση στο Dreamweaver.
Το Dreamweaver MX 2004 επίσης ενσωματώνει ένα βελτιωμένο περιβάλλον σχεδίου και ανάπτυξης για να βοηθήσει τους επαγγελματίες του web να βρούν ό,τι χρειάζονται γρηγορότερα, αυξάνοντας την απόδοση, την παραγωγικότητα, και την ποιότητα της εργασίας τους. Βελτιώσεις στα κύρια χαρακτηριστικά, όπως η βελτιωμένη επεξεργασία πίνακα και μια προηγμένη διαδικασία επεξεργασίας αρχείων, όλα αυτά αποτελούν στοιχεία που βοηθούν τους χρήστες να διαχειρίζονται καλύτερα τα βασικά. Οι χρήστες μπορούν να γράψουν κώδικα αποτελεσματικά με τα εργαλεία κωδικοποίησης δεξιού κλικ, βελτιωμένη εύρεση και αντικατάσταση καθώς και με έναν βελτιωμένο εmθεωpητή tags, που εmτpέπει την γρήγορη και περιεκτική ετιεξεργασία του αντικειμένου.
Το Dreamweaver MX 2004 περιλαμβάνει ακόμη και προηγμένη συνεργασία με το Contribute 2 της Macromedia, ένα νέο εργαλείο που εmτpέπει στους χρήστες του Dreamweaver να αναπροσαρμόσουν την κάθε ενημέρωση του περιεχόμενου του web προς ικανοποίηση των ιδιοκτητών χωρίς να εγκαταλείπουν τον έλεγχο της ιστοσελίδας τους. Περιλαμβάνει επίσης τα MX Elements για HTML, για κατασκευή blocks εφαρμογών που εmτpέπoυv την παραγωγή γρήγορων εντυπωσιακών αποτελεσμάτων με συνεπές ύφος και αίσθηση.
Τα MX Elements για HTML περιλαμβάνουν style sheets, περιεχόμενο δειγμάτων και templates. Τα style sheets αποτελούν εύκολα σημεία εκκίνησης για εξεζητημένη χρήση του CSS για προσδιορισμό θέσης με templates για κοινά περιγράμματα ιστοσελίδων.
ΚΕΦΑΛΑΙΟ 2 ΜΕΘΟΔΟΛΟΓΙΑ
2.1 Στάδια υλοποίησης της διαδικτυακής εφαρμογής
Αργικό στάδιο:
Εγκατάσταση και εξοικείωση των απαιτούμενων προγραμμάτων.
Σχεδίαση Μοντέλου Οντοτήτων-Συσχετίσεων (ΜΟΣ) στο DBDesigner4.
Δημιουργία πινάκων με το εργαλείο phpmyadmin.
Εισαγωγή στοιχείων στους πίνακες της ΣΒΑ.
Ανάπτυξη του κώδικα ΡΗΡ (σε συνδυασμό με τη γλώσσα HTML) με τη χρήση του προγράμματος Dreamweaver της Macromedia.
Συγγραφή της τπυχιακής εργασίας.
2.2 Εγκατάσταση και εξοικείωση των απαιτούμενων προγραμμάτων
Μετά την καταγραφή των απαιτήσεων που πρόκειται να αντιμετωταστούν κατά την εξέλιξη της παρούσας πτυχιακής εργασίας, επόμενο βήμα ήταν η εύρεση και η εγκατάσταση των απαραίτητων προγραμμάτων για την υλοποίηση του τεχνικού μέρους της εργασίας, καθώς και η εκμάθηση των γλωσσών δικτυακού προγραμματισμού που είναι απαραίτητες για μια τέτοιου είδους εφαρμογή.
Αναιροοικά
- Εύρεση και εγκατάσταση των απαιτούμενων προγραμμάτων.
- Πρώτη επαφή με το περιβάλλον κα'θε προγράμματος και τις δυνατότητες που προσφέρει.
- Εκμάθηση απαραίτητων γλωσσών προγραμματισμού.
Η προμήθεια των προγραμμάτων Macromedia Dreamweaver MX 2004 και DBDesigner4 τους έγινε ελεύθερα (free) από το διαδίκτυο. Για να γίνει, παρ' όλα αυτά, εφικτή η υλοποίηση του ιστοτόπου με τη χρήση του Dreamweaver απαραίτητη ήταν και η εγκατάσταση των Apache, php και MySQL.
Για λόγους διευκόλυνσης κατά την εγκατάσταση χρησιμοποιήθηκε το xampp το οποίο είναι ένα πακέτο με οτιδήποτε χρειάζεται κάποιος για τη δημιουργία web εφαρμογών σε php. Το xampp περιλαμβάνει τον εξυπηρετητή Apache, τον database server MySQL και τις γλώσσες προγραμματισμού php και Perl.
12
Η εγκατάσταση των προγραμμάτων αυτών έγινε με τη βοήθεια εγχειριδίων εγκατάστασής τους τα οποία ήταν διαθέσιμα στο διαδίκτυο και γι' αυτόν το λόγο δεν παρουσιάστηκε καμία δυσκολία κατά τη διαδικασία αυτή. Στη συνέχεια έγινε η πρώτη επαφή με το Macromedia Dreamweaver μέσω εγχειριδίων χρήσης του που βρίσκονται και διανέμονται ελεύθερα στο χώρο του διαδικτύου σε ηλεκτρονική αλλά και σε έντυπη μορφή, ανακαλύπτωντας με αυτόν τον τρόπο τις περισσότερες από τις δυνατότητες του προγράμματος. Για την εξοικείωση με το περιβάλλον του Dreamweaver επισκεφθήκαμε τα ακόλουθα site:
Macromedia Dreamweaver MX 2004 Step-Bv-step Tutorials.
Dreamweaver MX 2004 tutorial. Free. Index
Στα site αυτά υπάρχουν οπτικά tutorials διευκολύνοντας σε μεγάλο βαθμό κάποιον που ετηχειρεί για πρώτη φορά να δημιουργήσει ένα web site ή μια απλή web σελίδα.
2.3 Σχεδίαση Μοντέλου Οντοτήτων-Συσχετίσεων (ΜΟΣ) στο DBDesigner4
2.3.1 Εισαγωγή
Το Μοντέλο Οντοτήτων - Συσχετίσεων σχεδιάστηκε με τη χρήση του προγράμματος DBDesigner4. Με τη βοήθεια εγχειριδίων χρήσης του DBDesigner4 που διανέμονται ελεύθερα στο διαδίκτυο ανακαλύφθηκαν οι περισσότερες δυνατότητες του προγράμματος αυτού. Μετά την αρχική αυτή ενασχόληση με το πρόγραμμα, ακολούθησε ο σχεδιασμός της ΒΔ με τις ερωτήσεις κάθε μαθήματος και τους χρήστες οι οποίοι εισέρχονται στον ιστότοπο προς υλοποίηση. Οι απαιτήσεις για τη σχεδίαση αυτής της ΒΔ αναφέρονται παρακάτω:
- Κάθε χρήστης θα έχει ένα όνομα χρήστη και έναν κωδικό για την εγγραφή - Κάθε ερώτηση θα είναι κατηγοριοποιημένη ανά μάθημα και ανά κεφάλαιο.
- Κάθε μάθημα θα έχει έναν κωδικό, έναν αριθμό κεφαλαίου και τον τίτλο κεφαλαίου.
- Κάθε ερώτηση θα έχει έναν αριθμό, έως και δέκα τηθανές απαντήσεις, θετική και αρνητική βαθμολογία.
2.3.2 Βήματα που έγιναν για τη σχεδίαση του ΜΟΣ
l.Anuiovpyia τύπων οντοτήτοη’:
Απαίτηση: Κάθε χρήστης θα έχει ένα όνομα χρήστη, έναν κωδικό για την εγγραφή του, μία τυχαία τιμή χρήστη, ηλεκτρονική διεύθυνση χρήστη και την ώρα που συνδέθηκε ο χρήστης.
Επεξήγηση των πεδίων τον πίνακα users;
-Το username(0vopa χρήστη) και το password(o κωδικός) χρησιμοποιούνται για τη σύνδεση του χρήστη. Τα δύο αυτά τιεδία είναι τύπου varchar και μπορούν να δεχτούν μέχρι 20 χαρακτήρες.
-Το email( ηλεκτρονική διεύθυνση) χρησιμοποιείται στην περίπτωση που ο χρήστης ξεχάσει τον κωδικό. Είναι τύπου varchar και μπορεί να είναι μέχρι και 45 χαρακτήρες.
-Το userid αποτελεί τυχαία μοναδική τιμή που δημιουργείται για κάθε χρήστη κατά την εγγραφή του, ώστε να γίνεται ο απαραίτητος έλεγχος για την αυθεντικότητά του. Είναι τύπου varchar και μπορεί να είναι μέχρι 20 χαρακτήρες.
-Το timestamp δηλώνει τη χρονική στιγμή που συνδέθηκε ο χρήστης και είναι τύπου integer.
γ username: VARCHAR(20) σ pass: VARCHAR(20) σ userid: VARCHAR(20) d email: VARCHAR(45) O timestamp: INTEGBl
Σχήμα 1. Πίνακας με τα στοιχεία των χρηστών
Απαίτηση; Οι ερωτήσεις θα είναι κατηγοριοποιημένες ανά μάθημα και ανά κεφάλαιο. Κάθε κεφάλαιο θα έχει έναν κωδικό, τον αριθμό κεφαλαίου, τον τίτλο μαθήματος και τον τίτλο κεφαλαίου.
Επεξήγηση των πεδίων του πίνακα subjects;
- Κύριο κλειδί του παρακάτω πίνακα είναι το id, ο ξεχωριστός κωδικός κάθε κεφαλαίου και είναι τύπου integer.
- Το πεδίο cat,τύπου text, είναι ο αριθμός του αντίστοιχου κεφαλαίου.
- Το πεδίο lesson περιλαμβάνει τον αντίστοιχο τίτλο μαθήματος και είναι τύπου text.
- Το πεδίο descr αποτελεί τον τίτλο κεφαλαίου κάθε μαθήματος και είναι τύπου text.
* cat: TEXT Si lesson: TEXT 0 descr: TEXT
Σχήμα 2. Πίνακας με τα μαθήματα και τα κεφάλαιά τους Απαίτηση: Κάθε ερώτηση θα έχει έναν αριθμό/κωδικό, το κείμενο (ή εικόνα) ερώτησης, το κεφάλαιο στο οποίο ανήκει, το μάθημα στο οποίο ανήκει, θετική και αρνητική βαθμολογία, έως και δέκα ταθανές απαντήσεις.
Επεξήγηση των πεδίων του πίνακα questions;
- Το id αποτελεί το πρωτεύον κλειδί του πίνακα questions και είναι ένας μοναδικός αριθμός για κάθε ερώτηση, τύπου integer.
- Το πεδίο question περιλαμβάνει την ερώτηση είτε με τη μορφή κειμένου είτε με τη μορφή path όπου είναι αποθηκευμένη η αντίστοιχη εικόνα και είναι τύπου text.
- Το ττεδίο test,τύπoυ text, είναι ο αριθμός του αντίστοιχου κεφαλαίου για την κάθε ερώτηση.
- Το πεδίο lesson αποτελεί τον τίτλο του μαθήματος στο οποίο ανήκει κάθε ερώτηση και είναι τύπου text.
- Τα πεδία ansi μέχρι και anslO περιλαμβάνουν τις αντίστοιχες τηθανές απαντήσεις για κάθε ερώτηση και είναι τύπου text.
- Στο πεδίο corans αποθηκεύεται η σωστή ή οι σωστές απαντήσεις κάθε ερώτησης, είναι τύπου varchar και μπορεί να δεχτεί μέχρι 20 χαρακτήρες.
- Στα πεδία pos και neg περιέχονται η θετική και αρνητική βαθμολογία αντίστοιχα για κάθε ερώτηση. Είναι τύπου integer και double.
- Τέλος, το πεδίο subjects id χρησιμοποιείται για τη διαδικασία επιλογής της ερώτησης του συγκεκριμένου κεφαλαίου, είναι τύπου integer και ξένο κλειδί από τον πίνακα subjects.
« subjects_ld: INTEGER (FK)
<:φ question: TEXT test: TEXT ς» lesson: TEXT O ansi: TEXT ς» ans2: TEXT Ct ans3: TEXT ans4: TEXT 0 ans5: TEXT Q ans6: TEXT ans7: TEXT 0 ans8: TEXT V ans9: TEXT O anslO; TEXT
^ corais: VARCHAR(20)
^ pos: INTEGER i> neg: DOUBLE ________
Σχήμα 3. Πίνακας με τις ερωτήσεις κάθε μαθήματος
Πίνακας συσχέτισης; Ο παρακάτω πίνακας προκύπτει από τη οτυσχέτιση των πινάκων users και questions με κύριο κλειδί τον συνδυασμό των ξένων κλειδιών users username και qu estio nsjd τα οποία είναι κύρια κλειδιά στους προαναφερόμενους πίνακες.
ί users_username.· VARCHAR(20) (FK)
? c|uestions_id: INTEGER (FK) J usei's_answer_questions_FKInciexl
Σχήμα 4. Πίνακας που δημιουργήθηκε από τη σνσχέτιση των πινάκων: users και questions
2.Amtiov0yia τύπων συσγετίσεων:
Users-questions: Η συσχέτιση είναι Μ:Ν επειδή κάθε χρήστης μπορεί να απαντάει σε πολλές ερωτήσεις και κάθε ερώτηση μπορεί να απαντηθεί από πολλούς χρήστες.
? ussrname: VARCHAR(20) Ο pass: VARCHAR(20) Ο userid: VARCHAR(2Q) Ο email: VARCHAR(45) O timestamp: INTEGER
Rel_05
■i id: INTEGER O question: TEXT O test: TEXT O lesson: TEXT C> ansi: TEXT O ans2: TEXT O ans3: TEXT V »is4: TEXT O ans5: TEXT w ans6: TEXT
« ans7: TEXT 0 ans8: TEXT 0 ans9: TEXT d anslO: TEXT
VARCHAR(20) pos: INTEGER neg: DOUBLE
ux3fs answer questions__________z.
•a users_username: VARCHAR(20) (FK)
« questions_id: INTEGER (FK)
^ users_answer_questions_FKJndexl
? users_usemam0 } users_answer_guestions_FK!ndex2
t questions,»!________________
Σχήμα 5. Συσχέτιση μεταξύ των πινάκων: users και questions
Subjects-questions: Η συχέτιση είναι 1:Ν επειδή κάθε κεφάλαιο έχει πολλές ερωτήσεις ενώ κάθε ερώτηση ανήκει το πολύ σε ένα κεφάλαιο.
sublects ϊ id; INTEGER 0 cat: TEXT 0 lesson: TEXT
desCT: TEXT
Σχήμα ό.Συσχέτιση μεταξύ των πινάκων: questions και subjects
Β.Σγεδιασαόα του ΜΟΣ στο DBDesisner:
Σχήμα 7. Μοντέλο Οντοτήτων-Συσχετίσεων
2.4 Δημιουργία πινάκων με το εργαλείο phpmyadmin
2.4.1 Εισαγωγή
Το phpMyAdmin είναι ένα εργαλείο γραμμένο σε κώδικα ΡΗΡ για τη διαχείριση της MySQL στο Web. Συγχρόνως, μπορεί να δημιουργεί και να διαγράφει βάσεις δεδομένων, να δημιουργεί/διαγράφει/τροποποιεί τήνακες, να διαγράφει/τροποποιεί/προσθέτει τιεδία, να εκτελεί οποιαδήποτε SQL εντολή, να διαχειρίζεται κλειδιά πεδίων, manage privileges και να εξάγει δεδομένα σε διάφορες μορφές. Πρόκειται για ένα εργαλείο το οποίο είναι διαθέσιμο σε 50 γλώσσες. Η δημιουργία των τηνάκων και η εισαγωγή των στοιχείων τους στη ΒΔ έγινε με τη χρήση του εργαλείου phpMyAdmin, όπως φαίνεται παρακάτω.
18
2.4.2 Δημιουργία πινάκων της βάσης με τη γλώσσα SQL
1. Δηριουογία του τιίνακα questions
CREATE TABLE questions (
id INTEGER UNSIGNED NOT NULL AUTO_INCREMENT, subjectsjd INTEGER UNSIGNED NOT NULL, question TEXT NULL,
test TEXT NULL, lesson TEXT NULL, ansi TEXT NULL, ans2 TEXT NULL, ans3 TEXT NULL, ans4 TEXT NULL, ans5 TEXT NULL, ans6 TEXT NULL, ans7 TEXT NULL, ans8 TEXT NULL, ans9 TEXT NULL, ans 10 TEXT NULL, corans VARCHAR(20) NULL, pos INTEGER UNSIGNED NULL, neg DOUBLE NULL, PRIMARY KEY(id),
INDEX questions_FKIndexl(subjects_id));
2. Δηοιουογία του τήνακα user answer questions που προκύπτει από τη συσγέτιση του τήνακα users αε τον πίνακα questions:
CREATE TABLE users_answer_questions ( questionsjd INTEGER UNSIGNED NOT NULL, users_usemame VARCHAR(20) NOT NULL, PRIMARY KEY(questions_id, users usemame), INDEX users_answer_questions_FKIndex 1 (questionsid), INDEX users_answer_questions_FKIndex2(users_usemame));
19
3. Δηαιουργία του πίνακα subjects:
CREATE TABLE subjects (
id INTEGER UNSIGNED NOT NULL AUTO_INCREMENT, cat TEXT NULL,
lesson TEXT NULL, descr TEXT NULL, PRIMARY KEY(id) );
4. Δηηιουργία του ττίνακα users:
CREATE TABLE users ( username VARCHAR(20) NOT NULL, pass VARCHAR(20) NULL, userid VARCHAR(20) NULL, email VARCHAR(45) NULL, timestamp INTEGER UNSIGNED NULL, PRIMARY KEY(usemame) );
Ανάτττυξη του κώδικα PHP (σε συνδυασμό με τη γλώσσα HTML) με τη χρήση του προγράμματος Dreamweaver της Macromedia.
Με τη δημιουργία των πινάκων και την εισαγωγή των στοιχείων τους ακολουθεί το τελικό στάδιο της ολοκλήρωσης της εργασίας αυτής με την ανάπτυξη του κώδικα χρησιμοποιώντας τη γλώσσα ΡΗΡ. Προκειμένου όλες οι παραπέμπουσες σελίδες να είναι το ίδιο μορφοποιημένες έγινε συνδυασμός της ΡΗΡ με τη γλώσσα HTML
ΚΕΦΑΛΑΙΟ 3 ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΤΗ
3.1 Σύνδεση του χρήστη
Στην αρχική σελίδα υπάρχει η φόρμα εισόδου του χpήστη(login) στην εφαρμογή χρησιμοποιώντας το username και το κωδικό του(ρΕ55\νοΓ0). Για να εγγραφεί κάποιος στη βάση έτσι ώστε να μπορεί να συνδεθεί με την εφαρμογή, αρκεί να κλικάρει το link « ε γ γ ρ α φ ή » το οποίο βρίσκεται κάτω απο τα πεδία στα οποία εισχωρείται το username και το password. Στην τιερίτττωση που κάποιος εγγεγραμμένος χρήστης ξεχάσει το κωδικό του, απλά κλικάρει το link «ξεχάσατε των κωδικό σ α ς ;»
Lo g in F o rm
Username:
Password:
Νέος Χρήστης; Evvootcn
Εικόνα 1. Φόρμα σύνδεσης του χρήστη
3.1.1 Εγγραφή του χρήστη
Αν ο χρήστης επιλέξει να εγγραφεί στη βάση πατώντας το « ε γ γ ρ α φ ή » , στη σελίδα που εμφανίζεται υπάρχει η φόρμα εγγραφής. Ο χρήστης πρέπει να εισάγει username, κωδικό(password) και ηλεκτρονική διέυθυvση(e-mail) και να κλικάρει το link « ε γ γ ρ α φ ή » για να αποθηκευτούν στη βάση τα στοιχεία του έτσι ώστε να μπορεί να πραγματοποιήσει την έισοδό του στην εφαρμογή από την αρχική σελίδα(1ο§ίη).
21
Εγγραφή
Username;
Password: i
Email: ;
I
ΕννραφήΙ |Εικόνα 2. Φόρμα εγγραφής του χρήστη
3.1.2 Ανάκτηση νέου κωδικού
Αν ο χρήστης ξεχάσει το κωδικό του, μέσω του link «ξεχάσ ατε τον κωδικό σ α ς :» θα μεταβεί στη σελίδα που μπορέι απλά εισάγοντας το username του και πατώντας το « Ν έ ο ς Κω δικός», να σταλεί στο e-mail του ένας νέος κωδικός που μπορέι να χρησιμοποιήσει για την έισοδό του στην εφαρμογή.
m r .
=έχασα το ν κ ω δ ικ ό μου
U sernam e:
Εικόνα 3. Δημιουργία νέου κωδικού για το χρήστη 22
Στην εφαρμογή μπορεί να πραγματοποιηθεί είσοδος έιτε ως απλός χρήστης, είτε ως διαχειριστήςίαάτηίηίείΓΕίοΓ). Όλοι εγγράφονται με τον τρόπο που προαναφέραμε, ενώ έχουμε μόνο εναν διαχειριστή που έχει περισσότερα δικαιώματα από τον απλό χρήστη, και ορίζεται μέσω κώδικα.
3.2 Είσοδος σπουδαστή
Αν συνδεθεί στην εφαρμογή ένας απλός χρήστης(σπουδαστής), εμφανίζεται η κεντρική σελίδα από την οποία μπορέι να μεταβεί στη σελίδα με τα τεστ των μαθημάτων, μέσω του link «Ε π ιλογή Τ εσ τ» .
Καλώς Ορίσατε
Συνδεθήκατε επσυχώς
Καλώς ορίσατε apkaip, μόλις συνδεθήκατε.
ΓΕπιλονή ΤεστΊ ΓΑποσύνδεσπΙ
Εικόνα 4. Είσοδος του φοιτητή
3.2.1 Επιλογή τεστ
Στην σελίδα με τα τεστ των μαθημάτων εμφανίζεται ένα μενού από το οποίο μπορεί ο σπουδαστής να επιλέξει κάποιο μάθημα για τη διεξαγωγή τεστ. Τα διαθέσιμα μαθήματα είναι η Τεχνική της Έκφρασης, τα Ηλεκτρονικά Ισχύος, τα Βιομηχανικά Συστήματα Ηλεκτρ. Ενέργειας και τα Ηλεκτρονικά Κινητήρια Συστήματα..
Ε π ιλ έξτ ε σε π ο ιο μ ά θ η μ α θ έ λ ε τ ε ν α δ ια γ ω ν ισ τ ε ίτ ε :
• TeyviKn inc Έκφοασηο ( A' ESaunvou ')
♦ Ηλεκτρονικά loyuoc ( Δ' ESouhvou 1
• Βιουηνανικά Συσπίυατα Ηλεκτο. Ενέονειαο ( Ε' E£aunvou )
♦ Ηλεκτρονικά Κινητήρια Συστήυατα ( ΣΤ ΕΕαυόνου 'ι
Εικόνα 5. Επιλογή του μαθήματος στο οποίο θα διαγωνιστεί ο φοιτητής
Από τη στιγμή που ο σπουδαστής ετηλέξει κάποιο μάθημα, εμφανίζεται η σελίδα που περιέχει τα τέστ του μαθήματος αυτού, τα οποία διεξάγονται ανα κεφάλαιο. Σε κάθε κεφάλαιο μπορέι ο σπουδαστής να επιλέξει τον αριθμό των ερωτήσεων που ετηθυμεί να απαντήσει από το μενού που υπάρχει πάνω από το όνομα του κάθε κεφαλαίου.
I p i|p u
Καλώς ήρθατε στη σελίδα των τεστ
. 11 Ερώτηση ^ Ε ν α ο Ε π Τεστ Εισαγωγή στα ηλεκτρονικά ισχύος (13 ερω τήσεις)
~~^ Ε ν α ρ £ η Τεστ
Ανορθωτές-Κατστμητές-Ρυθμιστές εναλλασσομένου-ΑνηστροφεΙς (14 ερω τήσεις)
Εικόνα 6. Επιλογή του τεστ στο οποίο θα διαγωνιστεί ο φοιτητής ταξινομημένο ανά κεφόίλαιο
3.2.2 Διεξαγωγή Τεστ
Πατώντας το link «^Εναρξη Τ ε σ τ» σε κάποιο κεφάλαιο, ο σπουδαστής μεταφέρεται στη σελίδα του τεστ, στην οποία εμφανίζονται με τυχαία σειρά όσες ερωτήσεις έχει επιλέξει να απαντήσει από το συγκεκριμένο κεφάλαιο.Επίσης με τυχαία σειρά εμφανίζονται και οι απαντήσεις της κάθε ερώτησης. Κάποιες ερωτήσεις έχουν μια σωστή απάντηση, ενώ κάποιες άλλες παραπάνω απο μία. Στις ερωτήσεις με μια σωστή απάντηση, οι διαθέσιμες απαντήσεις εμφανίζονται με radio buttons και ο σπουδαστής μπορέι να επιλέξει μόνο μία απο τις απαντήσεις, ενώ στις ερωτήσεις με παραπάνω απο μια σωστή απάντηση, οι διαθέσιμες απαντήσεις εμφανίζονται με check boxes και ο σπουδαστής μπορέι να επιλέξει παραπάνω απο μια απάντηση. Οι απαντήσεις και οι ερωτήσεις εμφανίζονται είτε με τη μορφή κειμένου, είτε με μορφή εικόνας.
2. Η δ ίο δο ς και το θ υ ρίσ το ρ έχο υ ν τα εξή ς κ ο ινά χ α ρ α κτη ρ ισ τικ ά : α ) □ Διαδικασία Έναυσης
β) 0 Διαδικασία Σβέσης γ) 0 Διαδικασία αγωγής δ ) 0 Αριθμό ακροδεκτών
παρακάτω σ ύ μ β ο λα ε 3 τρ α ν ζ ίσ το ρ :
4. Η η μ ιτο ν ο ε ιδ ή ς δ ια μ όρ φ ω σ η π λά το υ ς παλμών π λεο ν εκ τεί α ) Ο σε τιμές του δείκτη διαμόρφωσης κοντά στο 0.5 β) Ο σε μικρές τιμ ές του δείκτη διαμόρφωσης γ) Ο σε τιμές του δείκτη διαμόρφωσης κοντά στο Ο.θ δ ) Ξ σε όλη την περιοχή τιμών του δείκτη διαμόρφωσης
Εικόνα 7. Αιεξαγωγή του τεστ από το φοιτητή
3.2.3 Αποτελέσματα Τεστ
Αφού απαντήσει στις ερωτήσεις, πατώντας το link « β α θ μ ο λ ο γ ία » , ο σπουδαστής μεταφέρεται στη σελίδα με τα αποτελέσματα, στην οποία γίνεται ο έλεγχος για τις σωστές ή λανθασμένες απαντήσεις και εμφανίζεται ο αριθμός των ερώτησεων που απάντησε, το αν είναι σωστές ή λάθος και το ποσοστό επιτυχίας του επτ τοις εκατό. Με το link «Ε π ιλογή άλλου τ ε σ τ » μπορεί ο σπουδαστής να μεταβεί στη σελίδα ετηλογής τεστ για το συγκεκριμένο μάθημα που έχει επιλέξει, ενώ με το link « Σ ελ ίδ α Μ αθημάτων» μπορέι να μεταβεί στη σελίδα επιλογής τεστ ανα μάθημά που είδαμε κ πριν στη περίπτωση που θέλει να δοκιμάσει τις γνώσεις του σε κάποιο άλλο μάθημα.
Αποτελέσματα
ΕπιΑονπ άλλου τεσ τ
Π οσ οσ τό : 1 / 4 ή 25%
Σ υ ν ο λ ικ ό ς α ρ ιθ μ ό ς ερω τή σ εω ν: 4
Σ τη ν Ε ρώ τησ η: Ποιο απο τα παρακάτω σύμβοΑα είναι η δίο δος:
Α π α ντή σ α τε:
Σω σ τό! ψ / '
Σ τη ν Ερώ τηση: Τα παρακάτω σ το ιχεία ελέγχανται σ την έναυση και την σβέση:
Α π α ν τή σ α τε: Τα θυρίστορ, η δίοδος και το MOSFET Λ άθ ος! X
Σ τη ν Ε ρώ τησ η: Ο αριθμός πα/ι,μών ενός ανορθωτή είναι Α π α ν τή σ α τε: ο αριθμός παλμών της τάσης εξόδου
Λ άθ ος! X
Εικόνα 8. Ποσοστό επιτυχημένων απαντήσεων του τεστ
Σημείωση: Ανά πάσα στιγμή μπορούμε να αποσυνδεθούμε απο την εφαρμογή πατώντας το link « Α π ο σ ύ ν δ ε σ η » που υπάρχει σε όλες τις σελίδες που προαναφέραμε.
3.3 Είσοδος Administrator
2) Αν συνδεθεί στην εφαρμογή ο διαχειριστήςίΒδπαίηίείΓΕίοΓ) στην κεντρική σελίδα που εμφανίζεται, εκτός από το link « Ε π ιλογή Τ ε σ τ » υπάρχει και το link
«Διαχείριση Ερωτήσεων» με το οποίο μπορεί να έχει πρόσβαση στη βάση της εφαρμογής και να διαχειριστεί τις ερωτήσεις που είναι αποθηκευμένες εκεί.
Καλώς Ορίσατε
Συνδεθήκατε επιτυχώς
Καλώς ορίσατε g k y ra n , μόλις συνδεθήκατε.
ΓΕπιλονή Τεστ1 ΓΔιαχεΙρισπ ερωτήσεων! ΓΑποσύνδεσπΙ
Εικόνα 9. Είσοδος του administrator / καθηγητή
3.3.1 Διαχείριση Ερωτήσεων
Αν ο διαχειριστής επιλέξει να διαχειριστεί τις ερωτήσεις, μεταβαίνει στη βασική σελίδα διαχείρισης. Στη σελίδα αυτή υπάρχει ένα μενού με τρεις ετηλογές. Την εισαγωγή ερωτήσεων, την εμφάνιση ερωτήσεων ανά κεφάλαιο και την εμφάνιση όλων των ερωτήσεων.
Κ α λώ ς ο ρ ίσ α τε a d m in is tra to r
Εισανωνή Ερωτήσεων Εμφάνιση Ερωτήσεων Ανα Κεωάλαιο Εμφάνιση Όλων Των Ερωτήσεων
Εικόνα 10. Δυνατότητες για τη διαχείριση των ερωτήσεων
Αν ο διαχειριστής ετηλέξει να εισάγει ερωτήσεις μεταφέρεται στη σελίδα που υπάρχει το μενού εισαγωγής ερωτήσεων ανά μάθημα. Σε κάθε περίπτωση μπορεί να ετηλέξει από τα μενού τον αριθμό των ερωτήσεων που επιθυμεί να εισάγει αλλά και τον αριθμό των απαντήσεων που αντιστοιχούν σε κάθε ερώτηση.
3.3.2 Εισαγωγή ερωτήσεων
Ειοονωνη ίοωτήιτίων νια το υόθηυο Τίννική Tnc ΐκφροσπί 1 ερώτηση ν μ ( ; 3 απαντήσοη ^ ^ Εισονωνιί ίρωτιίσιων νιοτο uoSnuo Η^ίκτοονικά lovuoc 1 ερώτηση ν μ[ 3αηαντησεις ν
Εισανωνιί ίρωτήσιων νιο το uoBnuo Βιουηκ. Συστήυοτο H^tKToiKiic Ετίονίΐαι 1 1 ερώτηση ν j μ; 3 απαντήσεις
Εισονωνή ίοωτήοίων νιο το uoBnuo Η^ίκτοονικά Κινητήριο Ευστιίυιπα 1 ερώτηση ν μ[ [3 απαντήσεις v j
Εικόνα 11. Εισαγωγή ερωτήσεων ανά μάθημα με τη δυνατότητα επιλογής του πλήθους των ερωτήσεων και απαντήσεων
Όταν ο διαχειριστής επιλέξει να κάνει εισαγωγή ερώτησης ή ερωτήσεων για κάποιο μάθημα εμφανίζεται η φόρμα εισαγωγής ερώτησης.
Νέο Κεφάλαιο:
Κεφάλαιο:
Περιγραφή Κ εφαλαίοτ:
Ερώτηση No. 1:
Σ ω στοί / Λάθους: □ Σ ω στή Απάντηση: |j θετικ ή Βαθμολογία:
Αρνιιτική Βαθμολογία:
Απάντηση 1:
Σωστή □ Απάντηση 2:
Σωστή □ Απάντηση 3:
Σωστή □
Εικόνα 12. Φόρμα εισαγωγής ερώτησης
Επεξήγηση του τρόπου εισαγωγής μιας ερώτησης:
Άν θέλουμε να εισάγουμε ερώτηση σε νέο κεφάλαιο, γράφουμε στο πεδίο
« Ν έ ο Κ εφάλαιο» τον αριθμό του κεφαλαίου για το μάθημα που έχουμε επιλέξει (π.χ. τεχνική 1) και στο πεδίο « Τ ίτλ ο ς Κεφαλαίου» γράφουμε τον πλήρες τίτλο του κεφαλαίου(π.χ. Βιογραφικό Σημείωμα). Αν θέλουμε να εισάγουμε ερώτηση σε ένα ήδη υπάρχον κεφάλαιο, αφήνουμε τα πεδία « Ν έ ο Κ εφ άλαιο» και «Τ ίτλ ος Κ εφαλαίου» κενά, επιλέγουμε το κεφάλαιο στο οποίο θέλουμε να εισάγουμε την ερώτηση από το μενού του πεδίου « Κ ε φ ά λ α ιο » .
Στη συνέχεια έχουμε το ττεδίο « Ε ρ ώ τ η σ η » στο οποίο εισάγουμε την ερώτηση έιτε με μορφή κειμένου έιτε με εικόνα με την μορφή link ( π.χ. <img src="images/thyristor.GIF">).
Άν η ερώτηση που θέλουμε να εισάγουμε είναι τύπου Σωστού/Λάθους, τσεκάρουμε το «Σ ω σ τού/Λ άθους», εττιλέγουμε δεξιά αν η σωστή απάντηση θα είναι « Σ ω σ τ ό » ή « Λ ά θ ο ς » συνεχίζουμε με τη θετική και αρνητική βαθμολογία, και αφήνουμε τα υπόλοιπα πεδία με τις απαντήσεις κενά. Πατώντας το
« Ε ισ α γ ω γ ή » , αποθηκεύεται η ερώτηση στη βάση.
Άν η ερώτηση που θέλουμε να εισάγουμε είναι πολλαπλής εττά>.ογής με μία ή περισσότερες απαντήσεις σωστές, γράφουμε την ερώτηση, συμπληρώνουμε την θετική και την αρνητική της βαθμολογία και εισάγουμε μια μια τις απαντήσεις απο κάτω είτε με μορφή κειμένου είτε με εικόνα με τη μορφή link όπως ακριβώς εισάγουμε και την ερώτηση. Τέλος, τσεκάρουμε ποιά ή ποιές απαντήσεις είναι σωστές αριστερά απο κάθε απάντηση και πατώντας το « Ε ισ α γ ω γ ή » αποθηκεύεται η ερώτηση στη βάση.
Αφού αποθηκευτεί η ερώτηση, στην επόμενη σελίδα εμφανίζεται όπως υπάρχει στη βάση και ακριβώς δίπλα εμφανίζονται δύο ετπλογές για τροποποίηση και διαγραφή της ερώτησης.
Η ερώτηση αποθηκεύτηκε επιτ·υχώς.
Ερώτηση 077: Οι τοχνικές προδιοη'ροιφός χρησιμοποιούντο.;
Κεφάλαιο: τεχνικη3 ^ ι
1, Στον καθορισμό των απαιτήσεαιν ενός προϊόντος AlCiypiXyTi 2. Στην περιγραφή ενός προϊόντος ή μιας υπηρεσίας
Απαντήσεις: 3. Στη χρησιμοποίηση βνός προϊόντος 4. Στν απόσυρση ενός προϊόντος
Εικόνα 13. Αποθήκευση της ερώτησης στη ΒΑ και δυνατότητα τροποποίησής της ή διαγραφής της
