Pir Mehr Ali Shah

Arid Agriculture University, Rawalpindi

Office of the controller of Examinations
Final Exam / Spring 2020 (Paper Duration 48 hours)
To be filled by Teacher

Course No.: …………CS-666..………………….Course Title: ….………………………Web Engineering………………….…….

Total Marks: ……….………20………………………Date of Exam: ………........……10-08-2020…………………..……..........
Degree: …………………………?..…………………. Semester: ……………6……..………… Section: ……………?…………………
Marks Converted
Q. No. 1 2 3 4 5 6 7 8 9 10 Obtained/Total Marks if
Marks Applicable
Marks
Obtained
Total Marks in Words:
Name of the teacher who taught the course: Shahan Arif
Signature of teacher / Examiner:

To be filled by Student

Registration No.: …………………….?.……………………… Name: ……………….……………?…………………………..

Answer the following questions in the specified area

Instruction:
1) Must fill the above details.
2) Plagiarize content will not be accepted. Either from internet or presentation sides.
3) Understanding is the part of paper.
4) Provide code with screenshots for Programming questions for each question create a
folder of question with your own name in wamp (apply same rule that you have followed
for your assignments).
5) Provide the answer with proper formatting otherwise your marks will be deducted.

Theory Section

1) Answer the Following questions [10]

A) What is AJAX? Explain the benefits of ajax?
What is Ajax:

Asynchronous JavaScript and XML can be characterized as a lot of clients in building sites
and web applications. Distinguishing explicit reason in web advancement applications is the
most ideal approach to get Ajax. The fundamental work of Ajax is to refresh the substance
asynchronously implies in client's site page entire substance need not be reloaded and just the
necessary field is reloaded. XML is a markup language implies these are coded dialects to
clarify portions of a web record which gives internet browsers directions about
comprehension and showing the client content.

Explain:

Page 1 of 13
How Does it works?

Ajax makes more intelligent procedures for quicker and more effective web applications by
utilizing JavaScript, XML, CSS, and HTML. For different web applications, Ajax utilizes
different procedures like this

 In Ajax when the client needs to make content XHTML is utilized while CSS is utilized
for introducing the client demand reason, record object model (DOM) and javascript both
will be utilized to show the substance progressively.
 By utilizing coordinated techniques in web applications, data can be sent and gotten
adequately for instance when you fill a shape and submit it. You will be naturally coordinated
to the new worker with that page data.
 In the wake of hitting the submit button, in foundation javascript sends a solicitation and
with the reaction produced it will refresh to the current screen. In this procedure, the client
will be ignorant of the foundation XML code demands.
 XML is utilized as a configuration to produce and get the worker information in any
arrangement.
 While the vast majority of the internet browsers are reliant on web worker innovation,
Ajax is free of web worker programming.
Benefits:

1. Decreases the worker traffic and speeds up.

2. Ajax is responsive and time taken is additionally less.
3. Structure approval.
4. Data transmission utilization can be decreased.
5. Non-concurrent calls can be made this diminishes the ideal opportunity for information
appearance.
6. Without reloading the page client solicitation can be refreshed.
7. After the page is stacked it creates information from the worker.
8. Get information from the worker after the page has stacked.
9. Out of sight sends information to the worker.

B) Write down the complete AJAX code to avoid page caching.

Code:
$( document ).ready(function() {
$.ajaxSetup({ cache: false });
});
C) What is XML? Explain the rules for well formatted XML document.
XML:

XML is a markup language made by the World Wide Web Consortium to characterize a
sentence structure for encoding reports that the two people and machines could peruse. It
does this using labels that characterize the structure of the report, just as how the record ought
to be put away and moved.

Explanation:

What separates XML, however, is that it's extensible. XML doesn't have a predefined markup
language, similar to HTML does. Rather, XML permits clients to make their own markup
images to portray content, making a boundless and self-characterizing image set. Basically,

Page 2 of 13
HTML is a language that centers around the introduction of substance, while XML is a
devoted information depiction language used to store information. It's presumably most
effortless to contrast it with another markup language with which you may be natural—the
Hypertext Markup Language (HTML) used to encode site pages. HTML utilizes a per-
characterized set of markup images (short codes) that depict the configuration of substance
on a site page. XML is planned in a manner that permits singular businesses to utilize their
own jargon and make their own record structures. It could be said, you're making your own
language. It's moderately simple for somebody later to take a gander at your code and
understand it.

Rules:

1. XML records must have just one root component

2. Component must have shutting tag.
3. Component must be appropriately settled.
4. Compose remark in XML is like a HTML.
5. XML label case touchy.
6. XML Attribute esteem must be cited.
7. Blank area isn't protected in XML.
8. In XML unique character have some uncommon importance like a HTML.

D) What is JavaScript? Explain the difference between JS and Jquery.

JS jQuery
1-
2-
3-

2) What is web cost estimation? Explain the Factors influencing web cost. [5]

Web Cost Estimation:

The Major Gains of Web Apps:

Spending Friendly

The web applications are practical in contrast with the local versatile applications
improvement since you don't have to create and test every single working framework and
arrangements. The web investigating likewise gets disentangled.

Can Be Accessed Anywhere

The web applications can be gotten to anyplace and whenever either utilizing a cell phone or
a PC with web availability. This additionally causes the group to organize with one another
continuously while working from far off areas.

Customization effortlessly

The UI of the web applications can be effortlessly tweaked making it a lot less difficult to
refresh the application.

Can Be Accessed from Various Devices

Page 3 of 13
The web applications can be gotten to through different gadgets, for example, a Smartphone,
tablet or a PC. Hence, the client can connect with your items and administrations utilizing
any gadget that suits him best.

Simpler to Maintain

The support of the web applications are a lot easier than the conventional applications.
Notwithstanding these advantages, there are some different in addition to focuses can web
applications can deal with the expanded remaining task at hand all the more proficiently and
offer better security and interoperability.

Factors that effect the web cost:

Type of App and Platform Choice:

We have examined before the four principle kinds of web applications and furthermore
observed that their costs and time span would contrast from one another relying upon the
intricacy of the application.

For instance, the essential web applications are the most moderate and the partnership
applications the most costly. The expense would likewise rely upon the decision of stage also.

Implementing the Features:

The decision of the highlights ought to be finished with care as it has an enormous influence
in affecting the expense of web applications. Obviously, you have to coordinate the regular
highlights, for example, client enrollment, administrator board and so forth. It relies upon the
idea of the business.

Choice of Web Development Agency:

This is another fundamental choice with respect to the customer to choose the correct web
improvement firm to dole out the task. Here the cost to a great extent relies upon the
topographical area or nation where that organization is found.

The Choice of Pricing Model:

You additionally need to take a position on the evaluating model that the web improvement
organization is advertising. There are two sorts of valuing models; the fixed value model and
the hourly rates.

This is something you have to choose contingent upon your particular needs, the time period
and in particular, the financial plan in the pocket.

The Aftermath Support and Services

Try not to imagine that your activity is done once your application is propelled. You would
require the consequence administration and backing too, explicitly when the application
would require an update or it some bug fixes. Aside from that you likewise need to acquire
some infrastructural cost including enrollment of area name and web facilitating charges.

Page 4 of 13
3) Why we need WEP Architecture? Explain the logical architecture of web apps [5]

Wep Intro:
Protection protocol for wi-fi nearby location networks (WLANs) described inside the
802.11b widespread. WEP is meant to produce the equal level of safety as that of a
wired LAN. LANs are inherently more secure than WLANs because LANs are quite
included with the aid of the physicalities in their structure, having some or all a part of
the community inside a building with a view to be protected against unauthorized get
admission to.
WLANs, which are over radio waves, don't have the equal structure and for that reason
are more liable to tampering.
WEP objectives to deliver safety via encrypting data over radio waves in order that it is
covered due to the fact it's miles transmitted from one stop point to a distinctive.
However, it is been observed that WEP is not as cozy as once believed.
Goal of WEP
The purpose of WEP is to create WLAN conversation as comfortable as wired LAN
statistics transmissions would be. If WEP had been to meet this goal, it'd permit network
architects to installation stressed out and wi-fi LANs interchangeably without admire to
one-of-a-kind protection dangers.
Why we used WEP
• When WEP is used for conversation, the first of all facts packet (P) is first
checksummed (c).
• Then the checksum is introduced to the facts to shape the information warhead.
Then the transmitting tool generate a 24-bit unplanned initialization vector (IV).
Logical architecture of internet apps
The manner the server and consequently the purchaser are connected is prepared web
utility architecture.Web software of various sizes and complexity tiers all comply with
the identical architectural principle, however information may one of a kind.
Programming Section

4) Write the JS code to load the 3rd party script before ready event triggers and after
successful load show your name on the browser with a message. [3]

Answer:

Page 5 of 13
5) Create a json text file of your university information and parse using jquery and
print your name. The json file must contain your name, rollno, department and CGPA.
[2]

Answer:

Code With Output:

Json File:

Page 6 of 13
6) Create an Employee table as shown below in database and generate an xml file and
parse the xml to print the age of “Doe” by using AJAX. [8]

Answer:

Home page code:

Ajax call

Page 7 of 13
Database

Output:

7) Implement user login and signup with php and OOP using session. [7]

Note: Good design leads to full marks

Answer:

Page 8 of 13
Signup code:

Signup page:

Create account:

Page 9 of 13
Database:

Login code:

Page 10 of 13
Login page

Wrong password:

Page 11 of 13
Home code:

Home screen:

Page 12 of 13
Class :

Page 13 of 13