Building Web Applications With

8/8/2019 Building Web Applications With

1/36

Microsoft Coming to IUP!Microsoft Coming to IUP! Tuesday, April 8, 2003Tuesday, April 8, 2003

5:00 P.M. Eberly Auditorium5:00 P.M. Eberly Auditorium

Presentation to be given byPresentation to be given byMicrosoft RepresentativeMicrosoft Representative

Food, drinks, and excellentFood, drinks, and excellentdoor prizes available afterdoor prizes available after

presentationpresentation Presentation geared towardsPresentation geared towards

computer and non-computercomputer and non-computermajorsTell your friends!majorsTell your friends!

. A G E N D A .Sites vs Applications

Existing Technologies

. T e c h G L A N C E .

Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

Web Matrix

Closing Thoughts


2/36

Recap of .NET FundamentalsRecap of .NET Fundamentals

.NET Framework consists of two.NET Framework consists of two

primary parts: .NET Class Libraries,primary parts: .NET Class Libraries,Common Language RuntimeCommon Language Runtime

Any language can be supported withAny language can be supported withthe addition of a language specificthe addition of a language specific

compilercompiler All .NET code is object orientedAll .NET code is object oriented

Managed code is compiled to anManaged code is compiled to anassembly (MSIL) by languageassembly (MSIL) by language

specific compilerspecific compiler Assemblies are compiled to nativeAssemblies are compiled to native

code by JIT compilercode by JIT compiler




Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

Web Matrix

Closing Thoughts

Recap


3/36

AssemblyAssembly

Compilation And ExecutionCompilation And Execution

SourceSource

CodeCodeLanguageLanguage

CompilerCompiler

CompilationCompilation

Before installation orBefore installation or

the first time eachthe first time each

method is calledmethod is calledExecutionExecution

JITJITCompilerCompiler

NativeNativeCodeCode

CodeCode

(IL)(IL)

MetadataMetadata


4/36

AdaAda

APLAPL Basic (Visual Basic)Basic (Visual Basic)

C#C#

CC

C++C++ Java Language (J#)Java Language (J#)

COBOLCOBOL

Component PascalComponent Pascal

(Queensland Univ of Tech)(Queensland Univ of Tech) ECMAScript (JScript)ECMAScript (JScript)

Eiffel (Eiffel (MonashMonashUniversity)University)

HaskellHaskell(Utrecht University)(Utrecht University)

Current List of Language CompilersCurrent List of Language Compilers

lcclcc(MS Research Redmond)(MS Research Redmond)

MondrianMondrian (Utrecht)(Utrecht)

MLML(MS Research Cambridge)(MS Research Cambridge)

MercuryMercury

(Melbourne U.)(Melbourne U.) OberonOberon

(Zurich University)(Zurich University)

Oz (Oz (Univ of Saarlandes)Univ of Saarlandes)

PerlPerl PythonPython

SchemeScheme(Northwestern U.)(Northwestern U.)

SmallTalkSmallTalk


5/36

Operating SystemOperating System

Common Language Runtime (CLR)

Inside the .NET FrameworkInside the .NET Framework

Base Framework

Data and XML

Web Services User Interface

VB C++ C#

ASP.NET

J# Python

Secure, integrated class

libraries

Unifies programming modelsacross languages

Enables cross-languageintegration

Factored for extensibility

Designed for tools

Common Language

Runtime

Executes code, maintains

security, handles component

plumbing and dependencies

ASP.NET

High-productivity environment for

building and running Web

services


6/36

During thepresentationlook here foran overviewof theinformationpresented




Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

Building Web

Applicationswith .NET

Unleash the power of the Web!

Web Matrix

Closing Thoughts

Chris Wastchak

Student Ambassador to Microsoft


7/36

Topics to be discussed. A G E N D A .

Sites vs Applications



Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

Web Matrix

Closing Thoughts


ASP .NET Explained

Inside ASP .NET

Overview of ADO .NET

Demos

Roadmap of Presentation

Web Matrix

Closing Thoughts


8/36




Create Dynamic WebApplications

Web Sites vs. Web ApplicationsLegacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

Sites Applications

Essentially Static Antonym of Static! Very dynamic.

HTML baseddocument

HTML is only a meansto display content

Some Dynamicabilities, but normallya dull user experience

Some static content, butmostly related to weblayout

Historically, difficult todevelop

Web Matrix

Closing Thoughts


9/36





Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

CGI

Advantages

Supported on all platforms

Disadvantages

Poor performance (process perclient request)

Application logic tightly bound toHTML/HTTP

Difficult to develop/maintain


Web Matrix

Closing Thoughts


10/36

. A G E N D A .



Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET



Server-side Script Hosts

Legacy Active Server Pages (ASP)

Java Server Pages

Advantages

Easier Programming Model

Disadvantages

Poor performance (interpreted on theserver)

Non-extensible

CGI & Server-sideScript Hosts not theanswer


Web Matrix

Closing Thoughts

Rendering in different browsers


11/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET



CGI & Server-side

Script Hosts not theanswer

Legacy ASPLegacy ASP

Web Matrix

Closing Thoughts

Classic ASP

Interpreted VBScript/JavaScript

Code and content in the same file

Simple procedural programming model

Limited to the functionality provided byVBScript/JavaScript and the ASP Intrinsicobjects

Executed as one large function

A G E N D A


12/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET




Legacy ASP

Network

Browser-Client

Web Server

HTTP request

(form data, HTTPheader data) Web Form

ASP page(static HTML,

server-side logic)

Legacy ASP

Web Matrix

Closing Thoughts

A G E N D A


13/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET




Legacy ASP

Successes:

Access to COM componentsADO connectivity

Simple procedural programming model

Script-base: No compiling, just edit, save &run

Support for multiple scripting languages

Problems:

Coding Overhead too much grunt work!

Code readability Code & Interface

intermingled

Reuse is difficult

DLL locking (aka DLL Hell)

ASP was a goodstart

Legacy ASP

Web Matrix

Closing Thoughts

A G E N D A


14/36

. A G E N D A .



ASP .NET OverviewASP .NET DEMO

Inside ASP .NET

ADO .NET




Legacy ASP

ASP was a goodstart

Networ

k

ASP.Net

ISAPI DLL

Hosting the .NET

Framework CLR

Webform/

custom

application Request and post-back

form information

HTML representationof application UI

Web Server

Browser-Client

Managed Process

ASP .NET Overview

Web Matrix

Closing Thoughts

A G E N D A


15/36

. A G E N D A .




Inside ASP .NET

ADO .NET




Legacy ASP

ASP was a goodstart

New and exciting web application modelBuilt on the .NET Framework

Object oriented web application development,as easy as building Visual Basic (or C#)applications

Executes in native machine language

Development model loosely bound to HTML/HTTP

Like Legacy ASP, ASP.NET is a server-sidetechnology

Exposes .NETspower to the web!

ASP .NET Overview

Web Matrix

Closing Thoughts

Server controls automatically generate theappropriate HTML for different browsers.

A G E N D A


16/36

Just another fix?Evolution vs. Revolution

ASP.NET has been completely re-written ontop of the Http Run-time

Simplification of Development

ASP.NET allows a developer to leverageexisting knowledge to develop web applications

Simplification of Deployment

ASP .NET Overview

Just FTP and go

. A G E N D A .




Inside ASP .NET

ADO .NET



CGI & Server-side


Legacy ASP

ASP was a goodstart Exposes .NETspower to the web!

Web Matrix

Closing Thoughts

Side-by-side assemblies (XCopy)

A G E N D A


17/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMOInside ASP .NET

ADO .NET



Legacy ASP


Dynamically generates HTML to

indicate current date!

ASP .NET DEMO Sites vs Applications

Web Matrix

Closing Thoughts

A G E N D A


18/36

. A G E N D A .



ASP .NET Overview


ADO .NET



Legacy ASP


Today

Today is

Today.aspx

Inline method call toOutputDay()

ASP .NET DEMO Sites vs Applications

Web Matrix

Closing Thoughts

A G E N D A


19/36

. A G E N D A .



ASP .NET Overview


ADO .NET


Legacy ASP


using System;using System.Web.UI;

public classTodayPage: Page {

protected voidOutputDay() {

Response.Write (DateTime.Now.ToString("D")) ;

}

}

Today.cs

DefinesTodayPagetype

Derived from Page

Typical C# type declaration

Includesprotectedmethod OutputDay ()

ASP .NET DEMO Sites vs ApplicationsExisting Technologies

Web Matrix

Closing Thoughts

A G E N D A


20/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NETADO .NET

CGI & Server-side


Legacy ASP


Inside ASP .NET Sites vs ApplicationsExisting Technologies

Web Matrix

Closing Thoughts

Basics of an ASP .NET page

ASP .NET Directives

etc

ASP .NET codein script blocks with the runat=server

attributeIn separate files specified with theCodeBehind tag in the Page directive

Content, in the form of text and HTML tags

A G E N D A


21/36

Name:

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO


CGI & Server-side


Legacy ASP



Web Matrix

Closing Thoughts

Example: Hello.aspx

A G E N D A


22/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO



Legacy ASP



Button

List Box

Text Box

ASP.NET

Brow

ser-Client Button

Code

TextBoxCode

ListBoxCode

Networ

k

Object oriented programming modelEvent driven application model

Controls render their UI in HTML

More modular, readable & maintainable

then legacy ASP

Web Matrix

Closing Thoughts

A G E N D A


23/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO



Legacy ASP



Web Matrix

Closing Thoughts

Introducing Web Forms

Web forms are a new way of managing webuser interfaces

A web form consists of server controls that canbe accessed programmatically

Web forms consist of all controls inside a form

tag with a runat=server attributeServer controls automatically retain their stateacross page requests

Web forms are event driven and allow theprogrammer to handle events thrown by thecontrols (like a button click)

Web forms are only the simplest facet ofASP.NET

A G E N D A


24/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO



Legacy ASP



A partial list of common controls

AdRotator

Button

Calendar

CheckBox

DataGrid

Hyperlink

Image

ListControl

Panel

Table

TextBox

RangeValidator

Label

LinkButton

Controls are objects

derived from:System.Web.UI.Control

3rd Party controls areavailable!

Can be populated viadata binding

OO Model, RapidDevelopment,

Extensible!

Web Matrix

Closing Thoughts

. A G E N D A .


25/36

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET


Legacy ASP


ADO .NETExisting Technologies


Extensible!

For Example:

E-Commerce websites (EBay!)

Virtually all interesting application require a structured,

persistent data store

Personalized Portals orNewsgroups

Even popular online email

services (Yahoo!, Hotmail)


ADO .NETWeb Matrix

Closing Thoughts

. A G E N D A .


26/36





ADO .NET


Extensible!

Evolution of Data Access

. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP



ADO .NET

ODBCOLE DB

DAO RDO ADO

ADO .NET has essentially mergedOLE DB, ODBC and ADO into a

single layer, providing a consistentinterface to work with. ADO .NET mergesprevious techniques

Web Matrix

Closing Thoughts

. A G E N D A .


27/36





ADO .NET


Extensible!

. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP



ADO .NET

ADO .NET mergesprevious techniques

ODBCDr iver

ODBC

RDBMSODBC

OLE DB

RDBMS

.NET Data Provider

Connection

Command

Data Reader

Data AdapterOLEDB

OLEDBProvider

SQL

Server

DataSourceo

fChoi

ce

Application

Web Matrix

Closing Thoughts

. A G E N D A .


28/36



CGI & Server-sideScript Hosts not the

answer


ADO .NET


Extensible!

. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP



ADO .NET


4 Primary ObjectsConnection

Connects to data source

Command

Executes SELECT, INSERT, UPDATEand DELETE commands

Data Reader Forward-only, read-only stream ofdata

Data Adapter Connects a DataSet to a data source

Web Matrix

Closing Thoughts


29/36

. A G E N D A .


30/36




answer


ADO .NET


Extensible!

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Web Matrix

Legacy ASP



ADO .NET


Closing Thoughts

DataSet acts as theheart of ADO .NET

The DataSet Object ModelThe DataSet Object Model

DataSetDataSet

DataTableCollectionDataTableCollection

DataTableDataTable

DataColumnCollectionDataColumnCollection DataColumnDataColumn

DataRowCollectionDataRowCollection DataRowDataRow

DataRelationCollectionDataRelationCollection DataRelationDataRelation

ConstraintCollectionConstraintCollection ConstraintConstraint

DataTableDataTable

DataColumnDataColumn

DataRowDataRow

DataRelationDataRelation

ConstraintConstraint

. A G E N D A .


31/36




answer


Web Matrix


Extensible!

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP



ADO .NET


Closing Thoughts


Web Matrix

Lightweight (~ 1MB)

Easy to use

Free (no $$$) download

Community-oriented tool fordeveloping Web Applications withASP .NET

. A G E N D A .


32/36

Mobile Web App Designer




answer


Web Matrix


Extensible!

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP


Sites vs. Applications

ADO .NET


Closing Thoughts


Web Matrix

Web

MatrixVS

.NET

Team development Debugging

Intellisense

Windows Forms Designer

Architect Tools

Project System Control, add-in & code builder selection

FTP Host Support

Self-contained web Server

Instant Messaging Client

WYSIWYG Web Form Designer

Build and Consume Web Services

Integrated Data Designers

Feature

. A G E N D A .


33/36




answer


Web Matrix


Extensible!

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP



ADO .NET


Closing Thoughts


Web Matrix

ResourcesDownload it at www.asp.net

Guided Tour Post questions on the forums

Send feedback!

Web Matrix -lightweight but powerful

Cl i Th h. A G E N D A .


34/36




answer


Closing Thoughts


Extensible!

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

ADO .NET


Closing Thoughts


Web Matrix




Build applications for ad-hoc and effective Webreporting

Applications that work disconnected from the datasource and use XML to communicate with non-.NETsystems

General-purpose applications that take advantageof the data abstraction of ADO.NET

Take advantage of code reusability, user controls,code-behind, custom Web controls, and other time-saving techniques

Beyond the TechTALK

. A G E N D A .


35/36

Questions?Questions?

Please visitPlease visit www.www.sdcsdc..iupiup..eduedu/outreach//outreach/msnetmsnet for morefor more

informationinformation






Extensible!

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

ADO .NET


Closing Thoughts


Web Matrix




. A G E N D A .
http://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnethttp://www.sdc.iup.edu/outreach/msnet


36/36

Remaining .NET TalksRemaining .NET Talks

Using XML Web Services in .NETUsing XML Web Services in .NET

Tuesday, April 1, 2003Tuesday, April 1, 2003

7:00 P.M. Stright 327/3297:00 P.M. Stright 327/329



CGI & Server-side




Extensible!

. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

ADO .NET


Closing Thoughts


Web Matrix




Documents

Building Web Applications With