Sheet

RGPV (DIPLOMA WING) BHOPAL OBE CURRICULUM FOR THE COURSE FORMAT- 3 No. 1

Branch Computer Science and Engineering Semester Third

Course
Course Code C04
Name
Web Technology
Teach Hrs Marks

 Introduce the fundamental concept of web structure and creation of static

Course Outcome 1 24 25
webpage.
(20+10)
 Discuss the concept of web design principles and its architecture.
Learning Outcome 1 6 10
(TW)
Contents  Introduction of Web Technologies
o Web Protocols and programs
o Secure connections
o Application and development tools
o Web browser and Web server
 Web Design:
o Web site design principles
o Planning the site and navigation
o Architecture of Web based systems-
 Client/server (2-tier) architecture, 3-Tier architecture
Method of Assessment Internal Quiz/Assignments

Learning Outcome 2  Define the various tags which is used to create the layout of the webpage.
10 10
(ET)
Contents  Introduction to HTML
o Prologue
o Head section – Link, Base, Meta, Script, Style
o Body Section – Header, Paragraphs, Text Formatting, Anchor, Images,
Lists, Tables, Frames, Phrase (Special Purpose)
o Other Special Tags and Characters

Method of Assessment End Term Theory Examination

 Identify how to create a simple web page and adding a form to collect 10
Learning Outcome 3 8 (IP)
various user inputs.

 HTML Forms
Contents
o Form Attributes and Elements
o Form Inputs types (text, submit, reset, radio, date, password, etc)

Internal Practical Programs

Method of Assessment

 Discuss the various functions of JavaScript to build dynamic webpage 35

Course Outcome 2 28 (10+25)
creation.

Learning Outcome 1  Develop program using basic feature of JavaScript. 10

10 (PT-I)
Contents  Introduction to JavaScript
 Elements of JavaScript –
o Identifiers
o Expressions
o Keywords
o Operators
o Conditional Statements(if-else, switch)
o Iterative Statements(while, do-while, for and foreach)
o Functions
Method of Assessment Internal Theory Examination

Learning Outcome 2  Write JavaScript to design a form to accept input values for the given 15
10 (EP)
problem.

Contents  Object of JavaScript –

o Window Object:
 Introduction, Methods, Navigator, Popup Alert
o Document Object:
 Introduction, Methods, Documents, Elements etc.

Method of Assessment External Practical Examination

Learning Outcome 3  Use form controls with validation of user inputs. 8 10
(ET)
Contents  Forms Objects,
o Text Boxes
o Text Areas,
o Buttons
o Radio Buttons
o Check Boxes
 Other Object – Date Object, Math Object, String Object, Arrays, Examples
Method of Assessment End Term Theory Examination

Course Outcome 3  Describe the importance of CSS and Bootstrap in webpage deigning.
28 25
(5+20)

Learning Outcome 1  Demonstrate various staling and way of adding CSS in Web documents.
10 10 (ET)

Contents  Introduction to CSS

 Cascading Style Sheet (CSS) –
o Coding
o Set properties and values for various tags
o Other Style Values
 Style Sheet
 o In-Line, Embedded and External
 Selector
o Class, ID and Contextual

Method of Assessment End Term Theory Examination

Learning Outcome 2  Create dynamic styles in HTML document. 8 10

(ET)

Contents  Introduction to DOM

o Method
o Documents and Elements
o DOM CSS in Document

End Term Theory Examination

Method of Assessment

Learning Outcome 3  Build responsive website using various components of Bootstrap. 5

10 (IP)

 Introduction to Bootstrap framework

Contents
o Bootstrap Grid system
o Bootstrap tables, Images, Buttons
o Navigation Bar, Filters

Method of Assessment Internal Quiz/Assignments

Course Outcome 4  Discuss the basic concepts and analyzed data processing in PHP. 45
40 (10+35)

Learning Outcome 1  Develop program using various elements and control statements. 12 10
(ET)

Contents  Introduction of PHP

 Element of PHP:
o Variables
o Data Types
o Operators and Expressions
o Constants
o Comment
 Flow Control in PHP:
o Switch
o Loops (while, do-while, for and foreach)

Method of Assessment End Term Theory Examination

Learning Outcome 2  Describe the importance of functions and array in PHP. 10

8 (ET)

Contents  Working with function

o Creating Function
o Calling with or without arguments
 Calling with Static Statements
 o Working with Arrays
o Creating Array and its type
o Array Related Functions and Operation

Method of Assessment End Term Theory Examination

Learning Outcome 3  Learn the Object oriented approach and its functionality. 10
8 (PT-II)

Contents  Working with Objects:

o Creating Objects
o Object Instance
 Working with Strings:
o Formatting strings
o Manipulating Strings
 Dates and Time:
o Using Date and Time Functions in PHP

Method of Assessment Internal Theory Examination

Learning Outcome 4  Create the webpage using multiple forms for the given problem and collect 15
12 (EP)
forms data after submission.

Contents  Working with Forms:

o Super Global Variables
 o Accessing the Form Input
o Working with File Uploads

Method of Assessment External Practical Examination

Course Outcome 5  Develop Simple web based application and perform database operation in 30 20
(10+10)
PHP.

Learning Outcome 1  Create a database for a given problem in PHP Script. 10

15 (ET)

Contents  PHP Databases:

o Basic Command With PHP Examples
o Connection To Server
o PHP MyAdmin and Database Bugs
o Creating Database
o Selecting A Database
o Listing Database
o Listing Table names

Method of Assessment End Term Theory Examination

Learning Outcome 2  Perform various operations for a given a database problem using PHP Script. 15 10
(IP)
Contents  Creating A Table
o Altering Tables
o Inserting Data
o Deleting Data
o Update Data
o Deleting Tables & Database

Method of Assessment Internal Practical Examination

Abbreviation:
PT: Progressive Test TW: Term Work EP: External Practical ET: External Theory IP: Internal Practical
 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Introduce the fundamental concept of web structure and creation of static webpage.
LO Description Discuss the concept of web design principles and its architecture.

SCHEME OF STUDY
S. Teaching –Learning Description of Teach Pract.
Learning Content LRs Required Remarks
No. Method T-L Process Hrs. /Tut Hrs.
1 Introduction of Web Technologies Traditional Lecture Teacher will 06 0 Handouts / NIL
o Web Protocols and programs method + Handout explain the Books / E-
o Secure connections contents and Contents
o Application and development tools provide handout
o Web browser and Web server to students.
Web Design:
o Web site design principles
o Planning the site and navigation
o Architecture of Web based systems-
Client/server (2-tier) architecture, 3-Tier
architecture
SCHEME OF ASSESSMENT
S. External /
Method of Assessment Description of Assessment Maximum Marks Resources Required
No. Internal
Internal Quiz/Assignments Assignment /quiz
1 Term Work 10 Internal
questions
ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)
 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Introduce the fundamental concept of web structure and creation of static webpage.
LO Description Define the various tags which is used to create the layout of the webpage.

SCHEME OF STUDY
Teaching –Learning Description of Teach Pract. LRs
S. No. Learning Content Remarks
Method T-L Process Hrs. /Tut Hrs. Required
1 Introduction to HTML Traditional Lecture Teacher will 6 4 Handouts / NIL
o Prologue method + Handout explain the Books / E-
o Head section – Link, Base, Meta, Script, contents and Contents
Style provide handout
o Body Section – Header, Paragraphs, Text to students.
Formatting, Anchor, Images, Lists, Tables,
Frames, Phrase (Special Purpose)
o Other Special Tags and Characters
SCHEME OF ASSESSMENT
External /
S. No. Method of Assessment Description of Assessment Maximum Marks Resources Required
Internal

End Term Theory

1 Examination
End Term 10 Test paper External

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Introduce the fundamental concept of web structure and creation of static webpage.
LO Description Identify how to create a simple web page and adding a form to collect various user inputs.

SCHEME OF STUDY
Teaching –Learning Description of T-L Teach Pract.
S. No. Learning Content LRs Required Remarks
Method Process Hrs. /Tut Hrs.
HTML Forms Traditional Lecture Teacher will explain 04 04 Handouts / Books / E- NIL
1 o Form Attributes and method + Handout the contents and Contents
Elements provide handout to
o Form Inputs types (text, students.
submit, reset, radio,
date, password, etc)
SCHEME OF ASSESSMENT
Maximum External /
S. No. Method of Assessment Description of Assessment Resources Required
Marks Internal

1 Internal Practical Programs Practical 10 Lab file Internal

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO
SCHEME FOR LEARNING Branch Code Course Code
Code
LO Code Format No.
RGPV (Diploma Wing ) Bhopal
OUTCOME M 0 2 2 0 3 5 2 4
COURSE NAME Web Technology
CO Description Discuss the various functions of JavaScript to build dynamic webpage creation.

LO Description Develop program using basic feature of JavaScript.

SCHEME OF STUDY
Pract.
Teaching – Description Teach LRs
S. No. Learning Content /Tut Remarks
Learning Method of T-L Process Hrs. Required
Hrs.
1 Introduction to JavaScript Traditional Lecture Teacher will 06 04 Handouts / NIL
Elements of JavaScript – method + Handout explain the Books / E-
o Identifiers contents and Contents
o Expressions provide
o Keywords handout to
o Operators students.
o Conditional Statements(if-else, switch)
o Iterative Statements(while, do-while, for and
foreach)
o Functions
SCHEME OF ASSESSMENT
Description of External /
S. No. Method of Assessment Maximum Marks Resources Required
Assessment Internal

1 Internal Theory Examination Progressive Test 10 Test Paper Internal

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Discuss the various functions of JavaScript to build dynamic webpage creation.

LO Description Write JavaScript to design a form to accept input values for the given problem.

SCHEME OF STUDY
Teaching –Learning Description of T-L Teach Pract.
S. No. Learning Content LRs Required Remarks
Method Process Hrs. /Tut Hrs.
1 Object of JavaScript – Traditional Lecture Teacher will explain 06 04 Handouts / Books / E- NIL
o Window Object: method + Handout the contents and Contents
Introduction, Methods, provide handout to
Navigator, Popup Alert students.
o Document Object:
Introduction, Methods,
Documents, Elements etc.
SCHEME OF ASSESSMENT
Maximum External /
S. No. Method of Assessment Description of Assessment Resources Required
Marks Internal

External Practical
1 Examination Practical 15 Lab file External

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Discuss the various functions of JavaScript to build dynamic webpage creation.

LO Description Use form controls with validation of user inputs.

SCHEME OF STUDY
Teaching – Description Teach Pract.
S. No. Learning Content LRs Required Remarks
Learning Method of T-L Process Hrs. /Tut Hrs.
1 Forms Objects, Traditional Lecture Teacher will 05 03 Handouts / Books / NIL
o Text Boxes method + Handout explain the E-Contents
o Text Areas, contents and
o Buttons provide
o Radio Buttons handout to
o Check Boxes students.
Other Object – Date Object, Math Object,
String Object, Arrays, Examples
SCHEME OF ASSESSMENT
External /
S. No. Method of Assessment Description of Assessment Maximum Marks Resources Required
Internal

End Term Theory

1 Examination End term 10 Test Paper External

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Describe the importance of CSS and XML in webpage deigning.

LO Description Demonstrate various staling and way of adding in documents.

SCHEME OF STUDY
Teaching – Description of Teach Pract.
S. No. Learning Content LRs Required Remarks
Learning Method T-L Process Hrs. /Tut Hrs.
1 Introduction to CSS Traditional Lecture Teacher will 06 04 Handouts / NIL
o Coding method + Handout explain the Books / E-
o Set properties and values for various tags contents and Contents
o Other Style Values provide handout
o Style Sheet: In-Line, Embedded and to students.
External
o Selector: Class, ID and Contextual

SCHEME OF ASSESSMENT
External /
S. No. Method of Assessment Description of Assessment Maximum Marks Resources Required
Internal

End Term Theory

1 Examination
End Term 10 Test paper External

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Describe the importance of CSS and XML in webpage deigning.

LO Description Create dynamic styles in HTML document.

SCHEME OF STUDY
Teaching – Description of T-L Teach Pract.
S. No. Learning Content LRs Required Remarks
Learning Method Process Hrs. /Tut Hrs.
1 Introduction to DOM Traditional Lecture Teacher will explain 06 02 Handouts / Books / E- NIL
o Method method + Handout the contents and Contents
o Documents and Elements provide handout to
o DOM CSS in Document students.

SCHEME OF ASSESSMENT
Maximum External /
S. No. Method of Assessment Description of Assessment Resources Required
Marks Internal

End Term Theory

1 Examination End term 10 Test paper external

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Describe the importance of CSS and XML in webpage deigning.

LO Description Build responsive website using various components of Bootstrap.

SCHEME OF STUDY
Teaching –Learning Description of Teach Pract. LRs
S. No. Learning Content Remarks
Method T-L Process Hrs. /Tut Hrs. Required
1 Introduction to Bootstrap Traditional Lecture method + Teacher will 05 05 Handouts / NIL
framework Handout explain the Books / E-
o Bootstrap Grid system contents and Contents
o Bootstrap tables, Images, Buttons provide handout
o Navigation Bar, Filters to students.

SCHEME OF ASSESSMENT
External /
S. No. Method of Assessment Description of Assessment Maximum Marks Resources Required
Internal

1 Internal Practical Programs Practical 5 Lab file Internal

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Discuss the basic concepts and analyzed data processing in PHP.

LO Description Develop program using various elements and control statements.

SCHEME OF STUDY
Teaching – Description
Teach Pract. LRs
S. No. Learning Content Learning of T-L Remarks
Hrs. /Tut Hrs. Required
Method Process
1 Introduction of PHP Traditional Teacher will 08 04 Handouts / NIL
Element of PHP: Lecture method explain the Books / E-
o Variables + Handout contents and Contents
o Data Types provide
o Operators and Expressions handout to
o Constants students.
o Comment
Flow Control in PHP:
o Switch
o Loops (while, do-while, for and foreach)
SCHEME OF ASSESSMENT
Resources External /
S. No. Method of Assessment Description of Assessment Maximum Marks
Required Internal

End Term Theory

1 Examination End term 10 Test paper External
 ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Discuss the basic concepts and analyzed data processing in PHP.

LO Description Describe the importance of functions and array in PHP.

SCHEME OF STUDY
Teaching –
Teach Pract. LRs
S. No. Learning Content Learning Description of T-L Process Remarks
Hrs. /Tut Hrs. Required
Method
1 Working with function Traditional Teacher will explain the 05 03 Handouts / NIL
o Creating Function Lecture contents and provide handout Books / E-
o Calling with or without arguments method + to students. Contents
Calling with Static Statements Handout
Working with Arrays
o Creating Array and its type Array
Related Functions and Operation
SCHEME OF ASSESSMENT
External /
S. No. Method of Assessment Description of Assessment Maximum Marks Resources Required
Internal

End Term Theory

1 Examination End Term 10 Test Paper External

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Discuss the basic concepts and analyzed data processing in PHP.

LO Description Learn the Object oriented approach and its functionality.

SCHEME OF STUDY
Teaching –Learning Description of Teach Pract.
S. No. Learning Content LRs Required Remarks
Method T-L Process Hrs. /Tut Hrs.
1 Working with Objects: Traditional Lecture Teacher will 05 03 Handouts / NIL
o Creating Objects method + Handout explain the Books / E-
o Object Instance contents and Contents
Working with Strings: provide handout
o Formatting strings to students.
o Manipulating Strings
Dates and Time:
o Using Date and Time Functions in
PHP
SCHEME OF ASSESSMENT
External /
S. No. Method of Assessment Description of Assessment Maximum Marks Resources Required
Internal

1 Internal Theory Examination Progressive Test 10 Paper Pen Test Internal

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Discuss the basic concepts and analyzed data processing in PHP.

LO Description Create the webpage using multiple forms for the given problem and collect forms data after submission.

SCHEME OF STUDY
Teaching –Learning Description of Teach Pract. LRs
S. No. Learning Content Remarks
Method T-L Process Hrs. /Tut Hrs. Required
1 Working with Forms: Traditional Lecture method Teacher will 06 06 Handouts NIL
o Super Global Variables + Handout explain the / Books /
o Accessing the Form Input contents and E-
o Working with File Uploads provide handout Contents
to students.

SCHEME OF ASSESSMENT
Resources External /
S. No. Method of Assessment Description of Assessment Maximum Marks
Required Internal

1 External Practical Practical 15 Lab file External

Examination

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Develop Simple web based application and perform database operation in PHP.

LO Description Create a database for a given problem in PHP Script.

SCHEME OF STUDY
Teaching –Learning Description of Teach Pract. LRs
S. No. Learning Content Remarks
Method T-L Process Hrs. /Tut Hrs. Required
1 PHP Databases: Traditional Lecture Teacher will 07 08 Handouts / NIL
o Basic Command With PHP Examples method + Handout explain the Books / E-
o Connection To Server contents and Contents
o PHP MyAdmin and Database Bugs provide handout
o Creating Database to students.
o Selecting A Database
o Listing Database
o Listing Table names
SCHEME OF ASSESSMENT
Resources External /
S. No. Method of Assessment Description of Assessment Maximum Marks
Required Internal
End Term Theory
1 Examination
End term 10 Test paper External

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 CO LO
SCHEME FOR LEARNING Branch Code Course Code
Code Code
RGPV (Diploma Wing ) Bhopal
OUTCOME
Format No. 4
COURSE NAME Web Technology
CO Description Develop Simple web based application and perform database operation in PHP.

LO Description Perform various operations for a given a database problem using PHP Script.

SCHEME OF STUDY
Teaching –Learning Description Teach Pract.
S. No. Learning Content LRs Required Remarks
Method of T-L Process Hrs. /Tut Hrs.
1 Creating A Table Traditional Lecture Teacher will 06 09 Handouts / NIL
o Altering Tables method + Handout explain the Books / E-
o Inserting Data contents and Contents
o Deleting Data provide
o Update Data handout to
o Deleting Tables & Database students.
SCHEME OF ASSESSMENT
External /
S. No. Method of Assessment Description of Assessment Maximum Marks Resources Required
Internal

Internal Practical
1 Examination Practical 10 Lab file Internal

ADDITIONAL INSTRUCTIONS FOR THE HOD/ FACULTY (IF ANY)

 Web Technology
Course Outcome (COs) and Learning Outcome (LOs):
Total Teaching Hours: 120
Total Marks: 150 (100(Theory) :{ External (70) + Internal (30)}, 50(Practical) :{ External (30) + Internal (20)}

COs Teaching Assessment Marks

Hours Internal External
CO-1 Introduce the fundamental concept of web structure and creation of static webpage. 24
LO-1 Discuss the concept of web design principles and its architecture 6 TW (10)
LO-2 Define the various tags which is used to create the layout of the webpage. 10 END TERM (10)
LO-3 Identify how to create a simple web page and adding a form to collect various user inputs. 8 Practical(5)

CO-2 Discuss the various functions of JavaScript to build dynamic webpage creation. 28
LO-1 Develop program using basic feature of JavaScript. 10 PT(10)
LO-2 Write JavaScript to design a form to accept input values for the given problem. 10 Practical(15)
LO-3 Use form controls with validation of user inputs. 8 END TERM(10)

CO-3 Describe the importance of CSS and Bootstrap in webpage deigning. 28

LO-1 Demonstrate various staling and way of adding CSS in Web documents. 10 END TERM (10)
LO-2 Create dynamic styles in HTML document. 8 END TERM (10)
LO-3 Build responsive website using various components of Bootstrap. 10 Practical(5)

CO-4 Discuss the basic concepts and analyzed data processing in PHP. 40
LO-1 Develop program using various elements and control statements. 12 END TERM (10)
 LO-2 Describe the importance of functions and array in PHP. 8 END TERM (10)
LO-3 Learn the Object oriented approach and its functionality. 8 PT(10)
LO-4 Create the webpage using multiple forms for the given problem and collect forms data 12 Practical (15)
after submission.

CO-5 Develop Simple web based application and perform database operation in PHP. 30
LO-1 Create a database for a given problem in PHP Script. 15 END TERM (10)
LO-2 Perform various operations for a given a database problem using PHP Script. 15 Practical (10)

***********************