Πίσω στην επιφάνεια
Διαλέξεις
Οι συναντήσεις πραγματοποιούνται κάθε Δευτέρα και Παρασκευή, στις 17.00, στα Νέα Κτήρια Ηλεκτρολόγων ΕΜΠ.
Εισαγωγικές Διαφάνειες
Παράδοση 1η: Εισαγωγή στην HTML
YouTube Video, HQ Video, Διαφάνειες
- HTML και CSS
- Διαχωρισμός περιεχομένου/μορφοποίησης
- Βασική σύνταξη HTML, ετικέτες
- Τίτλοι, παράγραφοι, επικεφαλίδες
- Λίστες, σύνδεσμοι, εικόνες
- Πίνακες
Παρασκευή, 8 Οκτωβρίου 2010, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 5
Προτεινόμενη ανάγνωση: HTMLDog "HTML Beginner"
Παράδοση 2η: Εισαγωγή στην CSS
Παράδοση 3η: Περισσότερα για HTML
Παράδοση 4η: Περισσότερα για CSS
Παράδοση 5η: Προχωρημένα θέματα HTML
Παράδοση 6η: Προχωρημένα θέματα CSS
Παράδοση 7η: Δικτυακά θέματα
Παράδοση 8η: Εισαγωγή στην PHP
YouTube Video, HQ Video, Διαφάνειες
- Βασική σύνταξη PHP
- Συνδυασμός PHP και HTML
- Φόρμες (GET/POST)
- Έλεγχος ροής (if, else/elseif, switch, for, while/do)
- Βασικοί τύποι δεδομένων
- Μεταβλητές
- Σταθερές
- Τελεστές
- Συναρτήσεις
Δευτέρα, 1 Νοεμβρίου 2010, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 4
Προτεινόμενη ανάγνωση: W3Schools PHP Basics
Παράδοση 9η: Περισσότερα για PHP
Παράδοση 10η: PHP GD
Ειδικό θέμα PHP: YouTube Video, HQ Video, Γραφική παράσταση, Fractal
- Επεξεργασία εικόνας με την βιβλιοθήκη GD
- Κατασκευή προγράμματος γραφικών παραστάσεων
Δευτέρα, 8 Νοεμβρίου 2010, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 4 (παρά την κλειστή σχολή!)
Bonus διάλεξη. Πρόκειται για ένα διασκεδαστικό και χρήσιμο θέμα
που αναδεικνύει τις πολλές δυνατότητες της PHP, αλλά δεν απαιτείται για την παρακολούθηση των
επόμενων, ούτε για την επίλυση ασκήσεων.
Την Παρασκευή, 12 Νοεμβρίου 2010 δεν πραγματοποιήθηκε παράδοση λόγω συμμετοχής μας στο Full Frontal.
Την Δευτέρα, 15 Νοεμβρίου 2010 δεν πραγματοποιήθηκε παράδοση λόγω εορτασμού της 17ης Νοέμβρη.
Παράδοση 11η: Εισαγωγή στην MySQL
YouTube Video, HQ Video, Διαφάνειες
- Εισαγωγή στις βάσεις δεδομένων
- Τι είναι βάση
- Πίνακες, στήλες, πεδία
- Σχεδιασμός σχήματος
- Δημιουργία και επεξεργασία σχήματος με phpMyAdmin
- MyQSL και SQL
- Βασική σύνταξη SQL
- Επιλογή εγγραφών
- Φίλτρα WHERE, λογικοί τελεστές, IN και BETWEEN
- Εισαγωγή, διαγραφή, και ενημέρωση εγγραφών
Παρασκευή, 19 Νοεμβρίου 2010, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 5.
Προτεινόμενη ανάγνωση: W3Schools PHP Database, W3Schools SQL Basic
Παράδοση 12η: Περισσότερα για MySQL
Παράδοση 13η: Προχωρημένα θεματα PHP
Παράδοση 14η: Θέματα δομής
Παράδοση 15η: Εισαγωγή στην Javascript
Παράδοση 16η: Η βιβλιοθήκη jQuery και AJAX
Παράδοση 17η: Javascript Events
Παράδοση 18η: Mobile
Διαφάνειες, Παραδείγματα
Ειδικό θέμα: Mobile Web Εφαρμογές
Η διάλεξη έγινε από τον προσκεκλημένο διδάσκοντα Ανδρέα Νομικό, Stanford MSc από την ομάδα του LinkedIn.
Bonus διάλεξη. Πρόκειται για ένα διασκεδαστικό και χρήσιμο θέμα, αλλά δεν
απαιτείται για την παρακολούθηση των επόμενων, ούτε για την επίλυση ασκήσεων.
Παρασκευή, 17 Δεκεμβρίου 2010, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 5.
Παράδοση 19η: DOM και BOM σε Javascript
Διακοπές Χριστουγέννων
Παράδοση 20η: Θέματα ασφαλείας
HQ Video (αμοντάριστο), Διαφάνειες, Παραδείγματα
- XSS
- Αναπαράσταση εντολών και δεδομένων
- Ανασφαλές ανέβασμα αρχείων
- Πρόσβαση σε αρχεία με include
- Εκτελέσιμα αρχεία .inc
- SQL injections
- md5 και ασφαλής αποθήκευση κωδικών
- Ωμή βία και επίθεση λεξικού
- Εξωτερικά προσβάσιμες υπηρεσίες
- Τείχη προστασίας, iptables
- DoS, DDoS
Παρασκευή, 14 Ιανουαρίου 2011, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 5.
Παράδοση 21η: Συναρτησιακός προγραμματισμός σε Javascript
Παράδοση 22η: Subversion
HQ Video (αμοντάριστο), Διαφάνειες
- Η ανάγκη για version control
- Εκδόσεις κώδικα
- SVN client
- Check out
- Update
- Commit
- Conflicts
- Ιστορικό
- Ακύρωση αλλαγών
- Blame
- SVN server
Παρασκευή, 21 Ιανουαρίου 2011, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 5.
Εμβάθυνση: SVN Book
Παράδοση 23η: Workshop
Workshop: Κατασκευή πλήρους εφαρμογής βήμα-βήμα
Παρουσιάσαμε τη δημιουργία μίας εφαρμογής photo sharing στην αίθουσα.
Δευτέρα, 24 Ιανουαρίου 2011, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 4.
Παράδοση 24η: Παρουσίαση τελικών εργασιών
Παρουσιάσεις τελικών εργασιών: HQ Video
Κατά τη διάρκεια του δίωρου παρουσιάσεων, είχαμε την ευκαιρία να δούμε και να χρησιμοποιήσουμε
πλήρεις web εφαρμογές δημιουργημένες από τους συναδέλφους μας που παρακολούθησαν το σεμινάριο σε ομάδες
ανάπτυξης λογισμικού. Επιπλέον, εκτός από την εμπειρία χρήστη που παρουσίασε κάθε ομάδα, θίχτηκαν
και ορισμένα τεχνικά θέματα που έχουν εκπαιδευτικό ενδιαφέρον για κάθε εργασία, από τους ίδιους τους
δημιουργούς. Κάθε ομάδα ήταν ελεύθερη να επιλέξει το θέμα της υπηρεσίας που δημιούργησε, με αποτέλεσμα
ορισμένες ιδέες να είναι αξιόλογα πρωτότυπες.
Καθώς η τελευταία αυτή συνάντηση αποτελεί απολογισμό της δουλειάς μας, μέσα από τις παρουσιάσεις των
συναδέλφων μας κρίθηκε από το κοινό αν τελικά ο στόχος μας να μεταδώσουμε την τεχνογνωσία ανάπτυξης λογισμικού
που αφορά το web στην πράξη, συνδυάζοντας την επιστημονική γνώση και την πρακτική εφαρμογή της με τρόπο ο
οποίος έχει άμεσα χρήσιμα αποτελέσματα καθώς και να αναδείξουμε την ομορφιά και τη δημιουργικότητα της
διαδικασίας ανάπτυξης λογισμικού τελικά επετεύχθη.
Η συγκεκριμένη συνάντηση ήταν ανοιχτή σε όλους, ανεξαρτήτως αν είχαν παρακολουθήσει
το σεμινάριο ή όχι.
Παρασκευή, 28 Ιανουαρίου 2011, Νέα Κτήρια Ηλεκτρολόγων, Αμφιθέατρο 5.
Μπορείτε να κατεβάσετε όλες τις διαφάνειες σε μορφή pptx σε περίπτωση που θέλετε να τις αλλάξετε και να τις χρησιμοποιήσετε για δική σας χρήση.
Τυπικά θέματα
×
Το σεμινάριο είναι ένας κύκλος παρουσιάσεων που διοργανώνεται από τους προπτυχιακούς φοιτητές Ηλεκτρολόγους Μηχανικούς και Μηχανικούς Υπολογιστών Διονύση Ζήνδρο και Πέτρο Αγγελάτο.
Ολόκληρο το υλικό του σεμιναρίου, μεταξύ άλλων η ιστοσελίδα αυτή, οι βιντεοσκοπημένες διαλέξεις, και οι διαφάνειες, διατίθενται υπό την άδεια Creative Commons 3.0 Attribution. Οι τεχνολογίες που παρουσιάζονται στο σεμινάριο είναι αποκλειστικά τεχνολογίες ανοιχτού κώδικα, και ακολουθούμε ανοιχτά πρότυπα.
Η βιντεοσκόπηση και το post-processing γίνεται από τους φοιτητές Νικόλα Κορασίδη και Πάρι Κασιδιάρη.
Οι φωτογραφίες και τα εικονίδια είναι των καλλιτεχνών Szakács Szilárd, Ratan X και της εταιρίας Interactivemania. Ο σχεδιασμός της σελίδας είναι του Πέτρου Αγγελάτου και Διονύση Ζήνδρου. Τμήμα του σχεδιασμού έγινε από τον Θέμη Παπαμελετίου. Όλο το υλικό χρησιμοποιείται με άδεια.
Ευχαριστούμε τους καθηγητές του Εργαστηρίου Λογισμικού κκ. Δημήτρη Φωτάκη, Νίκο Παπασπύρου, και Κωστή Σαγώνα για την αμέριστη υποστήριξή τους, και τον πρόεδρο της σχολής Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών κ. Ανδρέα Σταφυλοπάτη. H δραστηριότητα διεξάγεται με την συνδρομή της σχολής σε χώρο που έχει παραχωρηθεί από τη Σχολή.
Το σεμινάριο διοργανώνεται ανεξάρτητα, από προπτυχιακούς φοιτητές και όχι από μέλη ΔΕΠ του ΕΜΠ, και είναι ανεπίσημη φοιτητική δραστηριότητα. Η σχολή δεν φέρει ευθύνη για το περιεχόμενο του σεμιναρίου, και αυτό δεν εντάσσεται στο διδακτικό πρόγραμμα της σχολής. Το σεμινάριο δεν είναι αναγνωρισμένο από το κράτος ή οποιαδήποτε ακαδημαϊκή κοινότητα.