40
CitiWiki Summer Workshop Day 1: Introduction Li Xu CS, UMass Lowell

CitiWiki Summer Workshop Day 1: Introduction

  • Upload
    chico

  • View
    19

  • Download
    0

Embed Size (px)

DESCRIPTION

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. - PowerPoint PPT Presentation

Citation preview

Page 1: CitiWiki Summer Workshop  Day 1: Introduction

CitiWiki Summer Workshop Day 1: Introduction

Li XuCS, UMass Lowell

Page 2: CitiWiki Summer Workshop  Day 1: Introduction

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

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

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

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

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

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

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

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

Internet

Collection of computers connected to each other globally

Page 11: CitiWiki Summer Workshop  Day 1: Introduction

Web

Web server Web browser

Firefox

Page 12: CitiWiki Summer Workshop  Day 1: Introduction

Web Page

Page 13: CitiWiki Summer Workshop  Day 1: Introduction

HTML

Page 14: CitiWiki Summer Workshop  Day 1: Introduction

Hello, world in HTML

Page 15: CitiWiki Summer Workshop  Day 1: Introduction

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

Web 1.0 and Web 2.0

Page 17: CitiWiki Summer Workshop  Day 1: Introduction

Web 2.0

Wiki Blog, blogger.com Wikipedia Podcast MySpace, Facebook, Bebo, friendster YouTube Flickr

Page 18: CitiWiki Summer Workshop  Day 1: Introduction

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

Wiki

Page 20: CitiWiki Summer Workshop  Day 1: Introduction

“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

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

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

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

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

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

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

Wikispaces

Usefulchem.wikispaces.com Combine blog, student project,

reference, resources through Wiki

Page 28: CitiWiki Summer Workshop  Day 1: Introduction

Blog

http://www.dvorak.org/blog/ Blogger

Page 29: CitiWiki Summer Workshop  Day 1: Introduction

Social Networking Sites

MySpace Facebook

Page 30: CitiWiki Summer Workshop  Day 1: Introduction

YouTube

Video

Page 31: CitiWiki Summer Workshop  Day 1: Introduction

Flickr

Photos

Page 32: CitiWiki Summer Workshop  Day 1: Introduction

PodCasting

iTunes and iTunes U MIT Open Course Ware

Page 33: CitiWiki Summer Workshop  Day 1: Introduction

RSS Feed

Thunderbird

Page 34: CitiWiki Summer Workshop  Day 1: Introduction

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

Roll Your Own – CitiWiki

Web page and Wiki based Google group

Page 36: CitiWiki Summer Workshop  Day 1: Introduction

Technology Terms

Web server HTML, XHTML, XML, CSS Wiki

Page 37: CitiWiki Summer Workshop  Day 1: Introduction

Using Browers

Firefox, Thunderbird

Page 38: CitiWiki Summer Workshop  Day 1: Introduction

Google Groups

Online discussion groups

Page 39: CitiWiki Summer Workshop  Day 1: Introduction

BrainStorm What You Can Do

Page 40: CitiWiki Summer Workshop  Day 1: Introduction

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