ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ, ΤΜΗΜΑ ΕΠΙΚΟΙΝΩΝΙΑΣ ΚΑΙ ΣΠΟΥΔΩΝ ΔΙΑΔΙΚΤΥΟΥ ΤΕΧΝΟΛΟΓΙΕΣ ΔΙΑΔΙΚΤΥΟΥ Ακαδημαϊκό Έτος 2011 2012, Φθινοπωρινό Εξάμηνο Γενικές Πληροφορίες Κωδικός Μαθήματος: ΕΣΔ 516 Διδάσκοντες: N. Τσαπατσούλης / Λ. Λαμπρινός Πρόγραμμα Σπουδών: Μεταπτυχιακό «Νέες Τεχνολογίες Επικοινωνίας και Μάθησης» Κατηγορία Μαθήματος: Κορμού Εξάμηνο: Διαδικτυακός τόπος μαθήματος: Βοηθός Εργαστηρίου 1 ο http://cis516.tiddlyspt.cm/, Πανεπιστημίου Κωνσταντίνος Τζιούβας, ΕΕΠ Εισαγωγή Η σύγχρονη κοινωνία είναι μια Κοινωνία Πληροφορίες. Δεδομένα κάθε μορφής διακινούνται μαζικά και η διαχείριση τους γίνεται όλο και πιο κρίσιμη ώστε να υπάρχει εύρυθμη λειτουργία της κοινωνικής ζωής. Οι παραδοσιακές μορφές διαχείρισης πληροφοριών έχουν εμπλουτιστεί μέσω των τεχνολογιών Διαδικτύου και συνθέτουν ένα ευρύ φάσμα πληροφοριακών συστημάτων. Στο πλαίσιο του μαθήματος Τεχνολογίες Διαδικτύου οι φοιτητές/φοιτήτριες: Εξοικειώνονται με τις βασικές έννοιες δικτύων υπολογιστών και του Διαδικτύου Κατανοούν και διαχωρίζουν τις έννοιες στατικός και δυναμικός ιστότοπος Σχεδιάζουν και αναπτύσσουν διαδραστικές ιστοσελίδες για παιδαγωγικούς σκοπούς με χρήση τεχνολογιών «προγραμματισμού πελάτη» (client side prgramming) Σχεδιάζουν και αναπτύσσουν δυναμικές ιστοσελίδες για παιδαγωγικούς σκοπούς με χρήση τεχνολογιών «προγραμματισμού διακομιστή» (server side prgramming) Εξοικειώνονται με τις τεχνολογίες δεδομένων ροής (data streaming) και τη χρήση τους για εξ αποστάσεως μάθηση Εξοικειώνονται με τα συστήματα διαχείρισης δεδομένων στον Παγκόσμιο Ιστό και τη χρήση τους στην οργάνωση διαδικτυακών τεχνικών μάθησης με βάση τις τεχνολογίες Web 2.0 Μαθησιακοί Στόχοι Το μάθημα αυτό επικεντρώνεται στην ανάπτυξη διαδικτυακών εφαρμογών. Στο πλαίσιο του μαθήματος θα γίνει επισκόπηση των τεχνολογιών διαδικτύου και θα μελετηθούν θέματα όπως οι αρχές σχεδιασμού ιστοσελίδων, τα
επικαλυπτόμενα φύλλα στυλ (cascading style sheets), και η χρήση των γλωσσών συγγραφής σεναρίων (scripting) σε συνδυασμό με τη διαχείριση βάσεων δεδομένων για τη δημιουργία δυναμικών σελίδων. Ως τελική εργασία οι φοιτητές/φοιτήτριες θα αναπτύξουν μια ιστοσελίδα στην οποία να συνδυάζουν τις τεχνικές ανάπτυξης εφαρμογών διαδικτύου τις οποίες θα έχουν διδαχθεί στο μάθημα. Με την επιτυχή ολοκλήρωση του μαθήματος οι φοιτητές/φοιτήτριες θα: 1. Μπορούν να συζητήσουν το ρόλο του διαδικτύου ως πλατφόρμα ανάπτυξης διδαδραστικών εφαρμογών (web 2.0) 2. Έχουν κατανοήσει τον τρόπο λειτουργίας των συστημάτων διαχείρισης πληροφορίας (cntent management systems), τόσο από την πλευρά του πελάτη όσο και από την πλευρά του διακομιστή 3. Έχουν εξοικειωθεί με τις βασικές τεχνικές σχεδιασμού ιστοσελίδων 4. Έχουν αποκτήσει τις δεξιότητες ανάπτυξης διαδραστικών ιστοσελίδων 5. Μπορούν να αναλύουν τα χαρακτηριστικά εφαρμογών τύπου real time (e.g. streaming) και τις δυνατότητες τους για εξ αποστάσεως εκπαίδευση 6. Μπορούν να αναλύσουν την εφαρμογή διαδικτυακών εφαρμογών σε διάφορους τομείς (π.χ. ηλεκτρονικά υποστηριζόμενη μάθηση) Χρονοδιάγραμμα Διαλέξεων: Ημερομηνία Διάλεξη Θέμα Υλικό Μελέτης Διδάσκων 6/9/2011 1 Δίκτυα Υπολογιστών: Βασικές έννοιες Chapman [2010]: Chapters 1 & 2 13/9/2011 2 Το Διαδίκτυο ως δίκτυο υπολογιστών (IP, DNS, etc) 20/9/2011 3 Η δομή μιας ιστοσελίδας & το πρωτόκολλο HTTP: 2 tier architecture Chapman [2010]: Chapter 2 27/9/2011 4 Διαδραστικές Ιστοσελίδες: Client side prgramming Nixn [2009]: Chapter 14 4/10/2011 5 Kατασκευή μαθησιακού υλικού (quiz) με τη βοήθεια της Javascript Nixn [2009]: Chapter 17 11/10/2011 6 Δυναμικές Ιστοσελίδες & Server side prgramming (3 tier architecture) Chapman [2010]: Chapter 2 Nixn [2009]: Chapter 1 18/10/2011 7 Kατασκευή nline ερωτηματολογίου με τη βοήθεια της PHP και MySQL Nixn [2009]: Chapters 3 & 7 25/10/2011 8 Τεχνολογίες δεδομένων ροής (VIPstreaming technlgies and assciated prtcls) 1/11/2011 9 Real time learning technlgies (vide cnferencing, applicatin sharing) 8/11/2011 10 Ενδιάμεση εξέταση 15/11/2011 11 Συστήματα διαχείρισης περιεχομένου Burge [2011]: Chapters1 4 22/11/2011 12 Learning Management systems: 29/11/2011 13 Ορισμός μαθησιακών δραστηριοτήτων στο
Αξιολόγηση και Βαθμολόγηση Το μάθημα θα δοθεί μέσω διαλέξεων και εργαστηριακών ασκήσεων. Η αξιολόγηση των φοιτητών γίνεται με βάση την απόδοσή τους στις εργαστηριακές ασκήσεις, στην εργασία εξαμήνου που θα πρέπει να παραδώσουν και την ενδιάμεση εξέταση σύμφωνα με τους συντελεστές βαρύτητας του ακόλουθου πίνακα: Εργαστηριακές Ασκήσεις 35% Εργασία Εξαμήνου 35% Ενδιάμεση Εξέταση 30% ΣΥΝΟΛΟ 100% Απαραίτητη προϋπόθεση επιτυχίας στο μάθημα είναι η εξασφάλιση βαθμού τουλάχιστον 30% σε κάθε μορφή εξέτασης (και πάνω από 50% επί του τελικού βαθμού αθροιστικά). Η εργασία εξαμήνου θα υποβληθεί μέσω του. Παρέλευση της διορίας παράδοσης της εργασίας εξαμήνου συνεπάγεται μείωση κατά 33% της συνολικής βαθμολογίας της συγκεκριμένης εργασίας ανά εβδομάδα καθυστέρησης. ΒΙΒΛΙΟΓΡΑΦΙΑ Το βασικά διδακτικά εγχειρίδια του μαθήματος είναι: [Chapman 2010] Chapman N., Chapman J.: Web Design: A cmplete intrductin, Jhn Wiley & Sns, 2010, ISBN: 978 0 470 06089 6. [Nixn 2009] Nixn R.: Learning PHP, MySQL, and JavaScript: A Step By Step Guide t Creating Dynamic Websites, O Reilyl Media, 2nd editin, 2009, ISBN : 978 0596157135 [Fcal Press 2008] Wes Simpsn: Vide Over IP, Secnd Editin: IPTV, Internet Vide, H.264, P2P, Web TV, and Streaming: A Cmplete Guide t Understanding the Technlgy, 2008, ISBN 978 0240810843 Τα κατωτέρω βιβλία είναι ιδιαίτερα χρήσιμα για την εις βάθος κατανόηση των θεμάτων του μαθήματος: [Burge 2011] S. Burge: Jmla! Explained: Yur Step by Step Guide, Pearsn Educatin 2011, ISBN: 978 0 321 70378 1. [Nrth 2010] B. Nrth: Οδηγός του Jmla! 1.5: Δημιουργία επιτυχημένων websites με το Jmla!, Εκδόσεις Παπασωτηρίου, 2010. [Lane 2004] Lane D., Williams H. E.: Web Database Applicatin with PHP and MySQL, O Reilly, 2nd editin, 2004, ISBN : 0 596 00543 1 [Adbe 2009] Adbe Press: Adbe Dreamweaver CS4 Βήμα προς Βήμα, Εκδόσεις: Α. Γκιούρδα, 2009. [Welling 2005] Welling L., Thmsn L.: Ανάπτυξη Web Εφαρμογών με PHP και MySQL, Εκδόσεις Α. ΓΚΙΟΥΡΔΑ & ΣΙΑ ΟΕ, 3η έκδοση, 2005, ISBN: 960 512 357 6. [Marritt 2010] J. Marritt, E. Waring: The Official Jmla! Bk (Jmla! Press), Addisn Wesley Prfessinal, 1st editin, 2010. [Severdia 2009] R. Severdia, K. Crwder: Using Jmla: Building Pwerful and Efficient Web Sites, O'Reilly Media; 1st editin, 2009. [Sklar 2008] J. Sklar: Principles f Web Design, Curse Technlgy, 2008 ΕΡΓΑΣΤΗΡΙΟ Το εργαστήριο θα βασιστεί στα ελεύθερα λογισμικά XAMPP, Jmla και, και το Adbe Dreamweaver για την πραγματοποίηση σχεδιασμού και υλοποίησης ιστοσελίδων, εξοικείωσης με προγραμματισμό δυναμικών ιστοσελίδων, δημιουργία και διαχείριση βάσεων δεδομένων, διαχείριση περιεχομένου στο Παγκόσμιο Ιστό καθώς
και για εξοικείωση με συστήματα διαχείρισης μαθησιακού περιεχομένου. Το εργαστήριο στοχεύει στην εμπέδωση της θεωρίας από τους φοιτητές και για το σκοπό αυτό οι εργαστηριακές ασκήσεις θα πραγματοποιούνται παράλληλα με τη θεωρία. Πρόγραμμα Εργαστηρίου Ημερομηνία Διάλεξη Θέμα Εργαστήριο Εργασία 6/9/2011 1 13/9/2011 2 20/9/2011 3 27/9/2011 4 4/10/2011 5 11/10/2011 6 18/10/2011 7 25/10/2011 8 Δίκτυα Υπολογιστών: Βασικές έννοιες Το Διαδίκτυο ως δίκτυο υπολογιστών (IP, DNS, etc) Η δομή μιας ιστοσελίδας & το πρωτόκολλο HTTP: 2 tier architecture Διαδραστικές Ιστοσελίδες: Client side prgramming Κατασκευή μαθησιακού υλικού (quiz) με τη βοήθεια της Javascript Δυναμικές Ιστοσελίδες & Server side prgramming (3 tier architecture) Kατασκευή nline ερωτηματολογίου με τη βοήθεια της PHP και MySQL Τεχνολογίες δεδομένων ροής (VIP streaming technlgies and assciated prtcls) Χρήση Εργαστηρίου Είσοδος στους Υπολογιστές Δημιουργία Accunts στον Server Lgin στα accunts με χρήση WinSCP και Putty Αλλαγή κωδικού πρόσβασης Ping, Trace rute, FTP, DNS lkup Uplad και Dwnlad files στον Server Permissins VPN index.html Χρήση Sniffer (ή Web Cnsle του Firefx) και παρατήρηση των πολλαπλών GET HTML Tutrial (www.w3schls.cm/html) Δημιουργία μιας απλής ιστοσελίδας (Links, Tables, Images, ) Javascript Ενσωμάτωση (Integratin) κάποιου Javascript σε μια ιστοσελίδα Δημιουργία Quiz με χρήση Javascript Εισαγωγή στη MySQL PHPmyAdmin Εισαγωγή στην ΡΗΡ Δημιουργία Φόρμας Σύνδεση και Αποστολή SQL Query στη βάση με χρήση PHP (Select και Insert) Σύνδεση και Αποστολή SQL Query στη βάση με χρήση PHP (Update και Delete) Επίλυση προβλημάτων που τυχών να προκύψουν Δημιουργία και δημοσίευση μιας απλής ιστοσελίδας (απλό text file). Δημιουργία προσωπικής ιστοσελίδας με χρήση πινάκων. Θα πρέπει να είναι χωρισμένη σε 5 μέρη (Header, Fter, Left, Main, Right) και να περιέχει διαφορετικών τύπων πολυμέσα (π.χ. εικόνα, ήχο, κτλ.) Εύρεση κάποιου έτοιμου Javascript (π.χ. ημερολογίου) και ενσωμάτωση του στην ιστοσελίδα του έχουν δημιουργήσει την προηγούμενη εβδομάδα. Δημιουργία Quiz με τη χρήση Javascript και ενσωμάτωση στη προσωπική τους ιστοσελίδα. Το περιεχόμενο του Quiz θα βασίζεται σε γνώσης που έχουν αποκτηθεί από άλλα μαθήματα του μεταπτυχιακού προγράμματος. Δημιουργία πινάκων και προσθήκη δεδομένων στους πίνακες αυτούς. Εκτέλεση κάποιων ενδεικτικών SQL Query. Εμφάνιση του περιεχομένου κάποιου πίνακα στην ιστοσελίδα του κάθε χρήστη. Δημιουργία φόρμας για προσθήκη εγγραφών στη βάση δεδομένων. Ψηφιοποίηση Quiz που έχετε υλοποιήσει στα πλαίσια κάποιου άλλου μαθήματος. Αυτό απαιτεί την χρήση PHP
1/11/2011 9 Real time learning technlgies (vide cnferencing, applicatin sharing) 8/11/2011 10 Ενδιάμεση εξέταση 15/11/2011 11 22/11/2011 12 29/11/2011 13 Συστήματα διαχείρισης περιεχομένου Learning Management systems: Ορισμός μαθησιακών δραστηριοτήτων στο Χρήση VLC για live Streaming Χρήση Sniffer για παρακολούθηση των διάφορων πρωτοκόλλων και διαδικασιών που απολογούνται. Vide Cnferencing Εισαγωγή στο Jmla! Εισαγωγή στο Μαθησιακές δραστηριότητες στο για αποθήκευση και ανάκτηση πληροφοριών από την βάση δεδομένων. Προσθήκη κάποιου Live Streaming Vide στην ιστοσελίδα. Μπορούν να χρησιμοποιηθούν είτε peert peer, είτε client server τεχνικές. Προσθήκη καινούριων Plugins, Cmpnents, και mdules στο Jmla! Δημιουργία και διαχείριση μαθήματος στο (σαν διδάσκων) Προσθήκη μαθησιακών δραστηριοτήτων στο μάθημα που ο κάθε φοιτητής έχει δημιουργήσει.