Dynamic Site

(An Active Server

Pages)

Madiha Kiran

1
 DOT-NET is the technology
• .NET
• .NET is a free, cross-platform, open source developer platform for building
many different types of applications.
• The .NET is the technology from Microsoft, on which all other Microsoft
technologies will be depending on in future.
• It is a major technology change, introduced by Microsoft, to catch the
market from the SUN's Java.

2
 DOT-NET is the technology
• Few years back, Microsoft had only VC++ and VB to compete with Java, but
Java was catching the market very fast.
• With the world depending more and more on the Internet/ Web
and java related tools becoming the best choice for the web applications,
Microsoft seemed to be loosing the battle.

• To recover the market, Microsoft announced .NET.

• Microsoft has a wonderful history of starting late but catching up quickly.

3
 .NET is also called Microsoft
strategy
• Microsoft introduced the .NET considering multiple factors.
• All unwanted complexities are eliminated
• and a pure object oriented programming model was introduced.
• This makes programmer's life very easy.
• .NET is said to be Microsoft development model in which software becomes
platform and device independent and data becomes available over the internet.
• Due to this vision Microsoft .NET is also called Microsoft strategy for connecting
systems, information and devices through web services so people can
collaborate and communicates effectively.

4
.NET

5
 What is ASP.NET
• ASP.NET An Active Server Page (ASP)
• Microsoft ASP.NET is a framework used in web application development,
dynamic websites and web services.
• A framework for developing next generation websites, web applications and
web services.

• There have been 6 frameworks so far since this technology was created: 1.0,
1.1, 2.0, 3.5, 4.0 and the current version 4.5.
• Every framework has been adding more and more classes, methods, types,
etc., so programmers are able to do more things using these new features.
6
C sharp ( C#)
• C# is an object-oriented programming language developed by
Microsoft as part of the .NET framework.
• A C# web application will run on the Windows ecosystem and there is
a lot that can be leveraged for a powerful, seamless experience

7
integrated development
environment (IDE)
• An integrated development environment (IDE) is a software suite that consolidates
basic tools required to write and test software.
• Developers use numerous tools throughout software code creation, building and
testing. Development tools often include text editors, code libraries, compilers and
test platforms.
• Without an IDE, a developer must select, deploy, integrate and manage all of these
tools separately. An IDE brings many of those development-related tools together
as a single framework, application or service. The integrated toolset is designed to
simplify software development and can identify and minimize coding mistakes and
typos.
• Some IDEs are open source, while others are commercial offerings. An IDE can be a
standalone application or it can be part of a larger package.
8
Microsoft Visual Studio
• Microsoft Visual Studio is an integrated development environment
(IDE) from Microsoft.
• It is used to develop computer programs, as well as websites, web
apps, web services and mobile apps.
• Visual Studio uses Microsoft software development platforms such as
Windows API, Windows Forms, Windows Presentation Foundation,
Windows Store and Microsoft Silverlight. It can produce both native
code and managed code.
• It supports different programming languages like C#, as well as Visual
Basic, C, C++, and provides support for Python and Ruby

9
 Overview
• Net is a framework and a class library
• ASP.net is a web application development platform, also called a
framework and class library for creating web apps.
• C# is language which can be used for developing applications.
• while Visual Studio is an IDE, which supports ASP.NET and C# and many
others

10
 Web Development Technologies

 Client-side technologies
 HTML, DHTML, JavaScript

 Server-side technologies
 ASP (Active Server Pages)

 ASP.NET is the next generation of ASP

11
Slide 6 of
 What is ASP?

 Server-side programming technology

 Consists of static HTML interspersed with script
 ASP intrinsic objects (Request, Response, Server, Application,
Session) provide services
 Commonly uses ADO(Active data Object) to interact with
databases
 Application and session variables
 Application and session begin/end events
 ASP manages threads, database connections, ...
12
Slide 7 of
 What is ASP?

HTTP request HTTP response

(form data, HTTP HTML, XML
header data)

ASP page
(static HTML,
server-side logic)

13
Slide 8 of
 Background
Demo: HelloWorld.asp
<html>
<head><title>HelloWorld.asp</title></head>
<body>
<form method=“post">
<input type="submit" id=button1 name=button1
value="Push Me" />
<%
if (Request.Form("button1") <> "") then
Response.Write("<p>Hello, the time is " & Now())
end if
%>
</form>
</body>
</html>
14
Slide 9 of
 ASP Successes

 Simple procedural programming model

 Access to COM components
 ActiveX Data Objects (ADO)
 File System Object
 Custom components

 Script-based: no compiling, just edit, save & run

 VBScript, JScript – leverages existing skills

 Support for multiple scripting languages

 ASP has been very popular
15
Slide 10 of
 ASP Challenges

 Coding overhead (too much code)

 Everything requires writing code!
 Code readability (too complex; code and UI intermingled)
 Maintaining page state requires more code
 Reuse is difficult
 Supporting many types of browsers is difficult
 Deployment issues (e.g. DLL locking)
 Session state scalability and availability
 Limited support for caching, tracing, debugging, etc.
 Performance and safety limitations of script
16
Slide 11 of
 ASP.NET Goals

 Keep the good parts of ASP and improve the rest

 Simplify: less code, easier to create and maintain
 Multiple, compiled languages
 Fast
 Scalable
 Manageable
 Available
 Customizable and extensible
 Secure
 Tool support
17
Slide 14 of
 ASP.NET
Key Features
 Web Forms  Session management
 Web Services  Caching
 Built on .NET Framework  Debugging
 Simple programming  Extensibility
model  Separation of code and UI
 Maintains page state  Security
 Multibrowser support  ASPX, ASP side by side
 XCOPY deployment  Simplified form validation
 XML configuration  Cookieless sessions
 Complete object
model 18
Slide 15 of
 ASP.NET Architecture

VB C++ C# JScript …
Common Language Specification

Visual Studio.NET
ASP.NET: Web Services Windows
and Web Forms Forms
ADO.NET: Data and XML

Base Classes
Common Language Runtime

19
Slide 18 of
Approaches
Asp .Net supports three approaches to build web sites.
1. Web pages using web matrix
2. MVC
3. Web form

20
 web matrix

• WebMatrix is a set of tools that provides an easy way to build Web sites
for Microsoft Windows.
• It includes
• a development web server: IIS Express (Internet Information Server )
• a web programming framework : ASP.NET
• an embedded database : SQL Server

Note: WebMatrix is no longer recommended as an integrated development

environment (IDE)

21
MVC

• The Model-View-Controller (MVC) is an architectural pattern that

separates an application into three main logical components:
the model, the view, and the controller. Each of these components
are built to handle specific development aspects of an application.
• MVC is one of the most frequently used industry-standard web
development framework to create scalable and extensible projects.

22
 MVC
• Model
The Model component corresponds to all the data-related logic that the user works with. This can
represent either the data that is being transferred between the View and Controller components or any
other business logic-related data. For example, a Customer object will retrieve the customer information
from the database, manipulate it and update it data back to the database or use it to render data.
• View
The View component is used for all the UI logic of the application. For example, the Customer view will
include all the UI components such as text boxes, dropdowns, etc. that the final user interacts with.
• Controller
Controllers act as an interface between Model and View components to process all the business logic
and incoming requests, manipulate data using the Model component and interact with the Views to
render the final output.
For example, the Customer controller will handle all the interactions and inputs from the Customer View
and update the database using the Customer Model. The same controller will be used to view the
Customer data.

23
MVC

24
Web form

• ASP.NET Web Forms is a web application framework and one of

several programming models supported by the
Microsoft ASP.NET technology.
• Web Forms applications can be written in any programming language
which supports the Common Language Runtime, such as C# or Visual
Basic.

25
 ASP.NET Programming
Model
Controls and Events

Button code
Button ...

List code
List ...

Text code
Text ...

Browser ASP.NET Event handlers

26
Slide 21 of
 Programming
Model
ASP.NET Object Model

 User code executes on the web server in

page or control event handlers
 Controls are objects, available in
server-side code
 Derived from System.Web.UI.Control

 The web page is an object too

 Derived from System.Web.UI.Page which is

a descendant of System.Web.UI.Control
 A page can have methods, properties, etc.

27
Slide 22 of
 Programming
Model
Postbacks Maintain State

 By default, ASP.NET maintains the state of all

server-side controls during a postback
 Can use method="post" or
method="get"
 Server-side control objects are automatically
populated during postback
 No state stored on server
 Works with all browsers

28
Slide 24 of
 Programming
Model
Postbacks Maintain State

 By default, ASP.NET maintains the state of all

server-side controls during a postback
 Can use method="post" or
method="get"
 Server-side control objects are automatically
populated during postback
 No state stored on server
 Works with all browsers

29
Slide 24 of
 Programming
Model
Server-side Controls

 Multiple sources of controls

 Built-in

 3rd party

 User-

defined
 Controls range in complexity and power: button,
text, drop down, calendar, data grid, ad rotator,
validation
 Can be populated via data binding

30
Slide 25 of
 Programming
ModelBrowser Compatibility
Automatic

 Controls can provide automatic browser

compatibility
 Can target UpLevel or DownLevel
browsers
 UpLevel browsers support additional

functionality, such as JavaScript and DHTML

 DownLevel browsers support HTML 3.2

31
Slide 26 of
 Programming Model
Automatic Browser

IE 4
Compatibility
Button

Menu

Text

Netscape Button Control Button code

Button ...
Menu

Text
Menu Control Menu code
...
IE 5.5
Button
Text Control Text code
Menu
...
Text

IE 6
Button

Menu ASP.NET Event handlers

Text

... 32
Slide 27 of
 Programming
Model
Code-behind pages

 Two styles of creating ASP.NET pages

 Controls and code in .aspx file

 Controls in .aspx file, code in code-behind page

 Supported in Visual Studio.NET

 Code-behind pages allow you to separate the

user interface design from the code
 Allows programmers and designers to work
independently
<%@ Codebehind=“WebForm1.bas”
Inherits=WebApplication1.WebForm1” %>
33
Slide 28 of
 Programming
BasicsPage Syntax
 The most basic page is just static text
 Any HTML page can be renamed .aspx

 Pages may contain:

 Directives: <%@ Page Language=“VB” %>

 Server controls: <asp:Button runat=“server”>

 Code blocks: <script runat=“server”>…</script>

 Data bind expressions: <%# %>

 Server side comments: <%-- --%>

 Render code: <%= %> and <% %>

 Use is discouraged; use <script runat=server> with code

in event handlers instead

34
Slide 32 of
 Programming
Basics
The Page Directive

 Lets you specify page-specific attributes, e.g.

 AspCompat: Compatibility with ASP
 Buffer: Controls page output buffering
 CodePage: Code page for this .aspx page
 ContentType: MIME type of the response
 ErrorPage: URL if unhandled error
 occurs Inherits: Base class of Page
 object Language: Programming language
 Trace: Enables tracing for this page
 Transaction: COM+ transaction setting

 Only one page directive per .aspx file

35
Slide 33 of
 Programming
Basics
Server Control Syntax

 Controls are declared as HTML tags with

runat=“server” attribute
<input type=text id=text2 runat=“server” />
<asp:calendar id=myCal runat=“server” />

 Tag identifies which type of control to create

 Control is implemented as an ASP.NET class

 The id attribute provides programmatic

 It names the instance available during postback
identifier
Just like Dynamic HTML


36
Slide 34 of