1 / 13

Overview

Overview. Web Technologies Computing Science Thompson Rivers University. Overview. What is the Internet? What is WWW? What are HTTP and HTTPS? What is HTML?. Overview – cont. What is a web browser? What do you browse? How do you browse? What is web searching? What is that Web?

parker
Download Presentation

Overview

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. Overview Web Technologies Computing Science Thompson Rivers University

  2. Overview • What is the Internet? • What is WWW? • What are HTTP and HTTPS? • What is HTML? Overview

  3. Overview – cont. • What is a web browser? • What do you browse? • How do you browse? • What is web searching? • What is that Web? • What do we use the Web for? Overview

  4. Overview – cont. • What is a web page/document? • Where is the web page/document? • How does a web browser render a web page/document? • How do you write a web page/document? Overview

  5. Overview – cont. • HTML (???) • What is a hypertext? • What is a markup language? • WWW (???) is the worldwide distributed database of web pages/documents written in HTML and retrieved by using HTTP. • Web browsers are used to access to WWW. • Where are web pages/documents? • Where is your web browser running? • The client-server model Overview

  6. Overview – cont. • The original WWW was created early 1990. • Just to share documents among a group of researchers • Very simple • Just displaying web pages/documents, and very simple user interaction (?) Overview

  7. Overview – cont. • Nowadays WWW is a very complex system, and it includes so many interesting new technologies. • Have you ever heard of • Chrome, FireFox, Safari, InternetExplorer, … • Apache, IIS, web server with Node.js • HTML, CSS • SSE, Ajax, XML, JSON, WebSocket • MySQL, MongoDB • JavaScript, PHP • Web frameworks • Content management systems, … • Let’s check TRU website. • Can you find some interesting user interactions? Overview

  8. Overview – cont. • Is TRU web • A staticweb page? • An interactiveweb application? • Menu, dialog boxes, user input, • Event-driven, … • A dynamicweb application? • Menu, DB, multimedia, events, … • Can we say that the application program called TRU web is running on the client program called Chrome? • But not a standalone application Overview

  9. Overview – cont. HTTP HTML-content CSS JavaScript code • The web application model: • The client-server model • Client-side web programs run on clients. • Server-side web programs run on servers. • HTTP between client- and server-side web programs • Where are client-side web programs stored? • Where are server-side web programs stored? • For what do we need to use a server-side web program? • How many tiers do you see in the above diagram? • 3 tier model HTTP-URL HTML pages PHP module Overview

  10. Overview – cont. • The web application model • Client-side web [application] programs use • HTML – a markup language • CSS (Cascading Style Sheets) – an addition to HTML • JavaScript – a client-side scripting [programming] language • DOM (Document Object Model) – a model for elements in a HTML document • Client-side web programs run on a web client called web browser, such as Chrome and FireFox. • Server-side web programs use • PHP – a server-side scripting [programming] language; JavaScript; … • MySQL – a database system; MongoDB; … • Server-side web programs run on a web server, such as Apache and Node.js. • Client- and server-side web programs can exchange information in the form of XML (???) using HTTP (???). Overview

  11. Overview – cont. • Client-side web programs are written in HTML, CSS, and JavaScript. • HTML and CSS display elements in a web document(/page/program) on a window. -> staticprograms • All the elements are modeled by DOM. • JavaScript controls and changes the elements through DOM so that the users can see the change on the window. -> more interactiveprograms • JavaScript is also used to exchange information with a server-side web program. • Server-side web programs are written in PHP, JavaScript(, HTML, CSS, JavaScript), …. • They are usually used to access to databases. • They generate web content(, i.e., client web programs,) that will be sent to the client. -> dynamic programs • They are also used to exchange information with a client-side web program. • JavaScript and PHP are complete programming languages. • A whole new programming paradigm. Overview

  12. Overview – cont. Overview

  13. Overview – cont. • Summary Introduction

More Related