Web Pages & Web Programming Slide # 01 Web Pages & Web Programming Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) How Do Web Pages Work ? Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) Web Programming Client-side Web Programming: write programs which run within browsers to display web pages. Server-side Web Programming: write programs which run at the web server site to process requests/data and produce codes for web pages. Web Page Design (Dr. Hanh Pham)

Client-side Web Programming Ajax Asynchronous JavaScript provides new methods of using JavaScript, and other languages to improve the user experience. Flash Adobe Flash Player is a ubiquitous browser plugin ready for RIAs. Flex 2 is also deployed to the Flash Player (version 9+). JavaScript JavaScript is a ubiquitous client side platform for creating and delivering rich web applications that can also run across a wide variety of devices. It is a dialect of the scripting language ECMAScript. jQuery Cross-browser JavaScript library designed to simplify and speed up the client-side scripting of HTML. AngularJS, BackboneJS, EmberJS and ReactJS are client-side MVC technologies introduced for building single page application and offline applications for both desktop and mobile. They make the application more modular and also help dramatically increase development speed. Microsoft Silverlight Microsoft's browser plugin that enables animation, vector graphics and high-definition video playback, programmed using XAML and .NET programming languages. HTML5 and CSS3 Latest HTML proposed standard combined with the latest proposed standard for CSS natively supports much of the client-side functionality provided by other frameworks such as Flash and Silverlight Scalable Vector Graphics (SVG), WebGL and Canvas deliver 2D and 3D capabilities, often used through JavaScript libraries; D3js (2D datavisualisations) and threeJS (3D) are popular examples. Web Page Design (Dr. Hanh Pham)

Server-side Web Programming ASP (Microsoft proprietary) ColdFusion (Adobe proprietary, formerly Macromedia, formerly Allaire) CGI Erlang, with Linux, Yaws, Mnesia, Erlang (LYME) solution stack Groovy, using the Grails framework Java, e.g. Java Servlets, JSP or WebObjects Lotus Domino Node.js Perl, e.g. Catalyst, Dancer or Mojolicious (all open source) PHP (open source) Python, e.g. Django (web framework) (open source) Ruby, e.g. Ruby on Rails (open source) Scala, e.g. Play Framework, Lift Framework (open source) SSJS Server-Side JavaScript, e.g. Aptana Jaxer, Mozilla Rhino ASP.NET and ASP.NET MVC Frameworks (Microsoft proprietary) Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) Web Servers A web server is a computer system that processes requests via HTTP. The most common use of web servers is to host websites, but there are other uses such as gaming, data storage, running enterprise applications, handling email, FTP, or other web uses. Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) Web Clients A web client (user agent) can be: web browser or  web crawler It initiates communication by making a request to Web Server for a specific resource using HTTP and expects a response from the Web Server. Web Page Design (Dr. Hanh Pham)

Overview of Tools for Web Programming Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) HTTP Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborative, hypermedia information systems. Hypertext is structured text that uses logical links (hyperlinks) between nodes containing text. HTTP is the protocol to exchange or transfer hypertext. Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) HTTP Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) Web Space Server Machine Files Web Server (Program) Internet Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) Get Your Own Web Space Have a computer with Internet access [ Get a Domain Name, exp: www.abc.com] Get a permanent IP address (bind it to the Domain Name) Install a Web Server program (exp: Apache) Define/Know the directory where the web pages can be accessed via the Internet Web Page Design (Dr. Hanh Pham)

Web Space => PUBLIC Space & Files Web Page Design (Dr. Hanh Pham)

Web Space at SUNY New Paltz CS system runs a Web Server As a student in our class you should have an account with the same username/ password as the college’s one. You’ll need WinSCP to transfer web files to your CS Linux account (do this MANY TIMES). You can download it at: https://winscp.net/eng/download.php Web Page Design (Dr. Hanh Pham)

How to Install and Use WinSCP https://www.youtube.com/watch?v=ohpfwiH8c7w Web Page Design (Dr. Hanh Pham)

Web Space at SUNY New Paltz TEST if your web space is set-up correctly: open a web browser and type the following address: cs.newpaltz.edu/~UserName/ If your username is N12345 then it’ll be: cs.newpaltz.edu/~N12345/ Web Page Design (Dr. Hanh Pham)

Web Page Design (Dr. Hanh Pham) References Most of materials in this slide come from: searchcio.techtarget.com tutorialspoint.com http://jan.newmarch.name/ecommerce/session.html http://www.w3schools.com/ http://www.w3.org/ Many pictures here are downloaded from the Internet from various sites such as netbean.org, http://people.cis.ksu.edu/~reshma, grin.com … Wikipedia "Developing Distributed and E-commerce Applications", Darrel Ince, 2nd Edition, Pearson Addison Wesley “Web Programming and Internet Technologies: An E-commerce Approach”, Porter Scobey, Pawan Lingras, Jones & Bartlett Publishers, 2013 “Electronic Commerce”, 11th Edition, Cengage Learning, Gary Schneider, 2015 Internet & World Wide Web How to Program, 5/e, Paul J. Deitel, Harvey M. Deitel, Abbey Deitel Introduction to Electronic Commerce, 3/E, Efraim Turban, David King, Judy Lang, Pearson, 2011 Web Page Design (Dr. Hanh Pham)