Course Title: Web Technology
Course No. : ICT. Ed. 437 Nature of course:
Theoretical + Practical
Level: B.Ed. Credit
Hour: 3 hours (2T+1P)
Semester: Third
Teaching Hour: 80hours (32+48)
1.
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.
3.
Course
Outlines:
|
Specific Objectives
|
Contents
|
|
|
·
Describe the concept of Hyper text and Markup
language concept
·
Working with HTML basic tag for Text
formatting, Listing, Hyper link, Image, Table, Form and Frame with properties
and values
|
Unit 1: Introduction to
HTML
1.1
Concept of WWW
1.2
Component of www and URL
1.3
HTML editors (Dreamweaver, Notepad ++, Edit Plus)
1.4
Basic HTML construct, building blocks
1.5
Working with Fonts and Formats
1.6
Working with Lists and Links
1.7
Working with Images
1.8
Working with Tables
1.9
Working with Div
1.10
Working with Forms and Frames
|
12
|
|
·
Explore the different levels and abilities of
style sheets.
·
Apply the CSS for designing in HTML basic
structure
|
Unit 2: Cascading Style Sheet
2.1
Web page and CSS
2.2
CSS implementation
2.3
Basic Elements of CSS Design
2.4
CSS Building Blocks
2.5
Text properties
2.6
Colors, backgrounds and images
2.7
Lists and Links
2.8
Basic Design of layout
2.9
Types of layouts
2.10 CSS
Responsive
|
12
|
|
Unit 3: JavaScript
3.1
Java Script Overviews
3.2
Java Script and WWW
3.3
Java Script elements
3.4
Functions
3.5
Variables and Expressions
3.6
Statements; if, for, while
3.7
Array
3.8
Events handlers
3.9
Objects and Events
3.10
Getting data from Form and form validation
3.11
Concept of JQUERY
|
15
|
|
Unit 4: Introduction to PHP,
MYSQL and APACHE
4.1
Introduction of Static
and Dynamic Website
4.2
Concept of Server Side Scripting Language and
Web Server
4.3
Introduction of Apache, PHP, MySQL
4.4
Introduction to WAMP
4.5
Installing Apache, PHP, MySQL
4.6
Apache Version and installation
4.7
Apache configuration file structure
4.8
Apache Log file
4.9
Apache related commands
4.10
Troubleshooting in Apache Server
4.11
Installation and Configuration of PHP
4.12
php.ini basic
4.13
Basic PHP Scripts
4.14
Integrating PHP with HTML
|
12
|
|
·
Describe the basic structure of PHP scripting
language
·
Demonstrate the control structure, function,
array and string use in programming
|
Unit 5: Programming Structure of PHP
5.1
Data types, Variables, Operators and
Expression
5.2
Flow Control in PHP: if statement, switch
statement, ? Operator, loops
5.3
Code block and Browser output
5.4
Working with functions: Define and Call
Function
5.5
Returning Value from user define function
5.6
Scope of Variable
5.7
Setting Default Value for arguments, passing
value reference to function
5.8
Create an Array
5.9
Create an Object
5.10
Working with String, Date and Time
5.11
String Manipulation
|
12
|
|
·
Design form for capture and retrieve the
inform from client to server
|
Unit 6: Working With Form
6.1
Creating a user Form
6.2
Hidden filed for save state
6.3
Redirecting user
6.4
Sending mail on form submission
6.5
Working with file uploading
6.6
Working with Session
|
8
|
|
·
Demonstrate the database connectivity.
·
Explain the AJAX concept
·
Describe the Captcha
|
Unit 7: MySQL and PHP
7.1 Connecting to MySQL with PHP
7.2
Introduction of database
7.3
Working with MySQL Data
7.4
File Uploading & Emails
7.5
Making a Contact Us Form on a website
7.6
PHP and AJAX
7.7
Creating Images on the Fly
7.8
Image Captcha
7.9
Restrict Viewing on the website
|
12
|
|
·
Create live project using web development
tools
|
Unit 8: Project Work
|
5
|
4.
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.
4.1 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.
4.2 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
|
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 with
properties
· Create Form with
properties
|
|
Unit 2: Cascading Style
Sheet
|
· User CSS elements
in inline CSS
· User CSS elements
in embedded CSS
· User CSS elements
in external CSS
· Design Text
formatting
· Design Layouts
|
|
Unit 3: JavaScript
|
· Demonstrate data
types and variables
· Use function to
accept the information
· Demonstrate control
structure
· Apply Array
· Demon different
types of events handling
· Design and develop
form to validation of data
· Apply basic
structure of JQUARY
|
|
Unit 4: Installation and configuration of Apache, PHP and MySQL
|
· Install PHP and
MySQL
· Install Apache
server
· Configure the
apache server
· Configure the PHP
file
· Integrate the PHP and HTML
|
|
Unit 5-6: Programming in PHP
and form control
|
· Apply the control
structure of PHP
· Create function and
pass the values
· Create array and
objects
· Implement the build
in string function
· Design form to
capture different types of values
· Design form to sent
mail
· Upload file
· Create session
|
|
Unit 7: PHP and Database
|
· Create a database
connection class
· Insert, update,
delete data through PHP form
· Implement the AJAX
· Use the captcha
|
|
Unit 8: Project
|
· Develop web application using HTML, CSS, JavaScript,
PHP and MySQL.
|
5.
Evaluation
:
|
Internal
Assessment
|
External
Practical Exam/Viva
|
Semester
Examination
|
Total
Marks
|
|
40 Points
|
20 Points
|
40 Points
|
100 Points
|
Note:
Students must pass separately in internal assessment, external practical exam
and semester examination.
5.1
Internal Evaluation (40
Points):
Internal evaluation will be conducted
by subject teacher based on following criteria:
1)
Class Attendance 5
points
2)
Learning activities and class
performance
5 points
3)
First assignment ( written assignment) 10
points
4)
Second assignment (Case Study/project
work with presentation ) 10 points
5)
Terminal Examination 10 Points
|
|
|
Total
40 points
|
5.2
Semester Examination
(40 Points)
|
Examination Division, Dean office will conduct final
examination at the end of semester.
1)
Objective question (Multiple choice
10 questions x 1mark) 10 Points
2)
Subjective answer questions (6 questions x 5 marks) 30 Points
|
|
Total
40 points
|
5.3 External Practical Exam/Viva (20 Points):
Examination Division, Dean Office will
conduct final practical examination at the end of semester.
6.
Recommended
books and References materials (including relevant published articles in
national and international journals)
Recommended books:
Felke-Morris,
T. (2013). Web development and design foundations with HTML5 (6th
ed). New Delhi : Pearson.
Lemay, L.
(2016). Sams teach yourself HTML, CSS & Javascript web publishing in one
hour a day (Seventh edition). Sams India.
MacCaw,
A. (2011). Java Script web applications: Alex MacCaw. O'Reilly.
Meloni Julie C(2010).,Teach
Yourself PHP, MySQL and Apache, New
Delhi, Pearson Education Pvt. Ltd. Delhi
Holzner, Steven(2008), PHP : the complete reference, New Delhi ,Tata
McGraw-Hill
References
materials:
Nixon, R.
(2014). Learning PHP, MySQL & JavaScript: with jQuery, CSS & HTML5
(Fourth edition). Sebastopol, CA: O’Reilly Media, Inc.
No comments:
Post a Comment