Scribd Logo
Upload

Welcome to Scribd!

  • A Thesis Report On: Eyahya Khan WUE19 Changemaker Education AB

    Uploaded by

    Eyahya Khan
    6 views12 pages

    Original Title

    eyahya_thesis_report

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views12 pages

    A Thesis Report On: Eyahya Khan WUE19 Changemaker Education AB

    Uploaded by

    Eyahya Khan

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 12

    A thesis report on

    Analysis of Client-side scripting,


    Sever-side scripting and their application.

    Eyahya Khan
    WUE19
    Changemaker Education AB
    Page |2

    Content

    Introduction 3

    Background 3

    Target 4

    Description 4

    Comparison between clint-side and server-side scripting 7

    What I did 7

    Frontend screen shot. 8

    Backend screen shot. 10

    Conclusion 12
    Page |3

    INTRODUCTION:
    Web development is all about communication and data exchange. We will learn in detail about
    client-side and server-side scripting with application.

    BACKGROUND:
    Web programming has two features called a) Client-side scripting b) Server-side scripting.

    Client-side scripting is the visual part of website that user can perform different activities whereas
    Server-side scripting is the part that are normally invisible for user. But it plays a vital rule for
    interaction with database through HTTPS.

    Server:

    The Server is responsible for serving the web pages depending on the client/end-user requirement.
    It can be either static or dynamic.

    Client:

    A client is a party that requests pages from the server and displays them to the end-user. In
    general, a client program is a web browser.

    Example:

    We can explain this entire mechanism using the following:

     The user opens his web browser (client)


     The user starts browsing

    (for example https://shop24seven.eyahyakhan.se/)

     The client forwards this request to the server, for accessing their web page.
    Page |4

     The server then acknowledges the request and replies to the client program.

    (An access link to that web page)

     The client then receives the page source and renders it.

    (Into a viewable/under a stable website)

     Now the user types into the search bar


     The client then submits data to the server
     The server processes the data and replies with a related search result
     The client again renders it back for the user's view
     The user gets access to the requested link.

    TARGET:
    Build an e-commerce website with understanding both client-side and server-side scripting
    language. Hosting in a server as real-time implementation.

    DESCRIPTION:
    Client-side scripting:
    Web browsers execute client-side scripting. It is use when browsers have all code. Source code
    used to transfer from web server to user’s computer over internet and run directly on browsers.
    It is also used for validations and functionality for user events.
    It allows for more interactivity. It usually performs several actions without going to user. It cannot
    be basically used to connect to databases on web server. These scripts cannot access file system
    that resides at web browser. Pages are altered on basis of user’s choice. It can also use to create
    “cookies” that store data on user’s computer.

    Client-side usage:

     Makes interactive web pages


     Make stuff work dynamically
     Interact with temporary storage
     Works as an interface between user and server
     Sends requests to the server
    Page |5

     Retrieval of data from Server


     Interact with local storage
     Provides remote access for client-server program

    Client-side language:

    There are many client-side scripting languages too.

     JavaScript
     VBScript
     HTML (Structure)
     CSS (Designing)
     AJAX
     jQuery etc.
     React js

    (Some other languages also can be used based on the modeling/designing /graphics/animations
    and for extra functionalities.)

    Client-side sample code

    1. // sample HTML code


    2. <html>
    3. <head>
    4. <title>Client Side </title>
    5. </head>
    6. <body>
    7. <h1>
    8. Hello thesis report
    9. </h1>

    </body>

    </html>
    Page |6

    Server-side scripting:
    Web servers are used to execute server-side scripting. They are basically used to create dynamic
    pages. It can also access the file system residing at web server. Server-side environment that runs
    on a scripting language is a webserver.
    Scripts can be written in any of several server-side scripting language available. It is used to
    retrieve and generate content for dynamic pages. It is used to require downloading plugins. In
    this load times are generally faster than client-side scripting. When you need to store and retrieve
    information a database will be used to contain data. It can use huge resources of server. It
    reduces client-side computation overhead. Server sends pages to request of user/client.

    Server-side uses:

     It processes the user input


     Displays the requested pages
     Structure of web applications
     Interaction with servers/storages
     Interaction with databases
     Querying the database
     Encoding of data into HTML
     Operations over databases like delete, update.

    Server-side language:

    There are several languages that can be used for server-side programming:

     PHP
     ASP.NET (C# OR Visual Basic)
     C++
     Java and JSP
     Python
     Ruby on Rails and so on.
    Page |7

    Server-side sample code

    1. // This is a sample C# code.


    2. using System;
    3. // namespace
    4. class ServerSide
    5. {
    6. public static void Main()
    7. {
    8. System.Console.WriteLine(“Hello C# Corner”);
    9. // printing a line
    10. }
    11. }

    Comparison between Client-side and Server-side scripting:


    Server-side Client-side
    Basic Works in the back end which could Works at the front end and script are
    not be visible at the client end. visible among the users.
    Processing Require server information Does not need interaction with the
    server
    Language PHP, ASP.net, Ruby on Rails, Python HTML, CSS, JavaScript etc.
    etc.
    Affect Could effectively customize the web Can reduce the load to the server
    pages and provide dynamic websites.
    Security Relatively secure Insecure

    WHAT I DID:
    In the whole study period, I studied lots of subjects related with real world functional website both
    in frontend, backend and e-commerce. Here I mentioned one of my e-commerce website named
    “Shop 24 Seven” https://shop24seven.eyahyakhan.se/ based on WordPress with WooCommerce
    plugin. I modified HTML, CSS & JavaScript as client-side and PHP & MySQL as backend. User can
    perform on website like browse, place order, sign-in, sign-up, problem support etc.
    Page |8

    FRONTEND SCREENSHOT
    Products page

    Cart Page:
    Page |9

    Checkout page:

    User account page:


    P a g e | 10

    Orders page:

    BACKEND SCREEN SHOT


    Products page
    P a g e | 11

    User Account

    Order page
    P a g e | 12

    Menu page list

    CONCLUSION
    We got a clear idea about scripting of a website. How it works and what is its application.

    You might also like