![Page 1: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/1.jpg)
CitiWiki Summer Workshop Day 1: Introduction
Li XuCS, UMass Lowell
![Page 2: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/2.jpg)
CitiWiki Workshop 2007 2
CitiWiki Summer Workshop Sponsored by CITI K-12 education
grant Learn and use Wiki and web
technologies to enhance K-12 education
2 weeks in late June, July at UMass Lowell Week 1: 6/25-6/28 Week 2: 7/30-8/2
![Page 3: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/3.jpg)
CitiWiki Workshop 2007 3
CitiWiki Summer Workshop 8-day workshop sessions Topics: Web page and web site, Wiki,
GoogleGroup, Blog, Multimedia and Podcasting, RSS feed
Wiki-based teaching teching framework Format
PPT slide presentation Hands-on computer learning and exercises After-session assignments
![Page 4: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/4.jpg)
CitiWiki Workshop 2007 4
CitiWiki Summer Workshop
Participants will Learn to use Wiki, Web page, Google
group, Blog, Multimedia Podcasting Build a Wiki teaching framework for
school implementation Implement the project in Fall ’07 Follow-up participant project
presentation in Fall ’07
![Page 5: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/5.jpg)
CitiWiki Workshop 2007 5
CitiWiki Summer Workshop Organizers
Judy Boccia Li Xu Marjorie Dennis Heather Byrne (workshop assistant)
Participants STEM teachers and educators from
local school district
![Page 6: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/6.jpg)
CitiWiki Summer Workshop
Online presence Web page:
http://www.cs.uml.edu/~citiwiki/ Wiki:
http://www.cs.uml.edu/~citiwiki/wiki Mailing list and Google Group:
http://groups.google.com/group/[email protected]
![Page 7: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/7.jpg)
CitiWiki Summer Workshop
Workshop session 9:15am-12:15pm Olsen 314 (CS computer lab) 15 minutes break 10:45-11:00
![Page 8: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/8.jpg)
Day 1 Agenda
Introduction of Internet, Web, Wiki and Web 2.0
Explore Web and Wiki Run your own web server and Wiki
software Reflect what you do and how
technology can help Review and Day 1 assignmentCitiWiki Workshop 2007 8
![Page 9: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/9.jpg)
Day 1 Goals
Gain background of Internet, Web, Wiki, Web 2.0
Getting started with Wiki Use Wiki Get the software and run on your own
computer Brainstorm how technology can
help your education activitiesCitiWiki Workshop 2007 9
![Page 10: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/10.jpg)
Internet
Collection of computers connected to each other globally
![Page 11: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/11.jpg)
Web
Web server Web browser
Firefox
![Page 12: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/12.jpg)
Web Page
![Page 13: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/13.jpg)
HTML
![Page 14: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/14.jpg)
Hello, world in HTML
![Page 15: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/15.jpg)
XHTML and CSS XHTML stands for Extensible Hypertext
Markup Language Next generation HTML for web page
design Clean up HTML syntax, based on XML
CSS stands for Cascading Style Sheets Separate web page content and styling Rethinking of web design Web design for now and future
![Page 16: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/16.jpg)
Web 1.0 and Web 2.0
![Page 17: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/17.jpg)
Web 2.0
Wiki Blog, blogger.com Wikipedia Podcast MySpace, Facebook, Bebo, friendster YouTube Flickr
![Page 18: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/18.jpg)
Wiki
Hawaiian “wikiwiki” = fast Ward Cunningham developed first
Wiki WikiWikiWeb in 1994, and installed it on Internet domain c2.com on March 25, 1995.
![Page 19: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/19.jpg)
Wiki
![Page 20: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/20.jpg)
“Hello, world” in Wiki
Edit your Blog page at CitiWikihttp://www.cs.uml.edu/~citiwiki/wiki/index.php?n=Blog.Blog
Need your login name and password Wiki set up to require authentication for
editing Can also set password for read, or per-
page, or group protection. Will discuss later.
![Page 21: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/21.jpg)
Wiki Using your web browser for web
page creation and editing Simple interface and simple editing
commands Easy to Update Easy to Navigate Easy Linking Simple Design
![Page 22: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/22.jpg)
Wiki Technology to write and maintain web
pages in collaboration No single owner of the Wiki content
(unless explicitly set) Topical organization of content Question mark prompts creation of new
knowledge Knowledge repository with history
(version management) Hyperlinks connect context
![Page 23: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/23.jpg)
Wiki
Implications: Provides a highly generic and flexible
knowledge sharing and collaboration mechanism
Can replace Intranet / Portal as well as discussion forum and weblog
![Page 24: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/24.jpg)
Best Known Wiki: Wikipedia
Online Encyclopedia:http://en.wikipedia.org/wiki/Main_Page
Great resources to research topics:try search Wiki
Ask students to use for projects
![Page 25: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/25.jpg)
PmWiki
We will use PmWiki in this workshop
How it works Apache server PHP PmWiki package
Open source, download from CitiWiki page
![Page 26: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/26.jpg)
Using Web Technologies
Web 2.0 Break the barrier for content creation,
distribution, sharing, collaboration and management online: web and beyond
Exciting tools for education use
![Page 27: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/27.jpg)
Wikispaces
Usefulchem.wikispaces.com Combine blog, student project,
reference, resources through Wiki
![Page 28: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/28.jpg)
Blog
http://www.dvorak.org/blog/ Blogger
![Page 29: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/29.jpg)
Social Networking Sites
MySpace Facebook
![Page 30: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/30.jpg)
YouTube
Video
![Page 31: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/31.jpg)
Flickr
Photos
![Page 32: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/32.jpg)
PodCasting
iTunes and iTunes U MIT Open Course Ware
![Page 33: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/33.jpg)
RSS Feed
Thunderbird
![Page 34: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/34.jpg)
Education Relevance Drexel U Example: Jean-Claude Bradley Use blogs for creating podcasts or for
storing static sequential content (transcripts)
Use wikis to organize content and to interact with students on assignments
Use multiple channels to deliver content and assess learning
All of these technologies are simple, free and hosted
![Page 35: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/35.jpg)
Roll Your Own – CitiWiki
Web page and Wiki based Google group
![Page 36: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/36.jpg)
Technology Terms
Web server HTML, XHTML, XML, CSS Wiki
![Page 37: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/37.jpg)
Using Browers
Firefox, Thunderbird
![Page 38: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/38.jpg)
Google Groups
Online discussion groups
![Page 39: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/39.jpg)
BrainStorm What You Can Do
![Page 40: CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell](https://reader036.vdocuments.us/reader036/viewer/2022081603/56649eaa5503460f94bae8b4/html5/thumbnails/40.jpg)
Day 1 Assignment Create your Wiki blog on CitiWiki Preliminary plan on using Web and Wiki
in your teaching project, put it in your Wiki page
Sign on GoogleGroup to introduce you (optional) Get your own web server and
Wiki running on Windows machine Contact us if you use other configurations