ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

Course Title: Advanced Web Technology Course No. :

ICT Ed 547 (Elective)

Nature of course: Theoretical + Practical

Level: M.Ed.

Credit Hour: 3 (2+1)

Semester: Fourth

1.

Teaching Hour: 80(32+48)

Course Description

This course aims at providinga skills to the student to development of modern web application and gain a broad understanding of the Web Technology.This course focuses on the development of dynamic web contents and applications to facilitate information distribution. The course will initiate students to the different web development tools and technology such as HTML5, CSS, Java Script, JQuery, Ajax,XML, PHP-MySQL and open sources web development frameworks. 2.

General Objective of the Course:

The general objectives of this course are as follows:     3.

To make the student knowledgeable about the webtechnology and web development tools. To enable the student in implement the CSS, Java Script, JQuery, Ajax, XML and PHP in web applications. To make a student able to explore and choose theopen sources web development framework to rapid development of web application. To enable the student make advanced dynamic web projects.

Course Outlines: Specific Objectives   

Give an introduction of web technology and HTML5 Describe tag, attributes properties and value of HTML5 Integrate of API in HTML5

Contents Unit 1: Introduction to HTML5

(10)

1.1 Overview of HTML5 and Other Web Technologies 1.2 Fundamentals of HTML 1.3 Organizing Text in HTML5 1.4 Working with Links and URLs 1.5 Creating Tables 1.6 Working with Images, Color and Canvas 1.7 Working with Forms 1.8 Interactive Elements 1.9 Working with Multimedia 1.10 Working with API



Define the CSS



Create Inline, Internal

2.1 Overview of CSS3

and External CSS to

2.2 Backgrounds and Color Gradients

design web pages.

2.3 Fonts and Text Styles

ICTEd_547_4th semester

Unit 2: CSS

icted.org.np

(6)

Advanced Web Technology

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology



Create Web pages layout

2.4 Creating Boxes and Columns



Apply the responsive

2.5 Displaying, Positioning and Floating an Element

web design.

2.6 List Styles and Table Layouts

Apply media Queries

2.7 Pseudo-classes and Pseudo-elements



2.8 Effects, Frames and Controls 2.9 Responsive Web Design 2.10 Media Queries 

Explain separation of

Unit 3: Java Script and jQuery

(12)

concerns and identify the

3.1 Overview of JavaScript

three layers of the web.

3.2 JavaScript Functions, Events, Image Maps and Animations

Apply operators,

3.3 JavaScript Objects

variables, arrays, control

3.4 Working with Browser Objects

structures, functions and

3.5 Working with Document Object

objects in JavaScript.

3.6 Document Object Model

Apply regular

3.7 Validation, Errors, Debugging, Exception Handling and Security

expressions for form

3.8 JQuery Introduction

validation.

3.9 JQuery Syntax

Define jQuery basics and

3.10 JQuery Selectors

functions

3.11 JQuery Events

Apply selectors, events

3.12 JQuery Effects

and effects with jQuery

3.13 JQuery AJAX

Integrate jQuery, Ajax

3.14 JQuery HTML

and HTML

3.15 JQuery CSS Classes



Apply jQuery classes

3.16 JQuery Traversing



Define jQuery





  

Traversing 

Apply XML parsers and

Unit 4: XML and Ajax

(10)

viewers

4.1 Introduction to XML

Create well-formed and

4.2 Working with Basics of XML

valid XML documents

4.3 Converting XML Documents in Other Formats



Construct hypertext links

4.4 Working with XSLT



Write XSL (eXtensible

4.5 Working with XPath, XLink and XPointer

Style Language) style

4.6 XML Application

sheets

4.7 Overview of AJAX



4.8 AJAX components

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

ICTEd_547_4th semester



icted.org.np

Advanced Web Technology

Define the theory behind

4.9 Asynchronous Data Transfer with XMLHttpRequest

AJAX, including the

4.10 Implementing AJAX Frameworks

distribution of processing

4.11 Consuming Web Services Using AJAX

between client and

4.12 Working with jQuery

server. 

Demonstrate the basic operation of an AJAX application, including the XMLHttpRequest object.





  

Design and develop

Unit 5: Introduction to PHP

(12)

dynamic, database-driven

5.1 PHP Syntax, Variables, Data Types

web pages using PHP.

5.2 Strings, Constants, Operators

Apply the control

5.3 Control structure

structure, function and

5.4 Functions and array

array in PHP.

5.5 Object and class in PHP

Apply from validation

5.6 Inheritance in PHP

methods.

5.7 Superglobals

Define events, cookies

5.8 PHP Forms and XML

and sessions

5.9 Events, Cookies and Sessions

Integrate XML in PHP

5.10 Form Handling and validation 5.11 XML Parsers and SimpleXML Parser 5.12 SimpleXML Get and XML





Create a database driven

Unit 6: PHP and MySQL

(15)

dynamic web application

6.1 PHP and MySQL Database

using MySQL.

6.2 Connecting to Database

Integrate AJAX and PHP

6.3 Creating, Selecting, Deleting, Updating Records 6.4 Insert Multiple Data 6.5 AJAX with PHP 6.6 AJAX Database

  

Define framework of web

Unit 7: PHP Frameworks

(10)

development.

7.1 Introduction to frameworks for web development

List the major PHP

7.2 Introduction to Models and CRUD using the framework

framework

7.3 Introduction to Laravel PHP framework

Describe the Web

7.4 Introduction to CodeIgniter PHP framework

framework.

7.5 Introduction to Yii PHP Framework

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

7.6 Introduction to Cakephp PHP framework 7.7 Introduction to Zend PHP Framework Develop Dynamic web project

Unit 8: Project Work

(5)

Practical work:         

HTML5 CSS3 Java Script JQuery XML AJAX MySQL PHP PHP framework

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 Instructional Techniques Reading materials will be provided to students in each unit. Lecture preferably with the use of multi-media projector, demonstration, practical classes, discussion, and 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 teachinglearning process. Specifically, demonstration with practical works will be specific instructional technique in this course. The details of suggested instructional techniques are presented below: Units Unit 1: HTML5

Activities  Demonstration by the teacher on HTML5 tag, properties and values to development of Web pages.  Individual lab work of those operation system by each student  Presentation by students followed by peers' comments and teacher's feedback

Unit 2: CSS

 Demonstration by the teacher about CSS3 and integrate with HTML pages.  Lab work in pairs in a task assigned by the teacher  d providing feedback for improvement  Presentation by students followed by peers' comments and teacher's feedback Unit 3: Java Script and  Demonstration by the teacher on java script and integrate with Web pages. JQuery

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

 Demonstration by the teacher on jQuery and integrate with Web pages  Lab work in pairs in different tasks assigned by the teacher  Presentation by students followed by peers' comments and teacher's feedback Unit 4: XML and Ajax  Demonstration by the teacher on XML  Demonstrate the Ajax  Individual lab work of those operation system by each student  Presentation by students followed by peers' comments and teacher's feedback Unit 5 and 6: PHP and  Demonstration by the teacher about dynamic web application using PHP and MySQL and integrate XML and Ajax. MySQL  Monitoring of students' work by reaching each pair and assist them to complete the assignment  Presentation by students followed by peers' comments and teacher's feedback Unit 7 and 8: PHP  Demonstrate the only one frame work from latest PHP frameworks and suggest to student development dynamic web application. Framework  Individual lab work of those operation system by each student  Monitoring of students' work by reaching each student and providing feedback for improvement  Presentation by students followed by peers' comments and teacher's feedback

5. Evaluation 5.1 Evaluation (Internal Assessment and External Assessment): Nature of

Internal

External

Semester

course

Assessment

Practical

Examination

Total Marks

Exam/Viva Theory and

40 point

20 point

40 point

100 point

Practical Note: Students must pass separately in internal assessment, external practical exam / viva and or semester examination. 5.1.1 Internal Evaluation 40 point Internal evaluation will be conducted by course teacher based on following activities: 1) Attendance

5 points

2) Participation in learning activities

5 points

3) First assessment ( written assignment)

10 points

4) Second assessment ( Term examination )

10 points

5) Third assessment ( Internal Practical Exam/Case Study)

10 points

Total

40 points

5.1.2 External Evaluation (Final Examination) 40 point

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology

Examination Division, office of the Dean, Faculty of Education will conduct final examination at the end of semester. 1) Objective type question (Multiple choice 10questionsx1mark) 10 marks 2) Short answer questions (6 questions x 5 marks)

30 marks

Total

40 marks

5.1.3 Practical Exam/Viva (20 Points) Examination Division, Dean Office will conduct final practical examination at the end of semester. Practical record book, practical written test, demonstration of practical activities and viva will be the assessment indicators.

6

Recommended books and reading materials (including relevant published articles in national and international journals) Recommended: Kogent Learning Solutions Inc (2013). HTML 5 Black Book: CSS3, Javasvript, XML, XHTML, AJAX, PHP and jQuery. Wiley India Bayross, I. (2005). Web enabled commercial applications development using ... HTML, DHTML, Javascript, Perl CGI. New Delhi: BPB publication. Nixon, R. (2015). Learning PHP, MySQL & JavaScript: with jQuery, CSS & HTML5 (4. ed). Beijing: O’Reilly. Reference materials Lockhart, J. (2015). Modern PHP (1. ed). Sebastopol, Calif: O’Reilly. Bergmann, S., & Priebsch, S. (2011). Real-world solutions for developing high-quality PHP frameworks and applications. Indianapolis, Ind: Wiley.

ICTEd_547_4th semester

icted.org.np

Advanced Web Technology