ERIE COMMUNITY COLLEGE COURSE OUTLINE A. COURSE NUMBER CS 215 - WEB DEVELOPMENT & PROGRAMMING I AND TITLE: B. CURRICULUM: Mathematics / Computer Science Unit Offering PROGRAM: Web-Network Technology Certificate Program C. CATALOG DESCRIPTION: (N) (3,2) 4 Credits This course is the first course of a two-semester sequence covering the development of web-based software for intranets and internets. The two-course sequence will cover end-to-end development, including both the client-side and server-side development. Topics include design of a web site and web pages, Hypertext Markup Language (HTML), style sheets, scripting languages, dynamic web pages, database connectivity, web servers, basic server side programming, and the Extensible Markup Language (XML). Modern development tools will be used. Prerequisite: CS 121 or working knowledge of a programming language including methods/functions/procedures, parameter passing, and arrays. D. DURATION OF INSTRUCTIONAL PERIOD: 250 minutes per week for 15 weeks. (150 minutes lecture, 100 minutes lab) E. ACADEMIC CREDIT HOURS Four (4) credit hours; Five (5) credit hours (3-2-4) F. SUGGESTED TEXT/ COURSE MATERIALS: See Book Specific Outline G. COURSE OUTCOMES: Upon completion of this course, the student will be able to: 1. Design and implement the folder/directory structure for a simple web site or for a new portion of an existing site. 2. Design and implement web pages for a web site using HTML; test and debug the pages. 3. Apply good design principles regarding issues such as simplicity, the use of white space, consistency across pages, visual appeal, and navigation. 4. Apply the design principle of separating style and structure using style sheets. 5. Design and implement web pages that are viewable using major web browsers. 1
G. COURSE OUTCOMES: (CONTINUED) 6. Design and implement dynamic web pages using a scripting language with HTML; test and debug the pages. 7. Design and implement web pages that include basic nontext elements such as images and/or animation. 8. Design, implement, and test web pages that employ database connectivity. 9. Explain the nature and purpose of a web server and identify a few of the popular ones. 10. Explain the significance of the client-server software architecture for web applications. 11. Design, implement, and test web pages that employ XML. 12. Explain applications of web-network technology in industry; usage of internets and intranets in industry; and basic development practices and procedures used in industry. 13. Work as a member of a team to design, develop, test, and debug software for an intranet or internet web site. 14. TECHNOLOGY OBJECTIVES: Students will be able to demonstrate hands on proficiency in using state-of-theart computer software tools and languages to accomplish the above 13 course outcomes. All of the above 13 course outcomes involve the use of computer and information technology. H. COMPETENCIES: CERTIFICATE COMPETENCIES: Perform the client-side design, development, testing, and debugging of a basic web site including the folders/directories, linked web pages, style sheets, graphics, scripting languages, dynamic web pages, and navigation mechanisms. Related Course Outcomes: 1 8, 13-14 Use leading industry standard development tools and languages to develop web-network pages and software. Related Course Outcomes: 1, 9-14 Explain and provide examples of the following in industry: web-network technology applications, usage of internets and intranets, development practices and procedures, standards, ethics, and security. Related Course Outcomes: 14 Work as a member of a team whose responsibility is to design, develop, test, and debug software for an intranet or internet web site. Related Course Outcomes: 13 PROGRAM COMPETENCIES: Identify all the steps of the software system life cycle and perform problem analysis, the top-down stepwise refinement design process, coding, and testing. Related Course Outcomes: 1-14 2
Write, execute, and debug programs in high-level languages, an assembly language, and/or hybrid programs. Related Course Outcomes: 1-14 Explain the concept of an abstract data type (structure) and design such data types for use in programs. Related Course Outcomes: 1-14 I. SUNY GENERAL EDUCATION Ten Knowledge Areas: Not applicable J. ECC LEARNING OUTCOMES (LO): Learning Outcome 5. Quantitative Reasoning Related Course Outcomes: 1, 3, 5, 7, 8, 9 Learning Outcome 6.Technological Competence Related Course Outcomes: 1-14 K. Student Learning K1. EVALUATION OF STUDENT LEARNING: Achievement of the Course Outcomes will be measured by: 1. It is recommended that at least 3 hourly exams be given during the semester. 2. Instructors should use additional methods of evaluation to include: Graded programming assignments/projects, team assignments/projects, lab exercises, final exam. 3. Optional: Research project on computer related topics. K2. ASSESSMENT OF STUDENT LEARNING: Computer Science Learning Outcome Assessment Plan L.. LEARNING RESOURCE CENTER AND OTHER SUPPORT: Students are encouraged to use the open hours of the Computer Science Lab and the tutor assistance provided in the Lab. Library resources should also be exploited by the student. NOTES: 1. Team projects should be included in this course.. 2. Workplace realism should be an integral part of this course, including case studies, examples, exercises, projects. 3
M. TOPICAL OUTLINE INSTRUCTIONAL PERIODS I. Introductory Topics (Client and Server Side) 1/3 week 1. Introduction to the Internet and Intranets 2. Web-Based Architecture and Applications 3. Web-Based Programming and Tools II. Web Site Design, Layout, and Organization (Client and Server Side) 2/3 week 1. Logical Site Planning and Design 2. Storyboarding 3. Supporting Major Browsers 4. Folder and File Organization III. Web Page Components and HyperText Markup Language (HTML) 2 weeks (Client Side) 1. Fundamentals and Common Tags 2. Styling and Formatting 3. Navigation Bars 4. Menus 5. Linking Within Page, Within Site, Outside Site 6. Graphics and Formats (e.g., jpg, gif, tif, bmp) 7. Lists 8. Tables 9. Forms IV. JavaScript (Client Side) 2 weeks 1. Fundamentals 2. Decision and Repetition Control Structures 3. Other Control Structures 4. Data Types 5. Functions 6. Scope and Duration 7. Applications (e.g., form input data checking) V. Dynamic HTML (Using a Scripting Language) (Client Side) 2 weeks 1. Cascading Style Sheets 2. Separation of Content and Presentation 3. Dynamic Styles and Positioning 4. Dynamic Object Model 5. Scripting Objects 6. Dynamic Event Model 7. Handling Mouse and Keyboard Events VI. Database Connectivity (Client Side) 2 weeks 1. Relational Database Model 2. Structured Query Language 3. Alternatives for Manipulating Data in Client: JavaScript, VBScript, Java, ADO, RDS, among others 4. Handling Basic Data Requests 4
M. TOPICAL OUTLINE (CONTINUED) VII. Web Servers (Server Side) 1. Client-Server Architecture 2. Client-Server Communication and Protocols 3. Web Server Purpose and Functionality 4. Popular Web Servers (e.g., Apache, Jigsaw, IIS) VIII. Server-Side Programming I (Server Side) 1. Overview of Alternatives for the Server Side a. Common Gateway Interface (CGI) b. Active Server Pages c. Java Server Pages, Servlets, Enterprise Java Beans 2. Server Side Program Structure and Tasks 3. Encoding and Decoding Name/Value Pairs 4. Environment Variables 5. Output Structure 6. CGI-Based Implementation 7. Non-CGI Implementation 1/2 week 1 1/2 weeks IX. Extensible Markup Language (XML) (Client Side) 1 week 1. Fundamentals 2. XML Namespaces 3. Document Type Definitions (DTDs) and Schemas 4. XML Vocabularies 5. Extensible Stylesheet Language (XSL) X. Evaluation (Client and Server Side) 1 week XI. Multimedia 2 weeks 1. Creating and Using Images 2. Using Animation 3. Using Videos in Your Web Page 5
LAB TOPICS WEEKS NOTE: Many of these lab exercises/assignments will consist of extending and modifying web pages/programs provided by the instructor, rather than writing pages/programs from scratch. 1. Evaluate the design of a specified existing web site. 1 week 2. Create a design for a basic set of web pages. 1 week 3. Implement the design for a small set of web pages using 1 week basic HTML including links. Test and debug the web pages. 4. Implement a small set of web pages using more advanced 1 week HTML such as tables and forms. Test and debug the pages. 5. Implement a style sheet to separate style and structure. 1 week Implement associated web pages that use the style sheet. Test and debug the pages. 6. Implement web pages that are viewable using both major 1 week web browsers, namely Internet Explorer and Netscape. Test and debug the pages. 7. Design and implement dynamic web pages using a scripting 2 week language with HTML. Test and debug the pages. 8. Design and implement web pages that include basic non-text 2 week elements such as images and/or animation. Test and debug the pages. 9. Design, implement, and test client-side web pages that enable 2 weeks the user to request information using HTML forms. (The information is to be obtained from a database on the server. The server side program is not the student s responsibility, however.) 10. Install a set of web pages on the CS Lab server machine that hosts 1 week a web server. Test and debug the pages. 11. Design, implement, and test web pages that employ XML. 2 week N. PREPARED BY: J.G. Neal, C. Laberta Revised by Laurette Grupka October 2007 Revised by Anthony Kuroski Nov. 2012 Updated: CS committee Spring 2014 6