Flex 2 og PHP- en rask måte å bygge GUI

1

FutureSplash2

Flash (1993-2007)1996 v1: Kjøpt av Macromedia

1997 v2: Stereolyd, play, stop, getUrl

1998 v3: Begrenset interaktivitet

1999 v4: Enkelt scriptspråk, første RIA

2000 v5: Actionscript 1

2002 v6: Video, komponenter

2003 v7: Actionscript 2

2005 v8: Ny videokodek, kjøpt av Adobe

2007 v9: Actionscript 3 og ny AVM

3

Hvorfor ikke Flash?

Flash er vanskelig å forstå

Laget for animasjon, ikke kode

Nesten alt må bygges fra bunnen av, så det tar tid å bygge applikasjoner i Flash

Actionscript tar tid å lære selv om det er “enkelt”

Presset fra Microsoft og AJAX

4

Hva er Flex?

Flex framework (gratis og Open Source)

Flex SDK (gratis)

Flex Builder (NOK 4,775.- inkl mva)

Flex Data Services Express (gratis)

Flex Data Services

5

Hvordan virker Flex?

Applikasjoner skrives enten med MXML, Actionscript 3 eller en blanding

Applikasjoner styles med CSS

MXML skrives om til Actionscript av kompilatoren

Resultatet er en SWF-fil

6

Flex 2 rammeverket

7

Flex 2 klasserPrimitiverAnimasjonOvergangerEffekterHTTPServiceLocal Objects (cookies)Remote ObjectsWebservicesValidatorerog mye mer

8

Flex 2 komponenterButtonsCheckboxComboboxDatagridDatechooserDatofeltSlidereColor chooserListsImagesLabelsNumericstepper

PopupButtonPopupMenuButtonProgressbarRadiobuttonRichTextEditorSWF LoaderTextTextareaTextinputTilelistTreeviewVideodisplay

9

Flex 2 containereApplicationControlbarCanvasControlbarFormFormHeadingGridHboxHDividedBoxHRule

ModuleLoaderPanelSpacerTileTileWindowVBoxVRule

10

Flex 2 navigatorerAccordionButtonBarLinkBarMenuBarTabBarTabNavigatorToggleButtonBarViewStack

11

Flex 2 rammeverk eksempel

12

Flex 2 graphsAreaChartBarChartBubbleChartCandlestickChartColumnChartHLOCChartLineChartPieChartPlotChart

Kjøpes separat

13

Flex 2 SDK

14

Flex 2 SDK

Gratis kompilator

Finnes for Windows, OSX, RedHat, Solaris, Suse, AIX, HP-UX

Kan integreres med Open Source editorer som FlashDevelop og Eclipse

15

Flex 2 Builder

16

Flex 2 Builder

IDE basert på Eclipse

WYSIWYG layout av applikasjoner

Avanserte layout mekanismer

Code hinting og alle gode funksjoner man har i Eclipse

Massevis av komponenter

17

Flex 2eksempel: bygge GUI

18

Flex 2 og PHP

XML (get / post)

SOAP

Remoting (amfphp.org)

XML Sockets

tekst

Flex kan bygge applikasjoner som kan lese data fra alle servere som kan levere:

19

Flex 2eksempel: koble til data

20

Hvorfor Flex?

Erstatter ikke HTML

Erstatter ikke AJAX, men kompletterer

Få begrensninger

Tilgjengelig (Alle har Flash)

Åpent

Fleksibelt

21

Apollo

Bruk Flex til å lage Desktop applikasjoner

Runtime på samme måte som Flash

Ett-klikk installering av applikasjoner

Enkel måte å skrive applikasjoner

Blander Flash, HTML og PDF sømløst

Ta det beste fra forskjellige verdener

22

Apollo APIs

Complete file I/O APIComplete native windowing APIComplete native menuing APIOnline/Offline APIsData Caching and Syncing APIs - work online and offline.Complete control over application chromeLocal storage/settings APIsSystem notification APIsApplication update APIsRich drag-and-drop supportmore to come...

23

Spørsmål

24

Linker

http://www.adobe.com/flex/

http://www.flashmagazine.com

http://www.onflex.org

http://video.onflex.org

25