17
SERVER SIDE PROGRAMMING COURSE: COMP 1006 INTRO TO WEB PROGRAMMING Sayed Ahmed B. Sc. Engineering in Computer Science & Eng. M. Sc. in Computer Science [email protected] http://sayed.justetc.net

Server side programming

Embed Size (px)

Citation preview

Page 1: Server side programming

SERVER SIDE PROGRAMMINGCOURSE: COMP 1006 INTRO TO WEB PROGRAMMING

Sayed AhmedB. Sc. Engineering in Computer Science & Eng.M. Sc. in Computer Science

[email protected]://sayed.justetc.net

Page 2: Server side programming

DISCUSSION TOPICS Explain

Client Side Programming Server Side Programming

Web Site Structure Demonstrate with Examples

Example Application User Profile Management

Will demonstrate both Server Side Scripting Client Side Scripting

11/6/2011

2

[email protected]

Page 3: Server side programming

UNDERSTANDING CLIENT AND SERVER SIDE SCRIPTING Web-Site Structure

Steps1. Request Content2. Get response back

Additional Steps 1.x Execute a script in the client side 2.x: Execute a script in the server side

Calculate something Retrieve data from a database

3. Execute script in the client side

11/6/2011

3

[email protected]

Page 4: Server side programming

UNDERSTANDING CLIENT AND SERVER SIDE SCRIPTING Web-Site Structure

11/6/2011

4

[email protected]

Page 5: Server side programming

DEFINITION Client Side Scripting

computer programs on the web that are executed client-side, by the user's

web browser JavaScript Jquery VBScript

Server Side Scripting computer programs on the web

that are executed server-side usually used to provide interactive web sites

that interface to databases or other data stores PHP Perl Ruby JSP

11/6/2011

5

[email protected]

Page 6: Server side programming

DEMONSTRATION WITH EXAMPLES User Profile Management

Scenario: For a publishing company we want to develop

a web-based profile management system User Interfaces

User Login Page Success Page:

On login display user information with edit operations

Error Page On login failure display error message Also, show login option

11/6/2011

6

[email protected]

Page 7: Server side programming

USER INTERFACESLogin Page 11/6/2011

7

[email protected]

Page 8: Server side programming

EDIT USER PROFILE11/6/2011

8

[email protected]

Page 9: Server side programming

DEMONSTRATE THE APPLICATION http://www.justetc.org/web_dev/ 11/6/2011

9

[email protected]

Page 10: Server side programming

DATA STORAGE Data Storage

user user_details

Table Structure user

user_details

id username password1 fred *********

name email phone

Im Web about

11/6/2011

10

[email protected]

Page 11: Server side programming

LOGIN FORM11/6/2011

11

[email protected]

Page 12: Server side programming

CLIENT SIDE SCRIPT11/6/2011

12

[email protected]

Page 13: Server side programming

SERVER SIDE SCRIPT11/6/2011

13

[email protected]

Page 14: Server side programming

SERVER SIDE SCRIPT11/6/2011

14

[email protected]

Page 15: Server side programming

SERVER SIDE SCRIPT11/6/2011

15

[email protected]

Page 16: Server side programming

RESOURCES http://justetc.org/web_dev/index.txt http://www.justetc.org/web_dev/

edit_profile.txt http://justetc.org/web_dev/database.jpg

11/6/2011

16

[email protected]

Page 17: Server side programming

? 11/6/2011

17

[email protected]