C&I235: Content Area Application of Educational Technology Spring 2004 Instructor: Rongji Chen Co-instructor: Belinda Jiang Supervising Professor: Karen Ferneding

Course Introduction, Schedules & Grading Course syllabus Course syllabus Course syllabus Course syllabus Course materials are available online at rongji Course materials are available online at rongji rongji rongji

C&I235 Home Page Description of the course Description of the course Documents (e.g. handouts, grading rubrics, standards) Documents (e.g. handouts, grading rubrics, standards) Tutorials and templates Tutorials and templates Example ePorts from previous semesters Example ePorts from previous semesters Staff and contact information Staff and contact information Resources Resources

Learning Strategies Practice is the best way of learning about computers. Practice is the best way of learning about computers. Understand concepts -- not only skills Understand concepts -- not only skills –Concepts of page properties, table properties, hyperlinks, etc. Work with your peers. Work with your peers. Come to my office hours. Come to my office hours.

The ePort Project

Electronic Portfolio: Why? Document your professional development Document your professional development Authentic assessment Authentic assessment A reflective approach A reflective approach Storage - less space/better organization Storage - less space/better organization Easy access Easy access Multimedia capable Multimedia capable Computer skills Computer skills Might be useful when you apply for a teaching position Might be useful when you apply for a teaching position

Electronic Portfolio: What to include? 1. Home page: a welcome page and serves as a table of contents. 2. Resume: objectives, education, experiences, honor/award, reference. 3. Transcript: Educational and specialized courses. 4. Philosophy page: include your statement on technology in education. 5. Three sets of standards: i.Illinois Professional Teaching Standards; ii.Language Arts Standards for All Illinois Teachers; iii.Technology Standards for All Illinois Teachers. 6. Three educational links.

Electronic Portfolio: Site Map Home Page (index page) Resume pageTranscript page Standards page Philosophy page Favorite sites page Site 1 Link to Link to and from Site 2 Site 3 TeachingLanguage ArtsTechnology Education

Web Design Aesthetic Considerations Simplicity Simplicity –express ideas/information in a complete yet economic way Consistency Consistency –homogeneous pattern within the page and throughout all Web pages Color Scheme Color Scheme –color scheme influences the quality of a Web site

Web Design Technical Considerations Audience Audience Structure Structure Format Format Navigation Navigation

Planning for ePort Home Page (index page) Resume pageTranscript page Standards page Philosophy page Favorite sites page Site 1 Link to Link to and from Site 2 Site 3 TeachingLanguage ArtsTechnology Education

Student Web COE Server How it works How it works Very general 100MB space Very general 100MB space You will have access until two years after you leave the University You will have access until two years after you leave the University

Creating a Template Template Copy1 Copy2 copy3 Resume Transcript Philosophy Standards Links Copy4 Copy5 These pages will have a consistent design. It will also save you some time.

Introduction to FrontPage FrontPage interface FrontPage interface Three working modes: Normal, HTML, and Preview. Three working modes: Normal, HTML, and Preview.

Designing Your ePort Template Demonstration Demonstration Working with tables Working with tables

Inserting and Working with Tables Why tables? Why tables? –Organize information/objects –Create screen layout –Tables are very important in web design Examples Examples – –

Next Week We’ll be composing the “links,” “resume,” and “standards” page. We’ll be composing the “links,” “resume,” and “standards” page. Locate 3 favorite educational sites. Bring to class the URLs and a brief description of each site. Locate 3 favorite educational sites. Bring to class the URLs and a brief description of each site. Bring a copy of your resume to class. Bring a copy of your resume to class.