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

2. Course Introduction, Schedules & Grading Course syllabus Course syllabus Course syllabus Course syllabus Course materials are available online at http://www.ed.uiuc.edu/courses/ci235/team/ rongji Course materials are available online at http://www.ed.uiuc.edu/courses/ci235/team/ rongji http://www.ed.uiuc.edu/courses/ci235/team/ rongji http://www.ed.uiuc.edu/courses/ci235/team/ rongji

3. C&I235 Home Page http://www.ed.uiuc.edu/courses/ci235 http://www.ed.uiuc.edu/courses/ci235 http://www.ed.uiuc.edu/courses/ci235 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

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

5. The ePort Project

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

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

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

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

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

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

12. Student Web Folder @ COE Server How it works How it works http://www.ed.uiuc.edu/oet/web/sites/webs/ http://www.ed.uiuc.edu/oet/web/sites/webs/ http://www.ed.uiuc.edu/oet/web/sites/webs/ 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

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

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

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

16. Inserting and Working with Tables Why tables? Why tables? –Organize information/objects –Create screen layout –Tables are very important in web design Examples Examples –http://www.uiuc.edu/ http://www.uiuc.edu/ –http://www.mbayaq.org/ http://www.mbayaq.org/

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