Zoyid Guide to the Web

Embed Size (px)

Citation preview

  • 8/14/2019 Zoyid Guide to the Web

    1/31

    GUIDE TO THE WEB

    http://www.zoyidtech.com/
  • 8/14/2019 Zoyid Guide to the Web

    2/31

    AGENDA

    MODULE 1: Internet and the application layer protocols

    MODULE 2:

    Web and its difference from the internet

    How the web works?

    Web architecture

  • 8/14/2019 Zoyid Guide to the Web

    3/31

    INTERNET

    MODULE 1

  • 8/14/2019 Zoyid Guide to the Web

    4/31

    INTRODUCTION

    The Internet is a worldwide, publicly accessible series ofinterconnected computer networks

    It transmits data by packet switching using the standard

    Internet Protocol (IP)

    It is a "network ofnetworks It consists of millions of smaller domestic, academic,

    business, and government networks

    These networks together carry information and services,

    such as electronic mail, online chat, file transfer

    The interlinked web pages and other resources of the World

    Wide Web (WWW).

  • 8/14/2019 Zoyid Guide to the Web

    5/31

    Source: O te.com, Deviantart.com

  • 8/14/2019 Zoyid Guide to the Web

    6/31

    OSI MODEL

    TCP/IP defines a set of rules to enablecomputers to communicate over anetwork

    TCP/IP specifies how data should bepackaged, addressed, shipped, routed

    and delivered to the right destination.

    Application layer protocols help us withthe day to day use of the internet

    Theoretically OSI model has 7 layers

    For practical purposes top 3 layersof session, presentation andapplication are merged into onesingle application layers.

  • 8/14/2019 Zoyid Guide to the Web

    7/31

    WORLD WIDE WEB

    MODULE 2

  • 8/14/2019 Zoyid Guide to the Web

    8/31

    TERMINOLOGY

    The Internet and the World Wide Web are notsynonymous The Internet is a collection of interconnected computernetworks

    linked by copper wires, fiber-optic cables, wirelessconnections, etc.

    In contrast, the Web is a collection of interconnecteddocuments and other resources, linked by hyperlinks andURLs

    The World Wide Web is one of the services accessible viathe Internet

    Along with various others including e-mail, filesharing, online gaming and more

    Source: Wiki edia

  • 8/14/2019 Zoyid Guide to the Web

    9/31

    INTRODUCTION

    Web is a system of interlinked hypertextdocuments accessed via the Internet.

    With a Web browser, a user views Web

    pages

    It may contain text, images, videos,

    and other multimedia and navigates

    between them using hyperlinks.

    The World Wide Web was created in 1989 bySir Tim Berners-Lee

    WWW's "historical"

    logo, created byRobert Cailliau.

    Tim Berners-Lee on

    November 18, 2005.

  • 8/14/2019 Zoyid Guide to the Web

    10/31Source: Deviantart.com

  • 8/14/2019 Zoyid Guide to the Web

    11/31

    HOW THE WEB WORKS

    Type the URL of the page into a Web browser, or follow ahyperlink to that page or resource

    The server-name portion of the URL is resolved into an IP

    address using the DNS database

    This IP address is necessary to identify and contact the

    computer (Web Server) that hosts the page

    DNS sends back the IP address to the browser

  • 8/14/2019 Zoyid Guide to the Web

    12/31

    HOW THE WEB WORKS (cntd)

    Now the browser requests the resource by sending anHTTP request

    To the computer hosting the resource (ie, the Web

    server) at that particular address

    Web Server responds with the HTML text of the page

    which is parsed immediately by the browser

    Browser then makes additional requests for images

    and any other files that form a part of the pageThe browser then renders the page onto the screen

  • 8/14/2019 Zoyid Guide to the Web

    13/31

    HOW THE WEB WORKS (cntd)

  • 8/14/2019 Zoyid Guide to the Web

    14/31

    LAYERED APPROACH

    THE THREE LAYERS ARE: Presentation layer is the client machine that has a viewer

    or a browser

    Application layer executes all server side scripts Forms a bridge between the Server OS and the

    scripts

    Database layer holds all the data

    This is done on a database server

  • 8/14/2019 Zoyid Guide to the Web

    15/31

  • 8/14/2019 Zoyid Guide to the Web

    16/31

    WEB ARCHITECTURE

    There are two types: Two tier consists of the presentation and application

    servers

    Three tier consists of presentation, application anddatabase servers

    In both the cases the presentation layer is on the client

    machine

  • 8/14/2019 Zoyid Guide to the Web

    17/31

    PRESENTATION LAYER

    Many viewers and browsers available. Famous ones are:IE

    Firefox

    Opera

    Safari

    Browsers react differently to different scripts Some scripts dont run on some browsers while they do on

    others

  • 8/14/2019 Zoyid Guide to the Web

    18/31

    CLIENT SIDE SCRIPTS

    These scripts run on the presentation layer andare classified as follows:

    Static content is plain HTML and CSS content that

    is normal typed content This content never changes unless edited

    manually.

    Dynamic:

    Created as the result of a request from the client

    machine to the server

    Created when wanted, maybe different each time

  • 8/14/2019 Zoyid Guide to the Web

    19/31

    CLIENT SIDE SCRIPTS (cntd)

    Active: Can interact with the user

    Can change its display at any time

    Can change the document contents in response to the

    user, but without referring back to the server (egJavascript)

  • 8/14/2019 Zoyid Guide to the Web

    20/31

    CLIENT SIDE SCRIPTS (cntd)

    Flash, Silverlight & Flex: Adobes Flash and Microsofts Expression studio are two

    competing products that can create active content

    This content plays in Flash player and Microsoft

    silverlight player respectively Utilizes 2D vector graphics to draw content on the screen.

    These applications are used to create rich internet

    applications (RIAs)

    Flex uses MXML , an XML-based markup language which is

    compiled by the open source flex compiler

    Flash and Flex achieve Interactivity through the use of

    ActionScript, the core language of Flash Player.

  • 8/14/2019 Zoyid Guide to the Web

    21/31

    CLIENT SIDE SCRIPTS (cntd)

    AJAX (Asynchronous JavaScript and XML) or Ajax: Is a group of inter-related web development techniques

    used for creating interactive web applications

    A primary characteristic is the increased responsiveness

    and interactivity of web pages Achieved by exchanging small amounts of data with the

    server "behind the scenes

    So that entire web page does not have to be reloaded

    each time there is a need to fetch data from the server

  • 8/14/2019 Zoyid Guide to the Web

    22/31

    AJAX IN ACTION

  • 8/14/2019 Zoyid Guide to the Web

    23/31

    DOMAIN NAMES

    The term domain name has multiple related meanings: A name that identifies a computer or computers on the

    Internet

    These names appear as a component of a Web site's

    URL, e.g. en.wikipedia.org. This type of domainname is also called a hostname

    The product that domain name registrars provide to their

    customers. These names are often called registered

    domain names.

    Names used for other purposes in the Domain Name

    System (DNS), for example the special name which follows

    the @ sign in an email address

  • 8/14/2019 Zoyid Guide to the Web

    24/31

    WEB SERVER

    The term web server can mean one of two things:

    A computer program that is responsible for

    accepting HTTP requests from clients And serving them HTTP responses along with

    optional data contents, which usually are web

    pages such as HTML documents and linked

    objects (images, etc.)

    A computer that runs a computer program as

    described above.

  • 8/14/2019 Zoyid Guide to the Web

    25/31

    SERVER SIDE SCRIPTING

    The server needs to interpret the scripts sent to it These scripts are understood using the compiler that is

    running on the web server

    For example for PHP script we install the PHP

    compiler etc

    The browser calls those server scripts or functions (on the

    server) using HTTP

    Any variables necessary for the functions to start

    processing is passed along with the HTTP request

  • 8/14/2019 Zoyid Guide to the Web

    26/31

    SERVER SIDE SCRIPTING (Cntd)

    There are many server side scripting languages: CGI and PERL were the early ones. Now the most used

    languages are PHP, ASP and ASP.NET

    PHP: Hypertext Preprocessor is a widely-used general-purpose

    scripting language that can be embedded into HTML.

    PHP is the most used server side scripting language.

    Ranked 4th most popular after Java, C, and Visual

    Basic. It is platform independent.

  • 8/14/2019 Zoyid Guide to the Web

    27/31

    SERVER SIDE SCRIPTING (Cntd)

    ASP: Active Server Pages (ASP) is Microsoft's first server-side

    script engine for dynamically-generated web pages.

    Programming ASP websites is made easier by

    various built-in objects. Each object corresponds toa group of frequently-used functionality useful for

    creating dynamic web pages.

  • 8/14/2019 Zoyid Guide to the Web

    28/31

    SERVER SIDE SCRIPTING (Cntd)

    ASP.NET: Is a web application framework marketed by Microsoft

    that programmers can use to build dynamic web sites, web

    applications and web services.

    It is part of Microsoft's .NET platform and is thesuccessor to Microsoft's Active Server Pages (ASP)

    technology. ASP.NET is built on the Common

    Language Runtime, allowing programmers to write

    ASP.NET code using any Microsoft .NET language.

  • 8/14/2019 Zoyid Guide to the Web

    29/31

    DATABASE

    A computer database is a structured collection of recordsor data that is stored in a computer system.

    A database relies upon software to organize the storage of

    data.

    The computer that holds the database program is knownas the database server

    The basic data structure of the relational model can be

    thought of as a table, where information about a

    particular entity (say, an employee) is represented in

    columns and rows (also called tuples).

  • 8/14/2019 Zoyid Guide to the Web

    30/31

    DATABASE SERVERS

    The main Database programs are:MySQL

    PostGreSQL

    MSSQL

    OracleDB

    For each of these database servers different type of SQL

    queries needs to be written

    MySQL is the most used server on the internet

    The best way to ensure reliability of these Database

    servers is by creating Database clusters

  • 8/14/2019 Zoyid Guide to the Web

    31/31

    THANK YOU