Virtual Class II: Web και DSP Developing με σύγχρονα εργαλεία

Σχετικά έγγραφα
Σχεδίαση Εκπαιδευτικού Λογισμικού. Εργασία 2 - Α' φάση. Σενάριο/Σχέδιο μαθήματος. Σταματία Κορρέ Μ1430

Web Responsive Media Design

Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1

ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ.

Λευτέρης Κουμάκης ΠΟΛΥΜΕΣΙΚΕΣ ΥΠΗΡΕΣΙΕΣ ΣΤΗΝ ΥΓΕΙΑ

XAMPP Apache MySQL PHP javascript xampp

Οδηγίες Εγκατάστασης tube & έναρξης δοκιμαστικών μαθημάτων

PHP/MySQL και Project

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

Κεφάλαιο 1. Εγκατάσταση και Περιβάλλον του SQL Server 2014

Ξεκινώντας με το MIT Αρρ Inventor. 1 η Εργασία

Φορολογική Βιβλιοθήκη. Θανάσης Φώτης Προγραμματιστής Εφαρμογών

Εισαγωγή στην Πληροφορική

undergraduate graphic design Web Design Advanced Techniques

ΣΥΝΕΔΡΙΟ ΕΛ/ΛΑΚ 2010

ΚΕΠΛΗΝΕΤ ΕΒΡΟΥ. Καλτσίδης Χρήστος

databases linux - terminal (linux / windows terminal)

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP

Ο τομέας μουσικής τεχνολογίας, παραγωγής και ηχοληψίας της Μουσικής Σχολής του Δήμου Καλαμπάκας, διαθέτει:

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Οικονομική Προσφορά Κατασκευή Ιστοσελίδας

Τo πρόγραμμα «Διάγραμμα Ροής» και η διδακτική του αξιοποίηση στην Διδασκαλία του προγραμματισμού

(c) EΠΑΦΟΣ ΑΘΗΝΑ Νοέµβριος 2013 Απαγορεύεται η αντιγραφή του παρόντος χωρίς την έγγραφη άδεια της ΕΠΑΦΟΣ ΕΠΕ.

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA

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

ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ. Ακαδημαϊκό Έτος , Εαρινό Εξάμηνο. Εργαστηριακή Άσκηση 1 17/01/2012

Cloud Computing with Google and Microsoft. Despoina Trikomitou Andreas Diavastos Class: EPL425

Οδηγίες Χρήσης της MySQL

Εργαστηά ριο Βαά σεων Δεδομεάνων

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων)

Αποστολή και λήψη μέσω SMARTER MAIL

Web and HTTP. Βασικά Συστατικά: Web Server Web Browser HTTP Protocol

ΜΑΘΗΜΑ 3 ΛΟΓΙΣΜΙΚΟ (SOFTWARE)

ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΣΧΟΛΗ ΜΗΧΑΝΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΑΣ. Πτυχιακή εργασία. AtYourService CY : Create a REST API. Δημήτρης Χριστοδούλου

ΣΥΣΤΗΜΑΤΑ SCADA. Μέρος 5. Δικτύωση για Απομακρυσμένο Έλεγχο και Μεταφορά Δεδομένων

Παρουσίαση Θερινού Σχολείου. Αριστεία ΕΛ/ΛΑΚ ΤΕΙ Αθήνας

Οδηγίες Χρήσης της MySQL

Κωνσταντίνος Παρασκευόπουλος Καθηγητής Πληροφορικής (ΠΕ19 MSc) Ελληνικό Κολλέγιο Θεσσαλονίκης

Εργαστήριο Βάσεων Δεδομένων

Σχολ.έτος Κεφάλαιο 5 ο Γνωριμία με το Λογισμικό του Υπολογιστή.

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

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής

A J A X AJAX Γιάννης Αρβανιτάκης

Π Τ Υ Χ Ι Α Κ Η Ε Ρ Γ Α Σ Ι Α

Σενάριο για την επεξεργασία εικόνας με το Paint.NET που σχεδίασε ο εκπαιδευτικός κλάδου ΠΕ20 Μαλλιαρίδης Κωνσταντίνος.

Η ΔΙΔΑΣΚΑΛΙΑ ΤΗΣ ΦΥΣΙΚΗΣ ΜΕ ΤΗ ΒΟΗΘΕΙΑ ΤΟΥ ΗΛΕΚΤΡΟΝΙΚΟΥ ΥΠΟΛΟΓΙΣΤΗ. Καραβελάκη Μαρία, Παπαναγιώτου Γιώργος, Γρηγοριάδης Στάθης

Τεχνολογίες που θα χρησιμοποιηθούν στο Up2U. Απριλίου

Αξιολόγηση της επίσημης Moodle Mobile εφαρμογής

Η HTML 5 θα αλλάξει το Web?

Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy

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

Διδακτική της Πληροφορικής ΙΙ

Epsilon Net PYLON Platform

Scratch Δημοτικό 5: Οι μεταβλητές σαν ιδιότητες αντικειμένων στη γλώσσα προγραμματισμού Scratch

ΚΑΤΑΣΚΕΥΗ ΠΑΡΑΛΛΗΛΟΓΡΑΜΜΩΝ ΜΕ ΧΡΗΣΗ LOGO

Tales & Trails. apps4thessaloniki 2016

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

ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές

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

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ FORUM SITE

ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C

Κεφάλαιο 4 Λογισμικό συστήματος. Εφαρμογές Πληροφορικής Κεφ.4 Καραμαούνας Πολύκαρπος 1

Μονάδα Διασφάλισης Ποιότητας. ΜΟΔΙΠ Πανεπιστημίου Δυτικής Μακεδονίας. Κωδικός Πράξης ΟΠΣ: Επιχειρησιακό Πρόγραμμα:

ANDROID Προγραμματισμός Εφαρμογών

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

Πλατφόρμα ηλεκτρονικής παρακολούθησης μαθημάτων εξ αποστάσεως Οδηγός Χρήστη

ΗY335: Δίκτυα Υπολογιστών Χειμερινό Εξάμηνο Τμήμα Επιστήμης Υπολογιστών Πανεπιστήμιο Κρήτης Διδάσκουσα: Μαρία Παπαδοπούλη

Ημερομηνία Παράδοσης: 4/4/2013

ΜΟΥΣΙΚΟ ΣΧΟΛΕΙΟ Α Λ Ι Μ Ο Υ. Χουρδάκης Γ. Μιχαήλ. Ο Δ Η Γ Ι Ε Σ για τις εργασίες

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

ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C

AN IMPLEMENTATION OF THE CLOUD BASED SCHOOL

Εφαρμογή Βάσης Δεδομένων για την Εθελοντική Αιμοδοσία στο ΑΤΕΙ-Θ

Διαχείριση Ωρολογίων Προγραμμάτων Εκπαιδευτικών

Διαχείριση Ωρολογίων Προγραμμάτων

Διδακτική της Πληροφορικής

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

ΛΕΞΕΙΣ ΚΛΕΙΔΙΑ: Προγραμματιστικό Περιβάλλον, Αλγοριθμικές Δομές, Ψευδοκώδικας, Πρόγραμμα

Τεχνικές αλλαγές στις εκδόσεις

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

MICROSOFT INTERNET LOCATOR SERVER

Πτυχιακές Εργαστήριο Επικοινωνίας Ανθρώπου-Μηχανής και Εικονικής Πραγματικότητας

ΠΕ 2.3 Εξελιγμένες υπηρεσίες Βίντεο ΠΣΔ

Άσκηση. Εξοικείωση με την πλατφόρμα Moodle

Games: Εξοικείωση με το περιβάλλον του Game Maker μέσα από την κατασκευή ενός παιχνιδιού

«Δουλεύω Ηλεκτρονικά, Δουλεύω Γρήγορα και με Ασφάλεια - by e-base.gr»

ARTius με PostgreSQL

Πληροφορική. Μάθημα Κατεύθυνσης

ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΉΜΙΟ ΚYΠΡΟΥ

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

Δυναμικές Ιστοσελίδες Προγραμματισμός στην πλευρά του client

Speed-0 WMP: Web and Mobile Platform Software Requirements Specification

«DIGITAL STORY TELLING» PROJECT

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

Διδακτικό Σενάριο: «Αναζήτηση Εικόνων στο Διαδίκτυο»

Edmodo Σύντομος οδηγός για εκπαιδευτικούς

Αρχιτεκτονική του πληροφοριακού συστήµατος Cardisoft Γραµµατεία 2003 ιαχείριση Προσωπικού

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)

1ο Φύλλο Εργασίας. της παλέτας Ήχος. Πώς μπορούμε να εισάγουμε και να αναπαράγουμε έναν ήχο;

ΕΡΓΑΣΤΗΡΙΟ 1: Εισαγωγή, Χρήσιμες Εφαρμογές

Transcript:

Virtual Class II: Web και DSP Developing με σύγχρονα εργαλεία Χουρδάκης Μιχαήλ chourdakismichael@gmail.com Μουσικολόγος Διδάκτωρ Ψηφιακής Επεξεργασίας Σήματος και Τεχνητής Νοημοσύνης Εκπαιδευτικός ΠΕ.16 Μουσικού Σχολείου Αλίμου Περίληψη Στην εργασία αυτή παρουσιάζουμε το δεύτερο μέρος του Virtual Class, του ολοκληρωμένου εργαλείου μας για την διδασκαλία του προγραμματισμού. Θα περιγράψουμε α) την ανάγκη, τον σχεδιασμό και την πορεία του προγράμματος και της διδασκαλίας στην τρίτη χρονιά του μουσικού λυκείου, στα σχετιζόμενα με την πληροφορική μαθήματα, β) την εφαρμογή και τα τεχνικά χαρακτηριστικά της και, γ) τα αποτελέσματά της στις επιστήμες της μουσικής και της πληροφορικής, καθώς και τη χρήση και συμβολή της σε όσους μαθητές κατευθύνονται σε σχολές πληροφορικής και επιλέγουν ως πανελλαδικά εξεταζόμενο μάθημα την Ανάπτυξη Εφαρμογών σε Προγραμματιστικό Περιβάλλον. Θα γίνει μια σύντομη αναφορά στα χαρακτηριστικά του Virtual Class I (το οποίο παρουσιάστηκε σε προηγούμενη ανακοίνωση), καθώς και στις εφαρμογές και στα αποτελέσματα που είχε η περυσινή διδασκαλία στη διαμόρφωση του αλγοριθμικού τρόπου σκέψης των μαθητών μας. Λέξεις κλειδιά: Ηχοληψία, Προγραμματισμός DSP, Προγραμματισμός ιστοσελίδων. Εισαγωγή Στα μουσικά σχολεία διδάσκονται τα μαθήματα της ηχοληψίας και πληροφορικής στη μουσική ως μαθήματα επιλογής στην Α και Γ λυκείου (Υπουργείο Παιδείας, 2015). Τα μαθήματα αυτά στοχεύουν στην εξοικείωση των μαθητών με την σύγχρονες εφαρμογές της πληροφορικής στη μουσική και έχουν σχετικά ελεύθερο πρόγραμμα σπουδών, το οποίο αφήνεται στην κρίση του διδάσκοντα και εξαρτάται από την υποδομή του κάθε μουσικού σχολείου σε υλικό και έμψυχο δυναμικό. Το γεγονός αυτό, σε συνδυασμό με την διδασκαλία των projects στην Α και Β λυκείου αλλά και το ότι οι μαθητές που επέλεξαν και παρακολούθησαν τον συγκεκριμένο κύκλο μαθημάτων είχαν ικανότητες αλλά και διάθεση να ασχοληθούν με το αντικείμενο και εκτός σχολικού ωραρίου, μας έδωσε την δυνατότητα να κατασκευάσουμε ειδικό λογισμικό που να επιτρέπει, αφενός την γρήγορη εκμάθηση της θεωρίας και αφετέρου την εφαρμογή της στην πράξη έτσι όπως απαιτείται από τις σύγχρονες ανάγκες του προγραμματισμού στην εποχή μας. Στόχος του Virtual Class II είναι η χρήση του αλγοριθμικού τρόπου σκέψης σε επίπεδο προγραμματισμού ιστοσελίδων και στο client side (HTML, CSS, JavaScript) και στο server side (PHP, SQL), πάντα σε σχέση με τις τρέχουσες εξελίξεις και απαιτήσεις στην αγορά εργασίας. Το VC II, αντίθετα με το VC I, είναι σχεδιασμένο για χρήση και μέσα στην τάξη και από το σπίτι. Κυρίως η χρήση γίνεται μέσα στο δίωρο του μαθήματος (δεδομένου ότι οι μαθητές επιβαρύνονται από τα μαθήματα της Γ Λυκείου φέτος), αλλά στην περίπτωση που κάποιος θέλει να εργαστεί σπίτι του, το VC II συνδέεται με το VC I για να χρησιμοποιηθούν τα χαρακτηριστικά του (π.χ. συνομιλία με φωνή μεταξύ των μαθητών). Το VC II είναι ένας συνδυασμός προγραμμάτων σε C++, PHP, JavaScript, HTML5, CSS και SQL που προσαρμόστηκε κατάλληλα στις απαιτήσεις των μαθημάτων μας. Το VC II υλοποιήθηκε, όπως και το VC I, στην υπηρεσία cloud Ωκεανός του ΕΜΠ, υπηρεσία διαθέσιμη σε κάθε πανεπιστημιακό συνεργάτη. H εργασία αυτή χωρίζεται σε τρία τμήματα: Στην παρουσίαση των αναγκών που μας καθοδήγησαν στο να δημιουργήσουμε το Virtual Class II. Πρακτικά Εργασιών 11 ου Πανελλήνιου Συνεδρίου Καθηγητών Πληροφορικής, Χαλκίδα 5-7 Μαΐου 2017

2 Στην παρουσίαση του τρόπου διδασκαλίας και των αντικειμένων που εξετάστηκαν με το Virtual Class II και, Στα αποτελέσματα της διδασκαλίας στο σχολείο μας και στην εφαρμογή τους στη νέα διοίκηση των μουσικών σχολείων. Στο μέλλον, οι τεχνολογίες που φαίνονται σήμερα καινοτόμες μπορεί να χαρακτηρίζονται απαρχαιωμένες, όπως οι τεχνολογίες που πριν λίγα χρόνια θεωρούντο ορόσημο. Επομένως, η εργασία αυτή, όπως και κάθε εργασία που παρουσιάζει λογισμικό, έχει κυρίως νόημα στο παρόν και στο άμεσο μέλλον, δεν είναι όμως διαχρονική. Τα τρέχοντα στάνταρντ μπορεί να θεωρηθούν απαρχαιωμένα και/ή επικίνδυνα (για λόγους ασφαλείας) προς χρήση σε μικρό χρονικό διάστημα. Η ανάγκη του Virtual Class ΙΙ To γεγονός ότι το μάθημά μας είναι εξειδικευμένο απαιτεί την δημιουργία και χρήση εξειδικευμένου λογισμικού που να καλύπτει τις ανάγκες του. Λογισμικά γενικής χρήσης (Moodle, BigBlueButton, Bubbl, Facebook κλπ.) προσφέρουν σημειώσεις, ασκήσεις, video και γενικότερα υλικό κατάλληλο για κάθε μάθημα, όχι όμως προσαρμοσμένο στις ειδικές συνθήκες που χρειαζόμαστε εμείς. Εκτός από τα γνωστά από το Virtual Class I στοιχεία, το Virtual Class II χρειάζεται επίσης τα παρακάτω: Ασφάλεια στο Server Side Για να δοθεί η δυνατότητα στους μαθητές να προγραμματίσουν απεριόριστα τον Server, αυτός τρέχει σε περιβάλλον Windows 2012 Server με χαρακτηριστικό «Low Process Token», (διαθέσιμο στα Windows Vista και μετά), το οποίο εξασφαλίζει ότι δεν υπάρχει περίπτωση να έχει πρόσβαση κάποιο PHP πρόγραμμα στα υπόλοιπα μέρη των Windows (Microsoft, 2015). Ασφάλεια στο Client Side Οι μαθητές δεν χρειάζονται πρόσβαση administrator σε κανένα υπολογιστή, ούτε πρόσβαση στο ρούτερ/firewall του για ρυθμίσεις. Αρκεί ένας σύγχρονος browser. Απλότητα Οι μαθητές μπαίνουν με ένα κλικ στο εικονικό περιβάλλον (login με Facebook/Google) χωρίς την ανάγκη δημιουργίας «λογαριασμών» (Boyd, 2012). Γρήγορος Κώδικας Οι μαθητές ασχολούνται απευθείας με το εκτελεστικό κομμάτι, παραβλέποντας προσωρινά τμήματα του κώδικα που είναι μεν απαραίτητα αλλά δυσνόητα (Robbins, 2012). Για παράδειγμα, το Virtual Class II δίνει την δυνατότητα με μία μόνο συνάρτηση PHP να εκτελεστούν SQL Queries. Έτσι οι μαθητές θα μπορούν να προγραμματίσουν αμέσως μία βάση δεδομένων και, αργότερα, θα δουν το πώς η PHP συνδέεται με username + password σε μία βάση MySQL. Το ίδιο συμβαίνει και στο επίπεδο HTML, οι μαθητές μπορούν να γράψουν κώδικα Bootstrap χωρίς να μπουν αρχικά στην διαδικασία να συνδεθούν με CDN, ή να κατεβάσουν τα σχετικά αρχεία στον server. Το ίδιο συμβαίνει σε επίπεδο server, το πρόγραμμα φτιάχνει τα αρχεία αυτόματα χωρίς οι μαθητές να μπουν στην διαδικασία να ρυθμίσουν τον Apache, τα mime types, την PHP έκδοση, το FTP για να ανεβάζουν κλπ. Άμεσο Server-Side debugging H debugging έκδοση της PHP σε συνδυασμό με τις ρυθμισμένες επιλογές του server εξασφαλίζει ότι, το οποιοδήποτε λάθος στον κώδικα θα γίνει αμέσως αντιληπτό στην οθόνη και δεν θα εμφανιστεί απλά ένα HTTP 500 Server error.

Η Πληροφορική στην Πρωτοβάθμια και Δευτεροβάθμια Εκπαίδευση Σύγχρονες Διδακτικές Προσεγγίσεις 3 Σύγχρονο interface Οι ραγδαίες εξελίξεις στον τομέα επιβάλλουν στο VC II να χρησιμοποιεί την τελευταία λέξη της τεχνολογίας στον τομέα (Davidson-Shivers & Rasmussen, 2006) και, συγκεκριμένα: HTML 5 + CSS JavaScript + jquery + AJAX Bootstrap PHP 7 MySQL / SQLite Source Code Editors, και Responsive interface για χρήση από οποιαδήποτε συσκευή. Real-time Updates Η ανάγκη για συνεργασία μεταξύ των μαθητών επιβάλλει τη χρήση τεχνικών για collaboration (Kezar & Lester, 2009) και έτσι, το Virtual Class II χρησιμοποιεί τεχνολογίες όπως τα Web Sockets, τα Web Push Events και το Google Real time API για να μπορούν πολλοί μαθητές να δουλεύουν πάνω στο ίδιο πρότζεκτ ταυτόχρονα. Cloud Storage Η αποθήκευση όλων των δεδομένων γίνεται με μορφή Cloud Storage στον Ωκεανό, εξασφαλίζοντας το ότι όλες οι πληροφορίες θα είναι διαθέσιμες στους μαθητές από οποιονδήποτε υπολογιστή συνδεθούν (Puttini, Erl, & Mahmood, 2013). Χρήση του Virtual Class I Το VC II συνεργάζεται με το VC I σε θέματα Revision Control (GIT) και Real time communication με φωνή και εικόνα των μαθητών, εφόσον υπάρξει η ανάγκη να γίνει μία εργασία από το σπίτι τους. Μεθοδολογία και διδασκαλία με το Virtual Class ΙΙ Εικόνα 1. Η κεντρική οθόνη του Virtual Class II File Manager Οι μαθητές κατανόησαν τον τρόπο με τον οποίο αποθηκεύονται τα αρχεία στον server και, μέσω του έτοιμου File Manager του προγράμματος μπορούν να ανεβάσουν/κατεβάσουν αρχεία από και προς τον

4 server (Hoffer, Joey, & Valacich, 2013). Η χρήση ενός έτοιμου file manager που κατασκευάσαμε εξασφαλίζει το ότι οι μαθητές δεν θα ασχοληθούν με διαχείριση αρχείων πάνω από το απαρχαιωμένο FTP, ούτε να ασχοληθούν με τις ρυθμίσεις του ρούτερ για ΝΑΤ port forwarding ή να αφήσουν το firewall να επιτρέψει εισερχόμενες συνδέσεις. Εικόνα 2. PHP File Manager Project Manager Το Virtual Class II δίνει τη δυνατότητα στους μαθητές: Να δημιουργήσουν δικά τους project Να αντιγράψουν (fork) project άλλων μαθητών Να μοιραστούν τα project τους με άλλους μαθητές έτσι ώστε να μπορούν πολλοί μαθητές να δουλεύουν σε ένα project ταυτόχρονα. Να διαχειριστούν τα αρχεία του project. Να διαχειριστούν τις βάσεις δεδομένων του project. Να διαγράψουν τα αρχεία που δεν χρειάζονται πλέον. Να «τρέξουν» αμέσως τον κώδικά τους με το Live Preview. HTML 5.0 Η διδασκαλία της HTML (Robbins, 2012) ολοκληρώθηκε σε πολύ λίγο χρόνο λόγω της ευκολίας αλλά και τις αμεσότητας της γλώσσας να παράγει ορατό αποτέλεσμα. Οι μαθητές διδάχτηκαν τα βασικά tags και τεχνικές για να εισάγουν στον δικό τους κώδικα εξωτερικές βιβλιοθήκες (jquery, Bootstrap κλπ.), είτε ως JavaScript είτε ως CSS. Η διδασκαλία είναι εύκολη, δεδομένου ότι οι μαθητές είναι εξοικειωμένοι με το XML (Key, 2015) ως αποτέλεσμα της χρήσης του στο Virtual Class I. SQL Αφού οι μαθητές κατανόησαν την απλή μορφή μίας βάσης δεδομένων (Kreibich, 2010), είναι σε θέση να χειριστούν όλα τα βασικά τμήματα της SQL (INSERT, SELECT, DELETE, CREATE κλπ.) μέσω της PHP για να αποθηκεύσουν δεδομένα. Οι μαθητές επίσης κατάλαβαν την έννοια του PRIMARY KEY και του FOREIGN KEY, απαραίτητα στοιχεία για τη σύνδεση των πινάκων μίας βάσης. Το Virtual Class II κατασκευάζει αυτόματα βάση δεδομένων SQLite για κάθε πρότζεκτ και προσφέρει ένα έτοιμο SQL Explorer οπότε οι μαθητές μπορούν ανά πάσα στιγμή να ελέγξουν την κατάσταση της βάσης τους. Οι μαθητές είναι σε θέση να κατασκευάσουν απλές έως πολύπλοκες βάσεις δεδομένων για τις ανάγκες διάφορων πρότζεκτ μέσα στο μάθημα, ενώ ορισμένοι από αυτούς είναι ικανοί στο να κατασκευάσουν βάσεις για μεγαλύτερα προγραμματιστικά σενάρια (διαχείριση ξενοδοχείου, τράπεζας, σχολείου κλπ.).

Η Πληροφορική στην Πρωτοβάθμια και Δευτεροβάθμια Εκπαίδευση Σύγχρονες Διδακτικές Προσεγγίσεις 5 Εικόνα 3. SQL Table viewer με inline editor CSS Οι μαθητές διδάχτηκαν την λογική πίσω από το CSS (δηλαδή τον διαχωρισμό κώδικα από το στυλ) και γνωρίζουν τα βασικά tags (Sawyer McFarland, 2013). Ορισμένοι μαθητές έχουν ασχοληθεί από μόνοι τους με πιο σύνθετα CSS (animations, auto-media resizers κλπ.) και έχουν δουλέψει σε έτοιμα frameworks όπως το bootstrap, το materialize css, το uikit και το Foundation. JavaScript/jQuery H γνωριμία με την JavaScript (Duckett, 2014) έγινε εύκολα, δεδομένης της ομοιότητας της γλώσσας με την C++. Οι μαθητές χρησιμοποιούν την JavaScript κυρίως για να φορτώνουν δυναμικά δεδομένα στην ιστοσελίδα τους (AJAX). PHP Η διδασκαλία της PHP (Tatroe, MacIntyre, & Lerdorf, 2013) έγινε εύκολα, δεδομένου του υπόβαθρου των μαθητών σε C++. Το πρόγραμμα είναι φτιαγμένο έτσι ώστε Να χρησιμοποιεί αυτόματα την εγκατεστημένη PHP 7. Να στέλνει αυτόματα τα λάθη PHP στην οθόνη. Οι μαθητές γνωρίζουν πώς να πάρουν/στείλουν δεδομένα από/προς τον browser (GET/POST) και να χειριστούν απλές φόρμες. Live Preview Οι μαθητές μπορούν, ανά πάσα στιγμή να δουν ζωντανά το αποτέλεσμα του κώδικά τους. Ταυτόχρονα, επειδή είναι εγκατεστημένη μία debugging έκδοση της PHP, όλα τα errors/warnings του κώδικα των μαθητών φαίνονται αμέσως μόλις εκτελεστεί το live preview, ενώ οι μαθητές είναι εξοικειωμένοι και με τα debugging tools των browsers για JavaScript, με τεχνικές breakpoint, watch, call stack, step in/over/out/ κλπ. Στην παρακάτω φωτογραφία φαίνεται η live preview της ιστοσελίδας ξενοδοχείου μίας ομάδας μαθητών μας, κατασκευασμένη με Bootstrap:

6 Εικόνα 4. Live Preview Ασφάλεια Στους μαθητές διδάχτηκαν αναλυτικά: Γενικές αρχές ασφάλειας στο web development (Muller, 2015). Οι έννοιες των ψηφιακών πιστοποιητικών, συμμετρικής και ασύμμετρης κρυπτογράφησης, πρωτόκολλα ασφαλείας TLS. Μέθοδοι επίθεσης και τρόποι προστασίας (Man in the middle, SQL Injection, XSS Attack) για τον κώδικα. Βασικές αρχές ασφάλειας αρχείων σε Windows και Linux. Web Audio API Αφού ολοκληρώθηκαν όλα τα παραπάνω, οι μαθητές είναι έτοιμοι για να χρησιμοποιήσουν τις βιβλιοθήκες προγραμματισμού που αφορούν στη Μουσική. Συγκεκριμένα, οι μαθητές διδάχτηκαν: Τεχνικές αναπαραγωγής audio/video στις ιστοσελίδες (<audio>, <video> tags) ώστε να μπορούν να εισάγουν π.χ. ένα YouTube video. Τεχνικές ηχογράφησης ήχου με JavaScript (AudioRecorder) ώστε να μπορούν να χρησιμοποιήσουν το μικρόφωνο. Επειδή οι μαθητές είναι εξοικειωμένοι με τις φοβερές δυσκολίες που παρουσιάζει ο προγραμματισμός ήχου στα Windows, η χρήση της JavaScript τους φάνηκε εξαιρετικά απλή (Turner & Leonard, 2017). Τεχνικές αναπαράστασης γραφημάτων ήχου με JavaScript (Web Audio API). Ορισμένοι μαθητές ασχολήθηκαν με την αναπαράσταση ψηφιακών φίλτρων. Τεχνικές βιντεοσκόπησης video MP4 με JavaScript (AudioRecorder). Οι μαθητές έχουν διδαχτεί βασικές αρχές ψηφιακού video (Συμπίεση, bitrate κλπ.) και έτσι είναι εξοικειωμένοι με τις παραμέτρους που χρειάζονται για να προγραμματιστεί το video capture. Τεχνικές αναπαράστασης μουσικής σημειογραφίας με JavaScript (VexFlow). Οι μαθητές συνέβαλαν σε ένα δικό μας πρόγραμμα για αναπαράσταση λύσεων θεμάτων αρμονίας με VexFlow. Τεχνικές επικοινωνίας με τον server (Push events, Web Sockets), έτσι ώστε να μπορούν να ανταλλάσσουν δεδομένα ήχου. Τεχνικές real time ανταλλαγής δεδομένων (Web RTC).

Η Πληροφορική στην Πρωτοβάθμια και Δευτεροβάθμια Εκπαίδευση Σύγχρονες Διδακτικές Προσεγγίσεις 7 To Virtual Class II περιέχει έτοιμα δείγματα κώδικα ώστε οι μαθητές να αρχίσουν απευθείας να δουλεύουν πάνω σε αυτά. VST Η διδασκαλία ολοκληρώνεται με την προσπάθεια των μαθητών να ηχογραφήσουν ήχο με το Web Audio API, να το στείλουν σε ένα Windows VST effect (Chourdakis, 2007), το οποίο γνωρίζουν πώς να φτιάξουν από την διδασκαλία των εικονικών οργάνων, να αλλάξει ο ήχος (το συγκεκριμένο VST είναι ένα απλό dynamics compressor) και να ξαναπάρουν τα δεδομένα στην PHP για να τα στείλουν πίσω στον Web Browser. Διοίκηση Μουσικού Σχολείου Στα πλαίσια της νέας απόφασης λειτουργίας των Μουσικών Σχολείων (η οποία βρίσκεται υπό έκδοση τη στιγμή που γράφονται αυτές οι γραμμές), τα Μουσικά Σχολεία μπορούν να διαχειρίζονται όλα τους τα έγγραφα ηλεκτρονικά. Αυτή η απόφαση μας έδωσε την δυνατότητα να δώσουμε πρότζεκτ στους μαθητές που να αφορούν την διοίκηση των σχολείων και την ηλεκτρονική διεκπεραίωση των εγγράφων τους, ώστε, εφόσον η απόφαση οριστικοποιηθεί, να μπορεί ένα Μ.Σ. να λειτουργήσει περισσότερο ηλεκτρονικά, μειώνοντας την ανούσια γραφειοκρατία. Τα πρότζεκτ στα οποία συνέβαλαν με τον τρόπο τους οι μαθητές μας περιλαμβάνουν: Ηλεκτρονικό πρακτικό. Ηλεκτρονικές αιτήσεις μαθητών. Ηλεκτρονική ενημέρωση γονέων. Ηλεκτρονικό πρωτόκολλο. Ηλεκτρονική εισαγωγή βαθμολογίας από τους εκπαιδευτικούς. Ηλεκτρονική αποστολή σημειωμάτων απουσιών στους γονείς. Ψηφιακή υπογραφή εγγράφων. Τα πρότζεκτ αυτά βρίσκονται διαθέσιμα σε πειραματικό στάδιο και, εφόσον η απόφαση οριστικοποιηθεί ελπίζουμε να είναι η αρχή για μία λιγότερο γραφειοκρατική διοίκηση όλων των σχολείων. Αποτελέσματα Η εφαρμογή του Virtual Class II ολοκληρώνεται την τρέχουσα σχολική χρονιά (2016 2017) με την συμμετοχή 17 μαθητών της Γ Λυκείου. Όλοι αυτοί οι μαθητές ήταν στην τάξη μας της Ηχοληψίας της Α Λυκείου και στα Projects της Α και Β Λυκείου, οπότε το υπόβαθρό τους είναι σημαντικό και σε επίπεδο ηχοληψίας αλλά και σε επίπεδο προγραμματισμού σε C++. Τα αποτελέσματα, όπως και πέρυσι, είναι πολύ ικανοποιητικά (δεδομένου του ότι οι μαθητές είναι εξαιρετικά επιβαρυμένοι με το πρόγραμμα της Γ Λυκείου). Δεδομένου του ότι τα συγκεκριμένα αντικείμενα, είτε αφορούν αμιγώς στην πληροφορική είτε συνδέονται με την μουσική έχουν τεράστια ζήτηση στην σημερινή αγορά εργασίας, οι μαθητές μας στην Α Λυκείου έχουν εκδηλώσει ενδιαφέρον ώστε να επαναληφθεί ο κύκλος μαθημάτων για αυτούς σε επόμενα έτη. Στο σύνολο των 17 μαθητών: 17 έχουν κατανοήσει πλήρως τα βασικά στοιχεία του web developing 12 έχουν χειριστεί με επιτυχία θέματα PHP, βάσεων δεδομένων. 8 γνωρίζουν δύσκολα θέματα ασφαλείας, όπως το TLS, RSA Keys, Man in the Middle κλπ. 8 βοήθησαν ώστε να φτιαχτούν πειραματικά προγράμματα για την διοίκηση των Μουσικών Σχολείων. 8 επιθυμούν να σπουδάσουν πληροφορική σε συνδυασμό με μουσική.

8 7 κατανόησαν τα δύσκολα τμήματα του προγραμματισμού Web Audio, Web MIDI, RTC, κλπ. 3 φτιάχνουν δικές τους ιστοσελίδες για χόμπι. 3 μαθητές έχουν έρθει σε επαφή με εταιρίες κατασκευής ιστοσελίδων ώστε να δουλέψουν για αυτές όταν ενηλικιωθούν. Τέλος, όσοι μαθητές έχουν επιλέξει το ΑΕΠ, τα σκορ τους σε θέματα πανελληνίων εξετάσεων ξεπερνάνε το 90. Ο αλγοριθμικός τρόπος σκέψης που ανέπτυξαν οι μαθητές και πέρυσι και φέτος με την βοήθεια των Virtual Class I και II υπερβαίνει κατά πολύ τις απαιτήσεις του ΑΕΠ, επομένως οι μαθητές μας βρίσκουν την υλοποίηση εντολών στην ψευδογλώσσα του ΑΕΠ πολύ απλούστερη, δεδομένου του ότι έχουν εξασκηθεί στις απαιτήσεις πραγματικών συστημάτων και όχι εκπαιδευτικών. Επίλογος Η εργασία αυτή ολοκληρώνει την προσπάθεια τριών ετών ώστε οι μαθητές να διδαχτούν οι μαθητές υψηλό επίπεδο χρήσης ηλεκτρονικών συστημάτων, καθώς και προγραμματισμού αυτών, μέσω ενός νέου συστήματος εικονικής τάξης. Ταυτόχρονα, οι μαθητές διδάχτηκαν, μέσω του μαθήματος της ηχοληψίας, την εφαρμογή όλων αυτών των τεχνικών στη σύγχρονη μουσική. Ελπίζουμε ότι η επιτυχία του προγράμματος θα συμβάλλει στο να επιλέξουν περισσότεροι μαθητές τα συγκεκριμένα μαθήματα στο μέλλον, με σκοπό να αναπτύξουν όσο περισσότερο μπορούν αυτό που σήμερα έχει, αναμφισβήτητα, την μεγαλύτερη ζήτηση: το μυαλό.

Η Πληροφορική στην Πρωτοβάθμια και Δευτεροβάθμια Εκπαίδευση Σύγχρονες Διδακτικές Προσεγγίσεις 9 Αναφορές Boyd, R. (2012). Getting Started with OAuth 2.0. New York: O'Reilly Media. Chourdakis, M. (2007). Time domain pitch recognition. Music & Informatics 4o SMC. Lefkada. Davidson-Shivers, G. V., & Rasmussen, L. K. (2006). Web-Based Learning: Design, Implementation, and Evaluation. London: Pearson. Duckett, J. (2014). JavaScript and JQuery: Interactive Front-End Web Development. Indianapolis: John Wiley & Sons. Hoffer, A. J., Joey, G., & Valacich, J. (2013). Modern Systems Analysis and Design. Indianapolis: Prentice Hall. Key, S. (2015). XML Programming Success in a Day: Beginner's Guide to Fast, Easy, and Efficient Learning of XML Programming. CreateSpace Independent Publishing Platform. Kezar, & Lester, J. (2009). Organizing Higher Education for Collaboration: A Guide for Campus Leaders. Jossey-Bass. Kreibich, J. A. (2010). Using SQLite. Sebastopol: O'Reilly Media. Microsoft. (2015, 1 24). User Account Control. Ανάκτηση από http://windows.microsoft.com/en-us/windows7/products/features/user-accountcontrol Muller, J. P. (2015). Security for Web Developers: Using JavaScript, HTML, and CSS. O' Reilly Media. Puttini, R., Erl, T., & Mahmood, Z. (2013). Cloud Computing: Concepts, Technology & Architecture (The Prentice Hall Service Technology Series from Thomas Erl). Prentice Hall. Robbins, J. N. (2012). Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics. Sebastopol: O'Reilly Media. Sawyer McFarland, D. (2013). CSS3: The Missing Manual. Sebastopol: O'Reilly Media. Tatroe, K., MacIntyre, P., & Lerdorf, R. (2013). Programming PHP: Creating Dynamic Web Pages. O' Reilly Media. Turner, W., & Leonard, S. (2017). JavaScript for Sound Artists: Learn to Code with the Web Audio API. Focal Press. Υπουργείο Παιδείας. (2015, 12). Ε.Τ. Ανάκτηση από ΦΕΚ B 2858/2015: http://www.et.gr/idocsnph/search/pdfviewerform.html?args=5c7qrtc22we4q6ggiv8wtxdtvsoclrl8i hofrqrfbnxufudqazhcnejinj48_97uhrmtszfzeycibsqopynty36macmufcx2ppfvbej56mmc8qdb8zfrjqznsiadk8lv_e 6czmhEembNmZCMxLMtXHA-_9qvZ1UWZVXme9p4ONqDl- OTpeD984kai4kacXW Χουρδάκης, Μ. (2016). VirtualClass: Πρωτότυπο Λογισμικό. 3ο συνέδριο 'ΝΕΟΣ ΠΑΙΔΑΓΩΓΟΣ'.