IT208+Syllabus

 ** COURSE SYLLABUS **  First Semester, SY 2010-2011  **//I //**// **Course Code:** // IT 208 **//Course Title: //** Internet and Web Publishing **//Credit: //** 3 Units  2 hour lecture, 3 hours laboratory **//Prerequisite: //** IT 203 Database Management System I  **//II. //**// **Course Description:** //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> This course covers the different aspects of web publishing including essential strategies and skills in planning, designing, developing and maintaining dynamic websites using different web publishing tools. o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> The students will work towards developing and publishing a website as their final output for the course. **//<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">III //**//<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> **Course Objectives** //**<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">: **<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> //<span style="color: black; font-family: 'Arial','sans-serif'; font-size: 11pt;"> General: // <span style="color: black; font-family: 'Arial','sans-serif'; font-size: 11pt;"> At the end of the course, the students are expected to be able to create an interactive website applying the principles and concepts of website development. //<span style="color: black; font-family: 'Arial','sans-serif'; font-size: 11pt;"> Specific: // <span style="color: black; font-family: 'Arial','sans-serif'; font-size: 11pt;"> Upon completion of this course, the student should be able to: o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Build a GUI applying best practices. o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Design and build web applications. o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Use client-server technologies. o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Understand web services and service-oriented architectures. o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Understand and possibly apply virtual team working and best practices. =// IV Course Requirements:  //= <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> 3 Projects (Website development) 2 Individual 1 Group Website evaluation Quizzes and Assignments Practical Test Long Exams (Prelims, Midterms, Finals) Attendance and Work Attitude <span style="font-family: 'Arial','sans-serif';"> **//<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> V Course Outline:  //** __<span style="font-family: 'Arial','sans-serif';"> Week __ || __<span style="font-family: 'Arial','sans-serif';"> Topic __ || __<span style="font-family: 'Arial','sans-serif';"> Laboratory __ <span style="font-family: 'Arial','sans-serif';">    || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> 1 || //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Inculcation of Vision-Mission of ISPSC // //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Orientation of the course //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> 2 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Internet Concepts and the World Wide Web <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Web Technologies o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Web Site and Web Portals o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Search Engines o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Security o <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Video and Audio Streaming || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">HTML Protocol <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">HTML Basics <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Fonts <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Colors <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">3 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Overview of Web Publishing <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Why publish on the Web <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">What to publish || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Formatting text <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">4 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Principles of Web Design <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Planning <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Designing <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Production <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Management || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Formatting Paragraph <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">5, 6 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">The Format of a Web Page <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Lists <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Hyperlinks || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">7, 8 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Support Tools for Web Creation || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Images and graphics || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">9, 10, 11 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Creating Static and Dynamic Pages Using Web Development Applications || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Tables <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Frames <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Forms || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">12, 14 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Mobile Interfaces || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Scripts || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">15, 16 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Web Site Administration <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Maintaining the Website <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Site publishing <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Updating content <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Site Analysis <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Search Engine Optimization || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Content Management System || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">17 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Copyright and Other Issues || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Project Finalization || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">18 || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Wrap up || <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Project presentation || <span style="font-family: 'Arial','sans-serif';"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> = The grade for each terms shall be computed as follow: = <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Lecture 40% <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Class Standing 70% <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Periodical Exam 30% <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> (Class standing consist of quizzes, assignments, class participation, attendance, attitude) <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Laboratory 60% <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> (Includes laboratory exercises, practical test, project, attitude, & attendance) <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> The Final Grade will be computed as follows:
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> ILOCOS SUR POLYTECHNIC STATE COLLEGE **
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> College of Agriculture **
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Santa Maria, Ilocos Sur **
 * //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">VI Suggested Activities/Course Methodology: //**
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Lecture – Demonstration – Application
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Laboratory Method
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Website Evaluation
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Group Work
 * <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Educational Tour
 * //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">VII Grading System: //**

§ <span style="font-family: 'Arial','sans-serif'; font-size: 11pt; font-weight: normal;">Prelims 20%
§ <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Midterms 30% § <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Finals 50% <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Online references: // <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt; font-style: normal;">Web Style Guide <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"><span style="font-family: 'Times New Roman','serif';">[]
 * //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">VIII References: //**

<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Publishing on the Web. <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"><span style="font-family: 'Times New Roman','serif';">[] <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Tutorials // <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">PageTutor. <span style="font-family: 'Times New Roman','serif';">[] <span style="color: #4c1900; font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="color: #4c1900; font-family: 'Arial','sans-serif'; font-size: 11pt;"> //Online Course Resources// <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"><span style="font-family: 'Times New Roman','serif';">http://IT208.wikispaces.com/ <span style="color: #4c1900; font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Software // <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Macromedia Dreamweaver <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> Joomla <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> WAMP/XAMP <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> **A. Jonathan S. Pagatpatan** E-mail: <span style="font-family: 'Times New Roman','serif';">skylinepjon@hotmail.com <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Asst. Prof 1 <span style="font-family: 'Arial','sans-serif'; font-size: 11pt;"> //<span style="font-family: 'Arial','sans-serif'; font-size: 9pt;">Updated 06/07/2010 //
 * //<span style="font-family: 'Arial','sans-serif'; font-size: 11pt;">Prepared by: //**