90 likes | 107 Views
Web Applications Environment. 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?
E N D
Web Applications Environment Web Technologies Computing Science Thompson Rivers University
Overview • What is the Internet? • What is WWW? • What are HTTP and HTTPS? • What is HTML? Overview
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
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
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
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
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 – Bootstrap, jQuery • Content management systems, … • Let’s check TRU website. • Can you find some interesting user interactions? Overview
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
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