UNIVERSITI TEKNOLOGI MARA

CAWANGAN JOHOR KAMPUS SEGAMAT

CSC264: INTRODUCTION TO WEB AND MOBILE APPLICATION

The course introduces the students to web programming. It covers, among others, mark-up language,
client-side scripting, and server-side scripting

• CLO1 Determine the importance of Internet technologies with full potential of its capabilities.
• CLO2 Construct web pages using mark-up language, client-side scripting, and server-side
scripting for user interaction.
• CLO3 Demonstrate communication skills in accomplishing industry-standard web/mobile
application.
• CLO4 Demonstrate managerial skills in the development of commercial web applications with
appropriate.

WEEKS TOPIC AND SUB-TOPIC ACTIVITIES

1 1. Introduction to Internet Video “Dawn of the Net -
(4 hours) How the Internet works”
28/3 – 1/4 1.1) History of the internet https://youtu.be/hymzoU
1.2) Uses of the internet pM0K0
1.3) WWW and others internet application
1.4) Intranet application
1.5) Internet Service Provider
1.6) Connecting to the internet
1.7) How data travels through internet
1.8) Protocols

Entrance Survey (29/3 – 11/4)

2. Introduction to HTML HTML hands on using:
2
(4 hours) 2.1) Overview Notepad++ (HTML
4/4 – 8/4 2.2) Effective HTML page editor)
2.3) Elements, attributes, character references, & Web browser
comments
2.4) Lengths, dates, & times Announcement of
2.5) HTML Version Information Assessment 1
2.6) The document head & body
2.7) HTML structure bodies
2.8) HTML structure: Text
2.9) HTML structure: List
2.10) HTML structure: Table

3 3. HTML and Multimedia on the web

(4 hours) HTML hands on using:
11/4 – 15/4 3.1) Links, Objects, and Images
3.2) Alignment and font style Notepad++ (HTML
3.3) Forms editor)
3.4) Adding image, audio, video, animation, & virtual Web browser
reality on the web

4 4. Cascading Style Sheet CSS hands on using:

(4 hours)
18/4 – 22/4 4.1) Introduction to CSS Notepad++ (HTML
4.2) Adding style with CSS editor)
4.3) Adding and changing elements with CSS Web browser
4.4) Creating and styling web forms
Announcement of
WEEKS TOPIC AND SUB-TOPIC ACTIVITIES
Assessment 3 &4

5 5. Introduction to Client-Side scripting JavaScript hands on

(4 hours) using:
25/4 – 29/4 5.1) Concept of Client-Side scripting Notepad++ (HTML
5.2) How does Client-Side scripting work? editor)
5.3) Variable and syntax Web browser
5.4) Using Client-Side scripting arrays
5.5) Built-in methods
5.6) Logical structures
5.7) Looping
5.8) String-Handling

6 6. Basic Client-Side Scripting JavaScript hands on

(4 hours) using:
2/5 – 6/5 6.1) Date and Time objects Notepad++ (HTML
6.2) Math Object editor)
6.3) Functions Web browser
6.4) Creating objects in Client-Side scripting
6.5) Regular expressions Submission of
Assessment 1

Submission of Project
Proposal

Mid Semester Break (9/5 – 15/5)

Hari Raya Aidilfitri (13/5 - 14/5)
Test (Week 7)
(To be informed)
Student Feedback Online (SuFO) (14 December 2020 – 31 January 2021)
7 Revision & Test Introduction to MiT App
(4 hours) Inventor (YouTube
16/5 – 20/5 tutorial)
https://youtube.com/playl
ist?list=PLLs-6FOOcJ-
qI_XYPJU5GPVvUPkZw
v5H8

Install:
Go to MIT App Inventor
website for creating the
mobile application
http://ai2.appinventor.mit
.edu/

MIT App Inventor in the

computer (for Emulator)
http://ai2.appinventor.mit
.edu/

MIT AI2 Companion (for

mobile view)
https://play.google.com/s
tore/apps/details?id=edu
.mit.appinventor.aicomp
anion3&hl=en&gl=US

8 7. Mobile Application Hands on to MIT App

(4 hours) Inventor tool
23/5 – 27/5 7.1) Introduction to jQuery
7.2) Adding jQuery to a page Group Project (Mobile
7.3) Selecting elements with jQuery Application)
WEEKS TOPIC AND SUB-TOPIC ACTIVITIES
7.4) Working with HTML using jQuery
7.5) Reacting to Events with JavaScript and jQuery

Special Break – Hari Gawai (29/5 – 5/6)

9 & 10 8. Introduction to Server-Side Scripting Install web server with
(6 hours) PHP and MySQL
6/6 – 17/6 8.1) How does a Server-Side scripting work? database app (choose
one)
8.2) Introduction to server
8.3) Server-Side requirements Xampp
8.4) Using conditional statements https://www.apachefrien
8.5) Repeating actions with loops ds.org/download.html
8.6) Using functions
8.7) Using sessions WampServer
https://www.wampserver
.com/en/

Group Project (Web

Application)
10 & 11 9. Basic Server-Side Scripting
(6 hours)
17/6 – 24/6 9.1) Administering database Hands on PHP
9.2) Communicating with the database from PHP scripts
9.3) Validating web forms with JavaScript and PHP

12 10. Advanced Server-Side Scripting Hands on PHP and

(4 hours) MySQL database
27/6 – 1/7 10.1) Building a members-only website
10.2) Creating the user database
10.3) Creating web forms
10.4) Adding authenticated pages

13 & 14 Project implementation SLT: Students finishing

(6 hours) projects
4/7 – 15/7
Presentation
Group Project for Web-
based and Mobile-
based Application

Submission
Assessment 3 & 4

SUFO & Exit Survey (7/6 – 20/7)

Revision week (16/7 – 20/7) || Final Assessment (22/7 – 12/8)
Semester Break (13/8 – 3/10)

Lecturers : Lecturer Group e-mail Phone

(@uitm.edu.my)
Ts. Dr. Rashidah Mokhtar 4E & 4F rashi271 2837
En. Abdul Malik Mohd Rick 4B & 4C malikrick 2119
En. Mohd Lezam Lehat 4A & 4D mohdlezam 2186

Textbook : Robin Nixon 2018, Learning PHP, MySQL and JavaScript, 5Ed., O'Reilly Media
[ISBN: 1491978910]

References : 1. Robin Nixon 2014, Learning PHP, MySQL & JavaScript, 4Ed., Oreilly &
Associates Incorporated [ISBN: 9781491918661]
2. Robert W. Sebesta 2014, Programming the World Wide Web, 7Ed., Pearson
Higher Ed [ISBN: 9780133776096]
3. Mike O'Kane 2014, A Web-Based Introduction to Programming, 3 Ed.,
 Carolina Academic Press [ISBN: 1611634709]
4. Steve Prettyman 2015, Learn PHP 7, Apress [ISBN: 9781484217290]
5. Larry Sanchez 2017, Web Programming With Html, Css, Bootstrap,
Javascript, Jquery, Php, and Mysql, 1 Ed., CreateSpace Independent
Publishing Platform [ISBN: 9781542604758]

Assessment Continuous Assessment 100%

• Assessment 1 (15%) : Personal Web Page Development – HTML & CSS
& publish online
• Assessment 2 (25%) : Test - 20% + Group Project Proposal (5%)
• Assessment 3 (20%) : Group Project (Web-based System)
• Assessment 4 (40%) : Group project (Mobile Application)

2021 Malaysia Public Holiday

13 Apr Tue Awal Ramadhan
13,14 & 6 May Thurs, Fri & Sun Hari Raya Aidilfitri
26 May Wed Hari Wesak
7 Jun Mon YDP Agong
20 Jul Tue Hari Raya Haji
10 Aug Tue Awal Muharram