Buildingwebapplicationswith.net

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 by Presentation to be given by

Microsoft RepresentativeMicrosoft Representative Food, drinks, and excellent Food, drinks, and excellent

door prizes available after door prizes available after presentationpresentation

Presentation geared towards Presentation geared towards computer and non-computer computer and non-computer majors…Tell your friends!majors…Tell 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

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 with Any language can be supported with the addition of a language specific the addition of a language specific compilercompiler

All .NET code is object orientedAll .NET code is object oriented Managed code is compiled to an Managed code is compiled to an

assembly (MSIL) by language assembly (MSIL) by language specific compilerspecific compiler

Assemblies are compiled to native Assemblies 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

AssemblyAssembly

Compilation And ExecutionCompilation And Execution

Source Source CodeCode

Language Language CompilerCompiler

CompilationCompilation

Before installation or Before installation or the first time each the first time each method is calledmethod is calledExecutionExecution

JIT JIT CompilerCompiler

NativeNative

CodeCode

CodeCode (IL)(IL)

MetadataMetadata

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 (Monash Monash

University)University) Haskell Haskell

(Utrecht University)(Utrecht University)

Current List of Language CompilersCurrent List of Language Compilers

lcc lcc (MS Research Redmond)(MS Research Redmond)

Mondrian Mondrian (Utrecht)(Utrecht)

ML ML (MS Research Cambridge)(MS Research Cambridge)

Mercury Mercury (Melbourne U.) (Melbourne U.)

Oberon Oberon (Zurich University)(Zurich University)

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

PerlPerl PythonPython Scheme Scheme

(Northwestern U.)(Northwestern U.) SmallTalkSmallTalk

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 models across languages

•Enables cross-language integration

•Factored for extensibility

•Designed for tools

Secure, integrated class libraries

•Unifies programming models across languages

•Enables cross-language integration

•Factored for extensibility

•Designed for tools

Common Language Runtime

Executes code, maintains security, handles component “plumbing” and dependencies

Common Language Runtime

Executes code, maintains security, handles component “plumbing” and dependencies

ASP.NET

High-productivity environment for building and running Web services

ASP.NET

High-productivity environment for building and running Web services

During the presentation look here for an overview of the information presented…




Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

Building Web Applications

with .NETUnleash the power of the Web!

Web Matrix

Closing Thoughts

Chris Wastchak

Student Ambassador to Microsoft

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

□ Existing Technologies

□ ASP .NET Explained

□ Inside ASP .NET

□ Overview of ADO .NET

□ Demos

Roadmap of Presentation

□ Web Matrix

□ Closing Thoughts




□ Create Dynamic Web Applications

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 based document

□ HTML is only a means to display content

□ Some Dynamic abilities, but normally a dull user experience

□ Some static content, but mostly related to web layout

□ Historically, difficult to develop

Web Matrix

Closing Thoughts





Legacy ASP

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

CGI□ Advantages□ Supported on all platforms

□ Disadvantages□ Poor performance (process per client request)

□ Application logic tightly bound to HTML/HTTP□ Difficult to develop/maintain


Web Matrix

Closing Thoughts

. 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 the server)□ Non-extensible

□ CGI & Server-side Script Hosts not the answer


Web Matrix

Closing Thoughts

□ Rendering in different browsers

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET

Sites vs Applications Existing Technologies


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 by VBScript/JavaScript and the ASP Intrinsic objects

□ Executed as one large function

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET



Legacy ASP

Network

Bro

wse

r-C

lien

t

Web Server

HTTP request(form data, HTTP

header data) Web Form

ASP page(static HTML,

server-side logic)

Legacy ASP

Web Matrix

Closing Thoughts

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

ADO .NET



Legacy ASP

Successes:□ Access to COM components

□ ADO 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 good start

Legacy ASP

Web Matrix

Closing Thoughts

. A G E N D A .



ASP .NET OverviewASP .NET DEMO

Inside ASP .NET

ADO .NET



Legacy ASP


Network

ASP.Net ISAPI DLL

Hosting the .NET Framework CLR

Web

fo

rm /

cu

sto

m

app

lica

tio

n Request and post-back form information

HTML representation of application UI

Web Server

Bro

wse

r-C

lien

t

Managed Process

ASP .NET Overview

Web Matrix

Closing Thoughts

. A G E N D A .




Inside ASP .NET

ADO .NET



Legacy ASP


New and exciting web application model

□ Built 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-side technology

□ Exposes .NET’s power to the web!

ASP .NET Overview

Web Matrix

Closing Thoughts

□ Server controls automatically generate the appropriate HTML for different browsers.

Just another fix…?

□ Evolution vs. Revolution

□ ASP.NET has been completely re-written on top of the Http Run-time

□ Simplification of Development

□ ASP.NET allows a developer to leverage existing 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



Legacy ASP

□ ASP was a good start□ Exposes .NET’s power to the web!

Web Matrix

Closing Thoughts

□ Side-by-side assemblies (XCopy)

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



ASP .NET Overview


ADO .NET



Legacy ASP


<% @Page Language="C#" Inherits="TodayPage" Src="Today.cs" %>

<html><body> <TITLE>Today</TITLE> <H1 align="center"> Today is <%OutputDay();%> </H1></body></html>

Today.aspx

Inline method call to OutputDay()

ASP .NET DEMO Sites vs Applications

Web Matrix

Closing Thoughts

. A G E N D A .



ASP .NET Overview


ADO .NET


Legacy ASP


using System;

using System.Web.UI;

public class TodayPage : Page {

protected void OutputDay() {

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

}

}

Today.cs

Defines TodayPage type□ Derived from Page

□ Typical C# type declaration

□ Includes protected method OutputDay ()

ASP .NET DEMO Sites vs Applications Existing Technologies

Web Matrix

Closing Thoughts

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NETADO .NET


Legacy ASP


Inside ASP .NET Sites vs Applications Existing Technologies

Web Matrix

Closing Thoughts

Basics of an ASP .NET page

□ ASP .NET Directives

□ <%@ Page … %>

□ <%@ Register … %>

□ <%@ OutputCache … %>

□ etc…

□ ASP .NET code□ in script blocks with the runat=“server” attribute

□ In separate files specified with the CodeBehind tag in the Page directive

□ Content, in the form of text and HTML tags

<%@ Page Language="C#" CodeBehind=“Hello.aspx.cs" <%@ Page Language="C#" CodeBehind=“Hello.aspx.cs" Inherits=“HelloApp.Hello" %>Inherits=“HelloApp.Hello" %>

<html><html>

<body><body>

<form runat="server">Name: <asp:TextBox <form runat="server">Name: <asp:TextBox id="txtName" runat="server“ id="txtName" runat="server“ OnTextChanged="SayHello" />OnTextChanged="SayHello" />

</form></form>

<asp:Label id="lblHello" runat="server" /><asp:Label id="lblHello" runat="server" />

</body></body>

</html></html>

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO



Legacy ASP



Web Matrix

Closing ThoughtsExample: Hello.aspx

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO



Legacy ASP



Button

List Box

Text Box

ASP.NET

Bro

wse

r-C

lien

t ButtonCode

TextBoxCode

ListBoxCode

Network

Object oriented programming model□ Event 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 .



ASP .NET Overview

ASP .NET DEMO



Legacy ASP



Web Matrix

Closing Thoughts

Introducing Web Forms

□ Web forms are a new way of managing web user interfaces

□ A web form consists of server controls that can be accessed programmatically

□ Web forms consist of all controls inside a form tag with a runat=“server” attribute

□ Server controls automatically retain their state across page requests

□ Web forms are event driven and allow the programmer to handle events thrown by the controls (like a button click)

□ Web forms are only the simplest facet of ASP.NET

. 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 are available!

□ Can be populated via data binding

□ OO Model, Rapid Development, Extensible!

Web Matrix

Closing Thoughts

. A G E N D A .



ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET


Legacy ASP


ADO .NET Existing Technologies


For Example:

□ E-Commerce websites (EBay!)

Virtually all interesting application require a structured, persistent data store…

□ Personalized Portals or Newsgroups

□ Even popular online email services (Yahoo!, Hotmail…)


ADO .NETWeb Matrix

Closing Thoughts





ADO .NET


Evolution of Data Access

. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

Existing TechnologiesSites vs Applications

ADO .NET

□ ODBC□ OLE DB

□ DAO RDO ADO

ADO .NET has essentially merged OLE DB, ODBC and ADO into a single layer, providing a consistent interface to work with. □ ADO .NET merges

previous techniques

Web Matrix

Closing Thoughts





ADO .NET


. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP


ADO .NET

□ ADO .NET merges previous techniques

OD

BC

Dri

ver

ODBCRDBMSO

DB

C

OLE DBRDBMS

.NET Data Provider

Connection

Command

Data Reader

Data Adapter

OL

E D

B

OL

E D

B P

rovi

der

SQL Server

Data S

ou

rce of C

ho

ice

Ap

pli

cati

on

Web Matrix

Closing Thoughts





ADO .NET


. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP


ADO .NET


4 Primary Objects□ Connection

□ Connects to data source

□ Command□ Executes SELECT, INSERT, UPDATE and DELETE commands

□ Data Reader□ Forward-only, read-only stream of data

□ Data Adapter□ Connects a DataSet to a data source

Web Matrix

Closing Thoughts





ADO .NET


. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP


ADO .NET


Anatomy of a DataSet…?□ An in-memory representation of a data source

□ Container for multiple DataTables and DataRelations

□ Serialized to XML

□ Uses the Data Adapter to connect to a database

Web Matrix

Closing Thoughts





ADO .NET


. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Web Matrix

Legacy ASP


ADO .NET


Closing Thoughts

□ DataSet acts as the heart 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





Web Matrix


. A G E N D A .

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 for developing Web Applications with ASP .NET

▫ Mobile Web App Designer ▫





Web Matrix


. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

Existing TechnologiesSites vs. Applications

ADO .NET


Closing Thoughts


Web Matrix

Web Matrix

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





Web Matrix


. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP


ADO .NET


Closing Thoughts


Web MatrixResources□ Download it at www.asp.net

□ Guided Tour□ Post questions on the forums□ Send feedback!

□ Web Matrix - lightweight but powerful





Closing Thoughts


. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

ADO .NET


Closing Thoughts


Web Matrix



□ Build applications for ad-hoc and effective Web reporting

□ Applications that work disconnected from the data source and use XML to communicate with non-.NET systems

□ General-purpose applications that take advantage of 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

Questions?Questions?

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

informationinformation






. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

ADO .NET


Closing Thoughts


Web Matrix



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






. A G E N D A .

ASP .NET Overview

ASP .NET DEMO

Inside ASP .NET

Legacy ASP

ADO .NET


Closing Thoughts


Web Matrix



Technology

Buildingwebapplicationswith.net