Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Web Application Architecture
by Tejaswini Deshpande
WebFanzine Media
http://www.webfanzine.com/
Basics, Components, Design...
Web Application
 Types of Software
 Desktop Applications
 Server Softwares
 Plugins
 Embedded Software
 What is a We...
Activity
Share some Popular Websites that you
know
Popular Websites
Activity
Share some Popular Web Applications
Popular Web Applications
 Facebook – the Social Network
 Pixlr – Image Creation, Photo Editing & Effects
 Zamzar – Onli...
Activity
Lets list all probable components of a
modern Website
Components of a Website
 Logo
 Navigation
 Search
 Content
 Images &
Multimedia
 Gallery &
 Blog
 Contact Form
 R...
Activity
Lets list all probable components of a
Web App say Facebook
Components of a Web
Application
 Logo
 Sign-up or Log in
 Dashboard
 Navigation
 Notifications
 Search features
 Ac...
In a most simplified language a full fledged Web Applications consist of three
basic components
Architecture of a Web Appl...
GUI – Client Side
 The user interface is always rendered on a
browser
 Popular browsers
 Programming languages
 HTML (...
Web Server
 Web servers are computers that deliver Web
pages.
 Web server has an IP address and most of the
times a doma...
Web Server
 Programming languages
 PHP
 ASP.NET
 JAVA
 PERL
 Python
 Ruby on rails
Data Storage
 Server side scripting language can
communicate with database
 Common databases
 MySQL
 SQL (DB2 & Micros...
Basic Web Application -
Requirements
 Local Web Server
 A browser
 Basic knowledge of HTML, CSS, Javascript,
PHP and My...
Basic Web App – Development
 Idea – Decide what is the purpose of your web
application
 Wireframe – On paper or a rapid ...
Basic Web App – Development
 The index.php file will be similar to HTML
(.html) file, difference being you can write PHP
...
Basic Web App – Development
 All CSS will go in separate file say main.css in CSS
folder
 Follow PHP syntax to do any ki...
Basic Web App – Development
 Save this folder (say firstapp) into proper
(www) folder of your local web server
 You can ...
Questions ??
“One of the very important characteristics of a
student is to question, only students have the
capability to ...
Thank You 
http://www.webfanzine.com/
Helpful Links - Basic
 http://www.w3schools.com/
 http://www.codecademy.com/
Prochain SlideShare
Chargement dans…5
×

Web application architecture

8 439 vues

Publié le

Basics, Components, Design and Development of Web Application and Websites. Especially made for seminars and guest sessions for newbies in Web Development field.

Publié dans : Internet
  • ★★ How Long Does She Want You to Last? ★★ A recent study proved that the average man lasts just 2-5 minutes in bed (during intercourse). The study also showed that many women need at least 7-10 minutes of intercourse to reach "The Big O" - and, worse still... 30% of women never get there during intercourse. Clearly, most men are NOT fulfilling there women's needs in bed. Now, as I've said many times - how long you can last is no guarantee of being a GREAT LOVER. But, not being able to last 20, 30 minutes or more, is definitely a sign that you're not going to "set your woman's world on fire" between the sheets. Question is: "What can you do to last longer?" Well, one of the best recommendations I can give you today is to read THIS report. In it, you'll discover a detailed guide to an Ancient Taoist Thrusting Technique that can help any man to last much longer in bed. I can vouch 100% for the technique because my husband has been using it for years :) Here's the link to the report ♥♥♥ https://tinyurl.com/rockhardxxx
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • @Marimuthu Ananthavelu Thanks a lot :)
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Very nice and simple explanations! THank you for your efforts
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Web application architecture

  1. 1. Web Application Architecture by Tejaswini Deshpande WebFanzine Media http://www.webfanzine.com/ Basics, Components, Design and Development
  2. 2. Web Application  Types of Software  Desktop Applications  Server Softwares  Plugins  Embedded Software  What is a Web Application?  Is Website a Web Application?
  3. 3. Activity Share some Popular Websites that you know
  4. 4. Popular Websites
  5. 5. Activity Share some Popular Web Applications
  6. 6. Popular Web Applications  Facebook – the Social Network  Pixlr – Image Creation, Photo Editing & Effects  Zamzar – Online File Conversion  Gmail – Webmail Clients  bit.ly – Short URL Services  WolframAlpha – Computational Knowledge Engine
  7. 7. Activity Lets list all probable components of a modern Website
  8. 8. Components of a Website  Logo  Navigation  Search  Content  Images & Multimedia  Gallery &  Blog  Contact Form  Registration form  Members only area  Downloadable files  Shopping cart
  9. 9. Activity Lets list all probable components of a Web App say Facebook
  10. 10. Components of a Web Application  Logo  Sign-up or Log in  Dashboard  Navigation  Notifications  Search features  Activity Log  Statistics  Various Forms  Settings  User Profiles  Reports
  11. 11. In a most simplified language a full fledged Web Applications consist of three basic components Architecture of a Web Application
  12. 12. GUI – Client Side  The user interface is always rendered on a browser  Popular browsers  Programming languages  HTML (renders actual content)  CSS (Beautifies the content)  Javascript (Add effects, interaction, alter content)
  13. 13. Web Server  Web servers are computers that deliver Web pages.  Web server has an IP address and most of the times a domain name  Eg. http://www.webfanzine.com/index.html  Any computer can be turned into Web Server
  14. 14. Web Server  Programming languages  PHP  ASP.NET  JAVA  PERL  Python  Ruby on rails
  15. 15. Data Storage  Server side scripting language can communicate with database  Common databases  MySQL  SQL (DB2 & Microsoft)  Microsoft Access  Oracle
  16. 16. Basic Web Application - Requirements  Local Web Server  A browser  Basic knowledge of HTML, CSS, Javascript, PHP and MySQL  Originality & Licensing ( Never ever copy others code exactly as it is. Respect other developers  )  Online Web Server to deploy the application
  17. 17. Basic Web App – Development  Idea – Decide what is the purpose of your web application  Wireframe – On paper or a rapid prototype  Create a dedicated folder for your app  Create separate folders for css, js, images etc  Create main file – name it index.php
  18. 18. Basic Web App – Development  The index.php file will be similar to HTML (.html) file, difference being you can write PHP code inside that file  Follow basic structure of HTML file  After you write HTML for the content that will be displayed, add CSS to each element as per the design
  19. 19. Basic Web App – Development  All CSS will go in separate file say main.css in CSS folder  Follow PHP syntax to do any kind of computation or server side validation.  In order to fetch or save data to database  Connect to MySQL database  Fetch the data in PHP variables or save the data  Close the connection  You can display the fetched data by populating the HTML elements with PHP variables
  20. 20. Basic Web App – Development  Save this folder (say firstapp) into proper (www) folder of your local web server  You can open your application by opening url like http://localhost/firstapp/ in your browser.  Let us check the actual mini app for the syntax
  21. 21. Questions ?? “One of the very important characteristics of a student is to question, only students have the capability to learn. http://www.webfanzine.com/
  22. 22. Thank You  http://www.webfanzine.com/
  23. 23. Helpful Links - Basic  http://www.w3schools.com/  http://www.codecademy.com/

×