Open SourceOpen Source-til velsignelse og/eller -til velsignelse og/eller

forbannelse!?forbannelse!?

Bård StranheimDagli Gleder

•15 år i Hydro• 7 år i Gatsoft• 1 år i Gaiaware

bs@iktgrenland.no

IKT Grenland”Åpen, blid og skapende”

The RAD Ajax Framework For ASP.NET

• Gaia Ajax is an Open Source RAD Ajax Framework for ASP.NET that eases the development of dynamic web applications. Gaia abstracts away JavaScript and allows you to write everything in .NET managed code like C# and VB.NET.

• Gaia Ajax is available under Dual Licensing– GPL & Commercial license

Kunder

Åpenhet = risiko

• Sikkerhetsnettet = lisenser, avtaler

Tunga rett i munnMIT BSD GPL LGPL AGPL Creative

CommonsPrises X X X X X (X)

Brukes fritt (endres, inngå i kommersielle)

X1 X X2 X

Låst til samme lisens X X (X)

Kan lukkes X X X3 X

Oppgi kilde/eier X X X

Kan modifiseres X4 X4 X4 X4

X1 Ikke reklameX2 Hvis ikke-distribusjon X3 Ikke neste leddX4 Må publiseres tilbake

Åpenhet = tillit

I

• Selv åpenhet om feil og mangler!

Åpenhet = primærbehov

• ”Jag trivs besti öppnalandskap”

Åpenhet = kvalitet

• Vi vil se hvordan det er laget, ikke bare hvordan det virker

I

Åpenhet = læring

• Tør du vise fram koden din, får du gode råd

I

Åpenhet = innovasjon

• Innovasjonforutsetterat noeuventet inntreffer

• Det vil overraske deg hvem som bidrar

Takk for meg!

• og det vil ikke overraske meg om du har funnet feil og mangler i presentasjonen min. Det er jeg glad for! -hvis du vil dele dem med meg:

bs@iktgrenland.no

Skype: baard.stranheim

tel: 908 85 035

Architecture Diagram

Gaia Ajax CoreAjaxManager, Ajax Building Blocks, ResponseFilters, Attributes, State Managers

ASP.NET 2.0.NET Framework 2.0 and higher. Works in most environments including SharePoint, EpiServer, DotNetNuke, Umbraco, etc ...

AspectsDraggable, Resizable, Key,

Droppable, Hoverable

EffectsHide, Show, Move, Shake,

Appear, BlindDown

UtilsXhtmlTextWriter, TagFactory,

CssUtils

Advanced ControlsTreeView, Window, TabControl, Calendar, Accordion

Basic ControlsLabel, Linkbutton, Image, Checkbox

I

Architecture• Most controls are inherited from the built-in ASP.NET

controls, except when– The base control is poorly implemented– It doesn’t make sense to create the control

• (ie. Validators)

• Ajax is built directly into the controls• Serializes method calls to client side objects instead of

re-rendered markup. Keeping state on the client.• Advanced controls are built on top of the basic building

blocks– Dogfooding base controls increases product quality

Key Point

$G('ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_Label1').setForeColor('006400,255').setText('50');

Gaia serializes method calls to the client instead of innerHTML

Seamless integration

Advanced controls are built using the base controls

High code quality and consistencyCreate enterprise applications purely in managed code. No javascript is needed.

Compatibility

A suite of 30+ controls for ASP.NET

IGoogle Sample

VS.NET 2005 and 2008 Integration

Best practice DOM/CSS

• All extended controls are written using best practice DOM/CSS.

• Custom XhtmlTextWriter ensures 100% valid markup

TreeView DOM

TreeView CSS

Source and Documentation

• Source code included • Fully documented

Debugging• Server is extremly easy to debug directly in Visual

Studio.NET• Client can sometimes be harder to debug and firebug

is a must. – Read XHR responses and requests– DOM inspection– Javascript debugging

• What usually goes wrong?– Control not in Controlcollection– Control doesn’t have ID– ReRendering Abuse– Aspects collision

FirebugThe best client debugger available

Join the CommunityVisit http://gaiaware.net

Community | Documentation | Tutorials | Blogs | Forum | Samples

Create highly interactive Web Apps

This application was created in a few hours with less than 200 lines of code

Extending Gaia

• Inheritance– GaiaControl, GaiaWebControl

• Composition– Autocompleter, DateTimePicker, Accordion

• Container Composition– Window, ExtendedPanel

• Custom Extension w/ javascript file– Calendar, InPlaceEdit, Toolbar

Inheritance

• Inherit from any control that implements IAjaxControl

Composition

Container Composition

• Inherit from HybridPanelBase• Add composite controls to

CompositionControls collection

Custom Extensions

• Easily create custom extension controls– Attach .js files that will be dynamically included– Map Server To Client methods and viceversa– Managed XhtmlTextWriter for ensured xhtml

Include scripts and initialize control

Send properties from server to client

Calling methods from client

Familar concepts

TabControl

Window

TreeView

AutoCompleter

ASP.NET GridView Ajaxified

Toolbar/Menu

Accordion w/ExtendedPanels

Transparent Development