Project Manager: Peggy ChungResearch Expert: Piya Sorcar

Design Expert: Kristine HansonProgrammer: Leith Abdulla

EDUC 391 Web-Based Technologies in Teaching and Learning

FINAL PROJECT

SHOW WEBSITE

SUMMARY:

WebTECH Designs, Inc. has developed an e-learning course for junior high students to learn about Web page design, and then to design Web pages for personal use.

Before working on the desired product, we first identified objectives defined “ABCDs” and technological requirements, and conducted background research through the use of multiple surveys to three different audiences to ensure the viability of the desired product.

After initial assessments were made, we began actual product development of analyze, design, and build.

The e-learning course has not yet reached its final stage at present due to time constraints imposed by Stanford’s quarter system.

OBJECTIVES:

Provide a Web page design tutorial program targeted for junior high students who want to learn how to use the Web and design their own Web pages

Indirectly provide students the opportunity to effectively manipulate the internet as a resource for finding the information they’re looking for

Break down misconceptions in society that technology is something to be feared, and demonstrate that everyone, regardless of background, can learn to access to the Web and use Web technologies for their own needs

AUDIENCE

The intended audience(s) that the e-learning course is designed for includes:

- Primary audience: male and female junior high students (age 12-14)

- Target audience: students of the lowest income level and ethnic groups who have minimal access to computers- Unintended audience: anyone who is interested in this topic can participate in the program

The basic requirements needed by users of the e-learning course are:- Basic literacy in English at the 3rd grade reading level- Basic computer literacy (ie. knowing how to operate a computer, use a mouse, etc).- Note: There are no physical limitations for learners who want

to participate in this program, provided they meet the requirements stated above.

BEHAVIOR

From participating in the course, learners will be able to demonstrate all of the following behaviors modeled on Bloom’s Taxonomy:

1. Collect graphics for Web page by uploading and displaying images.

2. Demonstrate knowledge of HTML commands by being able to write 10-15 functional commands on their own.

3. Recognize and differentiate HTML commands from text on Web pages.

4. Construct their own Web page by integrating template HTML codes from external sources.

BEHAVIOR Continued

5. Manage spacing of text by breaking up a long paragraph to make it more readable by adjusting line spacing and indentations.

6. Design division block of various styles and sizes in layout by understanding and manipulating <div> tags.

7. Identify the difference between external and internal hyperlinks on Web pages.

8. Format texts according to font, color, size, and style.

CONDITIONS

To participate in the tutorial, learners are required to have access to the following:

- A simple, basic computer (found in public libraries, homes, and/or school computer labs)

- The most outdated browser (Netscape 4.0)- Low bandwidth internet connection (at least dial-up)- A text-editor application (ie. notepad)

Additional program specifications are:- No use of flash, dreamweaver, etc. in this program- HTML/CSS references and a hosting site provided

Settings in which the course can be implemented are:- Self-motivated learning environment- An after-school club- An official course proctored by an instructor/teacher

DEGREE

The standard for acceptable performance for participants will require learners to design a Web page on their own after completing the tutorial.

During the course:- Learners are required to understand content material in its

entirety for every lesson.- 100% accuracy is required on tests after each lesson before

learner can move onto another lesson.- Tests will be administered “open-book” where learners may use any resources they have and can find.

The program is not designed to assess the quality of the Web pages that learners produce, but to ensure that learners have the skills necessary to design a Web page.

The program caters to individual learning, so no time limit is imposed on the learner to complete the program.

MEDIA RATIONALE:

Main concern - to allow free access to all junior high students desiring Web design skills.

After considering cost and limitations, we decided upon an online self-directed study vs cd-rom.

As an online course, it will be open to everyone worldwide.

Will address junior high students of all socio-economic levels

To accommodate this audience, we will be careful in design of product not to use enhancements that require a large bandwidth or new browsers.

Motivating force - designing a course for an audience with limited technological access will serve a greater good by minimizing the digital divide.

SURVEYS (Students, Teachers, Librarians)

1st Draft

2nd Draft

SURVEYS

Several Edits

STUDENT SURVEYS

43 surveys (22 female and 21 male)

Ages 11-16 years old

TEACHER SURVEYS

7 surveys from middle school teachers

LIBRARIAN SURVEYS

1 survey

STUDENT SURVEYS

STUDENT SURVEYS

STUDENT SURVEYS

STUDENT SURVEYS

SITEMAP:

SITEMAP:

SITEMAP:

Analyze

Design

Build

Evaluate

Repeat

OUR PROCESS

Analysis

Design

Development

Implementation

Evaluation

ANALYZE: Principle Based

Program Control vs. Learner Control

Pedagogical Agent & Personalization

Collaborative Learning with Asynchronous Interaction

Extraneous Principle

Intrinsic vs. Extraneous Load

Directive Instruction & Worked Examples

Directive Practice vs. Massed Practice

Transfer

Gagne’s 9 Events

Program Control

Intrinsic

Directive Practice

DESIGN

Sketches

BUILD

1. Power Point and Adobe Photoshop

BUILD

2. HTML

EVALUATE

REPEAT

AnalysisDesign

Build

Evaluate

PROTOTYPE:

ASSESSMENT:

Link to web report

THANK YOU!