1. Using the Web to Teach & Learn the Web Dr. David C. Gibbs Department of Mathematics and Computing University of Wisconsin-Stevens Point Stevens Point, WI 54481 dgibbs@uwsp.edu

2. WBE 20042 Introduction UW-Stevens Point, Department of Mathematics and Computing A new major: Web and Digital Media Development (WDMD) “… to combine the aesthetic side of web design with an understanding of hardware/software and business awareness.”

3. WBE 20043 Content of the Major Core Courses include: Appreciation of the creative role in art and music Survey of Issues involving the Internet Introduction to Web Programming Use of Tools for Developing Web Applications Business Writing Principles of Marketing and Management

4. WBE 20044 Two Concentrations of the Major Design Focus Computer graphics Digital audio/video development Professional caliber development tools Technical Focus Client-server Web applications programming Data communications Network management

5. WBE 20045 Key Foundation Intro programming course important for both concentrations Prepares technically focused students for further coursework Provides the only “under the hood” examination for design focused students

6. WBE 20046 Content of the Course HTML/XHTML JavaScript Cascading Style Sheets (eventually) XML

7. WBE 20047 The Course and its Activities Students will complete eLessons eQuizzes eDiscussions eReview of Peer Coding eFolio Creation and Organization Course Project

8. WBE 20048 1. eLessons Voice over PowerPoint, converted to HTML; served over the web Development Strategy Identify course objectives Formulate programming tasks Divide into subtasks Content, example, subtask, repeatedly Integration of subtasks in whole task

9. WBE 20049 2. eQuizzes Online quizzes administered by the courseware system Taken as many times as desired System records highest score GOAL: increase time on task; motivation to study provided by midterm and final examinations

10. WBE 200410 3. eDiscussions Topics of relevance examined bi-weekly Examples: Course project proposal Features of freeware editor HTML-Kit Establish rubrics for eFolio, Course Project evaluation Finding and sharing reference materials

11. WBE 200411 4. eReview of Peer Coding “Peer editing” (English class) Online groups of three or four Each student posts code solution (HTML, JS) with notes Groupmates critique, evaluate, discuss

12. WBE 200412 5. eFolio Creation “Electronic Portfolio” Requires organizational structure (directories, hierarchy) Evaluated by peer eReview Evaluation rubric created by class

13. WBE 200413 6. Course Project Ideally a “real” site Immediately implement the coding skills Presented “virtually” at the conclusion of the course

14. WBE 200414 Text Reading Old fashioned book-learning!! (integrated with executing code samples provided by the author)

15. WBE 200415 Courseware for Utilities Desire to Learn (D2L) Facilitates: Announcements Quizzes Discussion forums – peer group and collective Gradebook

16. WBE 200416 Web-based Innovations New Wrinkles Peer Review Unique Aspects of this Course eLessons as interactive construction of programming skills

17. WBE 200417 New wrinkles – Peer Review Emphasis is upon learning (as opposed to correctness) Turning anti-plagiarism on its head Essentially sharing code and commentary Students as teachers D2L site

18. WBE 200418 Unique Aspects eLessons are a work in progress… 1. Content piece -> eTask 2. Content piece -> eTask 3. … 4. Content piece -> eTask 5. Integrating exercise(s)

19. WBE 200419 Conclusion An online course in “programming the web” uses 6 activities: Web slides with audio presentation Online quizzing Discussion Review of programming code Creation and organization of an electronic portfolio Integration of knowledge in an authentic project

20. WBE 200420 Questions? / Comments? This presentation and paper http://www.uwsp.edu/cis/dgibbs/WBE2004/ e-Mail dgibbs@uwsp.edu