Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής Ελλάδας Πανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠ Εκπαίδευση Επιμορφωτών Β΄Επιπέδου.

Παρουσίαση με θέμα: "Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής Ελλάδας Πανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠ Εκπαίδευση Επιμορφωτών Β΄Επιπέδου."— Μεταγράφημα παρουσίασης:

1 Πανεπιστημιακό κέντρο εκπαίδευσης επιμορφωτών Δυτικής Ελλάδας Πανεπιστήμιο Πατρών, ΤΕΕΑΠΗ - Πανεπιστήμιο Πελοποννήσου, ΤΚΕΠ Εκπαίδευση Επιμορφωτών Β΄Επιπέδου  Ενότητα 3.3 Web 2.0 στην εκπαίδευση: Wiki  Εξοικείωση με τα εργαλεία Wiki  Διδάσκων: Nίκος Τσέλιος nitse@ece.upatras.gr

2 Γιατί να χρησιμοποιούμε τα wikis; Jennifer Carrier Dorman http://jdorman.wikispaces.com/ Απόδοση: Παναγιώτα Αλτανοπούλου http://jdorman.wikispaces.com/ http://www.commoncraft.com/video-wikis-plain-english

3

4 Εγγραφή και Δημιουργία του πρώτου Wiki http://www.wikispaces.com/site/for/teachers100K

5 Δημιουργία νέου Wiki  Όνομα ηλεκτρονικής διεύθυνσης  Απόρρητο  Εκπαιδευτική χρήση

6

7 Εγγραφή στα Wikispaces

8 Χρησιμοποιήστε το user name και password

9

10 Κλικ στο Edit This Page

11 Εμφανίζεται η μπάρα μορφοποίησης

12 Βασικές Λειτουργίες Μορφοποίησης 1. Έντονη γραφή 2. Πλάγια 3. Υπογραμμισμένη 4. Χρώμα Κειμένου 5. Μέγεθος 6. Κουκίδες με αρίθμηση 7.Κουκίδες 8.Εισαγωγή υπερσυνδέσμου(URL) 9. Εισαγωγή αρχείου ή εικόνας 10. Εισαγωγή βίντεο, χάρτη κ.τ.λ. 11. Εισαγωγή πίνακα 1 2 3 4 5 6 7 8 9 10 11

13 Εισαγωγή εικόνων και αρχείων Αρχεία 1. Κλικ στο File 2. Μετά Insert Files 3. Κλικ στο Upload File, βρίσκω το αρχείο και μετά κλικ στο αρχείο Εικόνες 1. Κλικ στο File 2. Μετά External Image 3. Επικόλληση του συνδέσμου και διπλό κλικ στην εικόνα

14 Εισαγωγή υπερσυνδέσμου  Επιλογή κειμένου  Κλικ στο Link

15 Υπερσύνδεσμος σε σελίδα του wiki  Επιλογή του“Wiki Link” και επιλογή του κατάλληλου ονόματος της σελίδας

16 Υπερσύνδεσμος σε εξωτερική σελίδα  Επιλογή “External Link” και επικολλούμε το URL στη περιοχή Address

17 Κλικ στο εικονίδιο Κλικ στο αντίστοιχο εικονίδιο Ανάλογα με το τι θέλουμε να βάλουμε Αντιγραφή του αντίστοιχου HTML κώδικα και μετά επικόλληση. Εισαγωγή Dynamic HTML - Widgets

18

19 Δημιουργία Πίνακα  Κλικ στο εικονίδιο  Επιλογή γραμμών και στηλών  Κλικ στο Insert Table

20 Μορφοποίηση Πίνακα  Κάνοντας κλικ σε ένα κελί, ανοίγουν οι επιλογές για τη μορφοποίηση του πίνακα.

21 Εισαγωγή Ειδικών Χαρακτήρων  Κλικ στο εικονίδιο  Επιλογή του χαρακτήρα

22 Αποθήκευση της σελίδας  Κλικ στο Save.

23

24 Μορφοποίηση του Navigation Menu  Στα αριστερά υπάρχει το μενού πλοήγησης στις σελίδες του wiki.  Για να μορφοποιήσουμε αυτό το μενού κλικ στην αντίστοιχη επιλογή.

25 Μορφοποίηση του Navigation Menu  Μας επιτρέπει να βάλουμε κείμενο, εικόνες, υπερσυνδέσμους.

26 Μορφοποίηση του Navigation Menu

27

28 Δημιουργία Θέματος Συζήτησης

29

30 Κλικ στο Θέμα

31 Απάντηση στο Θέμα Συζήτησης

32

33 Δημιουργία Σελίδας  Κλικ στο New Page.  Δίνουμε τίτλο στη νέα σελίδα.

34 Διαχείριση στο Wiki  Κλικ στο Manage Space link.  Επιλογές Look and feel (colors, template) Members and permissions Subscription κ.α.

35 Προτιμήσεις Wiki

36 Φυσικός σχεδιασμός: τροποποίηση θέματος

37 Μέλη και Άδειες

38 Πρόσκληση ατόμων

39 Για περισσότερες πληροφορίες  Wikispaces Tips and Tricks – http://www.wikispaces.com/wikitips  Wikispaces Help – http://www.wikispaces.com/help+index  Wikispaces Tours – http://www.wikispaces.com/site/tour  Creating / Registering Educational Wikis – http://www.wikispaces.com/help+teachers http://jdorman.wikispaces.com/wikiworkshop http://jdorman.wikispaces.com/PLCWikis http://www.edweek.org/dd/articles/2007/09/12/02wiki.h01.html http://www.edweek.org/dd/articles/2007/09/12/02wiki.h01.html

40 Άλλες πηγές  WEB 2.0  Πηγες για τις τεχνολογίες Web 2.0 και πως αυτές επηρεάζουν την εκπαίδευση.  e - learning 2.0 — How Web Technologies Are Shaping Education: www.readwriteweb.com/archives/e - learning_20.php  Educause ’ s 2008 Horizon Report: http://connect.educause.edu/Library/ELI/2008HorizonReport/45926  What Is Web 2.0: www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what - is - web - 20.html  “ Web 2.0 ” in Wikipedia: http://en.wikipedia.org/wiki/Web_2http://en.wikipedia.org/wiki/Web_2  COLLABORATIVE WRITING  Οδηγίες για συνεργατική συγγραφή.  Teach Collaborative Revision with Google Docs: www.google.com/educators/weeklyreader.html  Why Consider Collaborative Writing Assignments?: http://wac.colostate.edu/intro/pop2l.cfm  Collaborative Writing Projects: www.nelliemuller.com/Collaborative_Projects.htm  Collaborative Writing Tools and Technology: A Mini - Guide: www. Kolabora.com/news/2007/03/01/collaborative_writing_tools_and_technology.htm  SCAFFOLDING  Αποτελεσματικές τεχνικές scaffolding στην εκπαίδευση.  Scaffolding for Success: http://fno.org/dec99/scaffold.html  Scaffolding Web Site: http://condor.admin.ccny.cuny.edu/~group4/