Web Engineering-II By; Roohul Amin Mashwani
Introduction <ul><li>ROOHUL AMIN MASHWANI </li></ul><ul><ul><li>Lecturer </li></ul></ul><ul><li>MSc. Computer Science </li...
WHY THIS COURSE??? <ul><li>Enable the students to deal with web application </li></ul><ul><li>Learn the techniques for usi...
Marks Allotment Scheme <ul><li>Mid Term Exam : 25 </li></ul><ul><li>Quizzes, Assignments, Projects : 20 </li></ul><ul><li>...
What Is the World Wide Web? <ul><li>The World Wide Web—the Web, for short—is a network of,computers able to exchange text,...
Cont… <ul><li>And you can take full advantage of the resources these computers make available, including text, graphics, v...
Cont… <ul><li>When the Web server receives the requested information, it looks for this information within its file system...
Cont… <ul><li>It’s a set of rules or procedures, called  protocols,  that enables computers to exchange information over t...
How Does the Web Work? <ul><li>The computers that make all these Web pages available are called  Web servers . </li></ul><...
How Does HTTP Works? <ul><li>Most Web pages contain  hyperlinks,  which are specially formatted words or phrases that enab...
Cont… <ul><li>When you click the hyperlink, your computer sends a message called an  HTTP request . This message says, in ...
Figure: To illustrate that How HTTP Works? The client requests the page. Then the server evaluates the request and serves ...
What Is Hypertext/Markup? <ul><li>Hypertext is a type of text that contains hyperlinks (or just  links  for short), which ...
Cont… <ul><li>HTML consists of its own set of funny-looking symbols that tell Web browsers how to display the page. These ...
What is HTML? <ul><li>HTML, or HyperText Markup Language, has two essential features  hypertext  and  universality.  Hyper...
Cont… <ul><li>HTML and HTTP were both invented by Tim Berners-Lee, who was then working as a computer and networking speci...
Cont… <ul><li>Universality means that because HTML documents are saved as Text Only files, virtually any computer can read...
What Is CSS? <ul><li>Stands for  Cascading Style Sheets. </li></ul><ul><li>CSS is one of the simplest and most convenient ...
Cont… <ul><li>In brief, CSS enables Web authors to specify presentation information without violating the structure versus...
What Is XHTML? <ul><li>Extensible HTML: features added to HTML 4.0 </li></ul><ul><li>Now that you know a little about what...
What Is PHP? <ul><li>PHP stands for  Hypertext Preprocessor  and is a server-side language.  </li></ul><ul><li>This means ...
Why PHP?  <ul><li>Learning a scripting language, or even understanding one, can open up huge new possibilities for your we...
Cont… <ul><li>With an understanding of a scripting language you can easily edit these scripts to do what you want, or even...
Cont… <ul><li>With these sort of things on your website you will find that it gives a more professional image.  </li></ul>...
ASP.NET <ul><li>ASP.NET is a framework for building web sites and web applications.  </li></ul><ul><li>ASP.NET is a techno...
ASP.NET Continued…. <ul><li>The most common languages for writing ASP.NET applications are C# and VB.NET. </li></ul><ul><l...
ASP.NET Continued…. <ul><li>With ASP.NET  Web Forms  you use drag-and-drop design to build dynamic event-driven websites. ...
ASP.NET is NOT ASP <ul><li>Microsoft's previous server side scripting technology ASP 3.0 was the last version of ASP. </li...
ASP.NET is NOT ASP Conti….. <ul><li>One of the main differences between ASP.NET and Classic ASP/PHP is the fact that ASP.N...
What is ASP.NET? <ul><li>ASP.NET is a server side scripting technology that enables scripts (embedded in web pages) to be ...
What is an ASP.NET File? <ul><li>An ASP.NET file is just the same as an HTML file </li></ul><ul><li>An ASP.NET file can co...
How Does ASP.NET Work? <ul><li>When a browser requests an HTML file, the server returns the file </li></ul><ul><li>When a ...
New in ASP.NET <ul><li>Better language support </li></ul><ul><li>Programmable controls </li></ul><ul><li>Event-driven prog...
Language Support <ul><li>ASP.NET uses ADO.NET. </li></ul><ul><li>ASP.NET supports full Visual Basic, not VBScript. </li></...
Thank You All!
Upcoming SlideShare
Loading in …5
×

Web engineering 2(lect 0)

3,751 views

Published on

Published in: Technology, Design
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
3,751
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
30
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide
  • Protocols are rules that govern data communication.
  • Hyperlink: which are specially formatted words or phrases that enable you to access another page on the Web.
  • HTML and HTTP were both invented by Tim Berners-Lee, who was then working as a computer and networking specialist at a Swiss research institute.
  • Standard Generalized Markup Language (SGML): It’s a language that’s useful for creating markup languages.
  • In Cascading Style Sheets, the term “cascading” refers to what computer people call the order of precedence —that is, which style information comes first in the style pecking order.
  • Web engineering 2(lect 0)

    1. 1. Web Engineering-II By; Roohul Amin Mashwani
    2. 2. Introduction <ul><li>ROOHUL AMIN MASHWANI </li></ul><ul><ul><li>Lecturer </li></ul></ul><ul><li>MSc. Computer Science </li></ul><ul><ul><li>University of Peshawar </li></ul></ul><ul><li>Bachelor of Education (B.Ed.) </li></ul><ul><ul><li>University of Peshawar </li></ul></ul><ul><li>Worked As HOD & Lecturer for 3 Years </li></ul><ul><ul><li>Maiwand Institute of Higher Education </li></ul></ul>
    3. 3. WHY THIS COURSE??? <ul><li>Enable the students to deal with web application </li></ul><ul><li>Learn the techniques for using design and developing tools </li></ul><ul><li>Ability to build real world web application(website) </li></ul><ul><li>Ability to manipulate databases on server </li></ul><ul><li>Ability to create web presentation </li></ul><ul><li>Ability to use ASP.NET Using VB.NET </li></ul>
    4. 4. Marks Allotment Scheme <ul><li>Mid Term Exam : 25 </li></ul><ul><li>Quizzes, Assignments, Projects : 20 </li></ul><ul><li>Class Interest, Attendance : 05 </li></ul><ul><li>Terminal Exam : 25 + 25 = 50 </li></ul><ul><li>Total Marks : 100 </li></ul><ul><li>Passing Marks : 60 </li></ul>
    5. 5. What Is the World Wide Web? <ul><li>The World Wide Web—the Web, for short—is a network of,computers able to exchange text, graphics, and multimedi information via the Internet. </li></ul><ul><li>By sitting at a computer that is attached to the Web, using either a dialup phone line or a much faster broadband (Ethernet, cable, or DSL connection), you can visit Web-connected computers next door, at a nearby university, or halfway around the world. </li></ul>
    6. 6. Cont… <ul><li>And you can take full advantage of the resources these computers make available, including text, graphics, videos, sounds, and animation. </li></ul><ul><li>Think of the Web as the multimedia version of the Internet, and you’ll be right on the mark. </li></ul>
    7. 7. Cont… <ul><li>When the Web server receives the requested information, it looks for this information within its file system, and sends out the requested information via the Internet. </li></ul><ul><li>They all speak a common “language,” called HyperText Transfer Protocol (HTTP). (HTTP isn’t really a language like the ones people speak. </li></ul>
    8. 8. Cont… <ul><li>It’s a set of rules or procedures, called protocols, that enables computers to exchange information over the Web.) Regardless of where these computers reside—China, Norway, or Austin,Texas—they can communicate with each other through HTTP. </li></ul>
    9. 9. How Does the Web Work? <ul><li>The computers that make all these Web pages available are called Web servers . </li></ul><ul><li>On any computer that’s connected to the Web, you can run an application called a Web browser. </li></ul><ul><li>Technically, a Web browser is called a Web client —that is, a program that’s able to contact a Web server and request information. </li></ul>
    10. 10. How Does HTTP Works? <ul><li>Most Web pages contain hyperlinks, which are specially formatted words or phrases that enable you to access another page on the Web. Although the hyperlink usually doesn’t make the address of this page visible, it contains all the information needed for your computer to request a Web page from another computer. </li></ul>
    11. 11. Cont… <ul><li>When you click the hyperlink, your computer sends a message called an HTTP request . This message says, in effect, “Please send me theWeb page that I want.” </li></ul><ul><li>The Web server receives the request, and looks within its stored files for the Web page you requested. When it finds the Web page, it sends it to your computer, and your Web browser displays it. If the page isn’t found, you see an error message, which probably includes the HTTP code for this error: 404, “Not Found.” </li></ul><ul><ul><ul><ul><ul><li>See the figure </li></ul></ul></ul></ul></ul>
    12. 12. Figure: To illustrate that How HTTP Works? The client requests the page. Then the server evaluates the request and serves the page or an error message. HTTP request Returns page or error message Client computer running browser Server
    13. 13. What Is Hypertext/Markup? <ul><li>Hypertext is a type of text that contains hyperlinks (or just links for short), which enable the reader to jump from one hypertext page to another. </li></ul><ul><li>A hypermedia system works just like hypertext, except that it includes graphics, sounds, videos, and animation as well as text. </li></ul>
    14. 14. Cont… <ul><li>HTML consists of its own set of funny-looking symbols that tell Web browsers how to display the page. These symbols, called elements, include the ones needed to create hyperlinks. </li></ul><ul><li>e.g; </li></ul><ul><ul><li><a href=“aboutus.html”>About Us</a> </li></ul></ul>
    15. 15. What is HTML? <ul><li>HTML, or HyperText Markup Language, has two essential features hypertext and universality. Hypertext means you can create a link in a Web page that leads the visitor to any other Web page or to practically anything else on the Internet. </li></ul><ul><li>It means that the information on the Web can be accessed from many different directions. </li></ul>
    16. 16. Cont… <ul><li>HTML and HTTP were both invented by Tim Berners-Lee, who was then working as a computer and networking specialist at a Swiss research institute. </li></ul><ul><li>Tim Berners-Lee, the creator of the Web, wanted it to work more like a person's brain and less like a static source of data, such as a book. </li></ul>
    17. 17. Cont… <ul><li>Universality means that because HTML documents are saved as Text Only files, virtually any computer can read a Web page. </li></ul><ul><li>It doesn't matter if your visitors have Macintosh or Windows machines, or whether they're on a Unix box or even a handheld device like a Palm. </li></ul><ul><li>The Web is open to all. </li></ul>A computer small enough to be held in one hand while being operated by the other hand. Handheld computers are commonly used in transportation and other field service industries. PDA
    18. 18. What Is CSS? <ul><li>Stands for Cascading Style Sheets. </li></ul><ul><li>CSS is one of the simplest and most convenient tools available to web developers. </li></ul><ul><li>W3C developed Cascading Style Sheets (CSS). </li></ul>
    19. 19. Cont… <ul><li>In brief, CSS enables Web authors to specify presentation information without violating the structure versus presentation distinction. </li></ul><ul><li>The style sheet lists the presentation styles that the browser should use to display the various components of the document, such as headings, lists, and paragraphs. </li></ul><ul><li>Without CSS, you’d have to make changes to the presentation code in each and every page. </li></ul>
    20. 20. What Is XHTML? <ul><li>Extensible HTML: features added to HTML 4.0 </li></ul><ul><li>Now that you know a little about what XML is, you’re ready to understand what XHTML is. Just as HTML is a markup language defined in SGML, XHTML is a markup language defined in XML. </li></ul>
    21. 21. What Is PHP? <ul><li>PHP stands for Hypertext Preprocessor and is a server-side language. </li></ul><ul><li>This means that the script is run on your web server, not on the user's browser, so you do not need to worry about compatibility issues. </li></ul><ul><li>PHP is relatively new (compared to languages such as Perl (CGI) and Java) but is quickly becoming one of the most popular scripting languages on the internet. </li></ul>
    22. 22. Why PHP? <ul><li>Learning a scripting language, or even understanding one, can open up huge new possibilities for your website. </li></ul><ul><li>Although you can download pre-made scripts from sites like Hotscripts, these will often contain advertising for the author or will not do exactly what you want. </li></ul>
    23. 23. Cont… <ul><li>With an understanding of a scripting language you can easily edit these scripts to do what you want, or even create your own scripts. </li></ul><ul><li>Using scripts on your website allows you to add many new 'interactive' features like feedback forms, guestbooks, message boards, counters and even more advanced features like portal systems, content management, advertising managers etc. </li></ul>
    24. 24. Cont… <ul><li>With these sort of things on your website you will find that it gives a more professional image. </li></ul><ul><li>As well as this, anyone wanting to work in the site development industry will find that it is much easier to get a job if they know a scripting language. </li></ul>
    25. 25. ASP.NET <ul><li>ASP.NET is a framework for building web sites and web applications.  </li></ul><ul><li>ASP.NET is a technology for building powerful, dynamic Web applications and is part of the .NET Framework. </li></ul><ul><li>.NET is language independent, which means you can use any .NET supported language to make .NET applications. </li></ul>
    26. 26. ASP.NET Continued…. <ul><li>The most common languages for writing ASP.NET applications are C# and VB.NET. </li></ul><ul><li>ASP.NET Web Pages and the new Razor syntax provide a fast and lightweight way to combine server code with HTML to create dynamic web content. </li></ul><ul><li>You can connect to databases, add video and graphics, include social networking and add many more features using the latest web standards. </li></ul>
    27. 27. ASP.NET Continued…. <ul><li>With ASP.NET Web Forms you use drag-and-drop design to build dynamic event-driven websites. </li></ul><ul><li>Choose from hundreds of controls and components to rapidly build user-driven sites with full data access . </li></ul>
    28. 28. ASP.NET is NOT ASP <ul><li>Microsoft's previous server side scripting technology ASP 3.0 was the last version of ASP. </li></ul><ul><li>ASP.NET is the next generation ASP, but it's not an upgraded version of ASP. </li></ul><ul><li>ASP.NET is an entirely new technology for server-side scripting. It was written from the ground up and is not backward compatible with ASP. </li></ul><ul><li>ASP.NET has better language support, a large set of new controls, XML-based components, and better user authentication. </li></ul>
    29. 29. ASP.NET is NOT ASP Conti….. <ul><li>One of the main differences between ASP.NET and Classic ASP/PHP is the fact that ASP.NET is compiled, while ASP is always interpreted. PHP can be compiled by using commercial products, but usually it's interpreted as well.  </li></ul><ul><li>ASP.NET provides increased performance by running compiled code. </li></ul><ul><li>The first request for an ASP.NET page on the server will compile the ASP.NET code and keep a cached copy in memory. The result of this is greatly increased performance. </li></ul>
    30. 30. What is ASP.NET? <ul><li>ASP.NET is a server side scripting technology that enables scripts (embedded in web pages) to be executed by an Internet server. </li></ul><ul><li>ASP.NET is a Microsoft Technology </li></ul><ul><li>ASP stands for Active Server Pages </li></ul><ul><li>ASP.NET is a program that runs inside IIS </li></ul><ul><li>IIS (Internet Information Services) is Microsoft's Internet server </li></ul><ul><li>IIS comes as a free component with Windows servers </li></ul><ul><li>IIS is also a part of Windows 2000 and XP Professional. </li></ul>
    31. 31. What is an ASP.NET File? <ul><li>An ASP.NET file is just the same as an HTML file </li></ul><ul><li>An ASP.NET file can contain HTML, XML, and scripts </li></ul><ul><li>Scripts in an ASP.NET file are executed on the server </li></ul><ul><li>An ASP.NET file has the file extension &quot;.aspx&quot; </li></ul>
    32. 32. How Does ASP.NET Work? <ul><li>When a browser requests an HTML file, the server returns the file </li></ul><ul><li>When a browser requests an ASP.NET file, IIS passes the request to the ASP.NET engine on the server </li></ul><ul><li>The ASP.NET engine reads the file, line by line, and executes the scripts in the file </li></ul><ul><li>Finally, the ASP.NET file is returned to the browser as plain HTML </li></ul>
    33. 33. New in ASP.NET <ul><li>Better language support </li></ul><ul><li>Programmable controls </li></ul><ul><li>Event-driven programming </li></ul><ul><li>XML-based components </li></ul><ul><li>User authentication, with accounts and roles </li></ul><ul><li>Higher scalability </li></ul><ul><li>Increased performance - Compiled code </li></ul><ul><li>Easier configuration and deployment </li></ul><ul><li>Not fully ASP compatible </li></ul>
    34. 34. Language Support <ul><li>ASP.NET uses ADO.NET. </li></ul><ul><li>ASP.NET supports full Visual Basic, not VBScript. </li></ul><ul><li>ASP.NET supports C# (C sharp) and C++. </li></ul><ul><li>ASP.NET supports JScript. </li></ul>
    35. 35. Thank You All!

    ×