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

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

3. 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)

4. 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)

5. 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)

6. 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 , FTP, or other web uses.
Web Page Design (Dr. Hanh Pham)

7. 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)

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

9. 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)

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

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

12. Web Page Design (Dr. Hanh Pham)
Get Your Own Web Space
Have a computer with Internet access
[ Get a Domain Name, exp:
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)

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

14. 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:
Web Page Design (Dr. Hanh Pham)

15. How to Install and Use WinSCP
Web Page Design (Dr. Hanh Pham)

16. 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)

17. Web Page Design (Dr. Hanh Pham)
References
Most of materials in this slide come from:
searchcio.techtarget.com
tutorialspoint.com
Many pictures here are downloaded from the Internet from various sites such as netbean.org, 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)