User:Vtaylor/CIS89D/copy original

2023.1.4

De Anza logo Credit - Degree Applicable Effective Quarter: Fall 2020

I. Catalog Information

CIS 89D

Rich Internet Application Development

4 1/2 Unit(s)  

Advisory: EWRT 211 and READ 211, or ESL 272 and 273; CIS 89C.

Lec Hrs: 48.00 Lab Hrs: 18.00 Out of Class Hrs: 96.00 Total Student Learning Hrs: 162.00

Design and develop applications that deliver the same features and functions normally associated with desktop applications using technologies like HTML5.

Student Learning Outcome Statements (SLO)

 

Create rich internet application using features in tools like HTML5.

 

Read, analyze and explain intermediate level Rich Internet Applications.

II. Course Objectives A. Explore history, tags and Application Programming Interfaces (API). B. Explore creating and structuring HTML5 documents. C. Construct basic forms using HyperText Markup Language. D. Embed Audio and Video in applications. E. Learn and apply usage of Canvas Programming Interface in Rich Internet Applications. F. Improve caching and storage for Rich Internet Applications. G. Demonstrate usage of Cascaded Style Sheets (CSS) to enhance and style Rich Internet Applications. H. Demonstrate usage of HTML5 controls in applications.

III. Essential Student Materials   None

IV. Essential College Facilities   None

V. Expanded Description: Content and Form A. Explore history, tags and Application Programming Interfaces (API). 1. History of HTML / XHTML / HTML5 2. HTML5 New Features. 3. Structural, Content and Application-focused Tags B. Explore creating and structuring HTML5 documents. 1. Content models. 2. Understanding the outline algorithm. 3. The role of div tags. 4. Using ID and class attributes. 5. DOCTYPE declarations. 6. Character encoding. 7. Compatibility Testing using browsers and Mobile Devices. 8. Structure of basic page, top level elements and interior content. 9. Building headers. 10. Checking document outlines and ensuring cross browser structure. C. Construct basic forms using HyperText Markup Language. 1. New input types. 2. Setting form autofocus. 3. Using placeholder data. 4. Marking required fields. 5. Working with number inputs. 6. Using date pickers. D. Embed Audio and Video in applications. 1. Adding audio. 2. Encoding audio. 3. Adding video. 4. Encoding video. E. Learn and apply usage of Canvas Programming Interface in Rich Internet Applications. 1. Canvas API overview. 2. Adding canvas content. 3. Drawing in the canvas environment. 4. Drag-and-drop API overview. F. Improve caching and storage for Rich Internet Applications. 1. Offline applications overview. 2. Geolocation API overview. 3. Web storage API overview G. Demonstrate usage of Cascaded Style Sheets (CSS) to enhance and style Rich Internet Applications. 1. CSS3 (Cascading Style Sheets) overview. 2. Enhancing typography with CSS3. 3. Using @font-face. 4. Styling HTML5 with CSS3. 5. Using CSS3 transitions. H. Demonstrate usage of HTML5 controls in applications. 1. Email Address Input 2. URL Input 3. Telephone Number Input 4. Search Field Input 5. Datalist Form Control 6. Slider Form Control 7. Spinner Form Control 8. Calendar Form Control 9. Color Form Control

VI. Assignments A. Required reading from the text. B. Programs: 8-12 programming homework assignments pertaining to the topics listed in X as Lab Topics, including several of more than 50 lines and several which use 3 or more functions.

VII. Methods of Instruction   Lecture including discussion of assigned reading, Demonstration of developing solutions to programming problems, In-class review as test preparation Discussion of solutions to assigned homework, lab assignment projects, and test problems, Collaborative projects, On-line tutorial

VIII. Methods of Evaluating Objectives A. One or two midterm examinations requiring students to write code applying topics covered in the lectures and reading. B. Final examination requiring students to write code applying topics covered in the lectures,reading, and programming assignments. C. Evaluation of programming assignments based on correctness, documentation, code quality, and test plan executions.

IX. Texts and Supporting References A. Examples of Primary Texts and References 1. HTML5, Second Edition: Designing Rich Internet Applications (Visualizing the Web) by Matthew David (Sep 29, 2012) - 0240820762 2. Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics by Jennifer Niederst Robbins. 4th Edition (Aug 21, 2012), 1449319270 B. Examples of Supporting Texts and References 1. None

X. Lab Topics A. Use tags and Application Programming Interfaces to build Rich Internet Applications. B. HTML5 documents. C. Basic forms using HyperText Markup Language. D. Audio and Video in applications. E. Canvas Programming Interface in Rich Internet Applications. F. Caching and storage for Rich Internet Applications. G. Cascaded Style Sheets (CSS) to enhance and style Rich Internet Applications.