1. Απαιτήσεις εργασίας



Σχετικά έγγραφα
1. Απαιτήσεις εργασίας

1. Απαιτήσεις εργασίας

Δικτυακά Πολυμέσα Ι: 2 η Εργασία. Να δημιουργήσετε μια HTML σελίδα η οποία να περιέχει μία φόρμα που να μοιάζει με αυτή της παρακάτω εικόνας:

ΑΚΑΔΗΜΑΪΚΟ PORTAL ΚΑΤΑΧΩΡΙΣΗΣ ΒΑΘΜΟΛΟΓΙΩΝ

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

Εφαρμογή Υποβολής Αίτησης Εκδήλωσης Ενδιαφέροντος για την Πιστοποίηση Φορέων Α και Β Βαθμού

1. (25%) Αναφέρετε πέντε (5) «καλoύς» κανόνες (πρακτικές) σχεδίασης web sites (όχι περισσότερες από δύο γραμμές για κάθε κανόνα)


ΟΔΗΓΙΕΣ ΧΡΗΣΤΗ ΓΙΑ ΤΟ ΠΡΟΓΡΑΜΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ ΤΑΞΗΣ

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

ΕΓΓΡΑΦΗ ΣΤΗΝ ONLINE ΕΦΑΡΜΟΓΗ ΔΡΑΣΗΣ «Εφαρμογή της μεθόδου σεξουαλικής σύγχυσης των μικρολεπιδοπτέρων(κομφουζιο)» (Οδηγίες προς τον Αιτούντα)

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης

Οδηγίες Χρήσης της εφαρμογής Class-Web

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

ΕΓΧΕΙΡΙΔΙΟ ΥΠΟΒΟΛΗΣ ΗΛΕΚΤΡΟΝΙΚΗΣ ΠΡΟΤΑΣΗΣ ΓΙΑ ΤΗ ΔΡΑΣΗ ΠΡΑΣΙΝΗ ΕΠΙΧΕΙΡΗΣΗ 2010

ΕΓΓΡΑΦΗ ΣΤΗΝ ONLINE ΕΦΑΡΜΟΓΗ ΜΕΤΡΟΥ 11 «Βιολογικά» (Οδηγίες προς τον Αιτούντα)

ΕΓΧΕΙΡΙΔΙΟ ΥΠΟΒΟΛΗΣ ΗΛΕΚΤΡΟΝΙΚΗΣ ΠΡΟΤΑΣΗΣ ΓΙΑ ΤΗ ΔΡΑΣΗ ΜΕΤΑΠΟΙΗΣΗ ΣΤΙΣ ΝΕΕΣ ΣΥΝΘΗΚΕΣ

Διαδικτυακό Περιβάλλον Διαχείρισης Ασκήσεων Προγραμματισμού

Πανεπιστήμιο Αιγαίου. Ναυτίλος. Σύστημα Ηλεκτρονικής Υποβολής Αιτήσεων Μεταπτυχιακών Προγραμμάτων Πανεπιστημίου Αιγαίου

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ. Εγγραφή - Πιστοποίηση

ΟΔΗΓΙΕΣ ΓΙΑ ΤΗ ΔΗΛΩΣΗ ΜΑΘΗΜΑΤΩΝ ΓΙΑ ΤΟ ΧΕΙΜΕΡΙΝΟ. Για να πραγματοποιήσετε την δήλωσή σας μεταβαίνετε στο σύνδεσμο:

ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ. Ηλεκτρονική. Υπηρεσία Άντλησης Αποτελέσματος Πιστοποίησης Αναπηρίας

Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης. Καθηγητή

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΓΙΑ ΣΥΣΤΗΜΑ ΚΡΑΤΗΣΕΩΝ ΕΡΓΑΣΤΗΡΙΩΝ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69

Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΟΛΟΚΛΗΡΩΜΕΝΟΥ ΠΛΗΡΟΦΟΡΙΑΚΟΥ ΣΥΣΤΗΜΑΤΟΣ (ΟΠΣ) ΓΙΑ ΤΗΝ ΠΡΟΓΡΑΜΜΑΤΙΚΗ ΠΕΡΙΟΔΟ ΣΕΣ

Περιεχόμενα. Εισαγωγή. Οδηγός Χρήστη - Φοιτητή

ΑΝΑΚΟΙΝΩΣΗ. Θέμα: Σχετικά με την καταχώρηση των ασθενών στο μητρώο περιτοναϊκής κάθαρσης.

ΕΦΑΡΜΟΓΗ ΔΙΑΧΕΙΡΙΣΗΣ ΙΣΤΟΣΕΛΙΔΩΝ ΜΕΛΩΝ ΔΕΠ, ΤΜΗΜΑΤΟΣ ΜΑΘΗΜΑΤΙΚΩΝ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΠΑΤΡΩΝ ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΠΛΟΗΓΗΣΗΣ ΚΑΙ ΧΡΗΣΗΣ

Σενάριο Χρήσης myschool

1. Αίτηση Εισαγωγής Μεταπτυχιακού / Διδακτορικού Φοιτητή

Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών Οδηγός Υποβολής

ΙΑ ΙΚΑΣΙΑ ΕΠΙΒΕΒΑΙΩΣΗΣ ΚΑΙ ΕΠΙΚΑΙΡΟΠΟΙΗΣΗΣ ΣΤΟΙΧΕΙΩΝ ΦΟΡΕΩΝ ΣΤΗ ΙΚΤΥΑΚΗ ΠΥΛΗ ΤΟΥ «ΣΥΖΕΥΞΙΣ»

Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου

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

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

ΟΔΗΓΙΕΣ προς ΣΥΜΒΕΒΛΗΜΕΝΟΥΣ ΙΑΤΡΟΥΣ & ΑΣΦΑΛΙΣΜΕΝΟΥΣ για τις νέες ΗΛΕΚΤΡΟΝΙΚΕΣ ΥΠΗΡΕΣΙΕΣ του ΕΤΑΑ ΤΟΜΕΑ ΥΓΕΙΟΝΟΜΙΚΩΝ

Εγχειρίδιο Χρήσης για Διαχειριστές. Πλατφόρμα Μεταφόρτωσης και Μετατροπής Βίντεο

ΕΚΠΑ η-τάξη Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης

ΑΝΑΚΟΙΝΩΣΗ. Θέμα: Σχετικά με την καταχώρηση των ασθενών στο μητρώο Θαλασσαιμίας.

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb)

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>

Αναλυτικές οδηγίες χρήσης ΧΡΗΣΗΣ της εφαρμογής Crowdsourcing για το ΣΒΑΚ της Νεμέας à SVAKNEMEA.EU

Αναγγελία Εισιτηρίων - εξιτηρίων ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Ηλεκτρονικές Υπηρεσίες. Αναγγελία Εισιτηρίων - Εξιτηρίων. Σελίδα 1

Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών Οδηγός Υποβολής. Ηλεκτρονική Υποβολή Αιτήσεων για τα Μεταπτυχιακά Προγράμματα Σπουδών

Θεματογράφος (ή ο βοηθός του Καθηγητή)

Οδηγίες Διαχείρισης Web Portal ΤΕΑ-ΕΑΠΑΕ για τις Κατασκηνώσεις Διαδικασία Κράτησης θέσεως Κατασκήνωσης

Εγχειρίδιο Λειτουργίας Τράπεζας Χρόνου

ΟΔΗΓΙΕΣ προς ΣΥΜΒΕΒΛΗΜΕΝΟΥΣ ΙΑΤΡΟΥΣ & ΑΣΦΑΛΙΣΜΕΝΟΥΣ για τις νέες ΗΛΕΚΤΡΟΝΙΚΕΣ ΥΠΗΡΕΣΙΕΣ του ΕΤΑΑ ΤΟΜΕΑ ΥΓΕΙΟΝΟΜΙΚΩΝ

ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΔΗΜΟΣΙΩΝ ΕΠΕΝΔΥΣΕΩΝ & ΕΣΠΑ

CARDISOFT. User Guide. ClassWeb VERSION 1.1. [February] [2007] Cardisoft Ανώνυµη Εταιρία Παραγωγής Λογισµικού

Η εφαρµογή ClassWeb δίνει στους διδάσκοντες χρήστες του συστήµατος τη δυνατότητα πρόσβασης µέσω του ιαδικτύου σε ποικίλες υπηρεσίες, όπως:

ΕΓΧΕΙΡΙΔΙΟ ΥΠΟΒΟΛΗΣ ΗΛΕΚΤΡΟΝΙΚΗΣ ΑΙΤΗΣΗΣ ΓΙΑ ΤΟ ΕΘΝΙΚΟ ΜΗΤΡΩΟ ΠΙΣΤΟΠΟΙΗΜΕΝΩΝ ΑΞΙΟΛΟΓΗΤΩΝ / ΕΛΕΓΚΤΩΝ

Αίτηση Εισαγωγής Μεταπτυχιακού & Διδακτορικού Φοιτητή

ΟΔΗΓΙΕΣ ΓΙΑ ΤΗΝ ΚΑΤΑΧΩΡΙΣΗ ΤΩΝ ΑΞΙΟΛΟΓΗΣΕΩΝ ΤΗΣ ΕΚΠΑΙΔΕΥΣΗΣ (e-σεπ αξιολόγηση)

XAMPP Apache MySQL PHP javascript xampp

ΑΝΑΚΟΙΝΩΣΗ. Θέμα: Σχετικά με την καταχώρηση των ασθενών στο μητρώο Διαβήτη.

Εθνικό και Καποδιστριακό Πανεπιστήμιο Αθηνών. Κέντρο Επαγγελματικής Κατάρτισης. Σταδίου 5, Σύνταγμα

CARDISOFT. User Guide. StudentsWeb VERSION 1.1. [February] [2007] Cardisoft Ανώνυμη Εταιρία Παραγωγής Λογισμικού

Πίνακας Περιεχομένων. Εγχειρίδιο Χρήσης Υπηρεσίες Φοιτητή Σελίδα 1 / 10

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΟΛΟΚΛΗΡΩΜΕΝΟΥ ΠΛΗΡΟΦΟΡΙΑΚΟΥ ΣΥΣΤΗΜΑΤΟΣ (ΟΠΣ) ΓΙΑ ΤΗΝ ΠΡΟΓΡΑΜΜΑΤΙΚΗ ΠΕΡΙΟΔΟ ΣΕΣ ΕΝΟΤΗΤΑ «ΕΙΣΡΟΕΣ»

Εγχειρίδιο Χρήσης για Φοιτητές

Εγχειρίδιο Χρήσης Εφαρμογής Συστήματος Διαχείρισης Λογισμικού

ΕΓΧΕΙΡΙ ΙΟ ΧΡΗΣΗΣ. Πρόσβαση στην Καταγραφή και Εγχειρίδιο Χρήσης Εφαρµογών για ιευθύνσεις και Γραφεία Εκπαίδευσης

ΥΠΗΡΕΣΙΑ ΣΠΟΥΔΩΝ ΚΑΙ ΦΟΙΤΗΤΙΚΗΣ ΜΕΡΙΜΝΑΣ. Οδηγός Χρήσης BannerWeb για Ακαδημαϊκούς. 01/02/2017 Οδηγός Χρήσης BannerWeb για Ακαδημαϊκούς 1

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

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ.

ΥΠΗΡΕΣΙΑ ΣΠΟΥΔΩΝ ΚΑΙ ΦΟΙΤΗΤΙΚΗΣ ΜΕΡΙΜΝΑΣ. Οδηγός Χρήσης BannerWeb για Ακαδημαϊκούς

Οδηγίες Καταχώρησης Τεκμηρίου

1. Αίτηση Εισαγωγής Μεταπτυχιακού / Διδακτορικού Φοιτητή

Ηλεκτρονική υποβολή εντύπου Ε7 Βεβαίωση Δήλωση Εργοδότη για Σύμβαση Ορισμένου Χρόνου

Μάθημα 4ο. Προγράμματα

Γενικά. Change Reference

ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ 1 ΓΕΝΙΚΕΣ ΠΛΗΡΟΦΟΡΙΕΣ ΕΓΓΡΑΦΗ & ΕΙΣΟΔΟΣ ΣΤΟ ΣΥΣΤΗΜΑ ΑΙΤΗΣΗ ΥΠΟΨΗΦΙΟΥ... 8

Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου "Σύζευξις" -1-

1. Από το κεντρικό site του Ιδρύματος επιλέγουμε το σύνδεσμο "Γραμματείες Τμημάτων".

e-κπαίδευση Πλατφόρµα Ασύγχρονης Τηλε-κπαίδευσης Οδηγίες χρήσης για τους σπουδαστές του ΤΕΙ Αθήνας και τους επισκέπτες της δικτυακής πύλης e-κπαίδευση

Οδηγίες Ενεργοποίησης Λογαριασμού URegister για Φοιτητές

Ολοκληρωμεένο Πληροφοριακοέ Συέ στημα Διαχειέρισης Προσωπικουί Α/θμιας και Β/θμιας Εκπαιίδευσης (ΟΠΣΥΔ) Εγχειριίδιο Εγγραφηή ς & Συή νδεσης

οδικός χάρτης Μπάμπης Γούτσος V6 Δεκέμβριος 2016

Εγχειρίδιο εγγραφής online 2017 (Οδηγίες προς τον Αιτούντα)

11/4/2014 ΤΕΙ Ιονίων Νήσων Πλατφόρµα Ασύγχρονησ Τηλεκπαίδευσησ eclass s ηµιο ι υρ υ γ ρ ία ί Μ αθήµατο τ σ 1

Εγχειρίδιο εγγραφής online 2017 (Οδηγίες προς τον Αιτούντα)

ΑΕΕ ONLINE 2012 ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ

Εγχειρίδιο χρήσης δικτυακού τόπου του προγράμματος, ΆΞΟΝΑΣ 3: "Ποιότητα ζωής στις αγροτικές περιοχές και διαφοροποίηση της αγροτικής οικονομίας"

Υποβολή Αναλώσιµων Υλικών ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Ηλεκτρονικές Υπηρεσίες. Υποβολή Αναλώσιμων Υλικών. Σελίδα 1

ΑΠΟΤΙΜΗΣΗ ΤΟΥ ΕΡΓΟΥ ΤΟΥ ΤΜΗΜΑΤΟΣ ΣΤΟΧΟΙ ΓΙΑ ΤΗΝ ΠΕΡΙΟΔΟ ΠΑΡΑΡΤΗΜΑ ΧΙ

ΥΠΟΥΡΓΕΙΟ ΟΙΚΟΝΟΜΙΚΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΠΛΗΡΟΦΟΡΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ & ΔΙΟΙΚΗΤΙΚΗΣ ΥΠΟΣΤΗΡΙΞΗΣ ΚΑΙ ΑΝΕΞΑΡΤΗΤΗ ΑΡΧΗ ΔΗΜΟΣΙΩΝ ΕΣΟΔΩΝ

ΟΔΗΓΙΕΣ ΓΙΑ ΤΗΝ ΚΑΤΑΧΩΡΙΣΗ ΤΩΝ ΑΞΙΟΛΟΓΗΣΕΩΝ ΤΗΣ ΕΚΠΑΙΔΕΥΣΗΣ (e-σεπ αξιολόγηση)

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

JAVASCRIPT EVENTS. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

Εφαρμογή Ηλεκτρονικής Υποβολής Δηλώσεων Ε9. Οδηγίες Χρήσης

Ηλεκτρονικές Υπηρεσίες. Εκτύπωσης Εκκαθαριαστικού / Βεβαίωσης Αποδοχών και Πιστοποίησης Χρηστών Μέσω Internet

ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ PORTAL ΤΩΝ ΣΥΝΕΡΓΑΤΩΝ. 29/10/2014 Διεύθυνση πωλήσεων και marketing

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

Εισαγωγή 6 Gmail 8. Υαhoo! Mail 58. Δημιουργία λογαριασμού 58 Αλλαγή κωδικού 68 Επισύναψη αρχείων 69 Φίλτρα 71

Εγχειρίδιο Χρήστη Φάση 1: Καταχώρηση Ειδικοτήτων

Εγχειρίδιο χρήσης. ΜΗΤΡΩΟ ΕΠΙΜΟΡΦΩΤΩΝ ΕΚΠΑΙΔΕΥΤΩΝ ΕΝΗΛΙΚΩΝ του ΚΑΝΕΠ ΓΣΕΕ

Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών Οδηγός Υποβολής. Ηλεκτρονική Υποβολή Αιτήσεων για τα Μεταπτυχιακά Προγράμματα Σπουδών

Transcript:

ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΙΓΑΙΟΥ Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 2 η Εργασία στο μάθημα «Δικτυακά Πολυμέσα Ι»: «Δημιουργία φόρμας για καταχώρηση στοιχείων με HTML - Javascript» Ημερομηνία παράδοσης: Τρίτη 20/1/2009 Διδάσκων: Δ. Γαβαλάς (Η εργασία θα παραδοθεί σε ομάδες των δύο ατόμων!!) 1. Απαιτήσεις εργασίας Θα πρέπει να δημιουργήσετε μία εφαρμογή Javascript που θα υλοποιεί μια φόρμα την οποία θα συμπληρώνουν τα στοιχεία τους χρήστες που θέλουν να καταχωρήσουν στοιχεία τους. Το Javascript σενάριο θα έχει ως στόχο να επικυρώνει τα στοιχεία των χρηστών (να πραγματοποιεί δηλαδή ορισμένους ελέγχους σε αυτά). Για την ανάπτυξη των ιστοσελίδων του site μπορείτε να χρησιμοποιήσετε κάποιο εργαλείο ανάπτυξης ιστοσελίδων (web authoring tool), όπως το Macromedia Dreamweaver. Σας δίνεται ένα τέτοιο απλό σενάριο Javascript, το οποίο μπορείτε να χρησιμοποιήσετε ως βάση ώστε να το επεκτείνετε, στη διεύθυνση: http://arion.aegean.gr/dgavalas/dp_i/assignements/second/2008/minimal_form.htm Το απλό αυτό σενάριο πραγματοποιεί (στη φόρμα που φαίνεται στην παραπάνω εικόνα) τους ακόλουθους ελέγχους: - 1 -

Όλα τα πεδία κειμένου (textfields) έχουν συμπληρωθεί Το πεδίο email περιέχει τουλάχιστον τους χαρακτήρες @ και. Το πεδίο τηλέφωνο περιέχει αποκλειστικά αριθμητικούς χαρακτήρες. HTML table checkboxes textarea textfields button status bar Το απλό αυτό σενάριο θα πρέπει να επεκταθεί ώστε στη φόρμα που φαίνεται στην παραπάνω εικόνα να πραγματοποιηθούν οι παρακάτω έλεγχοι: Τα πεδία κειμένου ονοματεπώνυμο και email θα πρέπει να είναι υποχρεωτικά συμπληρωμένα Έλεγχοι εγκυρότητας Email: o Το email θα πρέπει να περιλαμβάνει το χαρακτήρα @ o Το email θα πρέπει να περιλαμβάνει το χαρακτήρα. o Το email πρέπει να περιλαμβάνει μόνο λατινικούς χαρακτήρες (κεφαλαίους ή πεζούς) o Ο χαρακτήρας @ δεν θα πρέπει να είναι ο πρώτος ή ο τελευταίος του email o Ο χαρακτήρας. δεν θα πρέπει να είναι ο πρώτος ή ο τελευταίος του email o Ο χαρακτήρας @ θα πρέπει να εμφανίζεται μία μόνο φορά o Οι χαρακτήρες @ και. δεν πρέπει να είναι συνεχόμενοι o Ο χαρακτήρας. θα πρέπει να εμφανίζεται τουλάχιστον μία φορά, σε απόσταση τουλάχιστον δύο χαρακτήρων μετά το χαρακτήρα '@' (να παρεμβάλλεται δηλαδή τουλάχιστον ένας χαρακτήρας ανάμεσά τους) o Το email δεν θα πρέπει να περιλαμβάνει κενά (spaces) Έλεγχοι εγκυρότητας τηλεφώνου και αριθμού fax: o Οι επιτρεπτοί χαρακτήρες είναι: αριθμητικά ψηφία κενά (spaces) - 2 -

μέχρι μία άνω παύλα ( - ) Επίσης, θα γίνονται οι παρακάτω έλεγχοι: o Όταν είναι τσεκαρισμένο το checkbox Ταχυδρομείο, θα πρέπει να είναι συμπληρωμένη και η Διεύθυνση: o Όταν είναι τσεκαρισμένο το checkbox Τηλ., θα πρέπει να είναι συμπληρωμένο και το πεδίο κειμένου Τηλ.: o Όταν είναι τσεκαρισμένο το checkbox FAX, θα πρέπει να είναι συμπληρωμένο και το πεδίο κειμένου FAX: Οι έλεγχοι που περιγράφηκαν παραπάνω θα γίνονται με το πάτημα ( onclick ) του πλήκτρου Αποστολή. Αν τα στοιχεία του χρήστη «περάσουν» όλους τους ελέγχους θα δίνεται μήνυμα (alarm) επιβεβαίωσης, διαφορετικά μήνυμα που θα επεξηγεί το λάθος, όπως φαίνεται στις δύο παρακάτω εικόνες. Ο σύνδεσμος «About us» θα οδηγεί σε μια δεύτερη σελίδα που θα εμφανίζει το ονοματεπώνυμο, τον Α.Μ. και μια φωτογραφία σας. Η στοίχιση των διαφόρων στοιχείων της HTML φόρμας επιτυγχάνεται σχεδιάζοντας έναν HTML πίνακα με αόρατο περίγραμμα (border = 0). Υπενθυμίζεται ότι για την εμφάνιση ελληνικών χαρακτήρων σε μια html σελίδα, πρέπει να ενσωματώσετε την παρακάτω γραμμή κώδικα μέσα στο <head></head> τμήμα της σελίδας: <meta http-equiv="content-type" content="text/html; charset=utf-8" /> Επίσης όλα τα στοιχεία της φόρμας σας (textfields, checkboxes, button, κλπ) πρέπει να βρίσκονται τοποθετημένα ανάμεσα στις ετικέτες <form>. Έτσι, για μια φόρμα που έχετε ονομάσει myform και ενσωματώνει ένα textfield που ονομάζεται email : <form name="myform"> <input type="text" name="email"> - 3 -

</form> ο παρακάτω Javascript κώδικας θα εμφανίσει το περιεχόμενο που ο χρήστης έχει πληκτρολογήσει σε πεδίο email : alert(document.myform.email.value); 2. Χρήσιμες Javascript συναρτήσεις για την υλοποίηση της εφαρμογής Το παρακάτω alert θα εμφανιστεί μόνο αν ο χαρακτήρας char ανήκει στους κεφαλαίους λατινικούς χαρακτήρες: if (char>='a' && char<='z') alert ( Κεφαλαίος λατινικός χαρακτήρας! ); Οι παρακάτω συναρτήσεις ( indexof, substring, κλπ) θα σας φανούν χρήσιμες για να κάνετε τους ελέγχους κατά πόσο μια συμβολοσειρά περιέχει ένα χαρακτήρα, αν παρεμβάλλεται κενό μεταξύ δύο χαρακτήρων μιας συμβολοσειράς, κλπ. var str = 1234567123 ; var str_length = str.length; /* θα ισχύει str_length = 10 (καθώς η συμβολοσειρά str περιλαμβάνει 10 χαρακτήρες */ var exists = str.indexof( 2 ); /* μετά από αυτή την κλήση, exists = 1 (o χαρακτήρας 2 βρέθηκε στη 2 η θέση του str) */ exists = str.indexof( 9 ); /* μετά από αυτή την κλήση, exists = -1 (o χαρακτήρας 9 δεν βρέθηκε μέσα στο str) */ exists = str.indexof( 1, 4); /* ψάχνει το 1 μετά από την 4 η θέση του str, οπότε exists = 7 (o πρώτος επόμενος χαρακτήρας 1 βρέθηκε στη 7 η θέση του str) */ var small_str = str.substring(0,3); /* απομονώνει τη συμβολοσειρά από την πρώτη ως την 4 η θέση, οπότε: small_str = 1234 */ 3. Βαθμολόγηση εργασίας Η εργασία σας θα βαθμολογηθεί με βάση το κατά πόσο ικανοποιεί τις απαιτήσεις και προδιαγραφές που αναλύθηκαν στις προηγούμενες παραγράφους. Σας προτείνεται να παραδώσετε την εργασία ακόμα κι αν δεν λειτουργεί ικανοποιητικά (θα εκτιμηθεί και θα βαθμολογηθεί η προσπάθειά σας). Θα βαθμολογηθεί επιπλέον η συμπερίληψη στο status bar της HTML σελίδα σας ενός μηνύματος που θα αλλάζει περιοδικά, κάθε 1 sec. Θα εμφανίζει την τρέχουσα ώρα σε μορφή ώρες:λεπτά:δευτερόλεπτα, π.χ.: Time: 15:23:20 (κάθε ένα sec θα δείχνει τη νέα ώρα) Για την αλλαγή του status bar του παραθύρου του browser θα χρησιμοποιήσετε την ιδιότητα status του αντικειμένου window: window.status = Hello ; // Θα αλλάξει το status bar του browser σε Hello Επίσης, για το διάβασμα της τρέχουσας ημερομηνίας και ώρας θα χρησιμοποιήσετε μεθόδους του αντικειμένου Date (βλ. Κεφάλαιο 12 του βιβλίου σας της Javascript). - 4 -

Τέλος, θα συνεκτιμηθούν στη βαθμολογία της εργασίας: Ύπαρξη σχολίων στον Javascript κώδικα Στοίχιση κώδικα (για παράδειγμα, οι εντολές που εκτελούνται όταν ικανοποιείται μια συνθήκη if ή όταν τρέχει ένας βρόγχος for να είναι στοιχισμένες πιο δεξιά και η μία κάτω από την άλλη,) ώστε ο κώδικας να είναι ευανάγνωστος) Η παράδοση της εργασίας είναι υποχρεωτική και προσμετράει σε ποσοστό 15% της συνολικής βαθμολογίας του μαθήματος. Σε περίπτωση που γίνουν αντιληπτά κρούσματα αντιγραφών, όσοι έχουν συμμετάσχει σε αυτή θα βαθμολογηθούν αρνητικά. 4. Οδηγίες για την παράδοση της εργασίας: Καταληκτική ημερομηνία για την παράδοση της εργασίας είναι η 20/1/2009. Η εργασία θα γίνει σε ομάδες των δύο ατόμων (το μέγιστο)! Η παράδοση θα γίνει ηλεκτρονικά. Θα δημιουργήσετε ένα zip αρχείο που θα περιλαμβάνει όλα τα περιεχόμενα του φακέλου όπου αποθηκεύσετε την εργασία σας. Στον φάκελο θα πρέπει να υπάρχει το HTML αρχείο (στο οποίο περιλαμβάνεται ο Javascript κώδικας) και τυχόν αρχεία γραφικών. Επαληθεύστε ότι το zip αρχείο είναι στη μορφή που πρέπει αποσυμπιέζοντάς το σε κάποιο δικό σας φάκελο (θα πρέπει να αποσυμπιέσει όλα τα αρχεία της εφαρμογής σας, αναπαράγοντας την ιεραρχική του δομή, δηλαδή δημιουργώντας τους ίδιους καταλόγους). Το όνομα του zip αρχείου θα είναι ίδιο με τα username σας, χωρισμένα με underscore ( _ ) (π.χ. ct07011_ct07129.zip). Η παράδοση της εργασίας θα πρέπει να γίνει με αποστολή email στο διδάσκοντα (dgavalas@aegean.gr). Στο email θα πρέπει να επισυνάψετε (attachment) το zip αρχείο και το subject του μηνύματος θα πρέπει να είναι της μορφής: <Ονοματεπώνυμο1>, Α.Μ_2.:..., <Ονοματεπώνυμο_2>, Α.Μ_2.:..., Δικτυακά Πολυμέσα Ι: 2 η εργασία Το email αυτό θα πρέπει να το «κοινοποιήσετε» και στον εαυτό σας (cc: ctxxxxxx@ct.aegean.gr; ctxxxxx@ct.agean.gr) και να μην το σβήσετε από τη λίστα των αποσταλμένων email σας ( Sent Items ). Καλή επιτυχία! - 5 -