Course Title: Web Technology Program: BICTE
Course
No.: ICT. Ed. 437 Nature
of course: Theoretical + Practical
Level:
Bachelor Credit
Hour: 3 hours (2T+1P)
Semester:
Third
Teaching Hour: 80hours (32+48)
3.
Course Outlines:
|
Specific Objectives |
Contents |
|
|
· Identify and explain different categories of HTML elements · Working with HTML tag for Text, List, Link, Table, Form and multimedia
contents |
Unit 1: Introduction to HTML
1.1
Getting Started with a Simple
Web Page 1.2
Block and Inline Elements 1.3
Presentation and Phrase Elements 1.4
Empty and Non-empty Elements 1.5
HTML character entities 1.6
HTML List, Table, Links (Internal and External) 1.7
Multimedia Contents (Image, Audio, Video and YouTube Player) 1.8
Form Elements (text, password, file, radio, checkbox, textarea,
hidden, select option, button, date, email) |
12 |
|
· Identify and explain different CSS writing styles · Make use of CSS selectors to narrow down the element selection · Apply the CSS properties to design different HTML elements · Apply CSS properties to create simple page layout |
Unit 2: Cascading Style Sheet 2.1
How CSS fit with HTML page? 2.2
Inline, Internal and External
CSS 2.3
CSS Selectors 2.4
CSS Properties for text,
list, table, background, link formatting 2.5
Pseudo classes: before,
after, first-line, first-letter, hover, focus, active 2.6
Custom list numbering using
content property 2.7
CSS Box Model: margin,
padding and border 2.8
Creating Layouts with
display, position and float property 2.9
Fixed and Liquid design of
the page |
12 |
|
Unit 3: Client Side Programming with JavaScript
3.1
How JavaScript fits into a
web page? 3.2
JavaScript Basics: Variable,
operators, 3.3
Understanding the Document
Object Model (DOM) 3.4
Accessing HTML Elements with
getElementById(), getElementsByClassName(), getElementsByName(),
getElementsByTagName() 3.5
JavaScript objects: window,
document, array, string, math, date 3.6
Writing scripts to handle
events 3.7
Using JavaScript to validate
user inputs |
15 |
|
Unit 4: Server Side Programming with PHP 4.1
How PHP fits into a web page? 4.2
Variables and constants 4.3
Operators 4.4
Working with text and numbers 4.5
Making decisions with control
statements (if, switch, loop) 4.6
Working with arrays, strings,
datetime and files 4.7
Functions |
10 |
|
·
Design single and multipage
web form to collect, store and disseminate data across web site ·
Apply the storing function to
save collected data in CSV file |
Unit 5: Working
with Web Form 5.1 Creating simple web form 5.2 Creating multipage web form 5.3 Retrieving form data using post and get method 5.4 Storing form data to CSV file 5.5 Reading CSV file and displaying content as html table |
12 |
|
·
Identify and explain the use
of database ·
Demonstrate the basic database
operations: CRUD ·
Make use of session and
cookie variables to remember web users ·
Develop Bulk import facility
in database for users to save time in data entry ·
Reflecting database record
into the CSV file for distribution purpose |
Unit 6: Database and PHP 6.1 Introduction to database 6.2 Create, Retrieve, Update and Delete operation in database 6.3 Connecting to database through PHP mysqli_connect() 6.4 Executing Queries with mysqli_query() 6.5 Fetching data with mysqli_fetch_assoc() and mysqli_fetch_array() 6.6 Creating user registration and login feature 6.7 Remembering users with cookies and session 6.8 Converting database table to CSV file using fputcsv() 6.9 Reading CSV file and reflecting the contents in database |
15 |
|
·
Assign dynamic web site
project |
Unit 7: Project Work Assignment |
4 |
1.
4 Specific Instructional Techniques
Demonstration
is an essential instructional technique for all units in this course during
teaching learning process. Specifically,
demonstration with practical works will be specific instructional technique in
this course. The details of suggested instructional techniques are presented
below:
|
Units |
Practical Activities |
|
Unit 1: Introduction to HTML |
· Selection of HTML editors · Design Web page to describe web skeleton · Demonstrate Text formatting · Create list and insert image · Create hyper link · Create table · Create Form · Create page with multimedia contents |
|
Unit 2: Cascading Style Sheet
|
· Use inline CSS · Use internal CSS · Use external CSS · Apply CSS selectors to select HTML elements · Design Text formatting · Create Fixed and Liquid page layouts |
|
Unit 3:
Client Side Programming with JavaScript
|
· Demonstrate data types and variables · Use function to accept the information · Demonstrate control structure · Apply JavaScript objects: array, string, date, window, document · Demonstrate events handling · Validation of form data |
|
Unit 4:
Server Side Programming with PHP
|
· Use PHP variables and constants · Create decision making programs using control statements · Demonstrate use of array functions, string functions, date functions
and file handling functions
|
|
Unit 5:
Working with Web Form |
· Design and develop web forms to collect user data · Store the collected data in CSV file · Read CSV file and display data |
|
Unit 6: Database and
PHP |
· Create a database connection · Insert, update, delete and retrieve data through PHP · Use session and cookie variable to memorize visitors · R/W CSV file from/to reflect database |
|
Unit 7:
Project Work Assignment |
· Prepare and Involve students to design and develop web application
using HTML, CSS, JavaScript, PHP and database. |
5.
Evaluation
Evaluation of students' performance is divided
into parts: Internal assessment (theory and practical and internal external examinations (theory and practical).
The distribution of points is given below:
|
Internal Assessment Theory |
Internal Assessment Practical |
Semester Examination (Theoretical exam) |
External Practical Exam/Viva |
Total Points |
|
25 Points |
15 Points |
40 Points |
20 Points |
100 Points |
Note: Students must pass
separately in internal assessment, external practical exam and semester
examination.
Course Description
The aim of the course is to help students gain knowledge in the basic concepts of web development and build skills to develop web based application using the web tools, scripting and server side language. The goal of course is to provide application developers easy and complete understanding design of web page and integrated with MySQL and PHP which are most popular open source technologies.
2. General Objectives
After the completion of this course, the students should be able to:-
· To gain an understanding of the theories and concepts underlying web development
· To gain the skill of HTML structures and functionality.
· To develop the web based application with client side control mechanism
· To build skill to mapping of web design structure to coding using CSS
· To develop web application with server site scripting language.
Instructional Techniques
The instructional techniques for this course are divided into two groups. First group consists of general instructional techniques applicable to most of the units. The second group consists of specific instructional techniques applicable to particular units.
General Techniques
Reading materials will be provided to students in each unit. Lecture, Discussion, use of multi-media projector, brain storming are used in all units.
5.1 Internal Assessment (25 Points) of Theoretical
Part
Internal assessment will be conducted
by subject teacher based on following criteria:
Attendance and learning Activities 5 points
First assignment (Written assignment) 5 points
Second assignment (Project work with presentation ) 10 points
Third assignment/written examination 5 point
|
Total
25 points |
5.2 Internal Assessment (15 Points) of practical
part
Internal practical assessment will be conducted by subject
teacher based on following criteria:
Attendance and learning Activities 5 points
Practical work/project work/lab work 10
points
|
Total 15 points |
5.3 Semester Final Examination (40 Points) theoretical
part
|
Examination Division, Dean office will conduct final
examination at the end of semester. Objective question (Multiple choice questions 10 x 1 point) 10 Points Subjective questions (6 questions x 5 marks with ‘OR” two questions) 30
Points
|
|
Total 40 points
|
5.4
Practical Exam/Viva (20 Points)
Examination Division, Office of the
Dean will appoint an external examiner (ICT teachers working another campus)
for conducting practical examination
|
Items |
Points |
|
Evaluation of Record Book |
4 |
|
Project work/practical work presentation/skill test |
10 |
|
Viva |
6 |
|
Total |
20 |
6. Recommended books and References materials
(including relevant published articles in national and international journals)
Recommended Books:
Kyrnin, J. & Meloni, J.C. (2019).
Sams teach yourself HTML, CSS and
JavaScript All in One (3rd Ed.). Pearson.
Nixon, R. (2021). Learning PHP,
MySQL & JavaScript: A Step-by-Step Guide to Creating Dynamic Websites (6th Ed.). O’ Really Media.
Sklar, D. (2004). Learning PHP 5
(1st Ed.) O’ Really Media.
No comments:
Post a Comment