Socrates Comenius. Επιβλέπων καθηγητής: Κονετάς Δημήτριος. Επιμέλεια : Άχολος Ιωάννης. l'dl ιιο <1 11d CJlturι. Καμπάς Ιωάννης.

Transcript

1 Α.Τ.Ε.Ι. ΗΠΕΙΡΟΥ Α.Τ.Ε.ι. OF EPIRUS! L Γ'... ΙΤ } - ;r:, Τ,...} '1J... c ΤΜ11ΜΑ ΤΗΛΕΠ. 11/ΡQΦΟΡΙΚΙΙ~ & Διυικ11Σ11Σ : _:n..;jj,l. ~~ ι~...[\/< "3 :!.(JΞJ<_- r..lt [JC,,}AI:-;;:' DEPARTMEΛ'T OF CUMMUN/CA ΤΙΟΝS, IΛFORMATICS AND MANAGEMEN1 Επιβλέπων καθηγητής: Κονετάς Δημήτριος Επιμέλεια : Άχολος Ιωάννης Καμπάς Ιωάννης Υλοποίηση δυναμικής διαδικτυακής εφαρμογής για την υποστήριξη εργαλείων σύγχρονης και ασύγχρονης επικοινωνίας στα πλαίσια διακρατικού Ευρωπαϊκού προγράμματος Comenius (W.W.W-7) [d Socrates Comenius l'dl ιιο <1 11d CJlturι Άρτα 2006

2 <<ΊJΠ ' 2121 r π::-:rι ί01) '' ~._ -' (<' / -~'1f 1 p σ: _,.-:

3 ΠΕΡΙ ΕΧΟΜ ΕΝΑ Ε ισαγωγή Comenius Γενική άποψη Κεφ άλαιο Apache Se rν e r MySQL PhpMyAdmin Macromedia Dreamweaνer Macromedίa Flash Professίonal Photo lmpac ι Jpsw iιch Ws-Fιp fjro Κειpά λαιο Οδ η γ ίε ς χρ ήση ς βήμα προς βήμα Ε ισαγωγή ιστοσελίδας \nvw Logίn... Σύνδεση Members... Μέλη My projίle.... llροφίλ Change password... Αλλαγή κωδικο ύ (..'hange Language... Αλλα γή γλώ σσα ς Logou ι... Έξοδο ς Communications... Επικοινωνίε ς Forum... Ασύγχρονη επικοι νωνία Chaι... Σύγχρονη επικοινωνία MyPM'S... Ταμηνύματά μου E-maίl... Ηλεκτρονικό ταχυδρομ είο Applications... Ε φαρμογές Dictionary... Λεξικό Ga ll e ι y... Έκθεση MyAgenda... Η ατζένταμου [nformation... Πληροφορίες lnformatίon... Πληροφορίες ntro... Ει σαγωγή Co ntacι us... Επικοινωνήστε μαζί μας Κεφ άλαιο Χρήση κώδικα ΡΗΡ, Ja vascript, ActionScript Κε ντρική σελ ίδα_(μαίn. php) Σημα ίες Λογότυπο Ρολόι Νέα Ελεγκτής Έλεγχος μηνυμάτων Ψήφοι Ανακοινώσεις Μετρητής C...Όpyrifζhl

4 Login.php... σύ νδεση Regi.~tra t ion... Εγγραφ ές χρη στών Pm 's.... Μη νύμα τα Fω um... Φόρουμ Chat... Συζήτηση Ηλεκτρο ν ικό ταχ υδρομ ε ίο Λεξι κό Λεξικό αναζήτηση ς Gallery... Ά λμπουμ φωτο γραφ ι ών Agenda... Α τζέ ντα Members.... Μέλη Ρrοji / e... Προφίλ Αλλαγή γλώ σσα ς Α λλαγ ή κωδικοιj Καθη γητή ς Α dm ίnίs ιrαιοr....δ ι αχεφιστή ς Στατιστικά Mysql backup Βάση δεδομ ένων Videoconj'erence Κ εφ άλαιο Λ ο γ ι σμ ι κό ανοικτού κώ δικα κα ι ελεύθερο λογ ι σμ ι κό Κεφάλαιο Α σφάλεια Sql Jnjection Κ εφ άλαιο Συμμ ετέχοντα σχολε ία

5 -Comenius -Γενική άποψη - 3 -

6 ισαγωγή Εισαγωγή COMENIUS Στο πρόγραμμα Comenius υπέβαλλαν αίτηση 7 συνεργαζόμενα σχολεία από διαφορετικά Ευρωπαϊκ ά κράτη (Ελλάδα, Σλοβακία, Ισπανία, Ισλανδία, Γερμανία, Γαλλία και η Τουρκία). Ο κυρ ι ότερος στόχος του προγράμματος: W.W.W-7 (7 nations: Who are they? Who Am Ι? Who are we? htt.p:// ) «Γνωρίζοντας τους «άλλους» σε μία διευρυνόμενη Ευρώπη» είναι η εξοικείωση των μαθητών με τον τρόπο ζωής μαθητών από διάφορες Ευρωπαϊκές χώρ ες. Η συγκεκριμένη γεωγραφική διασπορά (από Βορά προς Νότο και Δύση προς Ανατολή) των συμμετεχόντων χωρών καθιστά ιδιαίτερα σημαντικό και ενδ ι αφέρον το εγχείρημα. Επιδίωξή μας, η δημιουργία ενός κλίματος κατανόησης και η αντιμετώπιση στερεότυπων αν τι λήψεων και προκαταλήψεων. Αυτό θα επιτευχθεί με την ενασχόληση με διαφορετικά θέματα συσχετιζόμενα με την ζωή των μαθητών (οικογένεια, hobbies, γλώσσα, πολιτισμός, όνειρα και ανησυχίες). Το πρόγραμμα θα αποτελείται από 3, εν μέρει επ ικ αλυπτόμενες χρονικά, φάσεις. Στην αρχική φάση (Who are they?) θα καταγραφούν οι απόψεις των μαθητών για τους αν τ ίστοιχους συμμαθητές του ς από τις άλλες 6 χώρες. Στην δεύτερη (Who am Ι?) θα αυτό-παρουσιαστούν και στην τρίτη (Who are we?) ευελπιστούμε να απο τελέσουν μία κο ι νή και λειτουργική ομάδα. Τα τελικά αποτελέσματα τα οποία (με βάση και τις επιλογές των συμμετεχόντων μαθητών από τις 7 χώρες) σταδιακά θα αναπτυχθούν περιλαμβάνο υν κοινό ιστοχώρο, εκθέσεις αποτελεσμάτων και βιβλίο. Ο χαρακτήρας του εγχειρήματος, της προβλεπόμενης κινητικότητας και των τελικών παραδοτέων θα είναι μαθητοκεντρικός. Πλέον, η ιστοσελίδα έτοιμη προς χρήση αναλύετα ι στα παρακάτω κεφάλαια

7 Γε νικ ή άπο ψη... Η ι στοσ ελ ίδα η οπο ία έ χ ει αναπτυχθεί αφορ ά ένα σύστημα δρ α στηρ ιο τήτων σ ύγχρονη ς κα ι ασύ γχρονης επ ι κοινωνίας με σκ οπ ό να χρ ησ ιμ οπο ιηθεί από τα σ χολεί α κα ι να συμβάλουν στην ε ξο ικ είω ση και τ ο ν τρόπο ζω ής μα θητών από τι ς συγκεκριμένες ευρωπαϊκέ ς χώρ ε ς πο υ συμ μ ε τέχ ουν στ ο πρόγραμ μ α Comenius. Τ ο σύσ τημα π ο υ δημιουργήθ ηκε επιτρ έπ ε ι στο μαθητή και στον κα θη γητ ή να εισέ ρχεται στ ο ν ιστοχώ ρο και με χρ ήση προσωπικού λο γα ριασ μ ού να λαμ βάνει πλη ροφ ορίε ς, να εκθ έτει τις εργασίες το υ ή κάπ οια άρθρα, να επ ικ ο ινωνε ί με τ ους υπολ οίπους μαθητές ή κα θηγ ητ ές μέσω forum, chat κ α ι π ροσ ωπικών μηνυμάτων, να δει τ ο φ ω τογρα φι κό υλικό, α λλά κ αι να δ ι αχε ιρι στε ί το προσωπικό τ ου πρ οφ ί λ. Η εγγραφή του μαθ ητή θα γίνε ται απ ό τ ον υπεύθυ νο καθηγητή του κα ι τ ην ε γγραφή του καθηγητ ή θα την κ ά νει ο δι αχειριστής. Αυ τ ό γ ίνετ α ι έτ σ ι ώ σ τε να απ ο φε υχθε ί η ελεύθερ η εγγραφή από οπ ο ιονδ ήπ οτε εκτό ς του π ρο γ ρά μμα τος Comenius. Τ ο σ ύστ η μα απαγορ ε ύ ε ι τ ην είσ ο δο ό τ αν τα στοιχεία που εισά γον ται είναι ψευδή. Το ίδι ο συμ βαίνει κα ι όταν κάποιος πρ οσπα θή σε ι να " σπάσει " τ ην α σφ άλεια της εφαρμογής, για παρ άδει γμ α πλ ηκτρολογών τας στη δι ε ύθυ νση το URL συ γ κεκρ ιμέ νων σελίδων. Επίση ς, έχει προβλεφθ εί η παραβίαση τ η ς ε ισ όδ ο υ μ ε SQL injection, μ ε απα γόρ ε υσ η συγκεκριμένων χα ρ ακτή ρ ων στο π εδίο εισα γωγή ς κ ωδι κού και όνο μα χρήστη. Μ ε την χ ρήση το υ εν λό γω συ στή ματος θα είναι δυνατή η ηλ εκ τρο ν ι κ ή πα ρ ακολούθηση δρασ τ ηρι ο τ ήτων απ ό τον διαχειριστή όπως ο ι εγγραφ έ ς μελών, η ανά ρτησ η ανακοινώσεων, η πλοήγηση μ έσ α σ τη ν ιστοσ ελίδα, η υ πο βολ ή ε ργασ ι ών στο ηλεκτρονικό π ερ ιοδι κ ό κ α θ ώς και τα στατισ τικά επ ι σ κ ε ψιμ ό τητ ας. Η εφαρ μ ογή είνα ι εύκολη στ η χ ρή ση και δεν πρ οϋποθέτει καμία άλλ η γνώ ση παρ ά την απλή χρ ή ση του διαδικ τ ύου. Ό σ ον αφ ορά το περιβάλλο ν τη ς εφ αρμογής, σχεδιάστηκε με γνώ μον α την απλ ό τ ητα και τη λε ι τ ουργικότητα. Κ ρίθηκε σκόπιμο ν α αποφευχ θ ούν οι πε ριττέ ς " βαρι έ ς " ε ι κό νε ς και η υπερβολ ι κή χρ ή ση χρ ωμάτων. Η εσωτερ ική τη ς όμ ως δομή, αναπτύχθηκε με υψ η λά κρ ιτήρια απ ό δ οσης, ασφά λε ι ας, ταχύτητας και αξιοπιστίας. Ο κώ δι κα ς είναι σαφής κ αι λε ιτου ρ γικός και η χ ρ ήση συναρτήσεων κ αθ ιστά τ ην εφαρμ ογή εύκολ η σ τη σ υντ ήρησή της

8 Η εφαρμογή μπορεί να λε ιτο υργ ήσει χωρίς πρόβλημα στις πλατφόρ μ ες των λειτουργικών σ υστ ημ άτων (OS) Unix καθώς και στ α λειτο υ ργικά συστήματα τη ς Microsoft, Windows 9χ/ ΜΕ /2000/ ΧΡ. Το πλέον ουσιαστικό όμως πλε ονέκτημα της εφαρμ ο γ ής είναι ότι λει τουργ εί δυναμικά. Παρέ χει πληρ οφορίε ς οι οποίες δεν βασίζοντ αι σε στατικές HTML, αλλά σε εγγραφές τη ς βάσης δε δομένων. Η εφαρμογ ή π ου δημ ιουργήθηκ ε, συνδυάζει τη δυναμικό τ ητα και αποδοτικότη τα τη ς Ρ ΗΡ σ ε συ νάρτηση με την ταχύτητα τ ης MySQL

9 [Β}!σ ~ά ~ Μ~ α α ι(l(qj :~ ς Σ~~5mα rlijm~ά ~αm συνν:ραψ ~ά ~ρ αjα~ α - 7 -

10 ε φάλαιο 1 Βασικά εργαλεία κατασκευής... Κεφάλαιο 1 Βασικά εργα λεία κ α τασκε υής.... Η ιστοσε λ ίδα πραγματοποιήθ η κε μ ε την χρήση της γλώσσας προγραμ μ ατισμού για διαδικτυ ακές εφα ρμογές Ρ ΗΡ. Η ΡΗΡ είναι μια γλώσσα Script της οποία ς ο κ ώδικ ας ενσωμα τώνεται σε μια Html σελ ίδα και εκτελείται κάθ ε φορ ά π ου γίνεται επίσκεψη στην συγκεκριμένη σελίδα. Επίσης χρ ησι μοπ οιήθηκε β άση δεδομένων, η οποία δ ημιουργήθηκε με τη ν MySQL. Οι δύο αυ τές τεχνολογίες συνεργάστηκαν με το διαδ ικτυ ακ ό δ ιακομισ τ ή (Web Server) Apache Server. Apache Server Το πρόγ ραμμα Apache είν αι μ ια σ υνεργά σι μη προσπάθεια ανάπτυξ ης ενός ισχυρού λο γισ μικο ύ που προέκυψε από Προγραμ μ ατιστές κα ι στοχ εύει στη δημ ι ουρ γία, με πλήρη χαρακτηρ ι στικά και ελεύθερη δια θ έσιμη εφαρμογ ή κώδικα πηγής ενός κεντρικού υπολογιστή ΗΤΤΡ (Ι σ τός). MySQL ~SQL Η MySQL είναι σύστημα β άσεων δεδ ομ ένων. Εκτελείται στα λειτουργι κ ά συστήματ α των Windows & Linux. Έχει εύκολη εγκατάστ αση, πολύ εύκολη στ ην χρήση κ α ι μ πορ εί να συνδεθεί με οποιοδήποτε πρόγραμμα δια χεί ρισ ης β άσεων δε δομένων

11 εφάλα ιο 1 Βασι κά εργαλεία κατασκευής... phpmyadmin Είναι μια εφαρμογή διαχείρισ ης βάσεω ν δεδομένων της MySQL που χρησιμοποιήθηκε για να δι αχειρ ιστούμε τ ην βάση μας. Ελεύθερο λογισμικό και βρίσκε τε ε λε ύθε ρο στο δ ι α δίκτυο. Αυτ έ ς οι τρείς εφαρμογές είν αι απα ραίτη τ ες για τη σωστή λειτουργία και εμφάνιση τη ς ι σ τοσελίδας. Κα ι τα τρία αυτά προγράμματα είναι ενσωματω μέ να σε έ να π ακέ το ονομαζόμενο Appserv έκδοσης Easyway to fnstall foryou., - ~ My~. 9.

12 ε φάλαιο 1 Σχεδιαστικά και συγγραφικά εργαλεία Σχεδιαστικά και συ γγρ α φικά εργαλεία Macromedia Dreamwe aνer 8 Εφαρμογ ή που περιλαμβάνει ποι κ ίλα μέ σα, τα οπ οία βοηθούν για την δημιουργία ιστοσελ ίδας. Έ χει πολύ ε ύχρηστο περιβάλλον και μπορεί ν α πάρει επεκτάσεις εργαλ ε ίων. Χωρίζεται σε δύο μέρη. Το πρώτο μ έ ρος είναι ο κειμενογράφος στον οπο ίο μπορούμε να συγγράψ ο υμε τον κώδικας μ ας. Ο κώ δικας πο υ αναγνωρίζει ο κειμενογράφος είναι διαφόρων ειδών όπως html, php, jaνa, css και άλλα και τους διαχωρ ί ζει με ανά λογο χρ ώμα ώ στε να είναι πιο εύκολος ο εντοπισμό τους. Το δεύτε ρ ο μέρος είναι το design, στο οποίο μπ ο ρούμε να δούμε τα α ποτελ έσματα του κώδικα που έχουμε γράψε ι. Βέβαια και στα δύο μέρ η υπάρχουν ε ργαλεί α γι α πιο εύκολη χρήση. Επίσης, υπάρχει η επιλογή διαχωρισμ ού τ η ς οθ όνης κ αι στα δύο μέρη για απ ε υθεία ς προβολή και συγγ ραφή. Ένα σημαντι κό εργαλείο του Dreamweaνer είναι η ορισμέν η δ ια χείρ ιση της β άσης με χρήση κώδικα php και jaνascript. Macromedia Flash Professional Πρ ο σφέρ ε ι στους σχ ε δ ι αστ ές και στου ς υπ ε ύ θυνους για την ανάπτυξη Ιστού, μια σ ε ιρά εργαλείων συμπε ρ ιλα μβανομένων των γραφικώ ν αποτελεσμάτων, τ ης διαδρα στι κ ό τ η τ α ς, του κειμένου, του βίντε ο και του ήχου για να δη μ ιουργ ήσου ν εφ αρμογές για τους υπολογισ τ ές και για κινη τά τ ηλέφω να. Χρη σιμοποιείται για παρουσι ά σε ι ς, μέσα διαφ ήμι σ ης, e-learni ng, ψυχαγωγία, επι χ ειρησ ι ακές εφαρμογ έ ς κ. α. Ο τομέας που χρησιμοποιήσα με για την ι στοσελίδ α, είναι ο τομέας για αναπαραγωγή κινούμενων εικ όνων. Αυτός ο τ ομέας, εκτός από τα ε ργαλ ε ία σχεδίασης και τ η παλέτα χρω μ ά των, χωρίζεται σε τέσσερεις κατηγορίες. Η πρώτ η κατηγορία, πάνω στη ν οπο ία βασισ τήκαμε, είναι ο οδηγός τ ων πλαισίων (frames) σε σχ έση με τον χρόνο και χρησιμοποιήσαμε είκοσι πλαίσ ια α ν ά δε υτερό λεπ το (frames/sec)

13 εφάλα ιο ι Σχεδ ι αστ ι κά και συγγραφικά εργαλεία Η δε ύτερ η κατηγορ ία είνα ι τ ο γέ μισμ α πλαισίων μ ε ε ι κόνες, όπου ε ίν αι δυ να τή η επεξεργασ ία τ ους με πόλους κα ι διάφορους τρόπους. Η τρ ίτη κ ατηγορ ί α είναι ο κ ειμ ενογ ρά φος, οπ ο ύ μπορούμε να γρ ά ψουμ ε τον κ ώ δι κα ActionScri pt Ε κδό σεων 1.0 κα ι 2.0. Η τέ ταρ τη κατηγορ ία είν α ι κ άπ οια ερ γαλεία ρυθμ ίσεων όπως δια σ τάσε ι ς εικόνας, ρυθ μίσε ις σε λιδο δείκ τη κ. α. Photolmpact 11 Π ρ όγραμ μ α επεξερ γασίας ε ικ όνω ν με πλούσια γκάμα χρωμάτων, ε φ έ 30 σχ εδίων κα ι κειμ ένων, animation, και πλούσια γρ αμ ματ οσε ιρά μ ε σύμβολα όπ ως χ ρ ησ ιμοποιήσαμ ε στο λογότυπο του WWW-7. Κατασ κευάσα μ ε τ ο φόν το της ιστοσελ ίδας, καθώς και το λ ογό τυ πο. Μ ε α νάλογη α νάλυ σ η κα τασκευάσ αμε τα εικονίδια για το π ρο φ ίλ για να δείξ ο υ μ ε ότι θα μπ ει φωτογρ αφία στο σημείο αυ τό. Κ α τ α σκε υασ μένα σε 30 μ ορφ ή. Μέσω του προγράμματος, αυ το ύ π ρο σ τ έθηκε το υδατογρ άφ ημ α με το όνομα της Ιστοσελίδας. 1 pswitch WsFtp Pro Υ Ε φα ρμο γ ή, η οποία συνδέεται στον Ftp Server γ ι α να μπορούμε να αν εβ άζο υμε τα κα τάλληλα α ρ χ ε ία για την εμφάνιση της ι στ ο σ ε λί δ α ς. Είν α ι πολύ ε ύχ ρ η στο και έχει εύ κολη πλοήγηση στους τ ο πι κού ς φ ακ έ λου ς καθώς κα ι στο server

14 Οδηyfες χρήσης βή α ι ρος βήμα

15 . εφάλα ιο 2 Οδηγiες χρήσης... βήμα προς βήμα Οδηγίες χρήσης β ήμ α προς βήμα 2.1 Ει σαγωγή ιστοσελ ί δας www7 Η ε ι σαγω γ ή περιέχει το λογό τ υ πό της ως έ νδε ιξ η φ όρτωσης καθώς και μία μπάρα. Όσο προχωρε ί η φ όρτω ση το λογότυπο αυξάνεται και η μπά ρα γεμίζει με μπλέ χ ρώμα. Επ ίση ς, αναγράφεται το ποσοστό φόρτωσης και η ταχ ύτ ητα πο υ διαθ έ τ ε ι ο χρήστης αλλά και τον χρόνο διάρκειας φορτώμα τ ος Εικό ν α 1.1 Κα τα σ κευή και εφαρμογή από το πρόγ ρ αμμα της εταιρε ίας macromedia flash 8. Ότ α ν ολ οκληρωθε ί η φόρτωση, εμφανίζο ντα ι ο ι συμμετέχουσ ε ς χώ ρ ες το υ προγράμ μ ατος (βλ. Ε ι κ. 1.2), που βρίσκο ντ αι τοποθετη μ ένες πάνω σε μια δορυ φορ ική φωτογραφ ία τ ης Ευρώπη ς. Η λήψη της φωτογ ρα φ ίας έγι νε από τ ο πρόγραμμα τις εταιρείας Google Earth κα ι η κάθε χώρα εμφαν ίζετα ι με τη σημαία της, συν ο δευόμενη με το χ αιρετισμό < Γ εια χαρά φίλοι> στα ελληνικά, <Hola amigos> στα ισπ αν ι κά, <Bonjour les amis> στα γαλλ ικά, <Hallo freund> στα γε ρ μανικά, <Halo priatel'ka> στα σλοβάκικα, <Merhaba arkadaslarym> στα τούρ κικα, <Hallo ν i n i r minir> σ τ α ισλανδικά. Κάθε ση μ αία έχει υπε ρσ ύνδεσμο με τ ην κεντρική ι στοσελίδα και την α ντίστοιχη γλώσσ α της κάθε χώρας

16 _ εφάλαιο 2 Οδηγίες χρήσης... βήμα προς βήμα Στην κορυφή υπάρχει η ονομα σία τι ς ιστ οσελ ί δας που εμφανίζεται με ένα εντυπωσιακό εφέ. Ο χρήστης επιλέγει την επιλογή skip intro για ν α διακόψει την εισαγωγή και να περιηγηθεί στη ν κεν τρικ ή ιστοσελ ί δ α του W.W.W.-7 με προεπιλεγμένη γλώ σσα τα αγγλικά. Εικόνα 1.2 Κατασκευή κα1 εφαρμογή από το πρόγραμμα της εταιρείας macromedia flash

17 (ε φ άλ αιο 2 Οδ η γίες χρήσης... βήμα προς βήμα Κεν τ ρική ισ το σελ ί δ α Λογό τυπο τ ο υ www7 Κα τα σκ ευα σ μέ ν ο με το Πρόγραμμα photo impact 8. Εικονα 1.3 Κεντρική σελίδα του site www7 ----= -... ::::.: Κεντρική σε λίδα του site www7. Το φόντο ε ίνα ι κατασκευασμ ένο μ ε τ ο πρόγραμμα photo impact 8. Το μ ενού είναι κατασκευασμ έ νο με γλώσσα προγραμματισμ ού J aνascriρt & CSS Ει κονα

18 Κ εφάλαιο 2 Ο δ ηγ iες χρήσ η ς... βή μ α π ρος βήμα Login.... Σύνδεση... ι. J ~ Επιλογή εισαγωγής όνομα και 'ι κωδικό χρήστη για την σύνδεση στο www7 [ - ~ ς- -EπatNllM'!: UΜiεοη.--- Jι'Ιέlι.Ι) To~pnv ΑλλιΙyή 'ΚιΟΟιuiι ΑΑΜΙ\'iΊ rλώσοιlς Ιt~οη Members... Μέλη... Επιλογή εμφάνισης εγγεγραμμένων μελών του www7 καθη γ ητών και μαθητών. ::..ι=-- ~--===--- Ξ~=Ξ ;~.-." ~..,, =-- [ ~.ιότι)lσ(- -Επ ΙΙΜιΜι:~ ΣίΜίεοη -~ Το Προφ"JΛ. JΙΙΧD ~Κ\ΟΟ οο ΑU.ι!\τή fλώσοιlς.αποοiνlιεση

19 :εφάλαιο 2 Οδηγίες χρήσης... βήμα προς βήμα My profile.... Προφίλ... Επιλογή ε μφ άν ισ ης προφίλ των εγγεγραμμένων μ ελών του www7 Για προφίλ. διόρθω σ η/δημιουργία ατομικού 1 -Μϋ.η&JόJΙΡΣ(- -ΕπlΚΟΜ.ι7ιliε~ ΣίΝDιιrη Ιι'Ιίlι.ι) Το~μοο.-- Λλλ.cyή 'Κ\ΟΟ ιοiι Αλλη-ή fkώοvιι(.ατιοοiμίεοη Change password... Αλλαγή κωδικού... Ε πιλογή αλλαγής κωδικού π ρόσβασης του μέλους σε περίπτωση που επι θ υμεί να αλλάξει το ν προσωπικό του κωδικό. - ~1ΙJ1Σ (- -Επ.ΟΜιΜΙ~ Σίινlίεοη Ιι1ί1ι.ι) 10~.μοο Ι\ΜΘVί)'ΚtΟΟ ιοiι.-- ΙΙΜΙΙvή fλώom:i(.απιιιτw:ίι:

20 J >φάλα ιο 2 Οδηγίες χρήσης.... βήμα προς βήμα Change Language... Αλλ αγή γλώσσας... Ε πιλ ογή αλλα γής γλώσσας μ ε χώρ α όπου κα τάγεται ή επιθυμ εί. βάση την 1 -ΙΙΙίλη..Ιδιότl)lΣ (- -Επ ΟΜ.ι:Μι ~ Σι'Μεοη Ίι.η Το ΠροφίΛ. ΡΜ Αλλοyή Κω6ιιού Αλλι!νiι rλώοvdt.-- ιιτwσwlίι:οη Log out... Έ ξοδος... Ε πιλογή απο σύ νδεσης χρήστη. Ι -111iλη.ιδJότηπ:~;- -Eu.cwωW i; Σι'Μεοη 1111Ει.η Το flpι)oia β)d ΑλλιΙyή Χωδ ο.ύ Λλλιιyή rλώovd( ΑποοWfίεοη.--- Η αποσύ νδ εση γίν ετ α ι σ βήν οντας ό λη την προσωρινή μν ήμη (sess ion)

21 (ε φάλαιο 2 Οδηγίες χ ρή σης.... βή μ σ προς βήμα 2.2 Communications... Επικοινωνίε ς... Forum... Ασύγχρονη επικοινωνία.. Επ ι λογή σύνδεσης με το forum -Επa: ~ι- -Erf«ιpJJOviι- l -n Σuζη:rήιπJάh»ιοn) ~ Τ111 ~lid"fll JΊOl.I.E-nrdίl Chat... Σύγχρονη επικοινωνία... Επι λ ογή online επικοινωνίας μεταξύ μελών,..._ ~ ~u~ίι._...-_,,_.,_,,...,,., _ -IΞΠΙΙΟΜ.ιJ'Ιιiι:(- -Eιfcipμσy( (- 1 -fl Σuζιpήmειtdfotιml) ctrat

22 ε φάλα ιο 2 Οδηγίες χρήσης... βήμα προς βήμα My PM'S... Τα μηνύμα τά μου.... Επιλογή προσωπικώ ν μ ηνυ μ άτων για τα μέλη -tljιa/omim[(- -IΞιt«JP.ιιovit- -R ΣuζητήοΕΙQFοιm~ C1 i1t Το 111ψύμι:ι1 μου.-- f-ιnaj ... Η λεκτρονικό ταχ υδρο μείο... ;,_ Ε πιλογή για την αποστολή εξωτερικών ηλ εκτρονικών μνημάτων -~ l...ι:π IDM.OW:(- -IΞιfclpμD\>i(- 1 -R ΣuζητήιπιQFοιιιm) Cluιt Τ Μι}Ιο'ίιJ J ΙDD f-ιnώl

23 εφ άλαιο 2 Οδηγίες χρήσης... βήμα προς βήμα 2.3 Applications... Εφα ρμογ ές... Dictionary... Λεξικό... Ε π ιλογή λε ξ ικο ύ εύρ εσ η διαθέσιμων με ταφράσεων σε επ τά γλώσσες Gallery... Έκθεσ η... Επι λ ο γ ή έκθεσ ης φωτογραφιών των μ ε λών ~~- ~:φφ'ίr~- -!Ε Λτftιι~ ~ [)jj DΊJ~~ [JIΘW

24 (εφάλαιο 2 Οδηγίες χρήσης... βήμα προς βήμα My Agenda... Η ατζέντα μ ου... Επιλογή α τζέντας για το κά θ ε μέλος ξεχωριστά -!ΕφD.~(- ~(- -ie llψ&ό Η~=~~ Έχ ει φτια χ τεί σε κώδι κα php, δε χρ ησ ι μ οπο ι εί βάση δεδομένων αλλά αρχ ε ία txt για την καταχώρηση δε δ ομένω ν. Κάθε χρήστης έχε ι το δ ι κ ό του αρχείο txt με τ ο όνομα του

25 εφάλα ιο 2 Οδηγίες χρήσης... βήμα προς βήμα 2.4 lnformation... Π ληροφορίες... lnformation... Πληροφορίες... Επιλογή για γ ενικές και τα περ ιεχ όμενα πληροφο ρίες του site

26 _ εφάλαιο 2 Οδηγίες χρήσης... βήμα προς βήμα lntro... Εισαγωγή lntro... Εισαγωγή Επι λογή π ου οδηγεί στην αρχική σελίδα που είναι η ει σαγωγή

27 } φάλαιο 2 Οδηγίες χρήσης..... βήμα προς βήμα Contact us... Επικοινωνή στε μαζί μας... Επιλογή επικοινωνίας με τον διαχειρι τ ή με εξωτερικό

28 Χ 1ρήση ~ώδm 1κα ΡΗΡ,J~v~S,crΘpt Aet iθ onscrmpt

29 Κ :pάλαιο 3 Χρήση κώδ ι κα ΡΗΡ, JavaScript, ActionScript 3.1 Χρήση κώδικα ΡΗΡ, JavaScript, ActionScript ""' ~ Κεντρική σελί δα (Main.php) ---,,,, -.. ' :.ιι ~ -0, :::-...: '. :~ ~ : :~i.,2 1ι~ 8.ϊΑ / 1 Q - - "' ~ =- _-:-.-.:; τ Σημαίες: ~ - = Ξ:- Ξ,.... ~ - --~ 1 ()"'; : :: ~ ~ ~ ~ ~---- ~= Είναι γραμμένο σε κώδικα php Δείγμα: <? include "flags.html";?> -7 κάνει εισαγωγή τη σελίδα που περιέχει τις εικόνες των ση μαιών

30 Κ pάλαιο 3 Χ ρ ή σ η κώδικα ΡΗΡ, JavaScript, ActionScript 2.Λογότυπο : Είνα ι γραμμ ένο σε κώδικα php Δείγμα : <? in clude ('logo.php');?> -7 κάνει ε ισαγωγή τη σελίδ α π ο υ περιέχει την εικόνα του λογότυπου. 3.Ρολό ι: Είναι tlash movie γραμμένο σε κώδ ικα Action Script. Δείγμα: νar date =Date(); clock txt.text = date; -7 καταχώρηση ημερο μηνίας ( Date() ) από το pc στη μεταβλη τή date -7 ενη μέρωση του δυν αμικού κειμένου (clock_txt.text) απο τη μεταβλητή date 4.Νέα : Είναι γ ραμμ ένο σε κώδικα php και ανανεώνονται από τ η βάση δεδομένων. Δείγμα: <?p lψ $sql3="select news FROM news where page ='main"'; -7 εκτέλεση εντολής βάση ς δεδομ ένων. printf("%s",$myrow["news"]); -7 εκτύπωση περιεχομένου του πίνακα της βάσης.?>

31 Κ :pάλαιο 3 Χ ρ ή σ η κώδικα ΡΗΡ, JaνaScriρt, ActionScriρt 5. Ελεγκτής: Είνα ι γ ραμμ ένο σε κώδικα ΙΙΙΙJ. Ελέγχει αν ο επ ισκέπτης έχει συνδεθ εί. Αν δεν έχει συνδεθεί επισημαίνει ότι πρέπει ν α σ υνδεθε ί. Αλλιώς αν ε ίναι συνδεμένος κ α ι ανάλογ α τα δικα ιώμ α τ α που έχει θα του βγάλε ι την ανάλογη επισήμανση και κάποιον χαιρε τισμ ό με τ ο όνομα του. Αν είναι διαχ ε ιριστής του βγάζει να μ πει στον πίνα κ α δι α χ ε ιρι στή. Αν είναι καθηγητής τον ανάλογο πίνακ α. Αν είναι μαθητής τίποτα Δείγμα: <?php If(admin!= TRUE teach!= TRUE and student!= TRUE) { echo ("<font size=3><u><a href=login.php>$tip</a> </u></font>");, 1 elsc echo "<font size=3><u>$hello\n</u></font>"; } if(admin) ( echo" <u> $νie\v admin ρanel </a></u> " ; J if(teach) { echo "<u>$view teach ρancl </a></u>"; J?>

32 Κ φάλαιο 3 Χρήση κώδικα Ρ Η Ρ, JaνaS c ript, ActionScript 6.'Ελεγχος μ ηνυμά τ ων : \:"01u Ρι'rι ΜΕ-!\' I &s "iι-s Pl a 1" L pι. Εί ναι γ ρ α μμ ένο σ ε κ ώδ ι κα php, ja νa κα ι ανανεώνοντα ι από τη βάση δεδομ ένων. Δείγμ α: <? $gctnewpms="select * from pms \\- here receiver='$_session [username)"' ;?> & βά ση δ εδο μ ένω ν..& <script> av </script> windo\\-ό openιpopup. php? mcssagc = <?php echo "$ne\\--pms":?> ','attention',); 7. Ψ ή φοι 1 FυsιοnροΙ Ι Do you like the sίte of \'1. \11. \ 1 /.-7? (' Ε 'CELLEIΠ r γ.,, Γ r Νο :ould be better Vote! Από αν οιχ τ ό κα ι ελ εύ θ ερο λογισμικό

33 Κ : ιάλαιο 3 Χρήση κώδικα ΡΗΡ, JavaScript, ActionScript 8. Ανακοινώσεις \'\. ~ι \ιι..,«l ο y. ΝοΥ~ ιιιb ~ι 16 ~005 \'\ ~ιι ο ιn ~ ro \'\. \'\. \'\ Ό - - posted by admin on Ι welcome teachers and students to W.W.W.-7. have a nice tour to our brand new site 1 Ι hope to be usefull to your time. comments : Ο send to fuend Απ ό ανοιχτό και ελεύθερο λογισμικό. 9. Μετρητή ς hopl-ι!- Onfιnp: Τ ihy s \~Js.Ιrors: - Tot<\1 \ 'isltnrs: Tot.i1Hits: Από ανοιχ τ ό και ελεύθερο λογισμικό

34 Κ ράλαιο 3 Χρή ση κώδικα ΡΗΡ, JaνaScript, ActionScript 1 Ο. Copyright.... Υπάρχε ι σε κά θε σελίδα και ε ίν α ι γρα μμένο σε κώδ ι κα php Δ ε ίγμ α : <? include ('c.html');?> ~ κά νε ι εισα γ ωγή τη σ ελ ίδα που περιέχει την τους κ α τασκε υ αστές κα ι τον webmaster. Το κ ά θε όνο μ α είναι υ πεσυ νδε δεμένο με ένα flash movie το οποίο περιέχει φόρμ α γραμμ ένο σε Action Script Δείγμ α Action script για copyright k = new Object(); -- δ ημιουργία αντικειμένου k.onkeyup = function() { if(sname.text!= " && S .text!= " && Ssubject.text!=" && Smessage.text!= ") { 11 enable btn -- δημιουργία συνάρτη σ ης ---- δημιουργία περιορισμού sendmc.sendbutton.enabled = true; -- δημιουργία κουμπι ο ύ αν ισχύουν τα παρα πά νω } } else { 11 diable sendmc.sendbutton.enabled = false; }

35 .εφάλαιο 3 Χρήση κώδικα ΡΗΡ, JaνaScript, ActionScrip1 Login.php... σύνδεση ~ - -:: _._.,. _ - - ;:s; W»."- - Είναι γραμμένο σε php. Γίνεται η σύνδεση του εγγεγραμμένου μέλους. Περιλ αμβάνει μια φόρ μα με πεδίο Ψευδώνυμο (username) κωδικό xpήστη.(password) οι πληροφορίες τω ν πεδίων στέλνονται κωδ ικοποιημένες σε μια σελίδα ελέγχου με την μέθοδο POST. Στ η σελίδ α ελέγχου αφού πάρουμε τις πληροφορίες για το ψευδώνυμο και κωδικό συγκρίνονται οι πληροφο ρίες του χρ ήστη με τις πληροφορίες της βάσης. Αν είναι αληθή τα στο ιχεία του χρήστη, πραγματοποιείται η σύνδεση ανάλογα τα δικαιώμα τα του κάθε χρήστη (διαχειριστής, καθηγητής, μαθητής). Δείγμα από POST $PSEYDONIMO=$ _POST["PSEYDONIMO"]; $ΚWDIKOS=$_POST["ΚWDIKOS "];

36 Κ pάλαιο 3 Χρήση κώδικα ΡΗΡ, JavaScript, ActionScript Δε ίγμα από έλεγχ ο χ ρ ή στη $sql="select * from users where usemame='$usemame'and password ='$pass'"; -- εντολή για έλεγχο στη βάση $result=mysql_ query($sql); Αποτελ έσμ ατα $row = mysql_num_rows($result); if ($row!=ο) ---έλεγχος αν υπά ρχου ν $data = mysql_fetch_object($result); $_SESSION["usemame"]=$data->usemame; -- Πέρασμα του ονόματος σ τ η προσωρ ιν ή μνήμη $_SESSION[''leνel"]=$data->leνel ; -- Πέρασμα του επιπέδου δ ι κα ιωμ άτων στη προσωρινή μνήμ η } else { echo die ("$wrong_pass.\n"); -- σε περίπτωση που είναι λάθος ο κ ωδι κό ς } Δ ή λωσ η δ ικαιωμάτων switch ($_ SESSION['level']) { case 1: echo "$welcome $usemame<br>"; $ _ SESSION['admin']= TRUE; break; case 2: echo "$welcome $mr $username."; $ _ SESSION['teachΊ=TRUE ;

37 Κ ράλαιο 3 Χρήση κώδικα ΡΗΡ, JaνaScript, ActionScript break; default: echo "$welcome $username."; $_SESSION['STUDENT']=TRUE; break; } Ότ α ν εγκ ρι θε ί η σύνδεση του ε νημ ερώ ν ει την βά ση ό τι β ρ ίσκεται online ενημερώνει τον μετρητ ή συνδέ σεω ν

38 Κ. άλα ιο 3 Χρή σ η κ ώδ ι κ α ΡΗΡ, JavaScript, ActionScript Registration.... Εγγρ αφές χ ρη στώ ν... --~... ~ :.Ιι tι.-.-.,... ~~ _,. ω- Είναι γ ραμμέν ο σε php κ α ι γ ίνεται η εγγραφή μέλ ους Π ε ριλ α μβάνε ι μια φόρ μα με πεδίο Ψευδώνυμο (username) κωδικ ό χρήστη.(password) επιβεβαίωση κωδικο ύ (confi rm password) όνομα χρήστη (first name) επών υμ ο χρήστη (last name) πόλη (city) χώρα ( περιέχει λίστα με τις χώρε ς μέλη ) ηλικία (age) (country) Ο ι εγγρ αφές κάνουν ο ι καθηγητέ ς με τη μ όνη διαφορά ότι ο δι αχειρ ι στής προσθ έ τει δ ικαιώμ α τ α. Το πρ ο επ ι λεγμένο δικ αίωμα είναι του μα θ η τ ή(να δ ι αβά ζε ι και να γράφει ορισ μ ένα σημε ία ). Οι πλ ηροφορ ί ες των πεδ ίων στέλν ονται κω δι κ οποιημέ ν ες σε μια σελ ίδα ελ έγχο υ με την μ έ θοδο POST Σ τη σ ελί δα ελ έγχου αφο ύ πάρ ου μ ε τις πληρ οφ ορίες κα ι αφού γίνε ι έ λ εγχος ότι δ εν υπ άρ χει το ίδιο ψε υδώνυ μο και έ χει γραφ θ εί σωστά ο κωδι κός εγγράφονται στ η βάση. Παρά λλ ηλα γίνετα ι εγγραφ ή μ ε τα ίδια σ τ ο ι χεία στο φ όρουμ ( fο rum ) με κρυπτογρ ά φ ηση md5 γι α τον κωδικό, στην α τζέ ντα δεν γ ίνετα ι εγγ ρ α φ ή στη

39 Κ pάλαιο 3 Χρή σ η κώδικα ΡΗΡ, JaνaScript, ActionScript βάση αλλά σ ε 4 διαφορ ετικά αρχεία *txt που παίρνουν το όνομα του χρήστημέλου ς πχ. Γ ι άννης. tχt σε δι α φορετι κό φάκελο στο κα θ ένα. Οι φάκελο ι είναι : 1. τα ραντεβoύ(appointments) 2. αγαπημένα (bookmarks) 3. οι επαφές(cοntact) 4. σημειωματάριο (notes) Δε ίγ μα if (!$0ΝΟΜΑ 11!$PSEYDONYMO 11!$ΕΡΙΤΗΕΤΟ 11!$ΚWDIKOS 11!$ΚWDIKOS2 ll!$poli 11!$XWRA) { echo die (" SHMPLIROSTE OLA ΤΑ STOIXEIA "); }

40 Κ : 1άλαιο 3 Χ ρήση κώδικα ΡΗΡ, JaνaScript, ActionScript Pm 's... Μ η νύμα τα.... Τα PM"S είναι τα προσωπικά μη νύματα του VWINV-7. Ε ίναι γραμμένα σε php, JaνaScript και βάση δεδομένων. Τα PM'S περιλαμβάνουν : ~.J α.-..--~ ο '«- r.--.. ~ ι Ε ι σερχ ό μενα. ~ ~4 0 -~~ =='=~-~~ ~--=-~"~' ~=,,...,,~~

41 ~ε άλαιο 3 Χρήση κώδικα ΡΗΡ, JavaScript, ActionScript Ανάγνωση μηνύματος --- α ~ ~ ,,,.,.,. _;.:.;...,,, _ g ~~ J- - ι ---- ~"'"' Υπάρχει και η διαγραφή ενός μηνύμ ατο ς και διαγραφή όλων των διαβασμένων. Σε κάθε σελίδα ελέγχονται τα εισερχόμενα μηνύμα τα του κάθε χρήστη και σ τ η ν αρχική αναγράφονται τα πόσα μηνύματα υπάρχουν. Σε περίπτωση που υπάρ χει ένα νέο μήνυμα αναδύεται ένα παράθυρ ο μικρ ών διαστάσεων που ειδοποιεί φωνητι κά και γραπ τά. ι -;.;_.,.,..,...,.-ι-... ww\\' h.w ;ol l.>a,.,..,..,,... J...-t ~~..,,...,.... ιι.ι~.,,..._ -Ιt ~ - ~ J i δ e.j--- ο-- ' "-"' --ΙΙ ""- l 1ιw--. -~ ΙΙ

42 Ε ( ~λαιο 3 Χρήση κώδικα Ρ Η Ρ, JavaScript, ActionScript Forum... Φόρουμ... \). ~. Open-source php & JavaScript της εταιρείας PunBB ( και είνα ι ελεύθερο στο κοινό καθ ώς και ελε ύθερη η τροποποίηση του. Η τροποποίηση που έγινε στο forum είναι η εξ ής: Αντικαταστήθηκε από το μενού του φόρ ουμ η υπερσύνδεση login με μια δ ικ ιά μα ς υπερσύνδεση, επιστροφή στην αρ χική σελίδα. Το login αντικαταστήθηκε για να αποφύγουμε να κάνουν ξανά login οι χρήστες. Μελετήθηκε ο τρόπος σύνδεσης χρήστη στο forum έτσι ώστε ο χρήστης μετά την εγγραφή του στο www-7, τα στοιχεία του να στέλνονται κα ι στη βάση του forum. Επειδ ή η σ ύνδ εση του forum καθώς και η εγγραφή του χρησιμοποιούσαν κρυπτογρά φηση md5, δημιουργήθηκε ανάλογος κώδικας στη σύνδεση του www-7 όπως έχουμε αναφέρει παραπά νω στο δείγμα κώδικα το υ login

43 ' 1άλαιο 3 Χρή ση κώδικα ΡΗΡ, JavaScript, ActionScript Chat... Συζήτηση... w.w.w.-7 Updat2d: 8:05: 35 am On!me as: joh>k [Options] [L.ogout] wι.o s Οι1Ιίne ( 1): 'johnk Po" e~e d bv Ρ.ΗΡ:Ι.21 ν2. 1 Open-source php & JavaScript της ετα ιρείας ΡΗΡ121 ν2.1 και το πρόγραμμα ονομάζεται ΡΗΡ massager και είναι ελεύθερο στο κοινό καθώς και ελεύθερη η τροποποίηση του. Χ ρησιμοποιεί βάση δεδομένων και ενσωματώνεται εύ κολ α στον πίνακα των χρηστώ ν έ τ σι ώστε οι χρήστες ν α μην χρειάζεται να ξανακάνουν εγγραφή

44 io 3 Χρήση κώδικα ΡΗΡ, JavaScript, ActionScript ... Ηλεκτρονικό ταχυδρομείο......,.,,.-=======-~ -- - ο ",. u c s c...;~ -- -i: -., , -~ J ~ 0 8.,,- ι ο--..ι..,,....., Γραμμένο σε php και ActionScript. Το ActionScript περιέχει την φόρμα επικοινωνίας που σε περίπτωση λάθους αναγράφεται με κόκκινο αστεράκι. Ο κώδικας ΡΗΡ απορροφάει τις πληροφορίες από την φόρμα του flash movie και στέλνει το μέσω του mail serνer της ιστοσελίδας στη ταχυδρομική διεύθυνση που έχει βάλει ο χρήστης με θέμα μηνύματος W.W.W.-7 feedback form from την διεύθυνση του αποστολέα. Στο κυρίως σώμα του μηνύματος, εμφανίζεται το μήνυμα 'below are the details filled by, το όνομα του αποστολέα sended from και παρακάτω αναγράφονται τα στοιχεία του αποστολέα. ι

45 Κ >άλαιο 3 Χρή ση κώδικα ΡΗΡ, JaνaScript, ActionScript Λεξικό.... σ - c.,.φ,~ """"""'-. ;;;:-~.::: " _...,_..._. r-. ~_..,.. ~=~~-== ~' --.. J~ -- -ι.... Π ε ριλαμ β άνει ένα π ίν α κ α με ο κτώ δ ι αφορετικές γ λ ώσσες που περιέχει μ ε ταφρ ασ μένες λ έ ξεις στ ην ανά λ ογη γλώσσα. Ε ίναι γ ρ αμμένο σε ΡΗΡ

46 :φάλαιο 3 Χρήση κώδικα ΡΗΡ, JavaScriρt, ActionScript Λεξικό αναζήτηση ς... Περιλαμβάνει μια φόρμα οκτώ πεδίων, ένα για κάθε γλώσσα πάνω στις οποίες γίνεται η αναζήτηση. Είναι γραμμένο σε ΡΗΡ

47 Κ pάλαιο 3 Χρήση κώδ ι κα ΡΗΡ, JavaScript, ActionScript Gallery... Άλμπ ουμ φω τογραφιών Open-source php & Javascript της ετα ιρείας Coppermine και το πρόγραμ μα ονομάζεται Coppermine foto gallery ( και είναι ελεύ θερο στο κοινό καθώς κα ι ελεύθερη η τροποπο ίη ση του

48 εφάλα ιο 3 Χ ρήσ η κώδικα ΡΗΡ, JavaScript, ActionScript Agenda... Ατζέντα... =-- iί!lf l l- _J ι... Η α τζέντα εί ναι γραμμένο σ ε php,δεν χρησιμοπ ο ιεί βά σ η δεδομένων αλλά αρχε ία *txt μ ε τον τρόπο που αναφέραμε στο κ ε φ ά λα ι ο login. Είναι μια εφαρμογή που ο κάθε χρήστ η ς-μέλ ος μπορεί να σημε ιώσ ε ι κάποια ραντεβού τα οποία τα ξινομούνται ανάλογα με την ημερ ομην ία στα μελλοντικά και προηγούμενα ραντεβού. Επ ί σης μπ ορεί να ση μειώσ ε ι κ άποιες διευθύνσεις στο ίντερνε τ και να τις ταξι ν ομήσει ανά κατηγο ρί α. Σ τι ς επαφές μπορεί να σημε ι ώσει τα στοιχεία κάποιου προσώπο υ και στις σημ ει ώσ εις ότι θέλει