Jens Brynhildsen ga en god innføring og oppdatering på hvordan Adobe's nye komponentbaserte rammeverk Flex 2 fungerer.

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

2. FutureSplash
2

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

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

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

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

7. Flex 2 rammeverket
7

8. Flex 2 klasser
Primitiver
Animasjon
Overganger
Effekter
HTTPService
Local Objects (cookies)
Remote Objects
Webservices
Validatorer
og mye mer
8

9. Flex 2 komponenter
Buttons PopupButton
Checkbox PopupMenuButton
Combobox Progressbar
Datagrid Radiobutton
Datechooser RichTextEditor
Datofelt SWF Loader
Slidere Text
Color chooser Textarea
Lists Textinput
Images Tilelist
Labels Treeview
Numericstepper Videodisplay
9

10. Flex 2 containere
ApplicationControlbar ModuleLoader
Canvas Panel
Controlbar Spacer
Form Tile
FormHeading TileWindow
Grid VBox
Hbox VRule
HDividedBox
HRule
10

11. Flex 2 navigatorer
Accordion
ButtonBar
LinkBar
MenuBar
TabBar
TabNavigator
ToggleButtonBar
ViewStack
11

12. Flex 2 rammeverk eksempel
12

13. Flex 2 graphs
AreaChart Kjøpes separat
BarChart
BubbleChart
CandlestickChart
ColumnChart
HLOCChart
LineChart
PieChart
PlotChart
13

14. Flex 2 SDK
14

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

16. Flex 2 Builder
16

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

18. Flex 2
eksempel: bygge GUI
18

19. Flex 2 og PHP
Flex kan bygge applikasjoner som kan lese
data fra alle servere som kan levere:
XML (get / post)
SOAP
Remoting (amfphp.org)
XML Sockets
tekst
19

20. Flex 2
eksempel: koble til data
20

21. Hvorfor Flex?
Erstatter ikke HTML
Erstatter ikke AJAX, men kompletterer
Få begrensninger
Tilgjengelig (Alle har Flash)
Åpent
Fleksibelt
21

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

23. Apollo APIs
Complete file I/O API
Complete native windowing API
Complete native menuing API
Online/Offline APIs
Data Caching and Syncing APIs - work online and offline.
Complete control over application chrome
Local storage/settings APIs
System notification APIs
Application update APIs
Rich drag-and-drop support
more to come...
23

24. Spørsmål
24

25. Linker
http://www.adobe.com/flex/
http://www.flashmagazine.com
http://www.onflex.org
http://video.onflex.org
25