ΕΙΣΑΓΩΓΙΚΟ ΕΠΙΜΟΡΦΩΤΙΚΟ ΣΕΜΙΝΑΡΙΟ ΠΛΗΡΟΦΟΡΙΚΗΣ

Transcript

1 ΕΙΣΑΓΩΓΙΚΟ ΕΠΙΜΟΡΦΩΤΙΚΟ ΣΕΜΙΝΑΡΙΟ ΠΛΗΡΟΦΟΡΙΚΗΣ Web 2.0 ΕΦΑΡΜΟΓΕΣ & ΕΚΠΑΙΔΕΥΤΙΚΑ ΕΡΓΑΛΕΙΑ Α' Μέρος Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 1

2 Α) ΔΗΜΙΟΥΡΓΊΑ ΛΟΓΑΡΙΑΣΜΟΥ Google username: seminario.pliroforikis (όχι κάτω-παύλα) password: ******* Εφαρμογές λογαριασμού google: +Εσύ Αναζήτηση YouTube Χάρτες Play Ειδήσεις Gmail Drive Ημερολόγιο Μετάφραση Blogger Φωτογραφίες Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 2

3 Β) ΧΑΡΤΕΣ i) Για τοποθεσία που υπάρχει ήδη: 1. Από τις Εφαρμογές του λογαριασμού google επιλέγουμε Χάρτες και στην αναζήτηση γράφουμε την τοποθεσία που αναζητούμε. 2. Επιλέγουμε Λήψη οδηγιών για εύρεση διαδρομής από ένα σημείο Α (που υπάρχει) στην τοποθεσία που θέλουμε (π.χ. Από Καπνεργατών, Ξάνθη στη ΔΔΕ Ξάνθης) 3. Επιλέγουμε Σύνδεσμος (εικονίδιο αλυσίδα) για απόκτηση ενεργού συνδέσμου (link) ή κώδικα HTML για ενσωμάτωση σε ιστότοπο. ii) Προσθήκη νέου σημείου 1) Eπισκεπτόμαστε τον ιστότοπο: 2) Επιλέγουμε ΠΡΟΣΘΗΚΗ ΝΕΟΥ. Με τη βοήθεια του δείκτη [ζουμ και δεξιά-αριστεράπάνω-κάτω] προσδιορίζουμε το σημείο που θέλουμε να ορίσουμε. 3) Προσδιορίζουμε προαιρετικά επιπλέον λεπτομέρειες (π.χ. Κατηγορία, Εργάσιμες ώρες, Κτίριο/Σύνορο, Ιστότοπος) 4) Αποθήκευση. Γίνεται έλεγχος συναφών στοιχείων ή διπλοτύπων και η προσθήκη του νέου σημείου περνάει σε φάση Εκκρεμότητας μεχρι να γίνει Δημοσιευμένο. 5) Υπάρχει δυνατότητα Επεξεργασίας τοποθεσίας (κλικ στο Μετακίνηση θέσης εικονίδιο με το Μολύβι) Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 3

4 Γ) DRIVE i) Μεταφόρτωση 1) Επιλογή αρχείου 2) Μεταφόρτωση 3) Επιλέγω το πλαίσιο Δυνατότητα για: α) Κοινοποίηση (προκύπτει σύνδεσμος για κοινοποίηση) β) Μετακίνηση σε άλλο φάκελο γ) Κατάργηση δ) Προεπισκόπηση ii) Δημιουργία α) Φάκελος β) Έγγραφο (πάνω στη φράση Έγγραφο χωρίς τίτλο ορίζω το όνομα όλες οι αλλαγές αποθηκεύονται αυτόματα στο Drive) γ) Παρουσίαση δ) Υπολογιστικό Φύλλο ε) Φόρμα στ) Σχέδιο Ακόμα υπάρχει η δυνατότητα offline επεξεργασίας με την εγκατάσταση στο Chrome του Drive Chrome web app Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 4

5 Δ) ΔΗΜΙΟΥΡΓΊΑ ΦΟΡΜΑΣ Διαδικασία 4 βημάτων: i) Δημιουργία ii) Κοινοποίηση iii) Αποστολή iv) Ανάλυση i) Δημιουργία 1) Επιλογή προτύπου 2) Ονομασία Φόρμας & επιλογή εμφάνισης γραμμής προόδου 3) Περιγραφή φόρμας 4) Δημιουργία ερώτησης & επιλογή τύπου ερώτησης (απάντησης) - Τίτλος ερώτησης - Κείμενο βοήθειας - Τύπος ερώτησης (απάντησης): α) Κείμενο β) Κείμενο παράγραφος (λίγο μεγαλύτερο από απλό κείμενο) γ) Πολλαπλής επιλογής δ) Πλαίσια ελέγχου ε) Επιλογή από λίστα στ) Κλίμακα ζ) Πλέγμα η) Ημερομηνία θ) Ώρα ii) Επιλογές μετά τη δημιουργία της φόρμας: 1η -πάνω- μπάρα εργαλείων) Απαντήσεις Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 5

6 Φαίνεται σε παρένθεση το σύνολο των απαντήσεων Σύνοψη απαντήσεων (σε διαγράμματα, πίτες κτλ) (2η -κάτω- μπάρα εργαλείων) 1) Θέμα: επιλογή θέματος (μορφής) ερωτηματολογίου 2) Προβολή Απαντήσεων: ανοίγει υπολογιστικό φύλλο με όλες τις απαντήσεις 3) Αποδοχή Απαντήσεων ή Δεν γίνεται αποδοχή απαντήσεων 4) Προβολή φόρμας ζωντανά (Προ επισκόπηση): προκύπτει ο σύνδεσμος iii) Αποστολή φόρμας 1) Σύνδεσμος για κοινοποίηση 2) Ενσωμάτωση: html κώδικας για ενσωμάτωση σε ιστοσελίδα ή blog 3) Αποστολή φόρμας μέσω mail 4) Αν θέλετε να προσθέσετε συνεργάτες Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 6

7 Ε) Blogger 1) Δημιουργία Προφίλ Blogger προτιμούμε Περιορισμένο Προφίλ 2) Επιλογή Νέο Ιστολόγιο Ορισμός Τίτλου: seminario.pliroforikis Διεύθυνση: seminario-pliroforikis-keplinetxan.blogspot.com Πρότυπο: επιλέγω π.χ. Δυναμικές Προβολές και κάνω κλικ εφαρμογή στο ιστολόγιο 3) Δημιουργία νέου ιστολογίου Κλικ πάνω στον Τίτλο του Ιστολογίου μεταβαίνουμε στον Πίνακα Ελέγχου α) ΕΠΙΣΚΟΠΗΣΗ Προβολές σελίδας και άλλα στατιστικά στοιχεία β) ΑΝΑΡΤΗΣΕΙΣ 1) Επιλογή Νέα Ανάρτηση Παρουσίαση μπάρας εργαλείων: εισαγωγή κειμένου και μορφοποίηση εισαγωγή εικόνας εισαγωγή βίντεο σύνδεσμος 2) επιλογή Προεπισκόπηση 3) επιλογή Δημοσίευση γ) ΣΕΛΙΔΕΣ γ.1) Επιλογή Νέα Σελίδα Παράδειγμα: τίτλος σελίδας π.χ. Εισαγωγή Χάρτη: Google maps -> εύρεση τοποθεσίας --> κλικ εικονίδιο τοποθεσίας (αλυσίδα) Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 7

8 επιλέγω link ή HTML κώδικα --> copy Στη διαμόρφωση της σελίδας επιλέγω HTML και κάνω paste γ.2) Εμφάνιση Σελίδας Στον Πίνακα Ελέγχου: επιλέγω ΔΙΑΤΑΞΗ ΠΡΟΣΔΘΗΚΗ GANGET ΣΕΛΙΔΕΣ επιλέγω τη Σελίδα που έχω φτιάξει και επιθυμώ να εμφανιστεί ΑΠΟΘΗΚΕΥΣΗ 4) Ενσωμάτωση ασκήσεων Hot Potatoes στον blogger i) Αφού δημιουργήσουμε την εφαρμογή στο Hot Potatoes, την αποθηκεύουμε σε μορφή html, πατώντας το F6 ή το 6ο εικονίδιο (από αριστερά) στη γραμμή εργαλείων του Hot Potatoes (export to create a Hot Potatoes version 6 web page) ii) Στη συνέχεια θα πρέπει να αποθηκεύουμε ( ανεβάσουμε ) το αρχείο σε κάποιο εξυπηρετητή ιστού (web server) στο διαδίκτυο, με χρήση προγράμματος ftp (π.χ. Filezilla). iii) Αντιγράφουμε τη διαδικτυακή διεύθυνση του αρχείου που θέλουμε να προσπελάσουμε (π.χ. iv) Από τον πίνακα ελέγχου του ιστολογίου μας, επιλέγουμε νέα ανάρτηση και στη φόρμα επεξεργασίας της νέας ανάρτησης επιλέγουμε HTML. v) Αντιγράφουμε την εντολή <iframe height="600" src="εδω ΑΝΤΙΓΡΑΦΟΥΜΕ ΤΗΝ ΔΙΑΔΙΚΤΥΑΚΗ ΔΙΕΥΘΥΝΣΗ ΤΟΥ ΑΡΧΕΙΟΥ" width="500"></iframe> vi) Επιλέγουμε ΔΗΜΟΣΙΕΥΣΗ ή ΕΝΗΜΕΡΩΣΗ και Προβολή Ιστολογίου Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 8

9 Εργαστηριακή Εφαρμογή 1. Δημιουργήστε το δικό σας λογαριασμό στο Google 2. Επιλέξτε την εφαρμογή Drive 3. Δημιουργήστε την παρακάτω φόρμα: EEi58/viewform 4. Αντιγράψτε σε ένα Έγγραφο του Drive το σύνδεσμο κοινοποίησης 5. Στείλτε τη φόρμα μέσω ηλεκτρονικού ταχυδρομείο στη διεύθυνση: 6. Δημιουργήστε το δικό σας Blog με τη χρήση της εφαρμογής Blogger από το Google λογαριασμό σας με όνομα my blog και διεύθυνση όνομα.επίθετο (με λατινικούς μικρούς χαρακτήρες).blogspot.com 7. Μεταβείτε στον πίνακα ελέγχου (αφού κάνετε κλικ στον τίτλο του ιστολογίου) 8. Επιλέξτε Νέα ανάρτηση και δημιουργήστε την πρώτη σας ανάρτηση εισάγοντας μία εικόνα με θέμα Πληροφορική από το διαδίκτυο και ένα απλό κείμενο (π.χ. Hallo world) 9. Δημιουργήστε μία νέα Σελίδα, επιλέγοντας Σελίδες από τον Πίνακα Ελέγχου, με όνομα ΔΔΕ Ξάνθης. 10. Ανοίξτε νέα καρτέλα στον φυλλομετρητή σας, και εντοπίστε από την εφαρμογή Χάρτες του Google λογαριασμού σας τη ΔΔΕ Ξάνθης και ενσωματώστε τον χάρτη στη σελίδα που δημιουργήσατε (Επιλέγουμε Σύνδεσμος και αντιγράφουμε τον κώδικα HTML. Στη συνέχεια επιλέγουμε HTML στη φόρμα επεξεργασίας Σελίδας και κάνουμε επικόλληση τον κώδικα). 11. Επιλέγουμε να εμφανιστεί η σελίδα. 12. Επιλέξτε Νέα ανάρτηση και δημιουργήστε δεύτερη ανάρτηση εισάγοντας ένα βίντεο με θέμα web 2.0 tools από το youtube (δεξί κλικ στο βίντεο ενώ παίζει και επιλέγουμε Αντιγραφή κώδικα ενσωμάτωσης και κάνουμε επικόλληση στη φόρμα επεξεργασίας τηες σελίδας, στην επιλογή HTML) 13. Δημιουργήστε μία τρίτη ανάρτηση στην οποία θα ενσωματώσετε την φόρμα που δημιουργήσατε (επιλέξτε από το Drive μου την φόρμα και στη συνέχεια Αποστολή φόρμας Ενσωμάτωση Αντιγραφή κώδικα και Επικόλληση στη φόρμα επεξεργασίας της σελίδας, στην επιλογή HTML) 14. Δημοσιεύστε στο ιστολόγιό σας, ως νέα ανάρτηση μία άσκηση που δημιουργήσατε με την Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 9

10 εφαρμογή Hot Potatoes. 15. Αποσυνδεθείτε από το λογαριασμό σας και επισκεφτείτε το νέο ιστολόγιό σας! Καλή Επιτυχία!!! Εισαγωγικό Σεμινάριο Πληροφορικής. Ιούνιος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ξάνθης 10