Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Flex 2 og PHP
- en rask måte å bygge GUI




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

1997 v2: Stereolyd, play, stop, getUrl

1998 v3: Begrenset interaktivitet
...
Hvorfor ikke Flash?
Flash er vanskelig å forstå

Laget for animasjon, ikke kode

Nesten alt må bygges fra bunnen av, så de...
Hva er Flex?

Flex framework (gratis og Open Source)

Flex SDK (gratis)

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

Flex Data Se...
Hvordan virker Flex?

Applikasjoner skrives enten med MXML,
Actionscript 3 eller en blanding

Applikasjoner styles med CSS...
Flex 2 rammeverket




                     7
Flex 2 klasser
Primitiver
Animasjon
Overganger
Effekter
HTTPService
Local Objects (cookies)
Remote Objects
Webservices
Val...
Flex 2 komponenter
Buttons          PopupButton
Checkbox         PopupMenuButton
Combobox         Progressbar
Datagrid    ...
Flex 2 containere
ApplicationControlbar   ModuleLoader
Canvas                  Panel
Controlbar              Spacer
Form  ...
Flex 2 navigatorer
Accordion
ButtonBar
LinkBar
MenuBar
TabBar
TabNavigator
ToggleButtonBar
ViewStack




                 ...
Flex 2 rammeverk eksempel




                            12
Flex 2 graphs
AreaChart           Kjøpes separat
BarChart
BubbleChart
CandlestickChart
ColumnChart
HLOCChart
LineChart
Pie...
Flex 2 SDK




             14
Flex 2 SDK

Gratis kompilator

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

Kan integreres med Open Source ...
Flex 2 Builder




                 16
Flex 2 Builder

IDE basert på Eclipse

WYSIWYG layout av applikasjoner

Avanserte layout mekanismer

Code hinting og alle ...
Flex 2
eksempel: bygge GUI



                      18
Flex 2 og PHP
Flex kan bygge applikasjoner som kan lese
data fra alle servere som kan levere:
 XML (get / post)

 SOAP

 R...
Flex 2
eksempel: koble til data



                           20
Hvorfor Flex?
Erstatter ikke HTML

Erstatter ikke AJAX, men kompletterer

Få begrensninger

Tilgjengelig (Alle har Flash)
...
Apollo
Bruk Flex til å lage Desktop applikasjoner

Runtime på samme måte som Flash

Ett-klikk installering av applikasjone...
Apollo APIs

Complete file I/O API
Complete native windowing API
Complete native menuing API
Online/Offline APIs
Data Cachin...
Spørsmål




           24
Linker


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

http://www.flashmagazine.com

http://www.onflex.org

http://video.onflex.org




        ...
Upcoming SlideShare
Loading in …5
×

Medlemsmøte i PHP Norge: Flex 2 og PHP

1,468 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Medlemsmøte i PHP Norge: Flex 2 og PHP

  1. 1. Flex 2 og PHP - en rask måte å bygge GUI 1
  2. 2. FutureSplash 2
  3. 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. 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. 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. 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. 7. Flex 2 rammeverket 7
  8. 8. Flex 2 klasser Primitiver Animasjon Overganger Effekter HTTPService Local Objects (cookies) Remote Objects Webservices Validatorer og mye mer 8
  9. 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. 10. Flex 2 containere ApplicationControlbar ModuleLoader Canvas Panel Controlbar Spacer Form Tile FormHeading TileWindow Grid VBox Hbox VRule HDividedBox HRule 10
  11. 11. Flex 2 navigatorer Accordion ButtonBar LinkBar MenuBar TabBar TabNavigator ToggleButtonBar ViewStack 11
  12. 12. Flex 2 rammeverk eksempel 12
  13. 13. Flex 2 graphs AreaChart Kjøpes separat BarChart BubbleChart CandlestickChart ColumnChart HLOCChart LineChart PieChart PlotChart 13
  14. 14. Flex 2 SDK 14
  15. 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. 16. Flex 2 Builder 16
  17. 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. 18. Flex 2 eksempel: bygge GUI 18
  19. 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. 20. Flex 2 eksempel: koble til data 20
  21. 21. Hvorfor Flex? Erstatter ikke HTML Erstatter ikke AJAX, men kompletterer Få begrensninger Tilgjengelig (Alle har Flash) Åpent Fleksibelt 21
  22. 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. 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. 24. Spørsmål 24
  25. 25. Linker http://www.adobe.com/flex/ http://www.flashmagazine.com http://www.onflex.org http://video.onflex.org 25

×