1 / 26

Pengantar Teknologi Web 2

Pengantar Teknologi Web 2. Web Architectures & Technologies Antonius Rachmat C. WWW. Software Kumpulan service Internet, yaitu web-web yang berada di layer aplikasi Ditemukan oleh Tim Berners-Lee dkk di CERN

preston
Download Presentation

Pengantar Teknologi Web 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Pengantar Teknologi Web 2 Web Architectures & Technologies Antonius Rachmat C

  2. WWW • Software • Kumpulan service Internet, yaitu web-web yang berada di layer aplikasi • Ditemukan oleh Tim Berners-Lee dkk di CERN • Didesain untuk membantu para ilmuwan di CERN untuk memperoleh informasi dari dokumen-dokumen di Internet • Tujuannya: membuat software (browser) untuk menampilkan informasi tersebut • Idenya: hyperlink

  3. WWW • The world wide web consortium (W3C) definition of the web: "The World Wide Web is the universe of network-accessible information, an embodiment of human knowledge" • Provides information access in ways not previously possible • Hyperlinked (Hypertext) • Graphical user interface • Pictorial and non-text information • Information that changes rapidly • Immediate access • Anyone can author a web site • Multi-user access to the same information (try that with a book) • Easily searchable information

  4. WWW Components • Structural Components • Clients/browsers – to dominant implementations • Servers – run on sophisticated hardware • Caches – many interesting implementations • Internet – the global infrastructure which facilitates data transfer • Semantic Components • Hyper Text Transfer Protocol (HTTP) • Hyper Text Markup Language (HTML) • eXtensible Markup Language (XML) • Uniform Resource Identifiers (URIs)

  5. Web Server survey (netcraft)

  6. Growth of World Wide Web

  7. A brief history of the web Static content cgi-bin, php, asp.net, asp Server-side scripting Dynamic content Better script/database integration Database-backed content Web application frameworks EAI Componentized/ enterprise applications

  8. Web Architecture • Layering Aspect • “Separation of concerns” • How many concurrent users are you serving? • Shared needs among multiple applications? (e.g., security) • Data Aspect • What kind(s) of data are you delivering? • Structured vs non structured • On-demand vs. real-time • What are the bandwidth requirements? • Size & nature of data • Again, audience concerns

  9. Tiers…? • A “tier” can be hardware, software, or logical. The last is the most sensible option from an architectural viewpoint. • Therefore: • A non-application-specific client (such as a web browser) is not a tier • A database with no overlying data access layer is not really considered a tier either

  10. N-tier web architectures HTML rendering Client Templates, HTML generation scripts, XML and XSLT Presentation Application-specific components and application logic Business Logic Data Access Domain-specific and database-independent layer, typically object-oriented Data Data storage, typically an (SQL) RDBMS

  11. How to build a 2-tier web app… …the easy way… Any old browser (you don’t care) Browser Your code to generate HTML, process forms, generate SQL queries on database (1 or 2 tiers) Application PHP Open-source: free, fast, and dependable Apache MySQL LAMP: Linux, Apache, MySQL, PHP. US$10+/month from http://www.he.net Linux, Solaris, etc

  12. How to build a 3-tier web app… …the traditional way…? Any current browser Browser Custom C++ module Your object-oriented php / asp.net code, structured into three tiers Presentation Application Logic Data Access Open-source: free, fast, and dependable Apache Database Typically database choice will be decided by factors other than just suitability for web use. Linux, Solaris, etc

  13. Physical architecture Secure customer cluster #1 Gateway Application server Browsers Firewall https Compute server #1 Administrative terminals ssh Compute server #N Secure customer cluster #N Firewall: Port 443 (https) from anywhere Port 23 (ssh) from admin domain only

  14. Conceptual architecture Thin Client UNIX apps ActiveX App Mgt Browser App srv TC srv Encryption & Tunneling Decryption & Routing HTTPS Tunneling MySQL

  15. the three roles • the Model contains data that represents the problem • the Controller responds to user actions by telling the Model how to change • the View displays the current state of the Model to the user

  16. how do we design it? • the Model is a class that represents the actual problem being solved • it has private fields, and provides accessor (getter and setter) methods • the Model should always be a separate class • if using a GUI • the listeners collectively are the Controller • the displayed components are the View • the Controller and View are thus a little bitinterdependent

  17. Combining Controller and View • Sometimes the Controller and View are combined, especially in small programs • Combining the Controller and View is appropriate if they are very interdependent • The Model should always be independent • Never mix Model code with GUI code! • why? • ANSWER: you may be required to change the View • if you keep View and Model separate, changing the View will be relatively simple

  18. MVC

  19. Contoh

  20. MVC Separation • Separating the presentation from the model • Presentasi dan model memiliki fokus yang berbeda: • presentasi ke tampilan, model ke data. • Perbedaan ketergantungan: • presentasi bergantung pada model tapi tidak sebaliknya. • Sehingga dapat mengembangkan multiple presentation dengan model yang sama • Separating the controller from the view • Contoh: .NET Web application • File: *.aspx dan *.aspx.vb • Contoh: PHP Zend Framework, Code Igniter

  21. Kelebihan & Kekurangan Aplikasi Web

  22. Teknologi Aplikasi Web

  23. Bagaimana web bekerja?

  24. Web application

  25. Planning A Web site • Purpose • Purpose and Goal • Target Audience • New Web Technologies • Web site comparison • Content • Value-added contents • Text • Images • Color Palette • Multimedia

  26. NEXT

More Related