Galanou_Chronis


 * __Τίτλος σχεδίου μαθήματος __**// : // « Προγραμματιστικά Εργαλεία για το Διαδίκτυο. Ενότητα 2.2: Η HTML σαν βασικό δομικό στοιχείο των εφαρμογών στο περιβάλλον του Παγκόσμιου Ιστού – Η γλώσσα HTML »

__**Δημιουργοί **__//: //
Γαλανού Μελισσάνθη – 1115200600264

Χρόνης Τριαντάφυλλος-Αλέξανδρος – 1115200600178


 * __Σύντομη περιγραφή σχεδίου μαθήματος : __**

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

Μόλις γίνει αυτό θα ξεκινήσουμε με μια γενική εισαγωγή στο σημερινό αντικείμενο του μαθήματος και ύστερα θα εξηγήσουμε στους μαθητές μέσω παραδειγμάτων και παρουσιάσεων τι εννοούμε με την έννοια HTML.

Θα φροντίσουμε ώστε τα τελευταία τουλάχιστον πέντε λεπτά να έχουμε χρόνο για την επίλυση αποριών καθώς και για να μπορέσουμε να δώσουμε μία ιδέα σχετικά με το τι θα αναφερθεί στο επόμενο μάθημα.


 * __Γνωστικό αντικείμενο, ανάγκες που καλύπτει, το επίπεδο των εκπαιδευόμενων και οι προαπαιτούμενες γνώσεις: __**

Το μάθημα καλύπτει το περιεχόμενο του κεφαλαίου «προγραμματιστικά εργαλεία για το διαδίκτυο».Πιο συγκεκριμένα, σε αυτές τις δύο ώρες διδασκαλίας που έχουμε θέλουμε να μπορέσουμε να εξοικειώσουμε όσο το δυνατόν περισσότερο τους μαθητές του Επαγγελματικού Λυκείου και συγκεκριμένα της Β' τάξης, με τα χαρακτηριστικά και τον τρόπο γραφής της γλώσσας HTML. Οι μαθητές, για να κατανοήσουν αυτήν την ενότητα θα πρέπει να είναι σε θέση να περιγράφουν τις έννοιες τις ιστοσελίδας αλλά και της web εγκατάστασης. Να μπορούν να αναλύουν μια ιστοσελίδα στα συστατικά της, αλλά και να συνθέτουν διάφορα συστατικά στην κατεύθυνση της δημιουργίας ιστοσελίδας. Επίσης να μπορούν να αξιολογούν τους τρόπους οργάνωσης ιστοσελίδων και τέλος να αντιμετωπίζουν τη κατασκευή ιστοσελίδων με γνώμονα βασικές αρχές και κανόνες, που αναφέρονται τόσο στην οργάνωση του περιεχομένου, όσο και στην οργάνωση της παρουσίασης.


 * __Μαθησιακοί στόχοι: __**

Οι στόχοι της συγκεκριμένης παρουσίασης χωρίζονται σε δυο κατηγορίες:

Ο γενικός διδακτικός στόχος είναι να αποκτήσει ο μαθητής την ικανότητα να χρησιμοποιεί το περιβάλλον του Παγκόσμιου Ιστού, ως πλατφόρμα ανάπτυξης εφαρμογών, με χρήση HTML. Ο ειδικός διδακτικός στόχος είναι να γνωρίζει τη λειτουργία και τους κανόνες σύνταξης της γλώσσας HTML και να μπορεί να κατασκευάζει ιστοσελίδες με τη χρήση της γλώσσας αυτής.


 * __<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Ποιό μάθημα, ενότητα του αναλυτικού προγράμματος καλύπτει ή επεκτείνει: __**

<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Η παρουσίαση αυτή καλύπτει την υποενότητα 2.2 «Η γλώσσα HTML» της ενότητας «Η HTML σαν βασικό δομικό στοιχείο των εφαρμογών στο περιβάλλον του Παγκόσμιου Ιστού» του κεφαλαίου « <span style="font-family: Arial,sans-serif; font-size: 10pt;">Προγραμματιστικά Εργαλεία για το Διαδίκτυο».


 * __<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Περιγραφή του σχεδίου του μαθήματος (βασικές έννοιες, χρονοπρογραμματισμός, στάδια, link σε ιστοσελίδες και λοιπά): __**

<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Για τη διδασκαλία της ενότητας αυτής, θα χρειαστούμε δύο διδακτικές ώρες. Στην πρώτη διδακτική ώρα **(45 λεπτά)** <span style="font-family: Arial,sans-serif;">, θα αναπτύξουμε σε βάθος τις βασικές έννοιες της ενότητας αυτής, μέχρι να θεωρήσουμε ότι έγιναν κατανοητές. Για αρχή θα αναφέρουμε τα χαρακτηριστικά και τις ιδιαιτερότητες της γλώσσας HTML καθώς και τις δυνατότητες και τους περιορισμούς της. Θα εξηγήσουμε τι μορφή έχουν τα αρχεία στην HTML, την έννοια και τη λειτουργία των ετικετών και τη δομή της σελίδας.Όλα αυτά θα γίνουν με τη βοήθεια σημειώσεων και διαφανειών που θα παρουσιάσουμε στους μαθητές.Ταυτόχρονα, θα αναπτύξουμε διάλογο με τους μαθητές, με σκοπό την καλύτερη κατανόηση των ανωτέρω εννοιών.

Διαφάνειες: [|http://www.math.uoc.gr/~pamfilos/html_lessons/HTML-introduction(Greek).html#fil] [] Σύνδεσμος εκμάθησης γλώσσας HTML: [] Άρθρο wikipedia: []
 * Βοηθητικοί σύνδεσμοι:**

<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Ύστερα απο αυτή την (στο περισσότερο μέρος της) θεωρητική εισαγωγή, στη δεύτερη διδακτική ώρα **(45 λεπτά)** <span style="font-family: Arial,sans-serif;">θα παρουσιάσουμε μέσα απο παραδείγματα και δραστηριότητες, τις δυνατότητες που μας παρέχει η HTML, όπως τον τρόπο παρουσίασης και μορφοποίησης κειμένου, εισαγωγή συνδέσμων, εικόνων και αλλαγή φόντου της ιστοσελίδας. Επιπροσθέτα θα παρουσιάσουμε τα <span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">πολυμέσα(ήχος, βίντεο, animation) που μπορούν να χρησιμοποιηθούν καθώς και τον τρόπο εισαγωγής πινάκων και πλαισίων. Για τον παραπάνω στόχο θα χρησιμοποιήσουμε τις εφαρμογές που <span style="font-family: Arial,sans-serif;">μας παρέχονται μέσω των εργαλείων web 2.0:


 * HTML Quiz
 * Παρουσίαση


 * __<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Μαθησιακά αντικείμενα που χρησιμοποιήθηκαν και τα εργαλεία web 2.0 με τα οποία κατασκευάστηκαν :__**

Για τις δυο παραπάνω διδακτικές ώρες, χρησιμοποιήθηκαν τα εξής εργαλεία web 2.0 :


 * Για τη δημιουργία του quiz χρησιμοποιήθηκε το εργαλείο **Proprofs :** [|http://www.proprofs.com]
 * Για την παρουσίαση χρησιμοποιήθηκε το εργαλείο **Slideshare** : [|http://www.slideshare.net]


 * __<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Φύλλα εργασίας: __**

[| ΕΡΓΑΣΙΑΣ 1.docx] [| ΕΡΓΑΣΙΑΣ 2.docx]


 * __<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Φύλλο αξιολόγησης: __**

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

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


 * __<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Συμπεράσματα – Προτάσεις: __**

<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Μετά απο αυτές τις δύο διδακτικές ώρες αναμένουμε ο μαθητής μέσα απο τις ασκήσεις και τις δραστηριότητες, να μπορεί να χρησιμοποιεί το Περιβάλλον παγκόσμιου Ιστού ως πλατφόρμα ανάπτυξης εφαρμογών, με χρήση HTML. Πιο συγκεκριμένα, ο μαθητής πιστεύουμε οτι θα είναι σε θέση να αναγνωρίζει τη γλώσσα <span style="font-family: Arial,sans-serif; font-size: 10pt;">ΗTML σαν το βασικό δομικό υλικό ανάπτυξης εφαρμογών για τον Παγκόσμιο Ιστό, θ <span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">α κατανοεί τη γλώσσα <span style="font-family: Arial,sans-serif; font-size: 10pt;">ΗTML σαν μια γλώσσα χαρακτηρισμού και θα την διαχωρίζει από τις δομημένες γώσσες προγραμματισμού που ήδη γνωρίζει. Επίσης, θα κατανοεί τη μορφή και τον τρόπο εκτέλεσης των αρχείων της ΗTML και θα είναι σε θέση να «γράψει» κώδικα ΗTML. Επιπλέον, θα αντιλαμβάνεται τη λειτουργία της γλώσσας μέσα απο τη χρήση ετικετών και θα μπορεί να τις χρησιμοποιεί σε συνδυασμό με τις παραμέτρους τους. Τέλος, θα είναι ικανός να κάνει χρήση πολυμεσικού υλικού, να γνωρίζει τους τύπους των αρχείων που μπορεί να χρησιμοποιήσει και τους κανόνες και τους περιορισμούς για την αποτελεσματική χρησιμοποίηση τους.


 * __<span style="color: black; font-family: Arial,sans-serif; font-size: 10pt;">Βιβλιογραφία( Βιβλιογραφικές αναφορές, Εξωτερικοί σύνδεσμοι ): __**

Πρόγραμμα σπουδών του 2ου Κύκλου του Τομέα Πληροφορικής-Δικτύων Η/Υ, Κατεύθυνση: Υποστήριξη Συστημάτων και Εφαρμογών Υπολογιστών των Τ.Ε.Ε. : === **__<span style="background-color: initial; color: black; font-family: Arial,sans-serif; font-size: 10pt;">[] __**  ===

[|http://www.math.uoc.gr/~pamfilos/html_lessons/HTML-introduction(Greek).html#fil]

[]

[]

[]

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


 * Χρόνης Τριαντάφυλλος-Αλέξανδρος:**

1. Νίκος Μητσόπουλος (std04091), Μάριος Αντώνης Μητσόπουλος (std08214), Γιώργος Νικολιάς (std07273) - Αποθηκευτικά Μέσα και Δίαυλοι. 2. Μάρης Γρηγόρης 1115200700277 (wiki greg89), Μπουζιάνης Λεωνίδας 1115200700057 (wiki leonidas89) - Κεφάλαιο 3.3 – Κάρτες Γραφικών.


 * Γαλανού Μελισσάνθη:**

1. Νίκος Μητσόπουλος (std04091), Μάριος Αντώνης Μητσόπουλος (std08214), Γιώργος Νικολιάς (std07273) - Αποθηκευτικά Μέσα και Δίαυλοι. 2. Μάρης Γρηγόρης 1115200700277 (wiki greg89), Μπουζιάνης Λεωνίδας 1115200700057 (wiki leonidas89) - Κεφάλαιο 3.3 – Κάρτες Γραφικών.

__**Η εργασία είναι έτοιμη για αξιολόγηση**__

 * <span style="color: #3b6b2e; font-family: 'Arial','sans-serif'; font-size: 21.3333px;">Αξιολόγηση Σχεδίου μαθήματος και Μαθησιακού Αντικειμένου **

include component="comments" page="Galanou_Chronis" limit="10"