O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

IS341 - Week01 the world wide web architecture

1.075 visualizações

Publicada em

Explain what is world wide web Internet, HTML, and any other concepts necessary to comprehend web building
Explain how web pages are retrieved
Identify some common web site themes

Publicada em: Educação, Tecnologia, Design
  • Seja o primeiro a comentar

IS341 - Week01 the world wide web architecture

  1. 1. Johny Hizkia Siringo Ringo BIT (Multimedia Tech.), MIMS (Soft. Dev.) johny.hizkia@istb.ac.id johny.hizkia.ringo@gmail.com www.istb.ac.id IS341 Web Technology The WWW Architecture
  2. 2. johny.hizkia@istb.ac.id www.istb.ac.id 2 Objectives • Explain what is world wide web Internet, HTML, and any other concepts necessary to comprehend web building • Explain how web pages are retrieved • Identify some common web site themes
  3. 3. johny.hizkia@istb.ac.id www.istb.ac.id 3 Contents • Introduction • Defining the web • How does the web work • Web browser • Web server • Hypertext system • Plug in and helper application • HTML • Themes for web site • Hosting options • Summary
  4. 4. johny.hizkia@istb.ac.id www.istb.ac.id 4 The Internet • What is internet? – Collection of giant networks • WWW (World Wide Web) a.k.a Web • Web is NOT Internet
  5. 5. johny.hizkia@istb.ac.id www.istb.ac.id 5 The Web • WWW is an internet application • It is a collection of documents. – These web mostly contains the following • Multimedia rich content (text, graphic, video, sound, animation) • Web uses hypertext • Viewed using software called web browser • The web uses a specific protocol called HTTP (Hyper Text Transfer Protocol)
  6. 6. johny.hizkia@istb.ac.id www.istb.ac.id 6 The Web • How does WWW work – A client (using web browser) sends a HTTP request to a web server for a specific file – A web server contains web pages and files – The web server send the requested file back to the client – The file (mostly web page) is rendered / displayed via the web browsers – The web browsers display the information, based on the HTML code in the file.
  7. 7. johny.hizkia@istb.ac.id www.istb.ac.id 7 The Web
  8. 8. johny.hizkia@istb.ac.id www.istb.ac.id 8 Web Browsers • A web browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. • Example of web browsers – Mozilla Firefox – Internet Explorer – Safari (Mac users) – Opera – Many more….
  9. 9. johny.hizkia@istb.ac.id www.istb.ac.id 9 Web Server • A web server is a computer program that delivers (serves) content, such as web pages, using the Hypertext Transfer Protocol (HTTP), over the World Wide Web. • Example of Web Server – Apache (Widely used ~ 54%) – IIS (Second widely used ~ 24%) – Nginx – Lighttpd
  10. 10. johny.hizkia@istb.ac.id www.istb.ac.id 10 Some Terminology • Domain Names – A domain name is an identification label that defines a realm of administrative autonomy, authority, or control on the Internet, based on the Domain Name System (DNS). • DNS (Domain Name System) – it serves as the "phone book" for the Internet by translating human-friendly computer hostnames into IP addresses. For example, www.example.com translates to
  11. 11. johny.hizkia@istb.ac.id www.istb.ac.id 11 Some Terminology • URL (Uniform Resource Locator) – Abbreviation of Uniform Resource Locator, the global address of documents and other resources on the World Wide Web. – The first part of the address is called a protocol identifier and it indicates what protocol to use, and the second part is called a resource name and it specifies the IP address or the domain name where the resource is located. The protocol identifier and the resource name are separated by a colon and two forward slashes. – ftp://www.pcwebopedia.com/stuff.exe – http://www.pcwebopedia.com/index.html
  12. 12. johny.hizkia@istb.ac.id www.istb.ac.id 12 Web 2.0
  13. 13. johny.hizkia@istb.ac.id www.istb.ac.id 13 Web 2.0 • The term "Web 2.0" is commonly associated with web applications that facilitate interactive information sharing, interoperability, user- centered design,[1] and collaboration on the World Wide Web.
  14. 14. johny.hizkia@istb.ac.id www.istb.ac.id 14 Hypertext and Hypermedia • Hypertext is the basis of navigation on the web. • A web page contains hyperlinks (which can be text or an icon) that connect to another section within the web page, to another page or web server. • Provides easy searching and browsing by associating information. • Non-linear non-sequential viewing. • Hypertext that involves multimedia elements are known as hypermedia.
  15. 15. johny.hizkia@istb.ac.id www.istb.ac.id 15 Plug in and helper applications • These programs are used to extend the functions of the browser – Ex: playing video clips, sound and documents (like PDF) • Plug in is closely tied to the browser and launches in the browser window, whereas helper application is a stand alone program that launches in separate window.
  16. 16. johny.hizkia@istb.ac.id www.istb.ac.id 16 Quick Time Player
  17. 17. johny.hizkia@istb.ac.id www.istb.ac.id 17 PDF Reader
  18. 18. johny.hizkia@istb.ac.id www.istb.ac.id 18 Other Plugins
  19. 19. johny.hizkia@istb.ac.id www.istb.ac.id 19 HTML • HyperText Markup Language • Common display language used in web pages • Contains markup tags for display instructions • Can be created using plain text editor • A HTML web page has a html or htm extension
  20. 20. johny.hizkia@istb.ac.id www.istb.ac.id 20 W3Schools says: • We think a Web developer should focus on: – The HTML 4.01 standard (HTML 5.0 ??) – The use of CSS (Style sheets) – The new XHTML – XML and XSL – Server Side Scripting – Managing data with SQL – Running an “information” server
  21. 21. johny.hizkia@istb.ac.id www.istb.ac.id 21 Web Site Themes • Personal interest • Educational interest • Commercial • Online publication and news • Community groups, clubs, organizations • Common interests or ideas
  22. 22. johny.hizkia@istb.ac.id www.istb.ac.id 22 Hosting Web Site • A web site must be stored in a web server which is permanently connected to the internet • Host on our own web server • Use Internet Service Provider’s service • Free hosting on the web
  23. 23. johny.hizkia@istb.ac.id www.istb.ac.id 23 Summary • The World Wide Web is one of the facilities that uses the Internet. • The World Wide Web consists of HTML pages, which are stored in web server and displayed using web browsers. • A web site may have various themes ranging from personal interest, educational to commercial.
  24. 24. johny.hizkia@istb.ac.id www.istb.ac.id 24 Exercise • What is the web? What is the relationship between the web and the Internet? • What is HTML? Is it necessary to learn HTML in order to create a website? • Explain how a browser displays a web page • Give examples of web browsers • What are plug ins and helper applications? What are they for? What are the differences between them?