υναµικές Εφαρµογές Παγκόσµιου Ιστού

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "υναµικές Εφαρµογές Παγκόσµιου Ιστού"

Transcript

1 ΚΕΦΑΛΑΙΟ 1ο H ΓΛΩΣΣΑ ΣΗΜΑΝΣΗΣ XML υναµικές Εφαρµογές Παγκόσµιου Ιστού Σκοπός και στόχοι του κεφαλαίου Σκοπός του κεφαλαίου είναι η εισαγωγή των ενηλίκων στην γλώσσα σήµανσης XML. Μετά την ολοκλήρωση του κεφαλαίου, οι µαθητές θα είναι σε θέση να κατανοούν τις βασικές αρχές της γλώσσας σήµανσης XML γνωρίζουν τον τρόπο µε τον οποίο γίνεται η µοντελοποίηση εγγράφων XML µπορούν να διακρίνουν τις διαφορές ανάµεσα στα σωστά διατυπωµένα και τα έγκυρα ΧΜL έγγραφα γνωρίζουν βασικές έννοιες σχετικά µε τη δηµιουργία, επεξεργασία και εµφάνιση XML γράφων κατανοούν τη σηµασία των φύλων στυλ XSL εφαρµόζουν τις παραπάνω γνώσεις συνδυαστικά, για τη δηµιουργία και παρουσίαση απλών XML εγγράφων. 1

2 Ενότητα 1.1 Εισαγωγή στην XML Τι είναι η XML Η Επεκτάσιµη Γλώσσα Σήµανσης (Extensible Markup Language - XML) αποτελεί σήµερα την πιο πολλά υποσχόµενη γλώσσα αποθήκευσης και µετάδοσης πληροφοριών στον Παγκόσµιο Ιστό. Αν και η Γλώσσα Σήµανσης Υπερ-κειµένου (Hypertext Markup Language - HTML) είναι προς το παρόν η πιο διαδεδοµένη γλώσσα στο χώρο της δηµιουργίας ιστοσελίδων, διαθέτει περιορισµένες δυνατότητες αποθήκευσης πληροφοριών. Αντίθετα, η XML διαθέτει εξαιρετικά ευέλικτο συντακτικό µε το οποίο µπορούµε ουσιαστικά να περιγράψουµε οποιαδήποτε πληροφορία, από µια απλή συνταγή µαγειρικής µέχρι µια σύνθετη βάση δεδοµένων. Εκτός αυτού, ένα έγγραφο ΧΜL σε συνδυασµό µε ένα φύλλο στυλ ή µια συµβατική σελίδα HTML µπορεί να απεικονιστεί εύκολα σε ένα φυλλοµετρητή (browser). Χάρη στην ικανότητα που έχει ένα έγγραφο XML να δοµεί και να περιγράφει τόσο αποτελεσµατικά τις πληροφορίες που περιέχει (µέσω ετικετών), ο φυλλοµετρητής µπορεί να εντοπίζει, να εξάγει, να ταξινοµεί, να φιλτράρει, να τακτοποιεί, και να χειρίζεται µε εξαιρετικά ευέλικτους τρόπους τις πληροφορίες αυτές. Με βάση τα παραπάνω, η XML προσφέρει την ιδανική λύση στο πρόβληµα χειρισµού της ταχύτατα αυξανόµενης ποσότητας και πολυπλοκότητας των πληροφοριών που χρειάζεται να δηµοσιευθούν στον Ιστό. Γιατί είναι απαραίτητη η ΧΜL Η ΗΤΜL παρέχει ένα σταθερό σύνολο προκαθορισµένων στοιχείων µε τα οποία µπορούµε να συµβολίζουµε τα περιεχόµενα µιας τυπικής ιστοσελίδας γενικού περιεχοµένου. Παραδείγµατα τέτοιων στοιχείων είναι οι επικεφαλίδες, οι ενότητες, οι λίστες, οι πίνακες, οι εικόνες και οι σύνδεσµοι. Ο φυλλοµετρητής που εµφανίζει τη σελίδα HTML αναγνωρίζει αυτά τα βασικά στοιχεία και γνωρίζει πώς να τα µορφοποιήσει και να τα εµφανίσει. Για παράδειγµα, ο φυλλοµετρητής εµφανίζει πάντοτε µια επικεφαλίδα <Η1> µε τη µεγαλύτερη γραµµατοσειρά, µια επικεφαλίδα <Η2> µε µικρότερη γραµµατοσειρά και ένα στοιχείο <P> µε ακόµα µικρότερη γραµµατοσειρά. Αν και το σύνολο των προκαθορισµένων στοιχείων HTML έχει εµπλουτιστεί σηµαντικά από την πρώτη έκδοση της HTML, η γλώσσα αυτή εξακολουθεί να είναι ακατάλληλη για τον προσδιορισµό πολλών ειδών εγγράφων. Ακολουθούν ορισµένα παραδείγµατα εγγράφων που δεν µπορούν να προσδιοριστούν επαρκώς µε την HTML: Έγγραφα που περιλαµβάνουν εξεζητηµένα στοιχεία τα οποία απαιτούνται για τη σήµανση, για παράδειγµα, µιας µουσικής παρτιτούρας ή ενός συνόλου µαθηµατικών εξισώσεων. Εγγραφα που σχετίζονται µε εργασίες βάσης δεδοµένων, όπως αναζήτηση και ταξινόµηση πεδίων. Εγγραφα στα οποία είναι απαραίτητη η ιεραρχική αποτύπωση της δοµής τους. Η XML παρέχει τη λύση στους παραπάνω περιορισµούς της HTML, όπως θα δούµε στη συνέχεια. 2

3 Ενότητα 1.2 Μοντελοποίηση εγγράφων Προκειµένου να κατανοήσουµε τις βασικές έννοιες της XML, χρειαζόµαστε ένα µοντέλο για την αναπαράσταση των εγγράφων στη µνήµη του υπολογιστή. Στην XML, τα έγγραφα αναπαρίστανται µε µια δοµή δένδρου. Στην κορυφή του δέντρου υπάρχει ένα βασικό στοιχείο κι αυτό το στοιχείο έχει έναν η περισσότερους κόµβους παιδιά (child-nodes) οι οποίοι αντιστοιχούν στούς κλάδους (branches) του δένδρου. Σαν παράδειγµα, ας υποθέσουµε ότι έχουµε το παρακάτω απλό έγγραφο το οποίο περιλαµβάνει καταχωρήσεις βιβλίων µιας βιβλιοθήκης. Παράδειγµα 1.1 ΒΙΒΛΙΟΘΗΚΗ Τίτλος: ΑΛΚΟΟΛ Συγγραφέας: Γρηγόρης Ποταµιάνος Σελίδες: 240 Τιµή: 15 Τίτλος: ΚΑΛΗΜΕΡΑ Συγγραφέας: Γιώργος Παπάζογλου Σελίδες: 146 Τιµή: 21 Τίτλος: Ο Αγρός Συγγραφέας: Θανάσης Λειβαδάς Σελίδες: 98 Τιµή: 5,5 Το µοντέλο αυτού του εγγράφου φαίνεται στο παρακάτω σχήµα: 3

4 ΒΙΒΛΙΟΘΗΚΗ ΒΙΒΛΙΟ ΒΙΒΛΙΟ ΒΙΒΛΙΟ ΤΙΤ ΣΥΓΓ ΣΕΛ ΤΙΜΗ ΤΙΤ ΣΥΓΓ ΣΕΛ ΤΙΜΗ ΑΛΚΟΟΛ Γρηγόρης Ποταµιάνος Ο Αγρός Θανάσης Λειβαδάς 98 5,5 ΤΙΤ ΣΥΓΓ ΣΕΛ ΤΙΜΗ ΚΑΛΗΜΕΡΑ Γιώργος Παπάζογλου Σχήµα 1.1 ενδροειδής αναπαράσταση του εγγράφου του Παραδείγµατος 1.1 4

5 Ενότητα 1.3 XML Εγγραφα Η δοµή του εγγράφου XML Σε αυτή την ενότητα θα περιγράψουµε τη δοµή των XML εγγράφων µε τη βοήθεια του παραπάνω παραδείγµατος. Πιο συγκεκριµένα, στο παρακάτω σχήµα βλέπουµε ένα XML έγγραφο που περιλαµβάνει καταχωρήσεις βιβλίων µιας βιβλιοθήκης. Στο παράδειγµα αυτό έχουν σηµειωθεί τα παρακάτω δοµικά στοιχεία των αρχείων XML: Στοιχεία ένθετα στο βασικό στοιχείο Βασικό στοιχείο <?xml version="1.0" encoding="windows-1253" standalone="yes"?> <!-- Παράδειγµα > <ΒΙΒΛΙΟΘΗΚΗ> <ΤΙΤΛΟΣ>ΑΛΚΟΟΛ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γρηγόρης Ποταµιάνος</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>240</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>15</ΤΙΜΗ> <ΤΙΤΛΟΣ>ΚΑΛΗΜΕΡΑ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γιώργος Παπάζογλου</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>146</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>21</ΤΙΜΗ> <ΤΙΤΛΟΣ>Ο Αγρός</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Θανάσης Λειβαδάς</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>98</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>5,5</ΤΙΜΗ> </ΒΙΒΛΙΟΘΗΚΗ> Πρόλογος ήλωση XML Σχόλιο Σχήµα 1.2 XML έγγραφο καταχωρήσεων βιβλιοθήκης Ο πρόλογος Ο πρόλογος του παραδείγµατος µας αποτελείται από δύο γραµµές: <?xml version="1.0" encoding="windows-1253" standalone="yes"?> <!-- Παράδειγµα > Η πρώτη γραµµή είναι η δήλωση ΧΜL, η οποία αναφέρει ότι το έγγραφο αυτό είναι ένα έγγραφο XML και δίνει και τον αριθµό της έκδοσης. Επίσης, µε την παράµετρο encoding προσδιορίζει την κωδικοποίηση χαρακτήρων του εγγράφου, στην περίπτωση που αυτή είναι διαφορετική από την προεπιλεγµένη UTF-8. Τέλος, η παράµετρος standalone καθορίζει την ανάγκη αναδροµής σε εξωτερικά αρχεία προκειµένου να ανακτηθούν από αυτά πληροφορίες που επηρρεάζουν τη µορφή του περιεχοµένου του αρχείου ΧΜL, όπως θα δούµε σε επόµενη ενότητα. Πρέπει να σηµειωθεί οτι η γραµµή δήλωσης XML είναι υποχρεωτική και πρέπει να αποτελεί πάντα την πρώτη γραµµή του κώδικα. 5

6 Η δεύτερη γραµµή του προλόγου είναι ένα σχόλιο. Η προσθήκη σχολίων σε ένα έγγραφο ΧΜL είναι προαιρετική, αλλά διευκολύνει την κατανόηση του εγγράφου. Το σχόλιο ξεκινάει µε τους χαρακτήρες <!-- και τελειώνει µε τους χαρακτήρες - ->. Το στοιχείο εγγράφου Το δεύτερο βασικό µέρος ενός εγγράφου XML είναι το στοιχείο εγγράφου (document element) ή βασικό στοιχείο (Root element), το οποίο περιέχει επιπλέον στοιχεία. Τα στοιχεία δείχνουν τη λογική δοµή ενός εγγράφου XML και περιέχουν τις πληροφορίες του εγγράφου (στο παράδειγµα µας είναι οι πληροφορίες σχετικά µε το βιβλίο, δηλαδή οι τίτλοι, τα ονόµατα των συγγραφέων, oι αριθµοί σελίδων και οι τιµές). Ένα τυπικό στοιχείο αποτελείται από µια ετικέτα αρχής, το περιεχόµενο, και µια ετικέτα τέλους. Το περιεχόµενο µπορεί να αποτελείται από δεδοµένα χαρακτήρων, άλλα (ένθετα) στοιχεία, ή από συνδυασµό και των δύο. Στο παράδειγµα µας, το στοιχείο εγγράφου είναι το ΒΙΒΛΙΟΘΗΚΗ. Η ετικέτα αρχής του στοιχείου αυτού είναι <ΒΙΒΛΙΟΘΗΚΗ>, η ετικέτα τέλους </ΒΙΒΛΙΟΘΗΚΗ>, και το περιεχόµενο του είναι τα τρία ένθετα στοιχεία ΒΙΒΛΙΟ. Κάθε στοιχείο του ΒΙΒΛΙΟ περιλαµβάνει µε τη σειρά του έναν αριθµό ένθετων στοιχείων όπως τα <ΤΙΤΛΟΣ>, <ΣΥΓΓΡΑΦΕΑΣ>, <ΣΕΛΙ ΕΣ> και <ΤΙΜΗ>. Καθένα από τα αυτά τα ένθετα στοιχεία περιέχει µόνο δεδοµένα χαρακτήρων. Ετικέτα αρχής Περιεχόµενο (Ενθετα στοιχεία) Ετικέτα τέλους <ΤΙΤΛΟΣ>ΑΛΚΟΟΛ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γρηγόρης Ποταµιάνος</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>240</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>15</ΤΙΜΗ> <ΣΥΓΓΡΑΦΕΑΣ>Γρηγόρης Ποταµιάνος</ΣΥΓΓΡΑΦΕΑΣ> Ετικέτα αρχής Ετικέτα τέλους Περιεχόµενο (δεδοµένα χαρακτήρων) Σχήµα 1.3 Η δοµή του στοιχείου εγγράφου για το Παράδειγµα Σωστά διατυπωµένα ΧΜL έγγραφα Η γλώσσα XML χαρακτηρίζεται από αυστηρούς κανόνες σύνταξης. Η τήρηση αυτών των κανόνων οδηγεί στη δηµιουργία σωστά διατυπωµένων εγγράφων XML (well-formed XML 6

7 documents). Mερικοί από τους πιο σηµαντικούς κανόνες δηµιουργίας ενός σωστά διατυπωµένου εγγράφου XML είναι οι παρακάτω: Το έγγραφο πρέπει να περιέχει ένα µόνο στοιχείο εγγράφου (βασικό στοιχείο). Όλα τα υπόλοιπα στοιχεία πρέπει να είναι ένθετα σε αυτό. Η ένθεση των στοιχείων πρέπει να είναι σωστή. Αυτό σηµαίνει ότι, αν ένα στοιχείο ξεκινάει µέσα σε κάποιο άλλο, πρέπει και να τελειώνει µέσα σε αυτό. Κάθε στοιχείο πρέπει να έχει ετικέτα αρχής και ετικέτα τέλους. Σε αντίθεση µε την ΗΤΜL, η ΧΜL δεν επιτρέπει την παράλειψη της ετικέτας τέλους ούτε καν στις περιπτώσεις εκείνες όπου ο φυλλοµετρητής θα µπορούσε εύκολα να καταλάβει σε ποιο σηµείο τελειώνει το στοιχείο. Το όνοµα του στοιχείου στην ετικέτα αρχής πρέπει να είναι ίδιο ακριβώς µε εκείνο της ετικέτας τέλους. Η σωστή διατύπωση είναι απαραίτητη προκειµένου το XML έγγραφο να µπορεί να εµφανίζεται και να υφίσταται επεξεργασία από ένα φυλλοµετρητή ή από κάποιο άλλο πρόγραµµα. Η σηµασία της σωστής διατύπωσης γίνεται φανερή µε ένα παράδειγµα. Στο σωστά διατυπωµένο αρχείο της ενότητας 1.3.1, αλλάζουµε την τελευταία ετικέτα (ΒΙΒΛΙΟΘΗΚΗ) από κεφαλαία σε πεζά. Παράδειγµα 1.2 <?xml version="1.0" encoding="windows-1253" standalone="yes"?> <!-- Παράδειγµα > <ΒΙΒΛΙΟΘΗΚΗ> <ΤΙΤΛΟΣ>ΑΛΚΟΟΛ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γρηγόρης Ποταµιάνος</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>240</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>15</ΤΙΜΗ> <ΤΙΤΛΟΣ>ΚΑΛΗΜΕΡΑ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γιώργος Παπάζογλου</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>146</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>21</ΤΙΜΗ> <ΤΙΤΛΟΣ>Ο Αγρός</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Θανάσης Λειβαδάς</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>98</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>5,5</ΤΙΜΗ> </Βιβλιοθήκη> Εάν αποθηκεύσουµε το παραπάνω αρχείο δίνοντάς του κατάληξη.xml και επιχειρήσουµε να το ανοίξουµε µε τη βοήθεια του Internet Explorer, λαµβάνουµε το ακόλουθο αποτέλεσµα: 7

8 Σχήµα 1.4 Αποτυχηµένη προσπάθεια εµφάνισης του XML εγγράφου του Παραδείγµατος 1.2 Αν και στη συνέχεια θα ασχοληθούµε εκτενώς µε την προβολή και επεξεργασία XML εγγράφων, το παραπάνω παράδειγµα είναι χαρακτηριστικό της σηµασίας της σωστής διατύπωσης στα XML έγγραφα Εγκυρα XML έγγραφα Εκτός από τη σωστή διατύπωση ενός XML εγγράφου, είναι αναγκαίο σε πολλές περιπτώσεις να εξασφαλίσουµε ότι τα XML έγγραφα ακολουθούν µια συγκεκριµένη δοµή ή σύνολο κανόνων. Σαν παράδειγµα, µια εκδοτική εταιρία εγγράφων για τον Ιστό, θα µπορούσε να απαιτεί όλοι οι συγγραφείς της να δηµιουργούν έγγραφα ΧΜL µε κοινή δοµή, εξασφαλίζοντας µε τον τρόπο αυτόν οµοιοµορφία σε ένα σύνολο παρόµοιων εγγράφων. Η εξασφάλιση την ύπαρξη της απαιτούµενης δοµής στα XML έγγραφα γίνεται µε τη βοήθεια µιας δήλωσης τύπου εγγράφου (Document Type Definition DTD). To DTD µπορεί είτε να περιλαµβάνεται µέσα στο έγγραφο XML, είται να είναι διαθέσιµο εξωτερικά ως αυτοτελές αρχείο, στο οποίο το XML συνδέεται µε κατάλληλη παραποµπή. 8

9 Ένα XML έγγραφο συνδεδεµένο µε ένα DTD, το οποίο ακολουθεί τη δοµή που υπαγορεύεται από το DTD, ονοµάζεται έγκυρο εγγραφο XML (valid XML document) ηµιουργία και εισαγωγή του DTD H παρουσία ενός DTD που θα ορίζει τη δοµή αυτή επιτρέπει σε κάποιον επεξεργαστή XML να ελέγξει κατά πόσο το έγγραφο ακολουθεί την προβλεπόµενη δοµή. Με άλλα λόγια, το DTD παρέχει στον επεξεργαστή ένα πρότυπο προσχέδιο ώστε, ελέγχοντας την εγκυρότητα του εγγράφου, να µπορεί να επιβάλει την επιθυµητή δοµή και να εγγυηθεί ότι το έγγραφο πληροί τις απαραίτητες προϋποθέσεις. Αν κάποιο από τα µέρη του εγγράφου δεν τηρεί την προδιαγραφή του DTD, ο επεξεργαστής µπορεί να εµφανίσει στην οθόνη ένα µήνυµα σφάλµατος ώστε να διορθωθεί το έγγραφο σύµφωνα µε τους κανόνες. Ας δούµε τώρα ένα απλό DTD που θα µπορούσε να περιγράψει τη δοµή του XML εγγράφου της βιβλιοθήκης. <!DOCTYPE ΒΙΒΛΙΟΘΗΚΗ [ <!ELEMENT ΒΙΒΛΙΟ (ΤΙΤΛΟΣ, ΣΥΓΓΡΑΦΕΑΣ, ΣΕΛΙ ΕΣ, ΤΙΜΗ)> <!ELEMENT ΤΙΤΛΟΣ (#PCDATA)> <!ELEMENT ΣΥΓΓΡΑΦΕΑΣ (#PCDATA)> <!ELEMENT ΣΕΛΙ ΕΣ (#PCDATA)> <!ELEMENT ΤΙΜΗ (#PCDATA)> ] > Η δήλωση DOCTYPE είναι η αρχική δήλωση του DTD και ακολουθείται από το βασικό στοιχείο του εγγράφου XML. Στη συνέχεια, ακολουθούν οι δηλώσεις στοιχείων µε τη δήλωση ELEMENT στην οποία περιλαµβάνονται τα ένθετα στοιχεία του XML εγγράφου. Το όρισµα #PCDATA σηµαίνει ότι το στοιχείο που δηλωνεται περιέχει δεδοµένα. Η ενσωµάτωση του παραπάνω DTD στο έγγραφο XML γίνεται αµέσως µετά τον πρόλογο, ως εξής: 9

10 <?xml version="1.0" encoding="windows-1253" standalone="yes"?> <!-- Παράδειγµα Valid XML Document--> DTD <!DOCTYPE ΒΙΒΛΙΟΘΗΚΗ [ <!ELEMENT ΒΙΒΛΙΟ (ΤΙΤΛΟΣ, ΣΥΓΓΡΑΦΕΑΣ, ΣΕΛΙ ΕΣ, ΤΙΜΗ)> <!ELEMENT ΤΙΤΛΟΣ (#PCDATA)> <!ELEMENT ΣΥΓΓΡΑΦΕΑΣ (#PCDATA)> <!ELEMENT ΣΕΛΙ ΕΣ (#PCDATA)> <!ELEMENT ΤΙΜΗ (#PCDATA)> ] > <ΒΙΒΛΙΟΘΗΚΗ> <ΤΙΤΛΟΣ>ΑΛΚΟΟΛ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γρηγόρης Ποταµιάνος</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>240</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>15</ΤΙΜΗ> <ΤΙΤΛΟΣ>ΚΑΛΗΜΕΡΑ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γιώργος Παπάζογλου</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>146</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>21</ΤΙΜΗ> <ΤΙΤΛΟΣ>Ο Αγρός</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Θανάσης Λειβαδάς</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>98</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>5,5</ΤΙΜΗ> </ΒΙΒΛΙΟΘΗΚΗ> Χρήση εξωτερικών DTDs Οπως έχουµε ήδη αναφέρει, τα DTDs µπορεί να βρίσκονται σε εξωτερικό αρχείο και να καλούνται από το XML έγγραφο µε παραποµπή. Αναφερόµενοι στο παραπάνω παράδειγµα, δηµιουργούµε ένα ξεχωριστό έγγραφο µε τα εξής περιεχόµενα: <?xml version="1.0" encoding="windows-1253"?> <!ELEMENT ΒΙΒΛΙΟ (ΤΙΤΛΟΣ, ΣΥΓΓΡΑΦΕΑΣ, ΣΕΛΙ ΕΣ, ΤΙΜΗ)> <!ELEMENT ΤΙΤΛΟΣ (#PCDATA)> <!ELEMENT ΣΥΓΓΡΑΦΕΑΣ (#PCDATA)> <!ELEMENT ΣΕΛΙ ΕΣ (#PCDATA)> <!ELEMENT ΤΙΜΗ (#PCDATA)> 10

11 Αν αποθηκεύσουµε το παραπάνω κείµενο µε το όνοµα book.dtd, τότε έχουµε δηµιουργήσει ένα DTD το οποίο µπορεί να κληθεί από το XML έγγραφο µε τη βοήθεια της δήλωσης <!DOCTYPE ΒΙΒΛΙΟΘΗΚΗ SYSTEM "book.dtd">. <?xml version="1.0" encoding="windows-1253" standalone="yes"?> <!-- Παράδειγµα 1 - Valid XML Document--> <!DOCTYPE ΒΙΒΛΙΟΘΗΚΗ SYSTEM "book.dtd"> <ΒΙΒΛΙΟΘΗΚΗ> <ΤΙΤΛΟΣ>ΑΛΚΟΟΛ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γρηγόρης Ποταµιάνος</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>240</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>15</ΤΙΜΗ> <ΤΙΤΛΟΣ>ΚΑΛΗΜΕΡΑ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γιώργος Παπάζογλου</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>146</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>21</ΤΙΜΗ> <ΤΙΤΛΟΣ>Ο Αγρός</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Θανάσης Λειβαδάς</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>98</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>5,5</ΤΙΜΗ> </ΒΙΒΛΙΟΘΗΚΗ> Η χρήση εξωτερικών DTDs παρέχει σηµαντικές δυνατότητες, επιτρέποντας τη χρήση ενός κοινού DTD από ένα σύνολο εγγράφων, κάτι που διευκολύνει σηµαντικά τη συντήρησή τους. 11

12 Ενότητα 1.4 Επεξεργασία XML εγγράφων Στην ενότητα αυτή θα δούµε πώς µπορούµε να δηµιουργήσουµε και να εµφανίσουµε ένα εγγράφο XML, χρησιµοποιώντας το παράδειγµα της παραπάνω ενότητας. ηµιουργία εγγράφου XML Για τη δηµιουργία ενός εγγράφου XML µπορούµε να χρησιµοποιήσουµε ένα απλό κειµενογράφο όπως το Notepad. Ανοίξτε ένα νέο, κενό αρχείο κειµένου στο Notepad και πληκτρoλογήστε το παρακάτω κείµενο: <?xml version="1.0" encoding="windows-1253" standalone="yes"?> <!-- Παράδειγµα 1 --> <LIBRARY> <BOOK> <TITLE>ΑΛΚΟΟΛ</TITLE> <AUTHOR>Γρηγόρης Ποταµιάνος</AUTHOR> <PAGES>240</PAGES> <PRICE>15</PRICE> </BOOK> <BOOK> <TITLE>ΚΑΛΗΜΕΡΑ</TITLE> <AUTHOR>Γιώργος Παπάζογλου</AUTHOR> <PAGES>146</PAGES> <PRICE>21</PRICE> </BOOK> <BOOK> <TITLE>Ο Αγρός</TITLE> <AUTHOR>Θανάσης Λειβαδάς</AUTHOR> <PAGES>98</PAGES> <PRICE>5,5</PRICE> </BOOK> </LIBRARY> Στη συνέχεια αποθηκεύστε το έγγραφο στο σκληρό σας δίσκο µε το όνοµα Παράδειγµα1.xml. Εµφάνιση εγγράφου XML Μπορoύµε να ανοίξουµε ένα έγγραφο XML κατευθείαν στο φυλλοµετρητή Internet Explorer, όπως ακριβώς θα ανοίγαµε και µια ιστοσελίδα HTML. Αν το έγγραφο XML δεν είναι συνδεδεµένο µε κάποιο φύλλο στυλ (Βλέπε ενότητα 1.5), ο Internet Explorer θα εµφανίσει απλώς το πλήρες έγγραφο, µαζί µε τη σήµανση (για παράδειγµα, ετικέτες και σχόλια) καθώς 12

13 και τα στοιχεία χαρακτήρων. Ο Internet Explorer κωδικοποιεί µε χρώµατα τα διάφορα µέρη του εγγράφου για να κάνει πιο εύκολη την αναγνώριση τους και εµφανίζει το στοιχείο εγγράφου ως συµπτύξιµο/επεκτάσιµο δένδρο, ώστε να δείξει µε σαφήνεια τη λογική δοµή του εγγράφου µε διάφορα επίπεδα λεπτοµερειών. Στο ακόλουθο σχήµα βλέπουµε τι θα εµφανίσει ο Internet Explorer µε το άνοιγµα του αρχείου Παράδειγµα1.xml που δηµιουργήσαµε παραπάνω. Επίσης, στα παρακάτω σχήµατα βλέπουµε δύο διαφορετικά επίπεδα σύµπτυξης του XML εγγράφου που δηµιουργήσαµε. 13

14 Εµφάνιση εγγράφου XML µε χρήση CSS Αν το έγγραφο XML είναι συνδεδεµένο µε κάποιο φύλλο στυλ, ο Internet Explorer θα εµφανίσει µόνο τα δεδοµένα χαρακτήρων των στοιχείων του εγγράφου και θα τα µορφοποιήσει ακολουθώντας τους κανόνες που παρέχονται στο φύλλο στυλ. Αυτό θα γίνει πιο κατανοητό µε ένα παράδειγµα. Ανοίξτε ένα νέο αρχείο κειµένου στο Notepad και πληκτρoλογήστε το παρακάτω κείµενο: 14

15 /* File Name: Παράδειγµα2.css */ BOOK {display:block; margin-top:12pt; font-size:10pt} TITLE {font-style:italic} Στη συνέχεια αποθηκεύστε το έγγραφο στο σκληρό σας δίσκο µε το όνοµα Παράδειγµα2.css. Επειτα, τροποποιήστε το έγγραφο Παράδειγµα1.xml που είχατε δηµιουργήσει, προσθέτοντας αµέσως πάνω από την ετικέτα <LIBRARY> τη γραµµή <?xml-stylesheet type="text/css" href="παράδειγµα2.css"?>, όπως φαίνεται στο παρακάτω σχήµα: <?xml version="1.0" encoding="windows-1253" standalone="yes"?> <!-- Παράδειγµα 2 --> <?xml-stylesheet type="text/css" href="παράδειγµα2.css"?> <LIBRARY> <BOOK> <TITLE>ΑΛΚΟΟΛ</TITLE> <AUTHOR>Γρηγόρης Ποταµιάνος</AUTHOR> <PAGES>240</PAGES> <PRICE>15</PRICE> </BOOK> Η γραµµή αυτή ουσιαστικά συνδέει το XML έγγραφο µε το φύλλο στυλ Παράδειγµα2.css που δηµιουργήσαµε. Στη συνέχεια, σώζουµε το XML έγγραφο στο σκληρό δίσκο µε το όνοµα Παράδειγµα2.xml. 15

16 Aνοίγωντας τώρα το αρχείο Παράδειγµα2.xml µε τον Internet Explorer, παρατηρούµε ότι εµφανίζονται µόνο τα δεδοµένα χαρακτήρων, ακολουθώντας τις πληροφορίες µορφής που παρέχονται στο αρχείο Παράδειγµα2.css. 16

17 Ενότητα 1.5 ηµιουργία XSLT φύλλων στυλ Εισαγωγή Οι όλο και αυξανόµενες απαιτήσεις µορφοποίησης και παρουσίασης των περιεχοµένων των ιστοσελίδων, έκαναν επιτακτική την ανάγκη διαχωρισµού του περιεχοµένου του εγγράφου και της διάταξης παρουσίασής του. Η πιο δηµοφιλής µέθοδος για την αντιµετώπιση αυτής της ανάγκης στα HTML έγγραφα είναι η χρήση διαδοχικών φύλλων στυλ (Cascading Style Sheet CSS). Tα CSS δίνουν τη δυνατότητα αλλαγής της εµφάνισης και της διάταξης όλων των σελίδων σε ένα δικτυακό τόπο (Web Site), µε την απλή επεξεργασία ενός µόνου CSS εγγράφου. Εκτός από τα έγγραφα HTML, τα CSS µπορούν να χρησιµοποιηθούν και για τη µορφοποίηση και παρουσίαση εγγράφων XML όπως είδαµε στην προηγούµενη ενότητα. Ειδικότερα για τα έγγραφα XML, είναι διαθέσιµος και ένας πιο ισχυρός τύπος διαδοχικών φύλλων στυλ, η επεκτάσιµη γλώσσα φύλλων στυλ (Extensible Stylesheet Language XSL). Θα δούµε στη συνέχεια παραδείγµατα δηµιουργίας χρήσης των XSL φύλλων στυλ, ενώ θα εµβαθύνουµε στη χρήση τους για τη µετατροπή εγγράφων XML σε διάφορες µορφές. Τι είναι τα φύλλα στυλ XSL Όπως συµβαίνει µε τα φύλλα στυλ CSS, έτσι και ένα φύλλο στυλ XSL συνδέεται µε ένα έγγραφο XML και δίνει εντολές στο φυλλοµετρητή πώς να εµφανίσει τα δεδοµένα XML. Για την εµφάνιση της XML όµως, η χρήση ενός φύλλου στυλ XSL αποτελεί µέθοδο πολύ πιο ισχυρή και ευέλικτη από τη χρήση CSS. Ενώ το φύλλο στυλ CSS επιτρέπει απλώς τη µορφοποίηση κάθε στοιχείου XML, το φύλλο στυλ XSL δίνει τη δυνατότητα πλήρους ελέγχου του αποτελέσµατος. Συγκεκριµένα, η XSL επιτρέπει την επιλογή των δεδοµένων της XML που θέλουµε να εµφανισθούν, την παρουσίασή τους µε οποιαδήποτε σειρά ή διάταξη, την τροποποίησή τους και την προσθήκη πληροφοριών. Χρήση φύλλων στυλ XSL Βασικές αρχές Το φύλλο στυλ XSL είναι ένα σωστά διατυπωµένο έγγραφο XML, το οποίο αντί να περιλαµβάνει κανόνες, όπως το CSS, περιλαµβάνει ένα ή περισσότερα πρότυπα (templates), καθένα από τα οποία περιέχει τις πληροφορίες για την εµφάνιση ενός συγκεκριµένου κλάδου των δεδοµένων του εγγράφου XML. Όπως συµβαίνει και µε τα έγγραφο XML, έτσι και τα φύλλα στυλ XSL αποτελούνται από απλό κείµενο το οποίο µπορεί να δηµιουργηθεί σε ένα απλό κειµενογράφο. Ένα φύλλο στυλ σχετικό µε το παράδειγµα της βιβλιοθήκης, θα µπορούσε να είναι το ακόλουθο: 17

18 <?xml version="1.0" encoding="windows-1253"?> <!-- File Name: Παράδειγµα1.xsl --> <xsl:stylesheet xmlns:xsl=" <xsl:template match="/"> <H2>ΒΙΒΛΙΟΘΗΚΗ</H2> <SPAN STYLE="font-style:italic">Author: </SPAN> <xsl:value-of select="βιβλιοθηκη/βιβλιο/συγγραφεασ"/><br/> <SPAN STYLE="font-style:italic">Title: </SPAN> <xsl:value-of select="βιβλιοθηκη/βιβλιο/τιτλοσ"/><br/> <SPAN STYLE="font-style:italic">Price: </SPAN> <xsl:value-of select="βιβλιοθηκη/βιβλιο/τιμη"/><br/> <SPAN STYLE="font-style:italic">Σελίδες: </SPAN> <xsl:value-of select="βιβλιοθηκη/βιβλιο/σελι ΕΣ"/> </xsl:template> </xsl:stylesheet> Στο παραπάνω παράδειγµα, αρχικά παρατηρούµε την εντολή ορισµού του φύλλου στυλ, η οποία τοποθετείται αµέσως µετά τον πρόλογο και είναι η εξής: <xsl:stylesheet xmlns:xsl=" Β) Σύνδεση του αρχείου XSL µε το έγγραφο XML. Το έγγραφο XML και το φύλλο στυλ XSL φυλάγονται σε διαφορετικά αρχεία, ένα µε προέκταση.xml) και ένα µε προέκταση.xsl αντίστοιχα. Μπορούµε να συνδέσουµε το φύλλο στυλ XSL. µε το έγγραφο XML, αν συµπεριλάβουµε την εντολή επεξεργασίας xml-stylesheet, η οποία έχει τη µορφή: <?xml-stylesheet type= text/xsl href=filepath?> Στην παραπάνω εντολή, το FilePath είναι η πλήρης διαδροµή του.xsl αρχείου, η οποία µπορεί να είναι είτε σε µορφή URL, είτε σε σχετική µορφή, η οποία είναι και η πιο συνηθισµένη, εφόσον στις περισσότερες περιπτώσεις το φύλλο στυλ αποθηκεύεται στον ίδιο φάκελο µε το αρχείο XML. 18

19 <?xml version="1.0" encoding="windows-1253" standalone="no"?> <!-- Παράδειγµα 1_XSL --> <?xml-stylesheet type="text/xsl" href="παράδειγµα1.xsl"?> <ΒΙΒΛΙΟΘΗΚΗ> <ΤΙΤΛΟΣ>ΑΛΚΟΟΛ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γρηγόρης Ποταµιάνος</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>240</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>15</ΤΙΜΗ> <ΤΙΤΛΟΣ>ΚΑΛΗΜΕΡΑ</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Γιώργος Παπάζογλου</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>146</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>21</ΤΙΜΗ> <ΤΙΤΛΟΣ>Ο Αγρός</ΤΙΤΛΟΣ> <ΣΥΓΓΡΑΦΕΑΣ>Θανάσης Λειβαδάς</ΣΥΓΓΡΑΦΕΑΣ> <ΣΕΛΙ ΕΣ>98</ΣΕΛΙ ΕΣ> <ΤΙΜΗ>5,5</ΤΙΜΗ> </ΒΙΒΛΙΟΘΗΚΗ> 19

20 Ενότητα 1.6 ραστηριότητες ανακεφαλαίωσης A) Αναφέρατε τουλάχιστον δύο τύπους κειµένων για τους οποίους η HTML παρέχει περιορισµένες δυνατότητες παρουσίασης. Β)Συµπληρώστε τα κενά µε τις κατάλληλες λέξεις: Τα φύλλα στυλ XSL επιτρέπουν την.. των δεδοµένων της XML που θέλουµε να εµφανισθούν, την τους µε οποιαδήποτε σειρά ή διάταξη, την τροποποίησή τους και την προσθήκη πληροφοριών Η γλώσσα XML χαρακτηρίζεται από κανόνες σύνταξης Η περιγραφή ενός DTD ξεκινά µε τη δήλωση <!.. Γ) Επιλέξτε τη σωστή απάντηση. H XML είναι µια γλώσσα α) προγραµµατισµού β) σήµανσης γ) περιγραφική Για να είναι έγκυρο ένα έγγραφο XML πρέπει να συνδέεται µε ένα. α) DTD b) XSL c) CSS ) ηµιουργήστε ένα παράδειγµα τηλεφωνικού καταλόγου στη µορφή XML έγγραφου χρησιµοποιώντας το Notepad και στη συνέχεια συνδέστε το έγγραφο που δηµιουργήσατε µε ένα εξωτερικό φύλλο στυλ CSS το οποίο επίσης θα δηµιουργήσετε µε το Notepad. Αποθηκεύστε τα αρχεία που δηµιουργήσατε και ανοίξτε τον τηλεφωνικό κατάλογο µε το φυλλοµετρητή εξασφαλίζοντας ότι εµφανίζεται στην επιθυµητή µορφή. 20

21 Application Page Config ιανοµή πληροφοριών ανάµεσα σ όλους τους χρήστες µιας συγκεκριµένης εφαρµογής. Represents the JSP page and is used to call any methods defined by the servlet class. Πρόσβαση σε ιδιότητες και µεθόδους του εξυπηρετητή ιαχωρίζοντας τον κώδικα από το περιεχόµενο: Η έννοια του Javabean Κατά την παρουσίαση των γλωσσών PHP και ASP που είδαµε στις προηγούµενες ενότητες, παρουσιάσαµε τον τρόπο µε τον οποίο οι γλώσσες αυτές ενσωµατώνονται στην ιστοσελίδα, περικλειόµενες από κατάλληλες ετικέτες. Όπως είναι φανερό, ο συγκεκριµένος τρόπος προγραµµατισµού βασίζεται στην ανάµιξη του προγράµµατος µε το περιεχόµενο της ιστοσελίδας. Η δυσκολία που αυτό συνεπάγεται στην ανάπτυξη και υποστήριξη εφαρµογών µεγάλης κλίµακας είναι προφανής: Ο προγραµµατιστής καλείται να έχει άµεση εµπλοκή στον τρόπο µε τον οποίο παρουσιάζεται το περιεχόµενο της σελίδας στους χρήστες, κάτι που όµως είναι ουσιαστικά αντικείµενο εξειδικευµένων ατόµων στους οποίους µπορεί να περιλαµβάνονται γραφίστες, φιλόλογοι κλπ. Το πρόβληµα αυτό έρχεται να αντιµετωπίσει η JSP, παρέχοντας σηµαντικές δυνατότητες διαχωρισµού µεταξύ του περιεχοµένου και του προγράµµατος των ιστοσελίδων. Αυτός ο διαχωρισµός πραγµατοποιείται µε τη χρήση των µεγάλων δυνατοτήτων αντικειµενοστραφούς προγραµµατισµού που παρέχει η JSP, η χρήση των οποίων προυποθέτει την κατανόηση της θεµελιώδους έννοιας των JavaBeans. Τα JavaBeans είναι µια συγκεκριµένη κατηγορία αντικειµένων της JSP που δηµιουργούνται από τον προγραµµατιστή και αποθηκεύονται στον εξυπηρετητή. Τα αντικείµενα αυτά µπορούν να κληθούν από διαφορετικές σελίδες JSP εκτελώντας προκαθορισµένες λειτουργίες. Η προγραµµατιστική υλοποίηση των JavaBeans γίνεται µε τέτοιο τρόπο ώστε το κάθε JavaBean να είναι ένα αυτοτελές κοµµάτι κώδικα το εκτελεί συγκεκριµένες λειτουργίες και επιστρέφει αποτελέσµατα, επικοινωνόντας για το σκοπό αυτό µε άλλα JSP προγράµµατα του εξυπηρετητή, µε τη βοήθεια ιδιοτήτων και µεθόδων τις οποίες ενσωµατώνει στο JavaBean ο προγραµµατιστής. Ο εξοικείωση µε τη χρήση των JavaBeans διευκολύνεται µε ένα παράδειγµα. Πιο συγκεκριµένα, θα αναπτύξουµε µε τη JSP µια απλή εφαρµογή χειρισµού φόρµας. Σε αντίθεση µε παρόµοιες εφαρµογές που είδαµε τόσο στην PHP όσο και στην ASP, εδώ θα υλοποιήσουµε την εφαρµογή µε τη βοήθεια ενός JavaBean. Αυτό το JavaBean κωδικοποιείται όπως φαίνεται στο παρακάτω πλαίσιο: 103

22 Namehandler.java package kalimera; public class NameHandler { private String username; public NameHandler() { username = null; } public void setusername( String name ) { username = name; } public String getusername() { return username; } } Στον παραπάνω κώδικα, δηµιουργείται ένα JavaBean µε το όνοµα NameHandler, το οποίο ανήκει στο πακέτο kalimera, µε τις δηλώσεις public class NameHandler και package kalimera, αντίστοιχα. Το πακέτο kalimera θα µπορούσε να περιέχει και άλλα JavaBeans. Στο JavaBean NameHandler ορίζουµε την ιδιότητα username µε τη δήλωση private String username. Στη συνέχεια, ορίζουµε τις µεθόδους setusername και getusername, οι οποίες χρησιµοποιούνται για την απόδοση τιµής και την ανάκτηση τιµής, αντίστοιχα, της ιδιότητας username. Oυσιαστικά, το παραπάνω JavaBean καλείται από ένα πρόγραµµα το οποίο του υποβάλλει ένα όνοµα, και απλά επιστρέφει το όνοµα στο πρόγραµµα από το οποίο κλήθηκε. Ας δούµε λοιπόν στη συνέχεια το κυρίως πρόγραµµα του παραδείγµατος, ο κώδικας του οποίου παρουσιάζεται στο παρακάτω πλαίσιο. main.jsp <%@ page import="kalimera.namehandler" %> <jsp:usebean id="abean" scope="page" class="kalimera.namehandler" /> <jsp:setproperty name="abean" property="*" /> <html> <h1>με λένε Γιώργο. Εσένα πως σε λένε;</h1> <form method="get"> 104

23 <input type="text" name="username" size="25"> <br> <input type="submit" value="υποβολή"> <input type="reset" value="επαναφορά"> </form> <% if ( request.getparameter("username")!= null ) { %> <%@ include file="response.jsp" %> <% } %> </html> Στο παραπάνω αρχείο, καθορίζουµε καταρχήν ότι θα χρησιµοποιηθεί το JavaBean namehandler. Στη συνέχεια δηµιουργούµε µια φόρµα µε ένα πεδίο κειµένου και µε πλήκτρα υποβολής και επαναφοράς. Στη φόρµα αυτή, αντί να χρησιµοποιήσουµε την παράµετρο action, κατευθύνουµε τη ροή του προγράµµατος στο σενάριο response.jsp, µε τη δήλωση <%@ include file="response.jsp" %> Το σενάριο response.jsp, το οποίο απεικονίζεται στο παρακάτω πλαίσιο, χρησιµοποιεί το JavaBean για να ανακτήσει την τιµή του πεδίου κειµένου της φόρµας και να επιστρέψει το µήνυµα στο φυλλοµετρητή του πελάτη. response.jsp <html> <table border="0" width="700"> <h1>καληµέρα, <jsp:getproperty name="abean" property="username" />! </h1> </html> Αποθηκεύοντας τα παραπάνω αρχεία στο Root Directory του εξυπηρετητή, µπορούµε να προσπελάσουµε το αρχείο main.jsp µε το φυλλοµετρητή, οπότε και θα λάβουµε το ακόλουθο αποτέλεσµα: 105

24 Πληκτρολογώντας στη συνέχεια ένα όνοµα και πιέζοντας το πλήκτρο «Υποβολή», λαµβάνουµε το αποτέλεσµα του παρακάτω σχήµατος: 106

25 4.2.5 Ασκήσεις ανακεφαλαίωσης A) Συµπληρώστε τα κενά µε την κατάλληλη φράση ή σύµβολο. Το αντικείµενο.. της JSP επιτρέπει την αποθήκευση ρυθµίσεων του Java Servlet Engine. Στην ASP οι µεταβλητές πριν από τη χρήση τους πρέπει να δηλώνονται µε την εντολή. B) Επιλέξτε τη σωστή απάντηση. O κώδικαs ASP περικλείεται από τα σύµβολα α) <% και %> β) <! και!> γ) <* και *> δ)<@ Με την ASP µπορούµε να στείλουµε ένα κείµενο στο φυλλοµετρητή µε τη συνάρτηση α) Request.QueryString β) Response.Write γ) Server.CreateObject Γ) Καλείστε να επαναλάβετε την υλοποίηση της εφαρµογής µετατροπής δραχµών σε ευρώ που σας ζητήθηκε στην ενότητα 4.1.4, αυτή τη φορά σε περιβάλλον JSP. Σε ποιο από τα δυο περιβάλλοντα, ASP και JSP, σας φάνηκε η ανάπτυξη πιο εύκολη και γιατί; 107

Κωνσταντίνος Σιασιάκος, ρ Πληροφορικής

Κωνσταντίνος Σιασιάκος, ρ Πληροφορικής Επιστηµονική Ευθύνη Κωνσταντίνος Σιασιάκος, ρ Πληροφορικής Συγγραφή Παντελής Μπαλής Το παρόν εκπαιδευτικό υλικό παράχθηκε στο πλαίσιο του Έργου «Κέντρα Εκπαίδευσης Ενηλίκων ΙΙ», το οποίο εντάσσεται στο

Διαβάστε περισσότερα

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο 1 Γλώσσες Σήµανσης Γλώσσες σήµανσης: Αρχικά για τον καθορισµό εµφάνισης σελίδων, γραµµατοσειρών. Στη συνέχεια επεκτάθηκαν

Διαβάστε περισσότερα

ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD

ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD Σε ορισµένες περιπτώσεις είναι ιδιαίτερα χρήσιµη η δηµιουργία ιστοσελίδων ενηµερωτικού περιεχοµένου οι οποίες στη συνέχεια µπορούν να δηµοσιευθούν σε κάποιο τόπο

Διαβάστε περισσότερα

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3

Διαβάστε περισσότερα

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με

Διαβάστε περισσότερα

Σημασιολογικός Ιστός (Semantic Web) - XML

Σημασιολογικός Ιστός (Semantic Web) - XML Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 11/10/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

Διαβάστε περισσότερα

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε

Διαβάστε περισσότερα

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ XML (extended Markup Language) Ι. Χατζηλυγερούδης ΕΙΣΑΓΩΓΗ SGML (Standard Generalized Markup Language) Διεθνές πρότυπο ορισμού μεθόδων αναπαράστασης πληροφοριών

Διαβάστε περισσότερα

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW

Διαβάστε περισσότερα

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading

Διαβάστε περισσότερα

δηµιουργία ιστοσελίδων

δηµιουργία ιστοσελίδων ιδακτικό υλικό µαθητή δηµιουργία ιστοσελίδων Για να εµφανισθεί µια ιστοσελίδα στην οθόνη, πρέπει ο φυλλοµετρητής να εκτελεί τις εντολές ενός προγράµµατος που είναι γραµµένο µε ειδικό λογισµικό Οι ιστοσελίδες

Διαβάστε περισσότερα

Γαβαλάς αµιανός

Γαβαλάς αµιανός Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr

Διαβάστε περισσότερα

Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML

Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML Δικτυακά Πολυμέσα ΙΙ Διάλεξη #2 η : Βασικές έννοιες σχεδιασμού στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Τρέχον status της HTML Μετάβαση από την HTML στην XHTML Κλέ Καλές πρακτικές συγγραφής

Διαβάστε περισσότερα

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP.

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP. Εργαστήριο #5 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Θα πρέπει να ξέρετε να εισάγετε ένα βασικό πρόγραμμα PHP μέσα σε μια ιστοσελίδα, τη χρήση της echo και τον χειρισμό απλών μεταβλητών

Διαβάστε περισσότερα

της πληροφορίας Λίνα Μπουντούρη Εθνικό Κέντρο Τεκμηρίωσης 13ο ΠανελλήνιοΣυνέδριοΑκαδημαϊκών Βιβλιοθηκών - Κέρκυρα 2004

της πληροφορίας Λίνα Μπουντούρη Εθνικό Κέντρο Τεκμηρίωσης 13ο ΠανελλήνιοΣυνέδριοΑκαδημαϊκών Βιβλιοθηκών - Κέρκυρα 2004 example Αξιοποιώντας την τεχνολογία XML στη διαχείριση της πληροφορίας Λίνα Μπουντούρη Εθνικό Κέντρο Τεκμηρίωσης 13ο ΠανελλήνιοΣυνέδριοΑκαδημαϊκών Βιβλιοθηκών - Κέρκυρα 2004 Πρότυπα και XML Πρότυπα ενιαίο

Διαβάστε περισσότερα

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head> Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,

Διαβάστε περισσότερα

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για

Διαβάστε περισσότερα

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

Διαβάστε περισσότερα

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ Τ Μ Η Μ Α Π Λ Η Ρ Ο Φ Ο Ρ Ι Κ Η Σ

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ Τ Μ Η Μ Α Π Λ Η Ρ Ο Φ Ο Ρ Ι Κ Η Σ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ Τ Μ Η Μ Α Π Λ Η Ρ Ο Φ Ο Ρ Ι Κ Η Σ ΕΠΛ 035 - ΔΟΜΕΣ ΔΕΔΟΜΕΝΩΝ ΚΑΙ ΑΛΓΟΡΙΘΜΟΙ ΓΙΑ ΗΛΕΚΤΡΟΛΟΓΟΥΣ ΜΗΧΑΝΙΚΟΥΣ ΚΑΙ ΜΗΧΑΝΙΚΟΥΣ ΥΠΟΛΟΓΙΣΤΩΝ Ακαδηµαϊκό έτος 2017-2018 Υπεύθυνος εργαστηρίου: Γεώργιος

Διαβάστε περισσότερα

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής

Διαβάστε περισσότερα

Περιεχόμενα. Πρόλογος... xiii

Περιεχόμενα. Πρόλογος... xiii Περιεχόμενα Πρόλογος... xiii Κεφάλαιο 1 ο Εισαγωγή στις τεχνολογίες Διαδικτύου... 1 1.1 Σύντομη ιστορία του Διαδικτύου... 3 1.2 Σύνδεση στο Διαδίκτυο μέσω Παρόχου (ISP)... 6 1.3 Μοντέλα Επικοινωνίας...

Διαβάστε περισσότερα

CSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML

CSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML CSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML Εισαγωγή Το CSS (Cascading Style Sheets ή Επικαλυπτόμενα Φύλλα Στυλ) μας επιτρέπει να αλλάξουμε τον τρόπο με τον οποίο παρουσιάζονται τα στοιχεία

Διαβάστε περισσότερα

ΚΕΦΑΛΑΙΟ Web Services

ΚΕΦΑΛΑΙΟ Web Services ΚΕΦΑΛΑΙΟ Web Services Προϋποθέσεις εγκατάστασης Web Services για το Κεφάλαιο 4.50 1. Κεφάλαιο έκδοση 4.51e build 458 ή νεότερο 2. Internet Information Server (IIS) version 6 ή νεότερος 3. Σε κάποιον υπολογιστή

Διαβάστε περισσότερα

ΥΠΗΡΕΣΙΑ «TAXISNET» - ΗΛΕΚΤΡΟΝΙΚΗ ΥΠΟΒΟΛΗ ΤΩΝ ΦΟΡΟΛΟΓΙΚΩΝ ΔΗΛΩΣΕΩΝ ΓΙΑ ΤΟ ΤΜΗΜΑ ΕΣΩΤΕΡΙΚΩΝ ΠΡΟΣΟΔΩΝ ΚΑΙ ΤΗΝ ΥΠΗΡΕΣΙΑ ΦΟΡΟΥ ΠΡΟΣΤΙΘΕΜΕΝΗΣ ΑΞΙΑΣ ΤΟΥ

ΥΠΗΡΕΣΙΑ «TAXISNET» - ΗΛΕΚΤΡΟΝΙΚΗ ΥΠΟΒΟΛΗ ΤΩΝ ΦΟΡΟΛΟΓΙΚΩΝ ΔΗΛΩΣΕΩΝ ΓΙΑ ΤΟ ΤΜΗΜΑ ΕΣΩΤΕΡΙΚΩΝ ΠΡΟΣΟΔΩΝ ΚΑΙ ΤΗΝ ΥΠΗΡΕΣΙΑ ΦΟΡΟΥ ΠΡΟΣΤΙΘΕΜΕΝΗΣ ΑΞΙΑΣ ΤΟΥ ΥΠΗΡΕΣΙΑ «TAXISNET» - ΗΛΕΚΤΡΟΝΙΚΗ ΥΠΟΒΟΛΗ ΤΩΝ ΦΟΡΟΛΟΓΙΚΩΝ ΔΗΛΩΣΕΩΝ ΓΙΑ ΤΟ ΤΜΗΜΑ ΕΣΩΤΕΡΙΚΩΝ ΠΡΟΣΟΔΩΝ ΚΑΙ ΤΗΝ ΥΠΗΡΕΣΙΑ ΦΟΡΟΥ ΠΡΟΣΤΙΘΕΜΕΝΗΣ ΑΞΙΑΣ ΤΟΥ ΥΠΟΥΡΓΕΙΟΥ ΟΙΚΟΝΟΜΙΚΩΝ ΤΗΣ ΚΥΠΡΙΑΚΗΣ ΔΗΜΟΚΡΑΤΙΑΣ Οδηγίες

Διαβάστε περισσότερα

ΕΠΛ 012. θεωρία Σχεδιασµού Ιστοσελίδων

ΕΠΛ 012. θεωρία Σχεδιασµού Ιστοσελίδων ΕΠΛ 012 θεωρία Σχεδιασµού Ιστοσελίδων Design Principles Web Site Life Cycle Site Definition & Planning Information Architecture Design Prototype Implementation Validation and Testing Operation - Launch

Διαβάστε περισσότερα

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και

Διαβάστε περισσότερα

Κλάσεις και Αντικείµενα

Κλάσεις και Αντικείµενα Κλάσεις και Αντικείµενα Γρηγόρης Τσουµάκας Τµήµα Πληροφορικής, Αριστοτέλειο Πανεπιστήµιο Θεσσαλονίκης Κλάσεις και Αντικείµενα 2 Τα αντικείµενα σε µια αντικειµενοστρεφή γλώσσα προγραµµατισµού, µοντελοποιούν

Διαβάστε περισσότερα

Το συγκεκριμένο εγχειρίδιο δημιουργήθηκε για να βοηθήσει την κατανόηση της διαδικασίας δημιουργίας εγγράφων από το χρήστη. Παρακάτω προτείνεται μια

Το συγκεκριμένο εγχειρίδιο δημιουργήθηκε για να βοηθήσει την κατανόηση της διαδικασίας δημιουργίας εγγράφων από το χρήστη. Παρακάτω προτείνεται μια Δημιουργία Εγγράφων Το συγκεκριμένο εγχειρίδιο δημιουργήθηκε για να βοηθήσει την κατανόηση της διαδικασίας δημιουργίας εγγράφων από το χρήστη. Παρακάτω προτείνεται μια αλληλουχία ενεργειών την οποία ο

Διαβάστε περισσότερα

Κεφάλαιο 10 ο Υποπρογράµµατα

Κεφάλαιο 10 ο Υποπρογράµµατα Κεφάλαιο 10 ο Υποπρογράµµατα Ανάπτυξη Εφαρµογών σε Προγραµµατιστικό Περιβάλλον Η αντιµετώπιση των σύνθετων προβληµάτων και η ανάπτυξη των αντίστοιχων προγραµµάτων µπορεί να γίνει µε την ιεραρχική σχεδίαση,

Διαβάστε περισσότερα

Java & Java EE 1o Μέρος: Servlets και Java Server Pages. Κακαρόντζας Γεώργιος

Java & Java EE 1o Μέρος: Servlets και Java Server Pages. Κακαρόντζας Γεώργιος Java & Java EE 1o Μέρος: Servlets και Java Server Pages Κακαρόντζας Γεώργιος Διάκριση μεταξύ Web και πλήρους προφίλ Στη Java EE υπάρχει η διάκριση μεταξύ web προφίλ και πλήρους προφίλ. Το Web προφίλ περιλαμβάνει

Διαβάστε περισσότερα

Σημασιολογικός Ιστός (Semantic Web) - XML

Σημασιολογικός Ιστός (Semantic Web) - XML Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 4/10/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

Διαβάστε περισσότερα

Η γλώσσα XHTML: διαφορές με HTML, μετατροπή

Η γλώσσα XHTML: διαφορές με HTML, μετατροπή Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #2 0 : Εισαγωγή στην XHTML Γαβαλάς Δαμιανός dgavalas@aegean.gr Στόχοι εργαστηρίου Η γλώσσα XHTML: διαφορές με HTML, μετατροπή HTML εγγράφων σε XTML, Έλεγχος εγκυρότητας

Διαβάστε περισσότερα

Αλεξιάδης Γεώργιος (ΠΕ86) -

Αλεξιάδης Γεώργιος (ΠΕ86) - 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML; HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου) Βασίζεται στην SGML (Standard Generalized Markup Language) που είναι ένα πολύ μεγαλύτερο σύστημα

Διαβάστε περισσότερα

BibConvert μετατροπές LOM

BibConvert μετατροπές LOM BibConvert μετατροπές LOM Δημοσθένης Νικούδης Μονάδα Αριστείας ΕΛ/ΛΑΚ ΤΕΙ Αθήνας BibConvert 2 Μετατρέπει μεταδεδομένα από άλλες μορφές σε MARC21 (ή πιο σωστά MARCXML) Command-line tool Δεν έχει web interface

Διαβάστε περισσότερα

Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια

Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια Εισαγωγή στην Επιστήμη Υπολογιστών Εισαγωγή στην HTML Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML ΜΕΡΟΣ Β': CSS ΚΑΙ FORMS 2 Cascading Style Sheets (CSS) Cascading Style

Διαβάστε περισσότερα

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά Νίκος Πασσαράς

Διαβάστε περισσότερα

Βασικά στοιχεία του CSS

Βασικά στοιχεία του CSS Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη

Διαβάστε περισσότερα

Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL. Γιαννέλος Γιάννης ΑΜ: Μαρινέλλης Γιώργος ΑΜ:

Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL. Γιαννέλος Γιάννης ΑΜ: Μαρινέλλης Γιώργος ΑΜ: Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL Γιαννέλος Γιάννης ΑΜ:03108088 Μαρινέλλης Γιώργος ΑΜ:03108680 18 Μαΐου 2012 Εισαγωγή Το αντικείμενο της άσκησης είναι η χρήση της τεχνολογίας

Διαβάστε περισσότερα

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background

Διαβάστε περισσότερα

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 ΠΕΡΙΕΧΟΜΕΝΑ Πρόλογος... 13 Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 1.1 Εισαγωγή... 16 1.2 Διαδίκτυο και Παγκόσμιος Ιστός Ιστορική αναδρομή... 17 1.3 Αρχές πληροφοριακών συστημάτων

Διαβάστε περισσότερα

ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ

ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ 1. ΒΑΣΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ ΚΑΙ ΠΕΡΙΒΑΛΛΟΝ ΕΦΑΡΜΟΓΗΣ ΕΠΕΞΕΡΓΑΣΙΑΣ ΚΕΙΜΕΝΟΥ 1.1. Χειρισµός εγγράφων 1.1.1. ηµιουργία, Άνοιγµα, Κλείσιµο, Αποθήκευση εγγράφου 1.1.2. Αποθήκευση εγγράφου µε

Διαβάστε περισσότερα

Εγκατάσταση και βασική διαχείριση ενός ιστοτόπου

Εγκατάσταση και βασική διαχείριση ενός ιστοτόπου Εγκατάσταση Εγκατάσταση και βασική διαχείριση ενός ιστοτόπου Στη συνέχεια θα σας παρουσιάσουµε πώς γίνεται να δηµιουργήσετε ένα διαδικτυακό τόπο χρησιµοποιώντας το Joomla! αναλύοντας τη διαδικασία βήµα

Διαβάστε περισσότερα

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1

Διαβάστε περισσότερα

Φόρμες. Γενικοί κανόνες. Η ετικέτα <form>

Φόρμες. Γενικοί κανόνες. Η ετικέτα <form> Φόρμες Οι φόρμες περιέχουν τα στοιχεία φόρμας στο οποία ένας χρήστης μπορεί να εισαγάγει δεδομένα τα οποία στη συνέχεια αποστέλλονται σε έναν εξυπηρετητή για παραπέρα επεξεργασία. Γενικοί κανόνες Για τις

Διαβάστε περισσότερα

3. Σηµειώσεις Access. # Εισαγωγή ψηφίου ή κενού διαστήµατος. Επιτρέπονται τα ση-

3. Σηµειώσεις Access. # Εισαγωγή ψηφίου ή κενού διαστήµατος. Επιτρέπονται τα ση- Μάθηµα 3 Προχωρηµένες ιδιότητες πεδίων Μάσκες εισαγωγής Οι ιδιότητες Μορφή και Μάσκα εισαγωγής περιγράφονται µαζί γιατί έχουν κοινά χαρακτηριστικά που αφορούν την εµφάνιση. Με την ιδιότητα Μορφή καθορίζουµε

Διαβάστε περισσότερα

Βασίλειος Κοντογιάννης ΠΕ19

Βασίλειος Κοντογιάννης ΠΕ19 Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου

Διαβάστε περισσότερα

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ XML-XSLT Ι. Χατζηλυγερούδης Διαμόρφωση Εγγράφων XML XSL (EXtensible Stylesheet Language): Είναι μια γλώσσα φύλλων στυλ για έγγραφα XML XSLT (XSL Transformations):

Διαβάστε περισσότερα

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες

Διαβάστε περισσότερα

Τεχνικός Εφαρμογών Πληροφορικής

Τεχνικός Εφαρμογών Πληροφορικής Τεχνικός Εφαρμογών Πληροφορικής ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΕΙΣΑΓΩΓΗ Εξάμηνο: 2014Β Διδάσκουσα: Ηλεκτρονική Τάξη: Κανελλοπούλου Χριστίνα_ΠΕ19 Πληροφορικής Περιεχόμενα 1.Τι είναι η Php; 2.Πως γίνετε η γραφή

Διαβάστε περισσότερα

scanf() scanf() stdin scanf() printf() int float double %lf float

scanf() scanf() stdin scanf() printf() int float double %lf float Εισαγωγή Στον Προγραµµατισµό «C» Είσοδος Δεδοµένων Πανεπιστήµιο Πελοποννήσου Τµήµα Πληροφορικής & Τηλεπικοινωνιών Νικόλαος Δ. Τσελίκας Νικόλαος Προγραµµατισµός Δ. Τσελίκας Ι Η συνάρτηση scanf() Η συνάρτηση

Διαβάστε περισσότερα

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ ADVANCED Οι Advanced θεματικές ενότητες είναι είναι κατάλληλες για άτομα που επιθυμούν να συνεχίσουν σπουδές στο χώρο της

Διαβάστε περισσότερα

ΚΕΦΑΛΑΙΟ 5. Κύκλος Ζωής Εφαρμογών ΕΝΟΤΗΤΑ 2. Εφαρμογές Πληροφορικής. Διδακτικές ενότητες 5.1 Πρόβλημα και υπολογιστής 5.2 Ανάπτυξη εφαρμογών

ΚΕΦΑΛΑΙΟ 5. Κύκλος Ζωής Εφαρμογών ΕΝΟΤΗΤΑ 2. Εφαρμογές Πληροφορικής. Διδακτικές ενότητες 5.1 Πρόβλημα και υπολογιστής 5.2 Ανάπτυξη εφαρμογών 44 Διδακτικές ενότητες 5.1 Πρόβλημα και υπολογιστής 5.2 Ανάπτυξη εφαρμογών Διδακτικοί στόχοι Σκοπός του κεφαλαίου είναι οι μαθητές να κατανοήσουν τα βήματα που ακολουθούνται κατά την ανάπτυξη μιας εφαρμογής.

Διαβάστε περισσότερα

ΝΤUA. Τεχνολογία Πολυμέσων

ΝΤUA. Τεχνολογία Πολυμέσων ΝΤUA Τεχνολογία Πολυμέσων 5. Διάλεξη 5: XML XML Μεταγλώσσα για την κωδικοποίηση δεδομένων Πρόβλημα που επιζητά λύσεις: Kοινή γλώσσα επικοινωνίας των εφαρμογών Σημαίνει extensible Markup Language Σχεδιάστηκε

Διαβάστε περισσότερα

Μια εισαγωγή στην XSL

Μια εισαγωγή στην XSL Μια εισαγωγή στην XSL Daemon τεύχος 2 Γιώργος Γεωργοβασίλης georgeg@di.uoa.gr Τι θα δούμε Τι είναι η XSL; Ανασκόπηση Γενικά περί XML και XPath Γενικά περί XSL και εφαρμογών Παραδείγματα, σύνταξη κειμένων,

Διαβάστε περισσότερα

World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών

World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών Περιεχόµενα World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών Εισαγωγή Ιστορική Αναδροµή Το ιαδίκτυο και το WWW Υπερκείµενο Εντοπισµός πληροφοριών στο WWW Search Engines Portals Unicode Java Plug-Ins 1 2

Διαβάστε περισσότερα

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html

Διαβάστε περισσότερα

Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr

Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr ..χτίζουµε την ιστοσελίδα σας στο Internet www.kalliergea.gr Λάουρα Π. Καζακράντε «Καλλιεργαία» Πληροφορική - Internet - ιαφήµιση - Μεταφράσεις Τηλ.: 211 0104925, 695 6118589 Email: info@kalliergea.gr

Διαβάστε περισσότερα

Εργαστήριο 8. Προγραμματιστικές Εφαρμογές στο Διαδίκτυο

Εργαστήριο 8. Προγραμματιστικές Εφαρμογές στο Διαδίκτυο Εργαστήριο 8 Προγραμματιστικές Εφαρμογές στο Διαδίκτυο Στόχος Στόχος του εργαστηρίου είναι η εκμάθηση των βασικών προγραμματιστικών δομών της γλώσσας PHP και η δημιουργία φορμών για την επεξεργασία υποβαλλόμενων

Διαβάστε περισσότερα

Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Έκδοση 1.0

Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Έκδοση 1.0 Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Πνευµατικά ικαιώµατα Το παρόν είναι πνευµατική ιδιοκτησία της ACTA Α.Ε. και προστατεύεται από την Ελληνική και Ευρωπαϊκή νοµοθεσία που αφορά τα πνευµατικά

Διαβάστε περισσότερα

Microsoft Excel Κεφάλαιο 1. Εισαγωγή. Βιβλίο εργασίας

Microsoft Excel Κεφάλαιο 1. Εισαγωγή. Βιβλίο εργασίας Περιεχόμενα Κεφάλαιο 1 Microsoft Excel 2010... 7 Κεφάλαιο 2 Η δομή ενός φύλλου εργασίας... 19 Κεφάλαιο 3 ημιουργία νέου βιβλίου εργασίας και καταχώριση δεδομένων... 24 Κεφάλαιο 4 Συμβουλές για την καταχώριση

Διαβάστε περισσότερα

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week 7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!

Διαβάστε περισσότερα

Ο ΗΓΙΕΣ ΣΥΜΠΛΗΡΩΣΗΣ ΤΗΣ ΦΟΡΜΑΣ ΗΛΕΚΤΡΟΝΙΚΗΣ ΥΠΟΒΟΛΗΣ

Ο ΗΓΙΕΣ ΣΥΜΠΛΗΡΩΣΗΣ ΤΗΣ ΦΟΡΜΑΣ ΗΛΕΚΤΡΟΝΙΚΗΣ ΥΠΟΒΟΛΗΣ Ο ΗΓΙΕΣ ΣΥΜΠΛΗΡΩΣΗΣ ΤΗΣ ΦΟΡΜΑΣ ΗΛΕΚΤΡΟΝΙΚΗΣ ΥΠΟΒΟΛΗΣ 1 Περιεχόµενα 1. ΓΕΝΙΚΑ... 3 2. ΒΑΣΙΚΕΣ ΕΝΕΡΓΕΙΕΣ ΓΙΑ ΤΗ ΣΥΜΠΛΗΡΩΣΗ ΤΗΣ ΦΟΡΜΑΣ... 3 α. Ανάκτηση (downloading) της ηλεκτρονικής φόρµας και αποθήκευση

Διαβάστε περισσότερα

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets CSS είναι το ακρωνύµιο του Cascading Style Sheets (Επικαλυπτόµενα φύλλα στυλ). CSS είναι µια γλώσσα style δηλ. µια γλώσσα η οποία καθορίζει τη εµφάνιση HTML εγγράφων. Για παράδειγµα,

Διαβάστε περισσότερα

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση

Διαβάστε περισσότερα

Εισαγωγή στον Προγραµµατισµό, Αντώνιος Συµβώνης, ΣΕΜΦΕ, ΕΜΠ,, Slide 6

Εισαγωγή στον Προγραµµατισµό, Αντώνιος Συµβώνης, ΣΕΜΦΕ, ΕΜΠ,, Slide 6 Ανασκόπηση Μια εφαρµογή Java είναι ένα σύνολο από συνεργαζόµενες κλάσεις Εβδοµάδα 2: Αντικείµενα, Κλάσεις και Μέθοδοι Εισαγωγή στον Προγραµµατισµό,,, Slide 1 Εισαγωγή στον Προγραµµατισµό,,, Slide 2 Ανασκόπηση:

Διαβάστε περισσότερα

Εισαγωγή στην HTML (1)

Εισαγωγή στην HTML (1) Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα

Διαβάστε περισσότερα

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό

Διαβάστε περισσότερα

Χρήστος Στασινός. ουλεύοντας με τη. Microsoft Access ΑΘΗΝΑ

Χρήστος Στασινός. ουλεύοντας με τη. Microsoft Access ΑΘΗΝΑ Χρήστος Στασινός ουλεύοντας με τη Microsoft Access ΑΘΗΝΑ Κάθε γνήσιο αντίγραφο έχει την υπογραφή του συγγραφέα Έκδοση 1η, Copyright 1998 Έκδοση 2η, Copyright 2007 ISBN: 978-960-8105-97-3 ΕΚΔΟΣΕΙΣ ΝΕΩΝ

Διαβάστε περισσότερα

International Diploma in IT Skills Proficiency Level

International Diploma in IT Skills Proficiency Level International Diploma in IT Skills Proficiency Level Εξεταστέα Ύλη ιεθνές Πιστοποιητικό στην Τεχνολογία των Πληροφοριών Επίπεδο Proficiency 3.2.5 ΓΝΩΣΤΙΚΟ ΑΝΤΙΚΕΙΜΕΝΟ 5: ΥΠΗΡΕΣΙΕΣ ΙΑ ΙΚΤΥΟΥ - ΗΜΙΟΥΡΓΙΑ

Διαβάστε περισσότερα

Το Ηλεκτρονικό Ταχυδροµείο (e-mail) είναι ένα σύστηµα που δίνει την δυνατότητα στον χρήστη να ανταλλάξει µηνύµατα αλλά και αρχεία µε κάποιον άλλο

Το Ηλεκτρονικό Ταχυδροµείο (e-mail) είναι ένα σύστηµα που δίνει την δυνατότητα στον χρήστη να ανταλλάξει µηνύµατα αλλά και αρχεία µε κάποιον άλλο Το Ηλεκτρονικό Ταχυδροµείο (e-mail) είναι ένα σύστηµα που δίνει την δυνατότητα στον χρήστη να ανταλλάξει µηνύµατα αλλά και αρχεία µε κάποιον άλλο χρήστη µέσω υπολογιστή άνετα γρήγορα και φτηνά. Για να

Διαβάστε περισσότερα

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:

Διαβάστε περισσότερα

Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών

Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών Σκοπός Nα κατασκευάσουν πίνακες από δεδομένα. Να κατασκευάσουν συναρτήσεις με πίνακες. Να κάνουν χρήση

Διαβάστε περισσότερα

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs

Διαβάστε περισσότερα

Η-Υ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ. Εργαστήριο 1 Εισαγωγή στη C. Σοφία Μπαλτζή s.mpaltzi@di.uoa.gr

Η-Υ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ. Εργαστήριο 1 Εισαγωγή στη C. Σοφία Μπαλτζή s.mpaltzi@di.uoa.gr Η-Υ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ Εργαστήριο 1 Εισαγωγή στη C Σοφία Μπαλτζή s.mpaltzi@di.uoa.gr Διαδικαστικά Ιστοσελίδα μαθήματος: http://eclass.uoa.gr/courses/f30/ Υποχρεωτική παρακολούθηση: Παρασκευή 14:00 16:00 στην

Διαβάστε περισσότερα

Γιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML

Γιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML Γιώργος Χρ. Μακρής Θεσσαλονίκη, Μάρτιος 2012 Αναπαράσταση Μαθηματικών Κειμένων στο διαδίκτυο

Διαβάστε περισσότερα

ηµιουργία Β.. ανειστική Βιβλιοθήκη Μάθηµα 5 Ορισµός σχέσεων - Σύνδεση πινάκων

ηµιουργία Β.. ανειστική Βιβλιοθήκη Μάθηµα 5 Ορισµός σχέσεων - Σύνδεση πινάκων Μάθηµα 5 ηµιουργία Β.. ανειστική Βιβλιοθήκη - Ορισµός σχέσεων - Σύνδεση πινάκων ηµιουργία Β.. ανειστική Βιβλιοθήκη Η ανειστική Βιβλιοθήκη θα αποτελέσει ένα απλό, αλλά ολοκληρωµένο παράδειγµα δηµιουργίας

Διαβάστε περισσότερα

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

Διαβάστε περισσότερα

1 Συστήματα Αυτοματισμού Βιβλιοθηκών

1 Συστήματα Αυτοματισμού Βιβλιοθηκών 1 Συστήματα Αυτοματισμού Βιβλιοθηκών Τα Συστήματα Αυτοματισμού Βιβλιοθηκών χρησιμοποιούνται για τη διαχείριση καταχωρήσεων βιβλιοθηκών. Τα περιεχόμενα των βιβλιοθηκών αυτών είναι έντυπα έγγραφα, όπως βιβλία

Διαβάστε περισσότερα

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης Χειμερινό εξάμηνο 2011-2012 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό

Διαβάστε περισσότερα

6 Εισαγωγή στο Wordpress 3.x

6 Εισαγωγή στο Wordpress 3.x Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και

Διαβάστε περισσότερα

ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ

ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ 1. ΔΗΜΙΟΥΡΓΙΑ ΕΓΓΡΑΦΩΝ ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ 1.1. Ορισµός εγγράφου, προτύπου, πρωτεύοντος και δευτερεύοντος εγγράφου 1.2. Πρότυπα 1.2.1. Δηµιουργία, µεταβολή, χρήση και διαγραφή προτύπων εγγράφων 1.2.2.

Διαβάστε περισσότερα

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς

Διαβάστε περισσότερα

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

Διαβάστε περισσότερα

SGML (Standard Generalized Markup Language) HTML (HyperText Markup Language) XML (extensible Markup Language)

SGML (Standard Generalized Markup Language) HTML (HyperText Markup Language) XML (extensible Markup Language) SGML (Standard Generalized Markup Language) Γλώσσα για την περιγραφή της δομης και του περιεχομένου ηλεκτρονικών κειμένων Πλήρης Σύνθετη Δύσκολη στην εκμάθηση και την χρήση HTML (HyperText Markup Language)

Διαβάστε περισσότερα

ΤΙΤΛΟΣ ΙΠΛΩΜΑΤΙΚΗΣ ΕΡΓΑΣΙΑΣ: GoNToggle: ΕΞΥΠΝΗ ΜΗΧΑΝΗ ΑΝΑΖΗΤΗΣΗΣ ΜΕ ΧΡΗΣΗ ΟΝΤΟΛΟΓΙΩΝ ΠΕΡΙΟΧΗ ΕΡΕΥΝΑΣ: ΣΥΓΓΡΑΦΕΑΣ:

ΤΙΤΛΟΣ ΙΠΛΩΜΑΤΙΚΗΣ ΕΡΓΑΣΙΑΣ: GoNToggle: ΕΞΥΠΝΗ ΜΗΧΑΝΗ ΑΝΑΖΗΤΗΣΗΣ ΜΕ ΧΡΗΣΗ ΟΝΤΟΛΟΓΙΩΝ ΠΕΡΙΟΧΗ ΕΡΕΥΝΑΣ: ΣΥΓΓΡΑΦΕΑΣ: ΤΙΤΛΟΣ ΙΠΛΩΜΑΤΙΚΗΣ ΕΡΓΑΣΙΑΣ: GoNToggle: ΕΞΥΠΝΗ ΜΗΧΑΝΗ ΑΝΑΖΗΤΗΣΗΣ ΜΕ ΧΡΗΣΗ ΟΝΤΟΛΟΓΙΩΝ ΠΕΡΙΟΧΗ ΕΡΕΥΝΑΣ: Υπολογιστικά Συστήµατα & Τεχνολογίες Πληροφορικής ΣΥΓΓΡΑΦΕΑΣ: Γιώργος Γιαννόπουλος, διδακτορικός φοιτητής

Διαβάστε περισσότερα

2 Ο Ε.Κ.Φ.Ε. ΗΡΑΚΛΕΙΟΥ. Οδηγίες χρήσης PDFCreator

2 Ο Ε.Κ.Φ.Ε. ΗΡΑΚΛΕΙΟΥ. Οδηγίες χρήσης PDFCreator 2 Ο Ε.Κ.Φ.Ε. ΗΡΑΚΛΕΙΟΥ Οδηγίες χρήσης PDFCreator Ηράκλειο 2008 Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α Σηµείωµα του συντάκτη... 2 Στοιχεία δηµιουργού του υλικού... 3 Εισαγωγή... 3 Τι είναι... 4 Που θα το βρείτε... 4 Τρόπος

Διαβάστε περισσότερα

Βάσεις Δεδομένων ΙΙ. Διάλεξη 5 η XML και ΒΔ στο Διαδίκτυο

Βάσεις Δεδομένων ΙΙ. Διάλεξη 5 η XML και ΒΔ στο Διαδίκτυο Βάσεις Δεδομένων ΙΙ Διάλεξη 5 η XML και ΒΔ στο Διαδίκτυο Δ. Χριστοδουλάκης - Α. Φωκά Τμήμα Μηχανικών Η/Υ & Πληροφορικής - Εαρινό Εξάμηνο 2007 Εισαγωγή Πολλές εφαρμογές διαδικτύου υποστηρίζουν web διεπαφές

Διαβάστε περισσότερα

Άσκηση 1. Απάντηση Άσκησης 1

Άσκηση 1. Απάντηση Άσκησης 1 Άσκηση 1 Δίνεται το παρακάτω DTD (Document Type Definition) αρχείο X.dtd :

Διαβάστε περισσότερα

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText

Διαβάστε περισσότερα

Εισαγωγή Κεφάλαιο 1: Εγκατάσταση της Access Κεφάλαιο 2: Βάσεις δεδομένων και δομικά στοιχεία της Access

Εισαγωγή Κεφάλαιο 1: Εγκατάσταση της Access Κεφάλαιο 2: Βάσεις δεδομένων και δομικά στοιχεία της Access ΠΕΡΙΕΧΟΜΕΝΑ Εισαγωγή...15 Κεφάλαιο 1: Εγκατάσταση της Access 2002...17 Τι είναι το Office XP;...17 Τεχνικές απαιτήσεις του Office XP...17 Πρόσθετα απαιτούμενα για την αξιοποίηση εξειδικευμένων χαρακτηριστικών...18

Διαβάστε περισσότερα

Συνεργείο Αυτοκινήτων

Συνεργείο Αυτοκινήτων Συνεργείο Αυτοκινήτων v2.102, Οκτώβριος 2015 Σύντοµες οδηγίες χρήσης Εισαγωγή Το πρόγραµµα Συνεργείο Αυτοκινήτων έχει σκοπό τη διαχείριση και παρακολούθηση του πελατολογίου, των αυτοκινήτων και των εργασιών

Διαβάστε περισσότερα

ΠΛΗΡΟΦΟΡΙΚΗ Ι Εργαστήριο 1 MATLAB ΠΛΗΡΟΦΟΡΙΚΗ Ι ΕΡΓΑΣΤΗΡΙΟ 1. Θέμα εργαστηρίου: Εισαγωγή στο MATLAB και στο Octave

ΠΛΗΡΟΦΟΡΙΚΗ Ι Εργαστήριο 1 MATLAB ΠΛΗΡΟΦΟΡΙΚΗ Ι ΕΡΓΑΣΤΗΡΙΟ 1. Θέμα εργαστηρίου: Εισαγωγή στο MATLAB και στο Octave ΠΛΗΡΟΦΟΡΙΚΗ Ι ΕΡΓΑΣΤΗΡΙΟ 1 Θέμα εργαστηρίου: Εισαγωγή στο MATLAB και στο Octave Περιεχόμενο εργαστηρίου: - Το περιβάλλον ανάπτυξης προγραμμάτων Octave - Διαδικασία ανάπτυξης προγραμμάτων MATLAB - Απλά

Διαβάστε περισσότερα

Επεξεργασία Εικόνας. Κωδικός Πακέτου ACTA - CGD+CWD Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ. Εκπαιδευτικές Ενότητες

Επεξεργασία Εικόνας. Κωδικός Πακέτου ACTA - CGD+CWD Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ. Εκπαιδευτικές Ενότητες Κωδικός Πακέτου ACTA - CGD+CWD - 013 Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ Εκπαιδευτικές Ενότητες ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ ιαχείριση Αρχείων Εκτυπώσεις Βασικές Λειτουργίες Επιλογές τµηµάτων

Διαβάστε περισσότερα

Τι χρειάζεται ένας φοιτητής για τη σωστή παρακολούθηση και συμμετοχή στο μαθημα;

Τι χρειάζεται ένας φοιτητής για τη σωστή παρακολούθηση και συμμετοχή στο μαθημα; Εισαγωγή Τι χρειάζεται ένας φοιτητής για τη σωστή παρακολούθηση και συμμετοχή στο μαθημα; 1. Σελίδα μαθήματος Εγγραφή Ο κάθε φοιτητής πρέπει να κάνει εγγραφή στη σελίδα του μαθήματος στην πλατφόρμα e-class

Διαβάστε περισσότερα

Εγχειρίδιο Χρήστη - Μαθητή

Εγχειρίδιο Χρήστη - Μαθητή Εγχειρίδιο Χρήστη - Μαθητή 1. Εισαγωγή Η ηλεκτρονική πλατφόρµα «e-class», αποτελεί ένα ολοκληρωµένο σύστηµα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι παροχή υποδοµών εκπαίδευσης και κατάρτισης ανεξάρτητα

Διαβάστε περισσότερα

2 Ορισμός Κλάσεων. Παράδειγμα: Μηχανή για Εισιτήρια. Δομή μιας Κλάσης. Ο Σκελετός της Κλάσης για τη Μηχανή. Ορισμός Πεδίων 4/3/2008

2 Ορισμός Κλάσεων. Παράδειγμα: Μηχανή για Εισιτήρια. Δομή μιας Κλάσης. Ο Σκελετός της Κλάσης για τη Μηχανή. Ορισμός Πεδίων 4/3/2008 Παράδειγμα: Μηχανή για Εισιτήρια 2 Ορισμός Κλάσεων Σύνταξη κλάσης: πεδία, κατασκευαστές, μέθοδοι Ένας αυτόματος εκδότης εισιτηρίων είναι μια μηχανή που δέχεται χρήματα και εκδίδει ένα εισιτήριο. Εκδίδει

Διαβάστε περισσότερα

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας; Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι

Διαβάστε περισσότερα

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:

Διαβάστε περισσότερα

Kεφάλαιο 11 Λίστες και Ανάλυση Δεδομένων Kεφάλαιο 12 Εργαλεία ανάλυσης πιθανοτήτων Kεφάλαιο 13 Ανάλυση δεδομένων...

Kεφάλαιο 11 Λίστες και Ανάλυση Δεδομένων Kεφάλαιο 12 Εργαλεία ανάλυσης πιθανοτήτων Kεφάλαιο 13 Ανάλυση δεδομένων... Μέρος 2 Kεφάλαιο 11 Λίστες και Ανάλυση Δεδομένων... 211 Kεφάλαιο 12 Εργαλεία ανάλυσης πιθανοτήτων... 241 Kεφάλαιο 13 Ανάλυση δεδομένων... 257 Kεφάλαιο 14 Συναρτήσεις Μέρος Β... 285 Kεφάλαιο 15 Ευρετήριο

Διαβάστε περισσότερα

ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ

ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ Στις παραδοσιακές βάσεις δεδομένων, η πληροφορία είναι αυστηρά δομημένη και υπακούει σε ένα σταθερό σχήμα που έχει οριστεί εκ των προτέρων. Τα δεδομένα του Ιστού μπορεί να μην έχουν

Διαβάστε περισσότερα