Μονάδες Αριστείας

Θερινό Σχολείο Ανάπτυξης Κώδικα, με θέμα: Ανάπτυξη εφαρμογής για κινητές συσκευές του Σ.Δ.Μ. Open eClass

14

ΙΟΥΛ

Θερινό Σχολείο Ανάπτυξης Κώδικα, με θέμα: Ανάπτυξη εφαρμογής για κινητές συσκευές του Σ.Δ.Μ. Open eClass

ΘΕΡΙΝΟ ΣΧΟΛΕΙΟ ΑΠΟ ΤΕΙ Αθήνας ΣΕ Βασικές εφαρμογές/Εργαλεία ΕΛ/ΛΑΚ, Εκπαιδευτικό λογισμικό 14.07.2014 10:00 - 20.07.2014 16:00

ΣΤΟ Αίθουσα Τηλεδιάσκεψης ΤΕΙ Αθήνας Αγ. Σπυρίδωνος 12243 Αιγάλεω

Το πρώτο Θερινό Σχολείο της Μονάδας Αριστείας του ΤΕΙ Αθήνας έχει ως θέμα την ανάπτυξη εφαρμογής για πρόσβαση συγκεκριμένων λειτουργικοτήτων του Σ.Δ.Μ. Open eClass μέσω κινητών συσκευών. Θέμα: Ανάπτυξη εφαρμογής για κινητές συσκευές ...

815

ΠΕΡΙΓΡΑΦΗ
ΠΡΟΓΡΑΜΜΑ

Θέμα:	Ανάπτυξη εφαρμογής για κινητές συσκευές του Σ.Δ.Μ. Open eClass

Θεματική Περιοχή:	Εκπαιδευτικό Λογισμικό & Βασικές Εφαρμογές ΕΛ/ΛΑΚ
Διάρκεια Σχολείου:	14 Ιουλίου 2014 μέχρι και 20 Ιουλίου 2014 (7 ημέρες)
Διενέργεια Σχολείου:	Καθημερινά, 10:00 – 16:00 (6 ώρες)
Χώρος Διενέργειας Σχολείου:	Campus ΤΕΙ Αθήνας, Αγ. Σπυρίδωνος (Χώρος:Αίθουσα Τηλεδιάσκεψης )
Εκπαιδευτική μέθοδος:	Δια ζώσης και εξ αποστάσεως, μέσω της Υπηρεσίας Τηλεδιάσκεψης (οδηγίες σύνδεσης)
Υπηρεσία Τηλεκπαίδευσης:	ma.ellak.gr/edu/ (οδηγίες εγγραφής)
Συνεργατικό Εργαλείο Ανάπτυξης:	ma.ellak.gr/forge
Τεχνολογίες που θα χρησιμοποιηθούν:	open eClass PHP, MySQL, REST APIs, HTML/CSS, JavaScript, PhoneGap, JQuery Mobile, AJAX, JSON

Στόχος είναι η εντατική, πρακτική εκπαίδευση των συμμετεχόντων με απώτερο σκοπό τη συμμετοχή τους στη συνεργατική ανάπτυξη Έργου συνεισφοράς σε εφαρμογές ΕΛ/ΛΑΚ, σχετικά με Ανάπτυξη εφαρμογής για κινητές συσκευές του Σ.Δ.Μ. Open eClass.

Το Έργο συνεισφοράς θα αξιολογηθεί από την ειδική ομάδα εργασίας & εμπειρογνώμων, σχετικά με την ποιότητά του και την πιθανή βράβευση του.

Θερινό Σχολείο Ανάπτυξης Κώδικα
Σε αυτό το Θερινό Σχολείο θα ασχοληθούμε με την Ανάπτυξη εφαρμογής για κινητές συσκευές του Σ.Δ.Μ. Open eClass.

Το Project	Στόχος της συνεισφοράς είναι η επέκταση της διεπαφής του Σ.Δ.Μ. openClass ώστε βασικές λειτουργικότητες όπως η ενημέρωση χρήστη για αλλαγές στο πρόγραμμα, διάθεση νέων αρχείων κλπ, να είναι προσβάσιμες από δημοφιλή λειτουργικά κινητών συσκευών.
Τρόπος Υλοποίησης	Συνεργατικά σε ομάδες, είτε δια ζώσης είτε απομακρυσμένα με χρήση συνεργατικών εργαλείων (wiki, forum, πλατφόρμα τηλεκπαίδευσης, κλπ.)
Υποστήριξη	Κατά τη διάρκεια του Σχολείου, στους συμμετέχοντες θα παρέχεται υποστήριξη από μέντορες είτε δια ζώσης είτε ηλεκτρονικά, ενώ η αίθουσα θα παραμένει διαθέσιμη για δύο επιπλέον ώρες μετά την ολοκλήρωση του μαθήματος, για όποιον επιθυμεί να μείνει παραπάνω.

Το θερινό σχολείο μέρα με τη μέρα…

Ημέρα 1

Ημέρα 2

Ημέρα 3

Ημέρα 4

Ημέρα 5

Ημέρα 6

Ημέρα 7

Δείτε μέσω των συνδέσεων του παραπάνω πίνακα την σελίδα κάθε ημέρας του Θερινού Σχολείου, με αναλυτική περιγραφή του αντικειμένου κάθε ημέρας.

Οι συνδέσεις στις σελίδες θα ενημερώνονται σταδιακά…

To 1^ο Θερινό σχολείο Ανάπτυξης Κώδικα της Μονάδας Αριστείας ολοκληρώθηκε με τις παρουσιάσεις της συνεισφοράς των συμμετεχόντων, μέρος της οποίας ήταν και η επίδειξη των λειτουργικοτήτων μέσω εφαρμογής προσομοίωσης.

Αναμνηστική Φωτογραφία των δια ζώσης συμμετεχόντων του Σχολείου, μαζί με μέλη της Ομάδας της Μονάδας Αριστείας ΕΛ/ΛΑΚ του ΤΕΙ Αθήνας

Κατευθύνσεις και αποτελέσματα

Το Θερινό Σχολείο Ανάπτυξης Κώδικα διαχωρίζεται σε δύο κατευθύνσεις προκειμένου κάθε συμμετέχοντας να αναλάβει να φέρει εις πέρας ένα μικρό μέρος του project ανάλογα με τα ενδιαφέροντά του και τις γνώσεις του. Η εκπαίδευση σε επίπεδο γνώσεων και δεξιοτήτων είναι κοινή και για τις δύο κατευθύνσεις.

1η Κατεύθυνση

Αφορά πρωτίστως σε προσθήκη λειτουργικότητας, και απευθύνεται σε εξοικειωμένους σε σχετικές τεχνολογίες συμμετέχοντες που επιθυμούν να κάνουν ανάπτυξη σε ΣΔΜ (τεχνική αξιοποίηση).

2η Κατεύθυνση

Αφορά πρωτίστως σε σχεδιασμό / υλοποίηση του front end, και απευθύνεται σε συμμετέχοντες που επιθυμούν να γνωρίσουν και να εξοικειωθούν τα ΣΔΜ (εκπαιδευτική αξιοποίηση).

Αναμενόμενα αποτελέσματα του Θερινού Σχολείου

Σε επίπεδο γνώσεων οι συμμετέχοντες θα γνωρίσουν:

τα συστήματα διαχείρισης μάθησης
τις άδειες Creative Commons

Σε επίπεδο δεξιοτήτων οι συμμετέχοντες θα εξοικειωθούν:

με την αρχιτεκτονική και λειτουργία του Σ.Δ.Μ. openClas
με τη διαδικασία ανάπτυξης cross-platform mobile εφαρμογών σε PhoneGap

Σε επίπεδο συνεισφοράς οι συμμετέχοντες θα επιλέξουν να:

1^η Κατεύθυνση

Επεκτείνουν τη διεπαφή του Σ.Δ.Μ. openClass ώστε να προσφέρει τις δυνατότητες που θα απαιτηθούν για την mobile εφαρμογή

2^η Κατεύθυνση

Δημιουργήσουν την mobile εφαρμογή που θα συνδέεται στη διεπαφή του openClass

Οι συμμετέχοντας θα πρέπει να είναι εξοικειωμένοι με τα παρακάτω:

1^η Κατεύθυνση

PHP ή άλλη γλώσσα web programming
MySQL
Χρήσιμη, αλλά όχι απαραίτητη η εξοικείωση με τις έννοιες των REST APIs

2^η Κατεύθυνση

HTML/CSS
Γνώσεις «σχεδίασης διεπαφής χρήστη»
Χρήσιμη, αλλά όχι απαραίτητη η εξοικείωση με Javascript

Η πρόσβαση σας στο ΤΕΙ Αθήνας & τις εγκαταστάσεις

: Πρόσβαση στην Αίθουσα Τηλεκπαίδευσης του ΤΕΙ Αθήνας

: Πρόσβαση στην Αίθουσα Ανάπτυξης Εφαρμογών του ΤΕΙ Αθήνας

Στάσεις Λεωφορείων στις Κεντρικές Εγκαταστάσεις του ΤΕΙ Αθήνας

Ονομασία Στάσης	επί της οδού / λεωφόρου…
Αγ. Σπυρίδωνας	Θηβών (περίπου 10 min περπάτημα μέχρι την Ανατολική και Κεντρική Πύλη)
ΤΕΙ Αθήνας	Λεωφ. Αθηνών (πλησίον Ανατολικής και Κεντρικής Πύλης)
Αγ. Τριάδα	Πίνδου (πλησίον Δυτικής Πύλης)
Έβρου	Έβρου (πλησίον Δυτικής Πύλης)

Περιοχή αναφοράς: ΠΕΙΡΑΙΑΣ (από/ προς)
Κωδικός Γραμμής	Διαδρομή	Αφετηρία	Τερματισμός	Στάση	Σύνδεση με ΗΣΑΠ & ΜΕΤΡΟ
703	Πειραιάς – Αγ. Ανάργυροι – Αγ. Ελευθέριος (μέσω Θηβών)	Ακτή Κονδύλη	Αγ. Ελευθέριος (Πατήσια)	Αγ. Σπυρίδωνας	ΗΣΑΠ Πειραιά (Γραμμή 1), Σταθμός ΗΣΑΠ Αγ. Ελευθέριος (Γραμμή 1)
802	Πειραιάς – Δάσος Α (μέσω Λεωφ. Αθηνών)	Πλ. Καραϊσκάκη	Δάσος Χαϊδαρίου	ΤΕΙ Αθήνας	ΗΣΑΠ Πειραιά (Γραμμή 1)
803	Πειραιάς – Δάσος Β (μέσω Ιεράς Οδού)	Πλ. Καραϊσκάκη	Δάσος Χαϊδαρίου	Αγ. Τριάδα	ΗΣΑΠ Πειραιά (Γραμμή 1)
831	Πειραιάς – Αιγάλεω	Ακτή Ξαβερίου	Αιγάλεω	Αγ. Τριάδα	ΗΣΑΠ Πειραιά (Γραμμή 1)
845	Πειραιάς – Ελευσίνα (μέσω Θηβών)	Πλ. Καραϊσκάκη	Παρ. Ελευσίνας	ΤΕΙ Αθήνας	ΗΣΑΠ Πειραιά (Γραμμή 1)
Περιοχή αναφοράς: ΑΘΗΝΑ (από/ προς)
812	Πλ. Κουμουνδούρου – Χαϊδάρι	Πλ. Κουμουνδούρου	Δαφνί	Αγ. Τριάδα
Α15	Ομόνοια – Δάσος Χαϊδαρίου	Δεληγιώργη	Δάσος Χαϊδαρίου	ΤΕΙ Αθήνας	ΜΕΤΡΟ Μεταξουργείου (Γραμμή 2)
Β15	Ομόνοια – Παλατάκι	Δεληγιώργη	Παλατάκι	ΤΕΙ Αθήνας	ΜΕΤΡΟ Μεταξουργείου (Γραμμή 2)
Ε15	Στ. ΜΕΤΡΟ Μεταξουργείου – ΤΕΙ Αθηνών (σχολική EXPRESS – )	Στ. ΜΕΤΡΟ Μεταξουργείου	ΤΕΙ Αθήνας	ΤΕΙ Αθήνας	ΜΕΤΡΟ Μεταξουργείου (Γραμμή 2)
Β16	Πλ. Κουμουνδούρου – Ελευσίνα (μέσω Λεωφ. Αθηνών)	Πλ. Κουμουνδούρου	Παρ. Ελευσίνας	ΤΕΙ Αθήνας
Ε16	Πλ. Κουμουνδούρου – Ελευσίνα (μέσω Λεωφ. Αθηνών – EXPRESS)	Πλ. Κουμουνδούρου	Παρ. Ελευσίνας	ΤΕΙ Αθήνας
Περιοχή αναφοράς: Περιστέρι (από/ προς)
731	Ανθούπολη – Στ. Μετρό Ανθούπολη – Αττικό Νοσοκομείο – Δάσος Χαϊδαρίου	Ανθούπολη (Προμάχου)	Δάσος Χαϊδαρίου	ΤΕΙ Αθήνας	ΜΕΤΡΟ Ανθούπολη (Γραμμή 2)
Περιοχή αναφοράς: Αιγάλεω (από/ προς)
891	Αιγάλεω – Περιστέρι – Σταθμός ΜΕΤΡΟ Αττικής (κυκλική)	Ιερά Οδός (Δημαρχείο Αιγάλεω)	ΣταθμόςΜΕΤΡΟ Αττικής	Έβρου	ΜΕΤΡΟ Αττικής (Γραμμή 2)
811	Χαϊδάρι – Σταθμός ΜΕΤΡΟ Αιγάλεω (τοπική)	Δαφνί	ΣταθμόςΜΕΤΡΟ Αιγάλεω	Αγ. Τριάδα	ΜΕΤΡΟ Αιγάλεω (Γραμμή 2)
829	Τ.Ε.Ι ΑΘΗΝΑΣ- ΣΤ.ΜΕΤΡΟ ΑΙΓΑΛΕΩ- Τ.Ε.Ι.ΠΕΙΡΑΙΑ(ΚΥΚΛΙΚΗ)

Περισσότερες πληροφορίες από το Δικτυακό Τόπο του ΤΕΙ Αθήνας, στην ενότητα «Συγκοινωνίες«.

Ημέρα 1

14 Ιουλίου 2014, 10:00 – 16:00

Θέμα	Εισηγητής
Καλωσόρισμα – Γνωριμία Συμμετεχόντων Παρουσίαση προγράμματος & Στόχου Σχολείου	Φουντά Ιφιγένεια
Παρουσίαση της πλατφόρμας ma.ellak.gr & Εργαλείων Επικοινωνίας & Διαμοίρασης Εκπαιδευτικού Υλικού ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: Σύνδεση στην Πύλη του ma.ellak Εγγραφή στο μάθημα, στην υπηρεσία τηλεκπαίδευσης Χρήση των Ομάδων συζητήσεων Σύνδεση στην Υπηρεσία Απομακρυσμένης Ενεργής Παρακολούθησης (Τηλεδιάσκεψης)	Ταγκούλης Αλέξανδρος
Παρουσίαση του Open eClass ως σύστημα Σ.Δ.Μ.	Τριπερίνα Βάλια Φουρτούνης Γιώργος
Multiple phone web-based application framework vs Native	Αναγνωστόπουλος Απόστολος
Εισαγωγή στην HTML5 / CSS Παρουσίαση του ίδιου αντικειμένου με εναλλακτικούς τρόπους μέσω CSS ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: Υλοποίηση του παραδείγματος της Θεωρίας	Φουρτούνης Γιώργος
Server vs Client side Παράδειγμα παρουσίασης στην οθόνη της ημερομηνίας του Server ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: Υλοποίηση του παραδείγματος της Θεωρίας	Νικούδης Δημοσθένης
Εισαγωγή στην PHP ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: Υλοποίηση ολοκληρωμένου σεναρίου με χρήση PHP	Νικούδης Δημοσθένης

Ημέρα 2

15 Ιουλίου 2014, 10:00 – 16:00

Θέμα	Εισηγητής
Χαιρετισμός Εμπειρογνώμονα από την ομάδα του open eClass	Τσιμπάνης Κωνσταντίνος
Αρχιτεκτονική Open eClass Εγκατάσταση Open eClass	Φουρτούνης Γιώργος
Συνεισφορά σε Open eClass: slim Framework Web APIs (REST, JSON) ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: Παραδείγματα για την πλευρά του Serverside	Νικούδης Δημοσθένης
Παρουσίαση Εργαλείων git/github ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: Χρήση του Εργαλείου	Πιπινέλης Αχιλλέας

Ημέρα 3

16 Ιουλίου 2014, 10:00 – 16:00

Θέμα	Εισηγητής
Web APIs (AJAX, jQuery) ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: παραδείγματα για την πλευρά του ClientSide (web)	Αναγνωστόπουλος Απόστολος	-
Ρυθμίσεις PhoneGap	Αναγνωστόπουλος Απόστολος	-
Web σε PhoneGap ΠΡΑΚΤΙΚΗ ΕΞΑΣΚΗΣΗ: Μετατροπη της web ασκησης που εκτελέστηκε νωρίτερα σε PhoneGap	Αναγνωστόπουλος Απόστολος	-
Αναλυτική Παρουσίαση του project Οι προτεινόμενες λειτουργικότητες για υλοποίηση και τεχνικά χαρακτηριστικά Ο τρόπος εργασίας σε ομάδες Συζήτηση για προτάσεις Σύσταση Ομάδων	Αναγνωστόπουλος Απόστολος Πιπινέλης Αχιλλέας Τριπερίνα Βάλια Φουρτούνης Γιώργος
Εκκίνηση Υλοποίησης Project Courses module Server Side: Courses/Enrolled courses API: Λίστα μαθημάτων, εγγραφή σε μάθημα, Διαγραφή από μάθημα Client-Side: Λίστα διαθέσιμων Μαθημάτων – Φιλτράρισμα, Εγγραφή / Διαγραφή	Αναγνωστόπουλος Απόστολος Πιπινέλης Αχιλλέας Τριπερίνα Βάλια Φουρτούνης Γιώργος	-

Ημέρα 4

17 Ιουλίου 2014, 10:00 – 16:00

Υλοποίηση Project
- Αnnouncements module
  - Server Side: announcements API (για όλα τα μαθήματα που είναι εγγεγραμμένος ο φοιτητής & για συγκεκριμένο μάθημα)
  - Client-Side: Λίστα Ανακοινώσεων από τα μαθήματα που είναι εγγεγραμμένος (προσθήκη φίλτρων & tags)

Ημέρα 5

18 Ιουλίου 2014, 10:00 – 16:00

Υλοποίηση Project
- Documents module
  - Server Side: documents API – έγγραφα που έχουν αναρτηθεί σ ένα μάθημα (παρουσιάσεις, σημειώσεις κτλ.) & δυνατότητα τοπικής αποθήκευσης εγγράφου
  - Client-Side: Λίστα εγγράφων από τα μαθήματα που είναι εγγεγραμμένος ο χρήστης – δυνατότητα εμφάνισης συγκεκριμένων τύπων εγγράφων μέσα από την εφαρμογή

Ημέρα 6

19 Ιουλίου 2014, 10:00 – 16:00

Υλοποίηση Project
- Debugging – Testing
- Προσθήκη επιπλέον features (εάν υπάρξει χρόνος)

Ημέρα 7

20 Ιουλίου 2014, 10:00 – 16:00

Υλοποίηση Project
- Client-Side: “Σύνδεση” επιμέρους modules σε κοινή σελίδα, Βελτιστοποίηση User Interface
- «Παράδοση» Εφαρμογής
- Συζήτηση με τους συμμετέχοντες εάν θα ενδιαφερόντουσαν για συνέχιση της υλοποίησης προκειμένου να προσθέσουν επιλογές, με σκοπό παράδοσης έως τις 28/8/2014 που ολοκληρώνεται και ο Κύκλος Εκπαίδευσης
Ολοκλήρωση Θερινού Σχολείου – Παρουσιάσεις Συνεισφοράς συμμετεχόντων