Voulgaris_Petrolekas

Προγραμματιστικά εργαλεία για το Διαδίκτυο. Κατασκευή ιστοσελίδων με HTML/CSS/JavaScript
 * __ Τίτλος __**

//** Βούλγαρης Κωνσταντίνος – 1115200800072 **//
 * __ Δημιουργοί __**

//** Πετρολέκας Γρηγόριος – 1115200800240 **//

Στόχος του σχεδίου μαθήματος είναι να δώσει τις απαραίτητες γνώσεις στους μαθητές ώστε να μπορούν να κατασκευάσουν τις δικές τους ιστοσελίδες χρησιμοποιώντας μοντέρνες τεχνολογίες και τεχνικές web development. Το συγκεκριμένο αντικείμενο είναι προτιμότερο να διδαχτεί σε μορφή εργαστηρίου και όχι σαν ένα απλό μάθημα σε αίθουσα διδασκαλίας. Είναι απαραίτητο ο διδάσκοντας να έχει τις απαραίτητες γνώσεις για να εξηγήσει το αντικείμενο του μαθήματος καθώς ο ρόλος των διαφανειών είναι να δίνουν συνοπτικά bullet-points. Ο διδάσκοντας είναι υπεύθυνος να εμβαθύνει το κάθε point, να παροτρύνει τους μαθητές να κρατήσουν σημειώσεις και να αφήσει επαρκεί χρόνο για απορίες. Το συγκεκριμένο σχέδιο μαθήματος ολοκληρώνεται σε 4 διδακτικές ώρες των 45 λεπτών. Χρησιμοποιήθηκαν εργαλεία Web2.0 για να κάνουν πιο διαδραστικό και ενδιαφέρον το μάθημα για τους μαθητές καθώς και να δουν τι μπορεί κάποιος να δημιουργήσει έχοντας γνώσεις web.
 * __ Σύντομη περιγραφή του σχεδίου μαθήματος __**

Το σχέδιο μαθήματος καλύπτει και επεκτείνει το περιεχόμενο του κεφαλαίου «προγραμματιστικά εργαλεία για το διαδίκτυο» και απευθύνεται στην Α’-τάξη των Τ.Ε.Ε. Οι εκπαιδευόμενοι δεν χρειάζεται να έχουν γνώσεις πάνω σε HTML/CSS/JavaScript, είναι όμως απαραίτητο να γνωρίζουν τις βασικές έννοιες του Παγκοσμίου Ιστού, το μοντέλο client-server και για την τρίτη διδακτική ώρα, που αναφέρετε στην JavaScript, οι μαθητές πρέπει να γνωρίζουν τις απολύτως βασικές έννοιες προγραμματισμού και συγγραφής κώδικα. Πιο σημαντικό από όλα είναι οι προαπαιτούμενες γνώσεις που πρέπει να έχει ο διδάσκοντας. Είναι απαραίτητη η καλή γνώση τεχνολογιών του Παγκοσμίου Ιστού, της HTML, του CSS, της JavaScript καθώς και βασικές έννοιες design ώστε να μπορέσει να μεταδώσει σωστά το αντικείμενο του μαθήματος.
 * __ Ανάγκες τις οποίες καλύπτει, το επίπεδο των εκπαιδευόμενων και οι προαπαιτούμενες γνώσεις __**

Στόχος του μαθήματος είναι μετά τις 4 διδακτικές ώρες οι μαθητές:
 * __ Σκοποί / Στόχοι __**
 * Να γνωρίζει τους κανόνες σύνταξης της γλώσσας HTML.
 * Να κατασκευάζει απλές ιστοσελίδες με χρήση της γλώσσας HTML.
 * Να γνωρίζει του κανόνες σύνταξης του CSS.
 * Να είναι σε θέση να κάνει design μια απλή HTML ιστοσελίδα χρησιμοποιώντας CSS κανόνες.
 * Να είναι σε θέση να γράφει κώδικα με JavaScript.
 * Να μπορεί να χρησιμοποιήσει την JavaScript μαζί με την HTML ώστε να κάνει μια ιστοσελίδα πιο διαδραστική.
 * Να μπορεί να χρησιμοποιήσει τις γνώσεις που απέκτησε ώστε να κατασκευάσει μια ιστοσελίδα από το 0.

Η παρουσίαση αυτή καλύπτει την ενότητα 2 «H HTML σαν βασικό δομικό στοιχείο των εφαρμογών στο περιβάλλον του Παγκόσμιου Ιστού» του κεφαλαίου «Προγραμματιστικά Εργαλεία για το Διαδίκτυο». Επίσης επεκτείνει την ενότητα αυτή με σύγχρονες τεχνολογίες και τεχνικές web development όπως το CSS και η JavaScript.
 * __ Σε ποιο μάθημα και ενότητα του αναλυτικού προγράμματος αντιστοιχεί __**


 * __ Περιγραφή της σχεδίου μαθήματος __**


 * Το μάθημα αυτό γίνεται σε 4 διδακτικές ώρες **

> (35 λεπτά) > (35 λεπτά) > (35 λεπτά)
 * Πρώτη ώρα (45 λεπτά): **
 * Παρουσίαση και επεξήγηση της HTML χρησιμοποιώντας τις ακόλουθες διαφάνειες από το SlideShare. Slides - HTML
 * Χρόνος για ερωτήσεις / επιπλέον παραδείγματα (10 λεπτά)
 * Δεύτερη ώρα (45 λεπτά): **
 * Παρουσίαση και επεξήγηση του CSS χρησιμοποιώντας τις ακόλουθες διαφάνειες από το SlideShare. Slides - CSS
 * Χρόνος για ερωτήσεις / επιπλέον παραδείγματα (10 λεπτά)
 * Τρίτη ώρα (45 λεπτά): **
 * Παρουσίαση και επεξήγηση της JavaScript χρησιμοποιώντας τις ακόλουθες διαφάνειες από το SlideShare. Slides - JavaScript
 * Χρόνος για ερωτήσεις / επιπλέον παραδείγματα (10 λεπτά)
 * Τέταρτη ώρα (45 λεπτά): **
 * Σύντομη Επανάληψη των όσων είδαμε τις προηγούμενες 3 διδακτικές ώρες. (15 λεπτά)
 * Λύση των ακόλουθων quiz για εξάσκηση. (15 λεπτά – 5 λεπτά ανά quiz)
 * Quiz - HTML
 * Quiz - CSS
 * Quiz - JavaScript
 * Χρόνος για τελικές απορίες. (15 λεπτά)

Για αυτό το σχέδιο μαθήματος χρησιμοποιήθηκαν τα ακόλουθα web2.0 εργαλεία:
 * __ Μαθησιακά αντικείμενα που χρησιμοποιήθηκαν και τα εργαλεία web 2.0 με τα οποία κατασκευάστηκαν __**
 * Slideshare για την παρουσίαση των διαφανειών. @http://www.slideshare.net/
 * Kubbu για την δημιουργία των Quiz . @http://www.kubbu.com/


 * __ Φύλλα εργασίας __**





Στόχος του σχεδίου μαθήματος είναι να δώσει τις απαραίτητες γνώσεις στους μαθητές ώστε να μπορούν να κατασκευάσουν τις δικές τους ιστοσελίδες χρησιμοποιώντας μοντέρνες τεχνολογίες και τεχνικές web development. Στην σύγχρονη εποχή όπου τα πάντα περιστρέφονται γύρω από το web πιστεύουμε ότι αυτές οι γνώσεις είναι πολύ χρήσιμες για όλους. Ακολουθώντας αυτό το σχέδιο μαθήματος και έχοντας ένα διδάκτορα με τις απαιτούμενες γνώσεις πιστεύουμε ότι ο στόχος αυτός μπορεί να επιτευχθεί.
 * __ Συμπεράσματα __**


 * __ Βιβλιογραφία __**


 * Πληροφορίες για HTML/CSS/JavaScript από το W3Schools.
 * Πληροφορίες για HTML/CSS/JavaScript από την Wikipedia.HTML CSS JavaScript
 * Πρόγραμμα σπουδών του 2ου Κύκλου του Τομέα Πληροφορικής-Δικτύων Η/Υ, Κατεύθυνση: Υποστήριξη Συστημάτων και Εφαρμογών Υπολογιστών των Τ.Ε.Ε: **__Link __**
 * Το βιβλίο "Εισαγωγή στις εκπαιδευτικές εφαρμογές των Τεχνολογιών της Πληροφορικής και των Επικοινωνιών"


 * __ Εργασίες που Αξιολογήθηκαν __**

>
 * Βούλγαρης Κωνσταντίνος: **
 * 1) http://plhrofekp2011.wikispaces.com/katanomh_porwn_apo_LS
 * 2) http://plhrofekp2011.wikispaces.com/%CE%9C%CF%80%CE%AC%CE%BA%CE%B1%CF%82+%CE%99%CF%89%CE%AC%CE%BD%CE%BD%CE%B7%CF%82+-+%CE%A3%CE%BF%CF%8D%CE%BA%CE%BF%CF%85%CE%BB%CE%B7%CF%82+%CE%9A%CF%89%CE%BD%CF%83%CF%84%CE%B1%CE%BD%CF%84%CE%AF%CE%BD%CE%BF%CF%82


 * Πετρολέκας Γρηγόριος: **
 * 1) http://plhrofekp2011.wikispaces.com/maris_mpouzianis
 * 2) http://plhrofekp2011.wikispaces.com/beinas_nomiko

**Η ΕΡΓΑΣΙΑ ΕΙΝΑΙ ΟΛΟΚΛΗΡΩΜΕΝΗ ΚΑΙ ΕΤΟΙΜΗ ΓΙΑ ΑΞΙΟΛΟΓΗΣΗ** include component="comments" page="Voulgaris_Petrolekas" limit="10"
 * Αξιολόγηση Σχεδίου μαθήματος και Μαθησιακού Αντικειμένου **