Transcript PPT - UMass Lowell

CitiWiki Summer Workshop
Day 1: Introduction
Li Xu
CS, UMass Lowell
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
CitiWiki Workshop 2007
2
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
CitiWiki Workshop 2007
3
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
CitiWiki Workshop 2007
4
CitiWiki Summer Workshop

Organizers





Judy Boccia
Li Xu
Marjorie Dennis
Heather Byrne (workshop assistant)
Participants

STEM teachers and educators from local
school district
CitiWiki Workshop 2007
5
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/citiwiki
[email protected]
CitiWiki Summer Workshop

Workshop session



9:15am-12:15pm
Olsen 314 (CS computer lab)
15 minutes break 10:45-11:00
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 assignment
CitiWiki Workshop 2007
8
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 activities
CitiWiki Workshop 2007
9
Internet

Collection of computers connected to
each other globally
Web


Web server
Web browser

Firefox
Web Page
HTML
Hello, world in HTML
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
Web 1.0 and Web 2.0
Web 2.0







Wiki
Blog, blogger.com
Wikipedia
Podcast
MySpace, Facebook, Bebo, friendster
YouTube
Flickr
Wiki


Hawaiian “wikiwiki” = fast
Ward Cunningham developed first Wiki
WikiWikiWeb in 1994, and installed it on
Internet domain c2.com on March 25,
1995.
Wiki
“Hello, world” in Wiki

Edit your Blog page at CitiWiki
http://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 perpage, or group protection. Will discuss
later.
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
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
Wiki

Implications:


Provides a highly generic and flexible
knowledge sharing and collaboration
mechanism
Can replace Intranet / Portal as well as
discussion forum and weblog
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
PmWiki


We will use PmWiki in this workshop
How it works




Apache server
PHP
PmWiki package
Open source, download from CitiWiki
page
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
Wikispaces


Usefulchem.wikispaces.com
Combine blog, student project,
reference, resources through Wiki
Blog


http://www.dvorak.org/blog/
Blogger
Social Networking Sites


MySpace
Facebook
YouTube

Video
Flickr

Photos
PodCasting


iTunes and iTunes U
MIT Open Course Ware
RSS Feed

Thunderbird
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
Roll Your Own – CitiWiki


Web page and Wiki based
Google group
Technology Terms



Web server
HTML, XHTML, XML, CSS
Wiki
Using Browers

Firefox, Thunderbird
Google Groups

Online discussion groups
BrainStorm What You Can Do
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