SCHEME OF WORK

TOPIC WEEK ASSESSEMNT / PROJECT

Topic 9: Mobile Application 1-2 Individual project starts 40% -
• Introduction to Mobile Application Last date to submit on the last
• Characteristic of Mobile Application
day of week 6
• Input output
• Sending data to database
• Sending apps to Store
• Mobile application development software
Topic 10: Mobile Application - MIT App Inventor 3-4 Individual presentation 20%
• Introduction to MIT App Inventor start. Target to submit week
• Setup Instruction 6
• Designer and Blocks Editor Overview
• Using the MIT App Inventor
• Packaging and Sharing Apps
Topic 1: Introduction to Internet 5 Proposal report 15% - Group
• Intranet application
project
• Internet Service Provider
• Connecting to the internet Proposal submission on week 8
• How data travels through internet
• Protocols
• Effective HTML page
• Elements, attributes, character references, &
comments
• Lengths, dates, & times
• HTML Version Information
• The document head & body
• HTML structure bodies
• HTML structure: Text, List, Table
Topic 2: HTML and Multimedia on the web 6 Group project start 25% -
• Links, Objects, and Images
Target to submit on week 14
• Alignment and font style
• Forms
• Adding image, audio, video, animation, & virtual
reality on the web
Topic 3: Cascading Style Sheet 7
• Introduction to CSS
• Adding style with CSS
• Adding and changing elements with CSS
• Creating and styling web forms
Topic 4: Introduction to Client-Side scripting 8
• Concept of Client-Side scripting • How does Client-
Side scripting work?
• Variable and syntax
• Using Client-Side scripting arrays
• Built-in methods
• Logical structures
• Looping
• String-Handling
Topic 5: Basic Client-Side Scripting 9
• Date and Time objects
• Math Object
• Functions
• Creating objects in Client-Side scripting
Topic 6: Introduction to Server-Side Scripting 10
• How does a Server-Side scripting work?
• Introduction to server
• Server-Side requirements
• Using conditional statements
• Repeating actions with loops
• Using functions
• Using sessions
Topic 7: Basic Server-Side Scripting 11
• Administering database
• Communicating with the database from PHP
scripts
• Validating web forms with JavaScript and PHP
Topic 8: Advanced Server-Side Scripting 12-13 Project presentation in week
• Building a members-only website 14.
• Creating the user database
• Creating web forms
• Adding authenticated pages
• JSON

Suggestion for executing the project for WEB DEVELOPMENT PROJECT

1. Divide students into 4 persons team.

2. Giving out assignment Proposal report.
3. Focusing on 5 major language – HTML, PHP, SQL, JAVASCRIPT, CSS
4. Keep checking for students’ progress every week during lab session
5. Method of submission
a. Presentation
b. Report (it can be full report of the system or ask student to make USER MANUAL for the system)
c. Sending video recording through YouTube or Google Drive
6. Site to refer for more information
a. https://www.w3schools.com/

Suggestion for executing the project for MOBILE APPLICATION

1. This is for individual project

2. Will start from week 10
3. Using MIT APP INVENTOR 2 to develop mobile apps
4. For Android user please install AI2 COMPANION from google store to display the result of the applications.
5. For iOS user most probably need to use simulator to run the applications.
6. Keep checking for students’ progress every week during lab session
7. Method of submission
a. Presentation
b. Report
c. Sending video recording through YouTube or Google Drive
8. Site to refer for more information how to use MIT App Inventor
a. https://appinventor.mit.edu/
b. https://www.youtube.com/channel/UCGJVKvMbiNP5ou2yz0FdVWw
Folder containing documents after review session

• https://drive.google.com/drive/folders/1IUddgmNC_zBct3-o-a7HLUMXQHNFC985?usp=sharing

Web Development
SUGGESTED QUESTION: ASSIGNMENT 1

ASSIGNMENT 1: Proposal Report

CLO 4: Propose entrepreneurial business plan for commercialization of a web application. (A3) PLO 10:
Leadership, autonomy, and responsibility

MOHE LO 15: Entrepreneurial skills

SOFT SKILLS LO: Entrepreneurial Skills

15% (Out of 100 marks, passing marks is 50 marks)

Given on week 1 Submitted on week 4

INSTRUCTIONS:

Proposal Format

The proposal of the respective systems should be between 10-15 pages using Arial 11pt, excluding the appendix
and single spacing. The content structure is as follow:

1. Introduction / Background
In this section students may introduce the proposed company’s name and logo. You may also describe the main
idea of your web application project and explain how you get the idea.
2. Project Background
In this section, briefly explain your idea about your group’s web application project. Discuss on the following
topics:
a. The synopsis
b. The functional requirement of your web application
c. Why do you want to deliver the message to the audience?
d. The impact of the web application to the targeted audience
e. How do you plan to deliver the product (web application) to the audience? (CD/DVD, Internet etc.).

3. System Flow Diagram

Describe the flow of your web application.

4. Audience
Who are your targeted customers?

5. Project Schedule/Gantt Chart (Example)

ITEM W1 W2 W3 W4 W5 W6 W7 W8 W9 W10 W1 W12 W13
Prepare
Project
Proposal
Design Web
App
Storyboard
Develop the
Web App
Testing and
Finalize
Project

6. References
List down all references SUGGESTED QUESTION: ASSIGNMENT 1

ASSIGNMENT 2: Proposal Report

CLO 4: Propose entrepreneurial business plan for commercialization of a web application. (A3)

PLO 10: Leadership, autonomy, and responsibility

MOHE LO 15: Entrepreneurial skills

SOFT SKILLS LO: Entrepreneurial Skills

15% (Out of 100 marks, passing marks is 50 marks)

Given on week 1

Submitted on week 4

INSTRUCTIONS:

Proposal Format

The proposal of the respective systems should be between 10-15 pages using Arial 11pt, excluding the appendix
and single spacing. The content structure is as follow:

1. Introduction / Background
In this section students may introduce the proposed company’s name and logo. You may also describe the
main idea of your web application project and explain how you get the idea.

2. Project Background
In this section, briefly explain your idea about your group’s web application project. Discuss on the
following topics:
f. The synopsis
g. The functional requirement of your web application
h. Why do you want to deliver the message to the audience?
i. The impact of the web application to the targeted audience
j. How do you plan to deliver the product (web application) to the audience? (CD/DVD, Internet
etc.).

3. System Flow Diagram

Describe the flow of your web application.
4. Audience
Who are your targeted customers?

5. Project Schedule/Gantt Chart (Example)

ITEM W1 W2 W3 W4 W5 W6 W7 W8 W9 W10 W1 W12 W13
Prepare
Project
Proposal
Design Web
App
Storyboard
Develop the
Web App
Testing and
Finalize
Project

6. References
List down all references

Mobile Apps
Development Report
[your mobile app name]

Prepared by

NAME :

MATRIC NO :

GROUP :
Table of Contents

1.0 Project Background ..........................................................................................................2

2.0 Problem Statement ...........................................................................................................2
3.0 Project Objective ..............................................................................................................2
4.0 Project Scope ...................................................................................................................2
5.0 Features of the App ..........................................................................................................2
6.0 Related Mobile App ..........................................................................................................3
7.0 Application Design ............................................................................................................3
8.0 App User Flow ..................................................................................................................3
9.0 Project Timeline ................................................................................................................4

1
1.0 Project Background
Each of you need to create a mobile application that incorporates data processing (calculation), TinyDB
database management, and pertinent content to the application's goals.

Example : The proposed development of a mobile phone app by the Computer Science department would
serve many perceived needs across campus. Students require additional ways to keep in touch while on
the go with campus events, news alerts, accessing campus directories and maps, and many other features.
The development of a mobile phone app would also serve the Computer Science class by providing them
real-world opportunities to develop marketable skills in mobile app development.

Idea: To do List task app, event management app, weight management app, healthy food app.

2.0 Problem Statement

What is the problem that you want to solve?

Example:

3.0 Project Objective

State your objective in numbering form.

Example: 1. To develop an application that organize work and life.

4.0 Project Scope

Describe your application's limitations, including its target audience, the function's precise objective, and
more.

5.0 Features of the App

Example : While the features of the mobile phone app will still need to be decided upon, universities are
typically utilizing the following features:

• A calendar of club and organization events on campus

• Map service based on the GPS location of the user

2
 • News feed
• Athletics information
• Campus directory

6.0 Related Mobile App

Choose any two existing and similar mobile apps and compare and contrast their features and functions,
user interfaces, and interactivity.

7.0 Application Design / Storyboard

A storyboard is a tool for pre-visualizing your video project shot by shot before creating a detailed plan.
A project that begins the pre-production process by creating a storyboard is more likely to avoid blunders
caused by miscommunication during production, for example,

Sample of storyboard design

3
8.0 App User Flow
Example

9.0 Project Timeline

example

4
5