Course 63 341 Web Site Development 2 Welcome, Course 63 341 Web Site Development 2 Fall 2007

Today, Part 1 Introduction to the Course Web Servers Internet Information Services (IIS) Client/Server Applications Web Based Client/Server Architectures Introduction to ASP Why Web Database? Assignment 1

Introduction to the Course Web Application Page & Site Design Client/Server Programming Network Technologies + Protocols Design + Application

Course Grading Out of 106 % 18 % Project Homeworks (7hw: 2*4 and 5*2) 25 % Lab Exam 1, 25 % Lab Exam 2 7 % Project Progress Meetings (3 meetings: 2 + 2 + 3) 25 % Term Project and Verbal Presentations (17% + 8%) 6 % InClass Attendance/InClassParticipation/Studies (2 points each) (*) Project Grades will be finalized according to the project presentation and answers of the project related questions. (**) Attendance : 2 (<= 3 hours missed) Participation : 2 (lab project modules) Studies : 2 (see course syllabus) Out of 106 %

Resources and Materials Course Book: Web Design and Development for e-business by Jansen J. Zhao Internet Course Syllabus Lecture Slides Course Website Previously taken courses Problem Solving and Algoritm Database Management Systems Information Systems Analysis Web Site Development - I Prerequsites ; 63201 – 63242 – 63215

What will you gain??? In the information age, Web-based client/server networks have been replacing conventional local-area networks (LANs) and wide-area networks (WANs) An ability to organise information and create applications in today’s web technologies Learn how to create dynamic web pages Use, implement, and manage technology in web based services Onur Milli Mustafa Can Ertuğ Alper Özgür Toğuz

Last words!.. Lecture Break Blocks Due Dates Course Info Syllabus Exercises Solutions Explanations Examples Take Homeworks Questions? Participation Studies Homeworks H1, H2,….H7 Attendance

Enthusiasm and Energy Steve Ballmer Microsoft CEO http://www.ntk.net/media/dancemonkeyboy.mpg

Let’s come to the point  Web Servers and Client/Server Architecture Lesson Objectives Explain the Web Server Explain the client/server architecture Explain Web-based client/server applications Understand the essentials of Active Server Pages

What is a Web Server? Client Server Web Servers hosts Web sites on the internet Web (http) server = hardware + software The server hardware is the computer that hosts the server. The server software is the program that runs the server. A Web Server responds to client requests; functions; information sharing, data exchange and management, Internet, Intranet and extranet administration security ** freeware, shareware or trial versions: http://serverwatch.internet.com-http:// Download.cnet.com Client Server

Internet Information Service -IIS What is a Web Server? Popular Web Servers Internet Information Service -IIS . Windows based Web server . powerful as many UNIX-based servers . easier to set up and maintain.

Client/Server Architectures What is Client/Server Architecture? Client/Server Architecture is the structural design of a computer network. Components; - Clients, or client computers and their software - Servers, which include hardware and software

Client/Server Architectures A typical Client/Server Relationship Users at the client computers send service requests to a server computer - The server computer process the requests sends the results back to the client computers.

Client/Server Architectures Personal Computers Dumb Terminals Mainframe or microcomputer LAN or WAN Mainframe or microcomputer LAN or WAN One-Tiered Architecture: Centralized processing! Dumb terminals have No internal processing power, just sending input And receiving output. Two-Tiered Architecture: Hosting data access procedures. PCs have İnternal CPUs.

Client/Server Architectures Client (Top) Tier: PCs Middle Tier Data Tier (information or bottom) Application Servers Database Server and Databases Three-Tiered Architecture: Introduces an application server in between client PCs and the server Mainframe or minicomputer; also called middleware.

Web-Based Client/Server Applications three-tiered client/server architecture +advanced Internet and web technologies. Significant Advantages: Web technology frees the network from location boundaries. Clients can access the server anywhere around the world Dynamic, data-driven Web Client/Server applications have become important in almost every aspect of our daily lives; online shopping, banking, and job searching!

Web-Based Client/Server Applications Basics of Web-Based Client/Server Architectures The 3-tiered architecture of a Web-based client/server application is usually designed to include the browser presentation layer the application server layer the database layer

Web-Based Client/Server Applications Browser Presentation Layer It is the human to computer interface; - A user interacts with dynamic Web pages by using a client Web browser Enters data and submits requests to the Web server, then waits for the results from the server. An e-commerce example: A home page displays a welcome message and some links to web presentation content The product page illustrate products with the necessary information and “buy” button or link. Buy button has a link to the related product’s page that offers forms to be filled. Once the buyer has succesfully submitted the order, browser may show a new page with an information and confirmation of shipping At the same time another page makes the purchase order available on the company’s intranet...

Web-Based Client/Server Applications Application Server Layer This middle layer enables the Web server to take requests from client browsers and process and forward them to the database Server collects the responses from the database and passes them on to the waiting client browsers. To built the Application server; Install a Web server on a computer Connect the server to the Internet Create a virtual directory for the Web Server Write a Web based client/server application

Web-Based Client/Server Applications Database Layer It is built for storing and retrieving data. After receiving the clients’ requests from the Web server in a form of SQL (Structured Query Language) statements, the Web-enabled database application stores data, processes results, and sends them to the server. In order to built database layer; A database application is developed with web-enabled database software (such as MS Access or Oracle) Data Source Names (DNS) for the user and system are created through the ODBC (Open Database Connectivity)

Development of Web-Based Client/Server Applications A web-based client/server application is built with various Web tools relating to the layers. HTML  Browser Layer ASP, CGI, CFM, JSP, PHP, Perl, VBScript, Visual Basic, Java, JavaScript, ColdFusion  Application Server Layer Microsoft Access, SQL Server, Oracle  Database Layer We will use; - HTML, Dreamviewer/FrontPage, ASP, Microsoft Access -

Web-Based Client/Server Applications Flowchart of a Sample Web-based, three-tiered Client/Server architecture Web Server Web Browser Data Server Access-SQL Server- Oracle IIS- Apachi Internet Transaction server Database Internet Explorer - Netscape Application Servers

What do you need to know before writing an application? HTML; Supports Web page appearence and structure. You must know how to write simple HTML codes. Active Server Pages (ASP); Creates server side simple command files. Visual Basic Scripting (VBScript); it is a programming language that you can use in ASP. Database Design and Application; In order to use a database first step is to design tables and fields. Second step is to apply this structure through a database software. Transaction steps are depends on first two steps; Add, Edit(modify or update), Delete and Search...

...What do you need to know...? ActiveX Data Object (ADO); In order to acces to a database by using any programming language requires a software interface. It is ADO in microsoft Web servers. Structural Query Language (SQL); Whole database systems requires structural query languages from applications. ADO receives the SQL commands from application and sends them to database software.

It may sound complicated! Active Server Pages ASP? ASP is not a computer programming language! ASP is an open, compile-free, language independent application technology... It combines HTML, server-side scripting, and database publishing for creating powerful and dynamic Web Applications. It may sound complicated! But there are some advantages that make worth understanding and learning!!!

Active Server Pages Advantages ASP is secure; your codes embedded in HTML can not be viewed from browser. ASP pages can be viewed with any browser, whether it’s Netscape or MS Internet Explorer, or any other browser. You can speed up the application development process by operating in an open development environment. (You can combine scripting languages, and different prebuilt objects in one application)

Web Database WHY Web database? Maintaining a database is easier than maintaining one by one web pages Using database makes easy searching elements of database A database makes easy to serve same data with different ways for example a catagory, definition, age, or any fields on the database But still there is no way to create a database application in WYSIWYG mode and by using clicking technology!!!

Relational Database computer files Databases Databases can not be updated directly… command Application Database Management System (DBMS) response Oracle, SQL Server, Sybase, Informix, Access are some DBMS. Almost whole modern databases are compatible with relational models. Basic element of a database is a Table. The columns on the table represent fields and the rows represent records.

Folder Structure

Assignment 1 (4% 2nd Week – 2nd Lecture) 3 ASP code examples Decide on your “Project Subject” 3 web site URLs (related to your project subject) Try to define their (3 web sites) Database Example: Employee(empid, empname, emplname,...) Project (pid, empid, pdesc,...) all tables must be in 3rd normal form Assignment 1 must be printed. (Keep your soft copy also) Must be uploaded to the folder named as H1 in the web server

Thank You  Questions?