PPT - UMass Lowell
Download
Report
Transcript PPT - UMass Lowell
CitiWiki Summer Workshop
Day 3: A Wiki Framework
Li Xu
CS, UMass Lowell
Day 2 Reflection
Q&A
Project discussion later today
PmWiki Alternative:
www.wikispaces.com
CitiWiki Workshop 2007
2
Day 3 Agenda
Styling web page using CSS
Wiki teaching framework
End product
CitiWiki Workshop 2007
3
Day 3 Goals
Learn to use CSS to style web page
Format, layout
Learn web and Wiki teaching framework
Getting started with end product
Use CitiWiki to prototype your project
CitiWiki Workshop 2007
4
CSS Styling
Style rules in CSS
Selector {declaration}
Example: p {color: blue; background-color:
white; }
XHTML file is a tree structure (tags are
strictly enclosing), root is html
Selector consists a path to select specific
elements in HTML page
CitiWiki Workshop 2007
5
Cascading
“Outer, upper” element’s style will be
inherited by “inner, lower” element,
unless specified otherwise
CitiWiki Workshop 2007
6
Connecting CSS to HTML
Embed style in HTML header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My Page</title>
<style type="text/css">
p {text-align:right; font-family: Arial, Helvetica, sans-serif;}
li {font-weight:bold;}
</style>
</head>
CitiWiki Workshop 2007
7
Connecting CSS to HTML
Link style sheet file to HTML
Put style commands in style.css file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>My Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href=“style.css" />
</head>
CitiWiki Workshop 2007
8
CSS Beauty
CSS Zen Garden
http://www.csszengarden.com/
CitiWiki Workshop 2007
9
CSS Exercise
Using heading, p, div, list tags
Embedding and linking methods
CSS layout: CSSEasy.com
CitiWiki Workshop 2007
10
Use Web Page Software
FrontPage
DreamWeaver
Check out W3C Standards Specification
CitiWiki Workshop 2007
11
Web and Wiki Teaching
Framework
Course web page (static)
Wiki (dynamic and active learning)
Student assignments, projects,
resources, students
Blog, feedback, discussion,
collaboration
Day 3 Assignment: how you will build
one
CitiWiki Workshop 2007
12
Course Management
Course activities embodies the learning process
Assignments
Projects
Discussion, research
Give students guidance
Teach students good methodology, discipline and
strategy
Give teacher feedback and assessment instruments
Team, group and class-wide collaborative learning
CitiWiki Workshop 2007
13
Participants and Interactions
Instructor
Type I
Type II
Type IV
Type V
Individual
Student
CitiWiki Workshop 2007
Type III
Whole
Class
14
Current Practice
Ad-hoc and vary widely by class and instructor
“Free hand”, students on their own, use project handout as
bible
Milestones: specify intermediate project milestones as
checkpoints
Regular meetings: limited by instructor and student time
commitment, generally not scalable
Tools and artifact
No tools, students keep their TODO lists
Instructor does not have accurate info on students progress
CitiWiki Workshop 2007
15
What Are Missing
The participants and interaction model
• Only limited Type IV student-self
management
• Non-real time Type I instructorInstructor
student interaction
• minimal interactive group learning
Type I
Type
II of tool support
• Lack
Type IV
• Lack of formal
archivable
artifact
Type
V
Individual
Whole
Type III
Student
Class
CitiWiki Workshop 2007
16
Wiki as Solution
A Wiki-based light-weight, simple,
flexible, yet powerful course
management framework
Enable all interactions
Support and Capture activities by
participant
Easy to use and low overhead
Allow collective group learning
CitiWiki Workshop 2007
17
Why Wiki
Web-based content management and
sharing
Web server runs Wiki engine
Web browser as interface for content
access and authoring
Simple Markup to create Wiki pages
Open, low overhead, flexible online
sharing and collaboration
CitiWiki Workshop 2007
18
The Wiki Framework
Use Wiki for course management
Build a shared Wiki site
Both instructor and students create and access pages
Instructor create Wiki page to supplement course
materials, post general announcements, guide students,
give general help
Students create Wiki page for homework and project
planning and implementation: Wiki log is part of the
project
Group or class common pages for collective learning
Course activities captured and shared through
Wiki pages
CitiWiki Workshop 2007
19
Multi-dimensional Interaction
Through Wiki
Instructor
WI
Type
Type IV
Individual
Student
CitiWiki Workshop 2007
W
Type II
W
W
Type III
Type V
Whole
Class
20
Wiki Structure
Class announcements: section created by
instructor, class-wide project announcements
and info
Common corner: both instructor and students
can create and modify pages, serves as
shared knowledge
MyWiki: student project wiki, organized by
students name, the centerpiece of teaching
Wiki
Wiki Help: Wiki online documentation for
handy reference
CitiWiki Workshop 2007
21
User Access Control
Fine-grained user access control
Users use login name/password to use Wiki
Instructor as super user, set site structure,
create read-only pages, write student
pages
Students have sole write control of their
own pages, but others can view
Common pages shared by all
CitiWiki Workshop 2007
22
Activities Enabled
MyWiki: focal point of student project
Required and graded for project
Wiki page reports detailed info on all
phases of project: planning and execution
“Harry Portter” as virtual student template
TODO
Class blog
Immediate results
Questions and Issues to resolve
CitiWiki Workshop 2007
23
Activities Enabled
MyWiki page as self-guide and
introduce discipline in learning process
Capture real-time snap shot of whole
class
Precise assessment, targeted feedback
and support
Peer learning and group learning: Wiki
pages are open and shared
CitiWiki Workshop 2007
24
Teaching Practice
Use Wiki in a compiler class
PmWiki
Set up during one afternoon
Four project sequence to build a simple
compiler for an embedded robot controller
Require students to use Wiki extensively in
their implementation: write Wiki notes on
daily basis
CitiWiki Workshop 2007
25
Wiki Setup
Each student get assigned account and
own MyWiki section
Use “Harry Portter” as sample page to
illustrate requirements
Use Project blog to gather info on class
status and identify problems
CitiWiki Workshop 2007
26
Collective Learning
Common corners to share know-hows
and project tips
Survey how error handling can be done
with the given compiler tools
CitiWiki Workshop 2007
27
A Look at the Generic
Framework
CitiWiki Workshop 2007
28
Questions: Using Wiki at your
site
What is your project plan?
How is your educational objective can
be solved by Wiki?
What is your hypothesis related to this
activity?
How do you plan to assess your
project?
CitiWiki Workshop 2007
29
Review of End Product
Guidelines
Part I Due August 15, 2007
Written description of your project
Your framework Wiki page on CitiWiki
CitiWiki Workshop 2007
30
Section A
Description
How you will use web and Wiki in your
project
Compare with other possibilities
Statement of Expected Outcomes
CitiWiki Workshop 2007
31
Section B
The Course Profile
The Student Profile
Relate to
Relate to
Relate to
Relate to
learning.
CitiWiki Workshop 2007
selection of project.
hypothesis.
teaching philosophy.
factors that affect teaching and
32
Section C
Develop a Plan
Timeline
Materials needed for development
Support or training needed
Technical resources needed
Preparation of handouts
CitiWiki Workshop 2007
33
Section D
Measure the student performance.
Link the appropriate assessment to the
teaching activity.
Collect student feedback.
Share outcome with students.
Describe plan for addressing poor
student performance.
CitiWiki Workshop 2007
34
Appendix
Surveys
Handouts
Collected student feedback
Guidelines
Rubrics
Bibliography
CitiWiki Workshop 2007
35
October, 2007
Collegial Review/Demo Seminar
CitiWiki Workshop 2007
36
End Product
Part II
October 15, 2007
Combined Part I and II
CitiWiki Workshop 2007
37
Section E
Narrative summary of findings
Reflections
Plans for future
CitiWiki Workshop 2007
38
Appendix
All teaching materials related to this
section
Tools for assessment
Bibliography
CitiWiki Workshop 2007
39
End Product Reminders
Evaluation
CitiWiki Workshop 2007
40
More Questions to Consider?
Does use of web and Wiki enhancement assist
students in meeting particular learning objectives?
If yes, is this an effective approach to teaching this
content?
Will it add to the student learning experience?
Is this assignment/task at a skill-appropriate level
for students?
What's involved in the development of the web
enhancement? (time, hardware/software, training)
And many others…
CitiWiki Workshop 2007
41
End Product Part 1 – Aug. 15
Planning Component
A.
B.
C.
Statement of Wiki-Enhanced Teaching Activity
Course/Student Profile
Plan for Implementation
D.
Timeline
Teaching Activity & Prep
Required Resources
Plan for Assessment/Feedback
Appendix
CitiWiki Workshop 2007
42
End Product – Oct 15, 2007
Complete Project in Final Form
Sections A,B,C,D
E.
Findings & Reflections
F.
Appendix
CitiWiki Workshop 2007
43
Discussion
CitiWiki Workshop 2007
44
Day 3 Assignment
Project outline and description on your
Wiki blog
Create a separate page for your project
Prefix with your first name and last name
CitiWiki Workshop 2007
45