SRJC Course Outlines

7/31/2021 2:28:09 AMCS 55.14 Course Outline as of Fall 2020

Changed Course
CATALOG INFORMATION

Discipline and Nbr:  CS 55.14Title:  MOBILE HYBRID APP DESIGN  
Full Title:  Mobile Hybrid Application and Interaction Design
Last Reviewed:2/10/2020

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum3.00Lecture Scheduled3.0017.5 max.Lecture Scheduled52.50
Minimum3.00Lab Scheduled06 min.Lab Scheduled0
 Contact DHR0 Contact DHR0
 Contact Total3.00 Contact Total52.50
 
 Non-contact DHR0 Non-contact DHR Total0

 Total Out of Class Hours:  105.00Total Student Learning Hours: 157.50 

Title 5 Category:  AA Degree Applicable
Grading:  Grade or P/NP
Repeatability:  00 - Two Repeats if Grade was D, F, NC, or NP
Also Listed As: 
Formerly:  CS 157.12

Catalog Description:
Untitled document
This course introduces core principles and techniques essential to building interactive applications for mobile devices. It includes units on content adaptation strategies, designing for mobile devices, detecting device capabilities, viewing and testing with emulators, and creating web-based mobile applications,  Web technologies covered include Asynchronous JavaScript and XML (AJAX), mobile web frameworks, and other current industry standard platforms.

Prerequisites/Corequisites:
Course Completion of CS 50C OR CS 55.13


Recommended Preparation:
Eligibility for ENGL 100 or ESL 100 or equivalent

Limits on Enrollment:

Schedule of Classes Information
Description: Untitled document
This course introduces core principles and techniques essential to building interactive applications for mobile devices. It includes units on content adaptation strategies, designing for mobile devices, detecting device capabilities, viewing and testing with emulators, and creating web-based mobile applications,  Web technologies covered include Asynchronous JavaScript and Extensible Markup Language (XML) (AJAX), mobile web frameworks, and other current industry standard platforms.
(Grade or P/NP)

Prerequisites:Course Completion of CS 50C OR CS 55.13
Recommended:Eligibility for ENGL 100 or ESL 100 or equivalent
Limits on Enrollment:
Transfer Credit:CSU;
Repeatability:00 - Two Repeats if Grade was D, F, NC, or NP

ARTICULATION, MAJOR, and CERTIFICATION INFORMATION

Associate Degree:Effective:Inactive:
 Area:
 
CSU GE:Transfer Area Effective:Inactive:
 
IGETC:Transfer Area Effective:Inactive:
 
CSU Transfer:TransferableEffective:Fall 2020Inactive:
 
UC Transfer:Effective:Inactive:
 
C-ID:

Certificate/Major Applicable: Not Certificate/Major Applicable

Approval and Dates
Version:02Course Created/Approved: 2/25/2013
Version Created:3/8/2019Course Last Modified:4/13/2021
Submitter:Ethan WildeCourse Last Full Review:2/10/2020
Version Status:Approved Changed CoursePrereq Created/Approved:2/10/2020
Version Status Date:2/10/2020Semester Last Taught:
Version Term Effective:Fall 2020Term Inactive:


COURSE CONTENT

Student Learning Outcomes:
Upon completion of the course, students will be able to:
Untitled document
1. Identify the core principles and techniques essential to building interactive web-based applications for mobile devices and apply appropriate terminology to describe these practices.
2. Demonstrate the ability to create user experiences that adhere to current mobile and responsive design standards and best practices.
3. Create web-based mobile applications using frameworks that yield a native application for platforms such as Android and iOS.
 

Objectives: Untitled document
Students will be able to:
1.   Explain the mobile web.
2.   Identify content adaptation strategies.
3.   Set up a development environment.
4.   Implement well-defined web standards.
5.   Apply a web-based framework to build an app.
6.   Describe the role of JavaScript for mobile devices.
7.   Design forms for mobile devices.
8.   Use device detection.
9.   Work with mobile browser capabilities.
10. Create web-based apps for various devices.
11. Explain geolocation as part of the mobile experience.

Topics and Scope
Untitled document
I. Understand the Mobile Web
    A. Emerging trends
    B. Variety of devices
    C. Wireless vs. Circular Network
II. Understand Content Adaptation Strategies
    A. Handheld device user experience
    B. Compare and contrast desktop, tablet, and handheld user expectations
III. Set up a Development Environment
    A. View and test the mobile site on device emulators
    B. Set up testing servers and emulators
IV. Implement Well-Defined Web Standards
    A. Define Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS) standards
    B. Examine browser choices
    C. Work with various boilerplate templates
    D. Use CSS Media Queries
V. Apply a Mobile/Web Framework to Create an App
    A. Webpages vs. Apps
    B. Build a first mobile web page
    C. Create style sheets
    D. Load external data with AJAX
VI. Understand the Role of JavaScript for Mobile Devices
    A. Work with JavaScript to utilize mobile/web framework
    B. Create interactive interfaces using JavaScript
    C. Use JavaScript to deal with device capabilities and orientation changes
VII.  Design Forms for Mobile - Compare and Contrast Purpose and Function of Forms Across
       Devices
VIII. Use Device Detection
IX.   Work with Mobile Browser Capabilities - Examine Default Browsers for Different Devices
X.    Test and Iterate Web-Based Apps for Various Devices
    A. Specify Android settings
    B. Simulate the iPhone
XI. Examine Geolocation as Part of the Mobile Experience
    A. Explore how geolocation is used
    B. Integrate geolocation data with Google Maps

Assignments:
Untitled document
1. Textbook reading per week (25 to 60 pages)
2. Quizzes and exams
3. Preview, critique and review the mobile aspects of various websites
4. Weekly homework assignments and projects that incorporate site analysis and content
    development including:
    a. Using well-defined web standards, build content for typical form factors
     b. Set up a development environment by installing the necessary tools, installing and using
         device emulators, and build a first mobile web app using a mobile/web framework
    c. Adapt desktop sites for mobile devices by understanding content adaptation approaches and
         using media queries
    d. Create mobile-optimized pages by detecting client capabilities
    e. Create and format a mobile site using responsive templates
    f. Build interactivity for mobile screens using JavaScript and jQuery
5. Mid-term project and final project

Methods of Evaluation/Basis of Grade.
Writing: Assessment tools that demonstrate writing skill and/or require students to select, organize and explain ideas in writing.Writing
5 - 10%
Homework assignments
Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills.Problem Solving
10 - 30%
Homework assignments
Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams.Skill Demonstrations
30 - 40%
Mid-term project and final project
Exams: All forms of formal testing, other than skill performance exams.Exams
30 - 40%
Quizzes and exams
Other: Includes any assessment tools that do not logically fit into the above categories.Other Category
0 - 10%
Attendance and participation


Representative Textbooks and Materials:
Untitled document
High Performance Mobile Web: Best Practices for Optimizing Mobile Web Apps. Firtman, Maximiliano. O'Reilly Media. 2016
Designing Interfaces: Patterns for Effective Interaction Design. 2nd ed. Tidwell, Jennifer. O'Reilly Media. 2011 (classic)

OTHER REQUIRED ELEMENTS

Student Preparation
 Matric Assessment Required:ERequires English Assessment
 Prerequisites-generate description:UUser Generated Text
 Advisories-generate description:AAuto-Generated Text
 Prereq-provisional:NNO
 Prereq/coreq-registration check:YPrerequisite Rules Exist
 Requires instructor signature:NInstructor's Signature Not Required
   
BASIC INFORMATION, HOURS/UNITS & REPEATABILITY
 Method of instruction:02Lecture
 Area department:CSComputer Studies
 Division:72Arts & Humanities
 Special topic course:NNot a Special Topic Course
 Program Status:2Not Certificate/Major Applicable
 Repeatability:00Two Repeats if Grade was D, F, NC, or NP
 Repeat group id:  
   
SCHEDULING
 Audit allowed:NNot Auditable
 Open entry/exit:NNot Open Entry/Open Exit
 Credit by Exam:NCredit by examination not allowed
 Budget code: Program:0000Unrestricted
 Budget code: Activity:0701Computer & Information Science
   
OTHER CODES
Disciplines:Computer Information Systems
 Basic Skills:NNot a Basic Skills Course
 Level below transfer:YNot Applicable
 CVU/CVC status:NNot Distance Ed
 Distance Ed Approved:N
 Emergency Distance Ed Approved:N
 Non-credit category:YNot Applicable, Credit Course
 Classification:YCareer-Technical Education
 SAM classification:CClearly Occupational
 TOP code:0707.10Computer Programming
 Work-based learning:NDoes Not Include Work-Based Learning
 DSPS course:NNO
 In-service:NNot an in-Service Course

Print PDF