Annexure ‘CD – 01’

FORMAT FOR COURSE CURRICULUM

L T P/ SW/F TOTAL PSDA
S W CREDIT
UNITS
Course Title: Advanced Web Technologies 2 - 2 2 4 4
Credit Units: 4

Course Level:PG Course Code: CSIT762

Course Objectives:
This course is aimed to provide a fundamental understanding of dynamic web site creation.

 This course is aimed to provide a fundamental understanding of dynamic web site creation.
 To develop basic skills of creating web pages and explain the coding behind the designing of websites.
 To explore the requirements of designing and developing a website.
.

Pre-requisites:
Fundamentals of IT

Course Learning Outcomes:

After completion of this course, students will be able to:

 Understand the knowledge of web programming to develop and maintain web applications
 Analyze examples of analytical tools and web site design.
 Design high-level tools, dynamic web pages and web applications with AJAX
 Create a sophisticated web application using PHP and database connectivity using MySQL.
 Evaluate interoperable web applications using latest technologies
 Apply web services to build the server-side components in web applications
Course Contents/Syllabus:
Weightage (%)
Module I: HTML5 and Overview of UX 15%
Descriptors/Topics

A brief overview of HTML , HTML Document Type Overview , the Outer Structure of an HTML Document: Part , The
Outer Structure of an HTML Document Part HTML5 Tags, HTML and Text; Paragraphs ; Block and Inline Tags ; HTML
Lists ; FONT Tag ; Introduction to Hyperlinks; Absolute and Relative URLs ; Inline Images and the IMG Tag ; Tables:
Introduction to HTML Tables ; Formatting Tables with CSS ; Aligning Images with Tables Introduction to XHTML:
XML, Move to XHTML, Metatags, Character entities, iframes ;Overview of iframes :Forms: HTML Forms.
Overview of analytical tools like Google Analytics and SEO(Search Engine Optimization), Introduction to blogs;blog
engines- Word press and Blogger
Module II: Bootstrap And Java Script 15%
Descriptors/Topics

Need for CSS, Introduction to CSS, basic syntax and structure, using CSS, Introduction to Bootstrap Basics, Bootstrap
Components, Overview of Javascript, Java Script variables, functions, conditions, loops and repetition, Pop up boxes,
Advance JavaScript: Javascript and objects, Event Handling, validations, Overview of JSON, Overview of Angular JS,
Overview of JQUERY
.
Module III : XML 25%
Descriptors/Topics

Introduction to XML, uses of XML, simple XML,XML key components, DTD and Schemas, Well formed,using XML with
application.XML, XSL and XSLT.Introduction to XSL,Overview of Parsers, Introduction,advantages & disadvantages
,Purpose of ajax, ajax based web application, alternatives of ajax
Module IV: PHP 25%
Descriptors/Topics

Introducing Apache, PHP, My SQL : Installing Apache, Php, Mysql ; Configuring Apache for PHP ;PHP Basics: Syntax
rules ; Escaping characters ; Reserved words ; Variable ; Data types; Functions ; Function arguments ; Multiple Arguments;
Variable scope; Performing Operations: Arithmetic operators; Logical operators; Assignment operators; Comparison
operators ; Conditional operators; Making Statements: Conditional if statement; If else statement; Switch statement ; For
loop; While loop ; Do-while loop ; Interrupting loops ; Return statements; Using arrays: Creating an array, changing array
elements; Listing array elements; Manipulating Arrays; Creating Dynamic Content: Identifying browser platform; Server
date and time; Time specific content; Getting form values; Displaying submitted values; String manipulation; Browser
redirection;
Module V: File Handling Using PHP 20%
Descriptors/Topics

Displaying directory files; Copying and renaming files; Opening and closing files; Reading files; Writing files ; Creating and
Uploading forms and Script, Uploading a file; Data persistence: Setting up cookies and Sessions.
 Introducing databases; Creating tables, SQL Data types; Insertion; Updating and Deletion data, tables databases; SQL Queries;
Creating Mysql user and password ; Connecting a user to Mysql ; Listing databases; Listing table names ; Inserting database and
Altering tables ; Retrieving data from a table Web Hosting ;Registering Domains. ; Parking Web sites; Publishing with FTP.

Pedagogy for Course Delivery:

The classes will be taught using theory and practical in blended/flipped mode based method. Activities will be given to the students to describe designing and coding
of a website. Working Example of most popular websites will be given to the students to enhance their designing and development skills.

List of Professional Skill Development Activities (PSDA):

Q1 Design a quiz tool for the students. Students can create questions and quizzes to prepare for an exam. Other students can play these quizzes and create their own
quizzes. Students can also provide correct explanations for the answers.(Use Bootstrap as Frondend)
Q2 What is PHP? What are its uses? Using PHP insert the following details of a book into MYSQL database:
i. Book name
ii. Book author(s)
iii. Book description
iv. Book price
v. Book image url
Q3 Make an application which enables students to review (based on course content, difficulty level, quality of course materials, and professor expertise) and rank
courses to help peers in the selection of new courses.(using Frondend as Angular, Express )
Q4 Design online platform which provides teachers and lecturers to opportunity to interact in a better way with their audience.

List of Experiments:

1. Write a program:
A) To add a button on a form.
B) To add ordered list in page.
C) To add menu in page.
2. Write a program to create frames using percentage.
3. Write a code that will display text CRICKET TEAMS spreads over two rows with the names of the teams on the right.
4. Write a program for student mark sheet in html document.
5. Write html code to develop a webpage having two frames that divide the webpage into two equal rows and then divide the row into equal columns fill each frame
with a different background color.
6. Write HTML code for the registration form like you see while creating an account in Gmail.
7. Create a web page using frame. Divide the page into two parts with Navigation links on left hand side of page (width=20%) and content page on right hand side of
page (width = 80%). On clicking the navigation Links corresponding content must be shown on the right hand side.
CSS/XML
8. Create a catalog for an online shopping company that sells music records using style sheets.
9. Create a catalog for an online banking system that opening account in customer using style sheets.
10. Create a catalog for shop which sell computer peripherals using html tables.
11. Create a XML document of 10 student of SEM VI IT. Add their Enrollment No., marks obtained in 5 subject, total marks and percentage save this XML document
at the server. Write a program that accepts students enrollment No. As an input and returns the student marks, total and percentage by taking the students information
for the XML document.
12. Design a web page of your home town with an attractive background color, text color, an image, font face etc. (Use inline CSS for formatting)
13. Create a HTML form with the use of Cascading Style Sheets.
14. Create a DHTML form for the dynamic use of records in a web form.

PHP with Database Programming

15. Write PHP programs to

a) Print whether current year is leap year or not.
b) Print whether given number is odd or even.
c) Print first 10 Fibonacci numbers.
16. Develop a site on creating a poll.
17. Write a Php script to implement numeric, associative and multidimensional array.
18. Write a Php script for Login form.
19. Write a Php script to send E-mails.
20. Create a HTML form to add new records to EMPLOYEE table

Assessment/ Examination Scheme:

Theory L/T (%) Lab/Practical/Studio (%) (Total)

75 25 100

Theory Assessment (L&T):

Continuous Assessment/Internal Assessment End Term Examination

Component (Drop Attend. Mid Term Self Work (SW) /PSDA VIVA Total
s Down)
Weightage (%) 5 20 20 5 50

Lab/ Practical/ Studio Assessment:

 Continuous Assessment/Internal Assessment End Term Examination
(50)

Component Attend. Mid Term Lab Record Continues Viva Practical Viva Total
s (Drop Performance Evaluation
down
Weightage (%) 5 10 10 20 5 30 20 50

Mapping Continuous Evaluation components/PSDA with CLOs

Bloom’s Level Understanding Analyzing Creating Creating Evaluating Applying

CLO1 CLO2 CLO3 CLO4 CLO5 CLO6

Quiz X

MCQ X

VIVA X

PSDA1 X X

PSDA2 X X

PSDA3 X X X

PSDA4 X
Text Reading:
 Ivan Bayross , “HTML, DHTML, JavaScript,PHP” , BPB Publication, Third Edition, 2013.
 Burdman, “Collaborative Web Development”, Addison Wesley.
 Thomas Powell, “The Complete Reference HTML & XML” , BPB Publication, Fourth Edition, 2002.
 Alexis Leon and Mathew Leon, Leon Tech world, “Internet for everyone”, Vikas Publishing House,2012.
 Sarah Horton & Whitney Quesenbery, “A Web for Everyone”, Anticipated publication, 2012.
 Eric Ladd, Jim O’ Donnel,Using HTML 4, XML and JAVA”, Prentice Hall of India
 Deitel & Deitel, “Internet and World Wide Web –How to Program”, Goldberg, Pearson Education.
 Michael C Daconta, Leo, Kelvin Smith, “The Semantic Web: A guide to the future of XML, Web services, and knowledge management”, Wiley.
 Wang,“An Introduction to web Design and Programming”,Thomson

References:

PHP Manual

Any other Study Material:

http://www.allbookez.com/ivan-bayross-html-dhtml-javascript-perl/
www.gobookee.org/internet-for-everyone-alexis-leon-tech-world