1. Workshop: designing learning spaces with Web 2.0 tools iLearning Forum 2008 Ada Giannatelli, Simona Azzali METID Centre - Politecnico di Milano

2. General info Duration: 1h 30 min Contact data: Ada Giannatelli [ada.giannatelli@polimi.it] Simona Azzali [simona.azzali@polimi.it] METID Centre – Politecnico di Milano [http://www.metid.polimi.it] Workshop material available online at http://pipes.yahoo.com/pipes/pipe.info?_id=e427f142893fb773dc60704d5bfa74eb Aim of the workshop: giving an overview of design of Web 2.0 tools for learning environments (education and training, formal and informal learning) totally online, blended, and web-enhanced

3. Organization profile Thanks to METID Centre projects, in 2004 Politecnico of Milan was identified by the European Union as one of the top 8 European Good Practices of Virtual Universities Member of Name: METID Centre of the Politecnico of Milan (Metodi E Tecnologie Innovative per la Didattica - Innovative Methods and Technologies in Learning ) Mission: to promote and support innovation of learning services Core business: design and development of (e-)learning services for internal and external bodies, at national and international level Human capital: 40 people, among them instructional designers, interaction designers, computer engineers, multimedia developers, university teachers, and researchers (biological diversity)

5. Semantic Web evolving extension of the World Wide Web in which web content is represented and integrated in a more effective way, using also visual communication Web 2.0 second generation of web-based communities and hosted services which aim to facilitate creativity, collaboration, and sharing between users. The term gained currency following the first O'Reilly Media Web 2.0 conference in 2004 (Wikipedia) Some definitions… software programs that allow users to interact and share data with other users Social software online tools and platforms that people use to share opinions, insights, experiences, and perspectives with each other. Social media can take many different forms, including text, images, audio, and video (Wikipedia) Social media at technical level: associated to Ajax Language, that integrates Java and HTML for a rapid and media-rich interaction with the Web

6. After 2000 dot com crash, during the following 3 or 4 years for business Internet seemed to be an empty promise…but later on… Web 2.0: a little history convergence = Web 2.0 diffusion of broadband interaction: growth of online forums, based on common interest web applications: Amazon, eBay, Google evolve successfully open source standards: adoption of OS standards supported by critical mass of people critical mass increasing interest in informal and non-formal learning

7. Spot on: mobile Services Google and Facebook recently joined the DataPortability Workgroup for portability on mobile devices Contents At the Politecnico di Milano: all lectures of the online degree in Computer Engineering and of new online training courses for civil servants available in portable format

8. The Long Tail (coined by Chris Anderson in 2004) Small sites and narrow niches make up the bulk of internet content; “endless” choices for users No more convergence on a limited number of products, interest for various products ( personalized interest ) business model e.g. of Amazon Web 2.0: what does it change?

9. Some data… Source: http://www.compete.com

10. Web 2.0 areas and tools

11. Some definitions… Formal learning takes place in education and training institutions, leading to recognised diplomas and qualifications Memorandum on Lifelong Learning (European Commission, page 8) Non-formal learning takes place alongside the mainstream systems of education and training and does not typically lead to formalised certificates. lt can also be provided through organisations or services that have been set up to complement formal systems (such as arts, music and sports classes or private tutoring to prepare for examinations) Informal learning is a natural accompaniment to everyday life. Informal learning is not necessarily intentional learning, and so may well not be recognised even by individuals themselves as contributing to their knowledge and skills

12. Some data…

13. Some data… Source: How businesses are using Web 2.0: A McKinsey Global Survey

14. Web 2.0 areas and tools 1

16. 1 Content builiding: Wiki

19. 1 Content builiding: Wiki

20. European project eLene EE Wiki http://www.elene-ee.net Performing Galileo Wiki Project for high school students in collaboration with Piccolo Teatro of Milan. Students are required to give contributions on Brecht’s “The Life of Galileo” using Web 2.0 tools http://www.performingalileo.net Wikiversity http://wikiversity.org En Français: Wikiversité, communauté pédagogique libre http://fr.wikiversity.org/wiki/Accueil Wiki how-to: pb Wiki - Getting Started http://www.youtube.com/watch?v=A204JcGQiY0&eurl=http://blogveilleflorencemeichel.blogspot.com/2007/12/pbwiki.html 1 Some examples of Wiki for education and training

21. European project eLene EE Wiki http://www.elene-ee.net 1 Some examples of Wiki for education and training

22. Performing Galileo Wiki Project for high school students in collaboration with Piccolo Teatro of Milan. Students are required to give contributions on Brecht’s “The Life of Galileo” using Web 2.0 tools http://www.performingalileo.net 1 Some examples of Wiki for education and training

23. 1 Content builiding: CMap

24. Google Docs is a free, Web-based word processor , spreadsheet and presentation application offered by Google. It allows users to create and edit documents online while collaborating in real-time with other users 1 Content builiding: Google Docs

28. 3 1 4 2

32. 2 Communication: blog

34. “ Social networking focuses on the building and verifying of online social networks for communities of people who share interests and activities, or who are interested in exploring the interests and activities of others, and which necessitates the use of software” (Wikipedia) e.g. Facebook ( formerly limited to registrants with .edu email addresses ), LinkedIn, Ning According to a new survey released by Vault.com, 44% of employers use social networking web sites like MySpace and Facebook to examine the profiles of job candidates, and 39% have looked up the profile of a current employee 2 Communication: social networking

36. Facebook Paris Tech ( collective entity that includes ten of the most prestigious French engineering schools ) http://www.facebook.com/group.php?gid=2382238262 Groupe des étudiants Paris Descartes http://www.facebook.com/group.php?gid=2446212231 Public Speaking Workshop of Oxford university student union (event group) http://oxford.facebook.com/event.php?eid=5333414263&ref=mf Université de Montréal http://www.facebook.com/pages/Montreal-QC/Universit-de- Montral/14096350493?ref=s LinkedIn Careerservice of Politecnico di Milano, external relations http://www.linkedin.com Ning French Teachers in the 21st century (open network) http://frenchteachers.ning.com 2 Some examples of s ocial networking for learning

39. 2 1 4 3

43. A podcast is a collection of digital media files which is distributed over the Internet using syndication feeds for playback on portable media players and personal computers. The term can refer either to the content itself or to the method by which it is syndicated; the latter is also termed podcasting The term "podcast" is a mix of the acronym "Pod" – standing for "Portable on Demand" – and "broadcast". The iPod name was coined with Pod, prefixed with the "i" commonly used by Apple for its products and services. The first podcasting scripts were developed for the iPod. These scripts allow podcasts to be automatically transferred to a mobile device after they are downloaded. Though podcasters' web sites may also offer direct download or streaming of their content, a podcast is distinguished from other digital media formats by its ability to be syndicated, subscribed to, and downloaded automatically when new content is added, using an aggregator or feed reader capable of reading feed formats such as RSS or Atom. 3 Media sharing: podcast

48. 2 3 1 4

57. 4 Social bookmarking: models of use

61. Types Web-based applications on remote servers, typically available as Web applications (Google Reader or Bloglines) everywhere with an Internet connection Client software installed applications to collect Web feed subscriptions and group them together using a user-friendly interface similar to popular e-mail clients (subscriptions in a frame on the left - individual entries browsed, selected, and read in frames on the right) Media aggregators client or Web-based applications which maintain subscriptions to feeds that contain audio or video media enclosures. They can be used to automatically download media, playback the media within the application interface, or synchronize media content with a portable media player Feed filtering many feed readers allow users to tag each feed with one or more keywords which can be used to sort and filter the available articles into easily navigable categories. Another option is to import the user's Attention Profile to filter items based on their relevance to the user's interests. 4 Source management: aggregator RSSOwl (cross-platform), Safari (Mac OS) Sage, a Firefox extension (cross-platform) Client software: iTunes (Mac, Windows) Web based (hosted) MyYahoo, Bloglines, Netvibes

62. 4 Source management: aggregator

63. 4 Source management: aggregator

64. In the table below, some examples of the most significant aggregators 4 Source management: aggregator A very “heavy” application Only for FireFox (FireFox plug in) In some cases, very slow; to many yhings together  chaotic and confused Difficult to Customize Disadvantages It creates an archive with encosures (downloaded files) It is possible to generate pdf or HTML files from each feed It is possible to generate OPML files with the list of RSS  it is possible to trnsfer the file to other PCs Direct submission to a feed through a FireFox button Partcicular features molto immediata quindi la comprensione; Similar to an email client (feed list, preview, …) Very easy to use Intuitive and immediate interface It’s a plug-in of FireFox, you can use it only with FireFox Much more customizable then Bloglines Linked to the YAHOO world  a very rich community (chat, mail, blog, …); Very easy to customize and to modify the setting “ Minimal” interface and easy to use Primary features English, Italian, … The setting language of FireFox English, Italian, … Only English Languages http://rssowl.en.softonic.com http://www.evl.uic.edu/cavern/sage/download.php http://it.my.yahoo.com/ http://www.bloglines.com URL Desktop (pc) Desktop (pc) Online Online Typology RSSOwl Sage My Yahoo Bloglines

65. … is a web application that combines data from more than one source into a single integrated tool Mashups Aggregator Every user can build his own aggregator and can mix data for his individual purpose and use Mashup Combination of one or more data sources in a unified interface that is the same for all users that access it vs 4

66. Example of mashup of Flickr + Google Maps + YouTube - EducationSearch http://educationsearch.net An education search tool which enables you to search by: Location, Career, Industry/Salary and provides personalized searches to save for future reference Mashups for education 4

67. Example of mashup of del.icio.us + Google Maps + Flickr – New Media Consortium http://www.nmc.org Mashups for education 4

68. Example of mashup of Flickr – S ocio-academic utility that helps college students make decisions about professors and classes, by combining an extensive amount of academic information directly from university records along with social networking data http://www.pickaprof.com Mashups for education 4

69. Example of mashup of Google Maps – Greenspace carbon emission map http://greenspaceresearch.uhi.ac.uk/greenspace/map.html Carbon Emissions Map for UK showing emissions down to square km level, source of emissions, and an emission reduction todo list for individuals and communites Mashups for education 4

70. Example of mashup of Flickr + Google Maps – KQED Quest http://www.kqed.org/quest Google Map and Flickr mashups present high-quality television programs, radio spots, blog postings, education guides, and map-based explorations Mashups for education 4

71. Some data… Source: How businesses are using Web 2.0: A McKinsey Global Survey

72. Farewell of a Web 2.0 service…

73. Web 2.0  conclusion - reliability of persistence on the time + collaboration and integration + costs + ubiquitous accessibility + customizability (OS) - l imitations on how much can be stored on his/her account