Citiwiki summer workshop day 1 introduction
This presentation is the property of its rightful owner.
Sponsored Links
1 / 40

CitiWiki Summer Workshop Day 1: Introduction PowerPoint PPT Presentation


  • 60 Views
  • Uploaded on
  • Presentation posted in: General

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.

Download Presentation

CitiWiki Summer Workshop Day 1: Introduction

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Citiwiki summer workshop day 1 introduction

CitiWiki Summer Workshop Day 1: Introduction

Li Xu

CS, UMass Lowell


Citiwiki summer workshop

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


Citiwiki summer workshop1

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


Citiwiki summer workshop2

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


Citiwiki summer workshop3

CitiWiki Summer Workshop

Organizers

Judy Boccia

Li Xu

Marjorie Dennis

Heather Byrne (workshop assistant)

Participants

STEM teachers and educators from local school district

5

CitiWiki Workshop 2007


Citiwiki summer workshop4

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:[email protected]


Citiwiki summer workshop5

CitiWiki Summer Workshop

  • Workshop session

    • 9:15am-12:15pm

    • Olsen 314 (CS computer lab)

    • 15 minutes break 10:45-11:00


Day 1 agenda

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


Day 1 goals

Day 1 Goals

9

  • 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


Internet

Internet

  • Collection of computers connected to each other globally


Citiwiki summer workshop day 1 introduction

Web

  • Web server

  • Web browser

    • Firefox


Web page

Web Page


Citiwiki summer workshop day 1 introduction

HTML


Hello world in html

Hello, world in HTML


Xhtml and css

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 1.0 and Web 2.0


Web 2 0

Web 2.0

  • Wiki

  • Blog, blogger.com

  • Wikipedia

  • Podcast

  • MySpace, Facebook, Bebo, friendster

  • YouTube

  • Flickr


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.


Citiwiki summer workshop day 1 introduction

Wiki


Hello world in wiki

“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.


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


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


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


Best known wiki wikipedia

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

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

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

Wikispaces

  • Usefulchem.wikispaces.com

  • Combine blog, student project, reference, resources through Wiki


Citiwiki summer workshop day 1 introduction

Blog

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

  • Blogger


Social networking sites

Social Networking Sites

  • MySpace

  • Facebook


Youtube

YouTube

  • Video


Flickr

Flickr

  • Photos


Podcasting

PodCasting

  • iTunes and iTunes U

  • MIT Open Course Ware


Rss feed

RSS Feed

  • Thunderbird


Education relevance

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

Roll Your Own – CitiWiki

  • Web page and Wiki based

  • Google group


Technology terms

Technology Terms

  • Web server

  • HTML, XHTML, XML, CSS

  • Wiki


Using browers

Using Browers

  • Firefox, Thunderbird


Google groups

Google Groups

  • Online discussion groups


Brainstorm what you can do

BrainStorm What You Can Do


Day 1 assignment

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


  • Login