22MCA24 Web Technologies syllabus for MCA

Web browsers, web servers, MIME, URL, HTTP Introduction to XHTML5 tags, Basic syntax and structure, text markups, images, lists, tables,progress, Media tags-audio and video ,forms, frames.

Introduction to CSS, Levels of CSS, Selectors, Font, color and Text Properties, BOX Model, Span and Div tags. Introduction to Javascript, controls statements, Arrays and functions, pattern matching, Element Access, Event Handling.

Introduction to Bootstrap, First example, containers, Bootstrap elements: colors, tables, images, buttons, button groups, progress bars, Forms, utilities, Classes, alerts, custom forms, Grid System.

Introduction to JQuery, Syntax, selectors, events, JQuery HTML, JQuery Effects, JQuery CSS.

Introduction to Angular JS, Directives, Expressions, Directives, Controllers, Filters, Services, Events, Forms, Validations, Examples.

PRACTICAL COMPONENT OF IPCC (May cover all / major modules)

Experiments

 1 Create an XHTML page that provides information about your department. Your XHTML page must use the following tags: a) Text Formatting tags b) Horizontal rule c) Meta element d) Links e) Images f) Tables (Use of additional tags encouraged).

2 Develop and demonstrate the usage of inline, external and internal style sheet using CSS. Use XHTML page that contains at least three paragraphs of text, listed elements and a table with four rows and four columns.

3 Develop and demonstrate a XHTML file that includes Javascript script for the following problems: a) Input : A number n obtained using prompt Output : The first n Fibonacci numbers b) Input : A number n obtained using prompt Output : A table of numbers from 1 to n and their squares using alert

4 Develop, test and validate an XHTML document that has checkboxes for apple (59 cents each), orange (49 cents each), and banana (39 cents each) along with submit button. Each check boxes should have its own onclick event handler. These handlers must add the cost of their fruit to a total cost. An event handler for the submit button must produce an alert window with the message „your total cost is $xxx‟, where xxx is the total cost of the chose fruit, including 5 percent sales tax. This handler must return „false‟ (to avoid actual submission of the form data). Modify the document to accept quantity for each item using textboxes.

5 Develop and demonstrate a HTML file which includes JavaScript that uses functions for the following problems: a. Parameter: A string Output: The position in the string of the left-most vowel. b. Parameter: A number Output: The number with its digits in the reverse order.

6 Develop and demonstrate, using JavaScript script, a XHTML document that contains three short paragraphs of text, stacked on top of each other, with only enough of each showing so that the mouse cursor can be placed over some part of them. When the cursor is placed over the exposed part of any paragraph, it should rise to the top to become completely visible. Modify the above document so that when a text is moved from the top stacking position, it returns to its original position rather than to the bottom

Assessment Details (both CIE and SEE)

• The weightage of Continuous Internal Evaluation (CIE) is 50% and for Semester End Exam (SEE) is 50%.
• The minimum passing mark for the CIE is 50% of the maximum marks.
• Minimum passing marks in SEE is 40% of the maximum marks of SEE.
• A student shall be deemed to have satisfied the academic requirements and earned the credits allotted to each subject/ course if the student secures not less than 50% (50 marks out of 100) in the sum total of the CIE (Continuous Internal Evaluation) and SEE (Semester End Examination) taken together

CIE for the theory component of IPCC

1. Two Tests each of 20 Marks

2. Two assignments each of 10 Marks/One Skill Development Activity of 20 marks

3. Total Marks of two tests and two assignments/one Skill Development Activity added will be CIE for 60 marks, marks scored will be proportionally scaled down to 30 marks.

CIE for the practical component of IPCC

• On completion of every experiment/program in the laboratory, the students shall be evaluated and marks shall be awarded on the same day. The 15 marks are for conducting the experiment and preparation of the laboratory record, the other 05 marks shall be for the test conducted at the end of the semester.
• The CIE marks awarded in the case of the Practical component shall be based on the continuous evaluation of the laboratory report. Each experiment report can be evaluated for 10 marks. Marks of all experiments‟ writeups are added and scaled down to 15 marks.
• The laboratory test at the end /after completion of all the experiments shall be conducted for 50 marks and scaled down to 05 marks.

Scaled-down marks of write-up evaluations and tests added will be CIE marks for the laboratory component of IPCC for 20 marks.

SEE for IPCC

Theory SEE will be conducted by University as per the scheduled timetable, with common question papers for the course (duration 03 hours)

1. The question paper will be set for 100 marks and marks scored will be scaled down proportionately to 50 marks.

2. The question paper will have ten questions. Each question is set for 20 marks.

3. There will be 2 questions from each module. Each of the two questions under a module (with a maximum of 3 sub-questions), should have a mix of topics under that module.

4. The students have to answer 5 full questions, selecting one full question from each module.

The theory portion of the IPCC shall be for both CIE and SEE, whereas the practical portion will have a CIE component only. Questions mentioned in the SEE paper shall include questions from the practical component).

• The minimum marks to be secured in CIE to appear for SEE shall be the 15 (50% of maximum marks-30) in the theory component and 10 (50% of maximum marks -20) in the practical component. The laboratory component of the IPCC shall be for CIE only. However, in SEE, the questions from the laboratory component shall be included. The maximum of 04/05 questions to be set from the practical component of IPCC, the total marks of all questions should not be more than the 20 marks.
• SEE will be conducted for 100 marks and students shall secure 40% of the maximum marks to qualify in the SEE. Marks secured will be scaled down to 50. (Student has to secure an aggregate of 50% of maximum marks of the course(CIE+SEE)

Suggested Learning Resources:

Text Books

1. Web Programming By Chris Bates , Wiley Publications

2. HTML5 Black Book by Dreamtech

3. Angular JS By Krishna Rungta

4. Bootstrap essentials by Snig by Packt-open source

Activity Based Learning (Suggested Activities in Class)/ Practical Based learning

• The students with the help of the course teacher can take up activities which will enhance their activity based learning like Quizzes, Assignments and Seminars.

Course outcome (Course Skill Set)

At the end of the course the student will be able to :

CO1 Apply the features JQuery for the given web based problem L2

CO2 Demonstrate the development of XHTML documents using JavaScript and CSS. L2

CO3 Illustrate the use of CGI and Perl programs for different types of server side applications. L3

CO4 Design and implement user interactive dynamic web based applications. L3

CO5 Demonstrate applications of Angular JS and JQuery for the given problem. L2

CO6 Apply the concept and usages web based programming techniques. L2

CO7 Learning and Developing XHTML documents using JavaScript and CSS. L3

Program Outcome of this course

1 Engineering knowledge: Apply the knowledge of mathematics, science, engineering fundamentals, and computer science and business systems to the solution of complex engineering and societal problems. PO1

2 Problem analysis: Identify, formulate, review research literature, and analyze complex engineering and business problems reaching substantiated conclusions using first principles of mathematics, natural sciences, and engineering sciences. PO2

3 Design/development of solutions: Design solutions for complex engineering problems and design system components or processes that meet the specified needs with appropriate consideration for the public health and safety, and the cultural, societal, and environmental considerations. PO3

4 Conduct investigations of complex problems: Use research-based knowledge and research methods including design of experiments, analysis and interpretation of data, and synthesis of the information to provide valid conclusions. PO4

5 Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern engineering and IT tools including prediction and modeling to complex engineering activities with an understanding of the limitations PO5

6 The engineer and society: Apply reasoning informed by the contextual knowledge to assess societal, health, safety, legal and cultural issues and the consequent responsibilities relevant to the professional engineering and business practices. PO6

7 Environment and sustainability: Understand the impact of the professional engineering solutions in business societal and environmental contexts, and demonstrate the knowledge of, and need for sustainable development. PO7

8 Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms of the engineering and business practices. PO8

9 Individual and team work: Function effectively as an individual, and as a member or leader in diverse teams, and in multidisciplinary settings. PO9

10 Communication: Communicate effectively on complex engineering activities with the engineering community and with society at large, such as, being able to comprehend and write effective reports and design documentation, make effective presentations, and give and receive clear instructions. PO10

11 Project management and finance: Demonstrate knowledge and understanding of the engineering, business and management principles and apply these to one‟s own work, as a member and leader in a team, to manage projects and in multidisciplinary environments. PO11

12 Life-long learning: Recognize the need for, and have the preparation and ability to engage in independent and life-long learning in the broadest context of technological change. PO12