1 Today: Introduction to ASP- Part 1 Explain the client/server architecture Explain Web-based client/server applications Understand the essentials of Active Server Pages Write and edit simple ASP files.

2 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

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

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

5 Active Server Pages Active Server Pages (ASPs) are Web pages ASP = server-side scripts + HTML The appearance of an Active Server Page depends on who or what is viewing it. If the Web browser that receives it, an Active Server Page looks just like a normal HTML page. However, the file located in the server looks very different. In addition to text and HTML tags, you also see server-side scripts. This is what the Active Server Page looks like to the Web server before it is processed and sent in response to a request.

6 How ASP Works? 1.User brings up a Web site where the default page has the extension.asp. 2.The browser requests the ASP file from the Web server 3.The server-side scripts begins to run with ASP. 4.ASP processes the requested file sequentially (top-down), executes any script command contained in the file, and produces an HTML Web page. 5.The Web page is sent to the browser.

7 ASP vs HTML ASP = HTML + some other stuff! What is the difference? Basically we are taking the HTML and adding some elements... ASP files end with the.asp extension, so the Web server knows what it is. ASP files include server-side code that contain instructions for the server. Browser can not display your code! ASP files provide dynamic information

8 Active Server Pages Server-side scripts ~ HTML tags. ~ You can insert server-side scripts anywhere in your Web page-- even inside HTML tags. The server looks inside the ASP tags and runs the instructions, sends the results

9 Variables Every application uses variables, and ASP scripts are no exception! But there is no obligation in Visual Basic and VbScript No need to define the variables and variable types at the beginning of the program. But if you want you can... If you add the following line after the language info to the page; You must declare your variables.  i.e. dim number1 dim number2

10 Variables Basic Variable Types: numeric, alpha-numeric, and logical. No need to know other variable types, because when you assign a value to a variable, Visual Basic understands your variable type! variable_1 = 15 variable_2 = “15” variable_3 = true If you want to learn type of any variable; <% variable_1 = 15 Response.write vartype(variable_1) ‘it writes 2 to the page %> List of Variant type variables of the VBScript vbNull 1 contains no data, vbInteger 2 integer type, vbLong

11 VBScript Looping – flow controls Looping constructs provide the foundation for any application that must repetitively perform a task. Such as adding 1 to a variable, reading a text file, or processing an message. VBScript and Jscript provide several looping mechanism. For... Next, For each... in...Next, Do.. Loop While, Do...While...Loop, Do..Until...Loop, Do...Loop Until..., While...Wend conditional operators Conditional operators, together with variables and looping constructs, for the fundamental building blocks of applications. Such as sending a page to the client browser that consists of the current time and date and a greeting If..Then, If...then...else, If...then...Elseif...then else, Select...Case, Switch..case

12 How to Create ASP Pages? 1.Open notpad 2.Create the necessary HTML codes. 3.Add ASP codes into their respective places. 4.Save your file with the extension.asp. 1.Design the followings in FrontPage:

13 How to Create ASP Pages ? 2.Switch to HTML tab.

14 How to Create ASP Pages? 3.Add ASP codes into their respective places.

15 Reponse.Write ( ) Response object is the part of ASP that handles responding to the request of a browser If you want to display information to Web page Write method of the response object will be used. <% Response.Write(“Hello World”) %> NOTE : equal sign (=) is a short-cut of response.write object

16 How to Save ASP Pages? 4.Save your file with the extension.asp. Write asp extension with the file name. Select Active Server Pages option as file type. So, you do not need to write file extension. OR

17 How to transfer to the Server?

18 How to Display ASP Pages?

19 Another example! (“for – next”) We want to write “hosgeldiniz” in 5 different font size!

20 Handling HTML codes in ASP codes ” %> htmlTuna Tuna Tuna Tuna response.write “ Tuna “ typeMismatch

21 response.write response.write “ Tuna “ Handling Error: 1 st way: Do not use “ “ in HTML! But;  face = lucida ? <% response.write %> ? 2 nd way: use ‘ ‘ instead of “ “ Examples: Example 1:Adding 2 numbers <% num1 = 40 num2 = 30 response.write num1 + num2 %>

22 response.write Example 2:finding y <% num1 = 10 num2 = 20 sq1 = num1 * num1 sq2 = num2 * num2 sum = num1 + num2 response.write sq2 &","& sq1 & "," & sum Example 3:finding the square of 2 numbers and the addition of their square

23 response.write & if..then..else..end if Example 4:VAT included Price 0 THEN response.write num &" "& "is a positive number.“ ELSE response.write num &" "& "is a negative number.“ END IF %> Example 5:positive or negative?

24 response.write & if..then..else..end if Example 6: If a number less than 10, output it's square otherwise the number only. 10 THEN sq = num * num response.write sq ELSE response.write num END IF %> num2 THEN num = num1 - num2 ELSE num = num2 - num1 END IF Response.Write num %> Example 7: Subtract the smaller from the larger

25 response.write & if..then..else..end if Example 8: SNG room 100$ others 150$> Example 9: PASS, FAIL = 50 THEN Response.Write "PASS“ ELSE Response.Write "FAIL“ END IF %>