flex flash air interfaces for custom content types in drupal chris charlton
DESCRIPTION
Slides from the DrupalCamp Colorado 2008 session presented by Chris Charlton on forward thinking of Drupal interfaces with technologies like Flex, AIR, and Flash.TRANSCRIPT
![Page 1: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/1.jpg)
FLEX/FLASH/AIR INTERFACES FOR CUSTOM CONTENT TYPES IN DRUPAL
as presented by Chris Charlton
![Page 2: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/2.jpg)
N O F L U F F N O M A R K E T I N G J U S T I D E A S
![Page 3: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/3.jpg)
CHRISCHARLTON.US
I.DRUPAL.LA
Co-author, first book with Drupal & Flex.Advanced Flex Application
Development: Building Rich Media X
Co-manage LA Drupal, over 150 strong.
DrupalCampLA, also join us there Sept 16-17.
![Page 4: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/4.jpg)
// What’s possible
![Page 5: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/5.jpg)
WHAT’S THIS R.I.A. BUZZ?Rich Internet Applications (RIA)
![Page 6: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/6.jpg)
WHO DOES THIS NOW?
![Page 9: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/9.jpg)
![Page 11: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/11.jpg)
Basics first...
![Page 12: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/12.jpg)
DRUPALPHP - Free.
MySQL/Postgre - Free.CSS/XHTML/JS - Free.
Licensing - Free.Is a Framework? Yes.
http://drupal.org
![Page 13: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/13.jpg)
WE CHOSE DRUPAL FOR:
Ease.Free cost.
Vibrant community.Customization!
![Page 14: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/14.jpg)
CONTENT CREATION KIT (CCK)
Allows quick creation of custom content types.
Community module.
Drupal 5 & 6.
Used a lot... really, a lot.
http://drupal.org/project/cck
![Page 15: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/15.jpg)
CCK Interface (Drupal 5)
![Page 16: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/16.jpg)
Too many choices?
![Page 17: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/17.jpg)
CUSTOM CONTENT... TOO EASY
Make up content types with CCK:
Clients and contacts
Horde clan members
Session proposal forms
Anything!
![Page 18: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/18.jpg)
C C K P O L I C E D O N O T E X I S T.
![Page 19: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/19.jpg)
1. Define content types with CCK.
(Forms to enter, update, and delete content are made auto-magically)
2. Set permissions.
3. Create view(s) of that custom content type.
Rinse and repeat.
NORM CCK WORKFLOW
![Page 20: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/20.jpg)
Put some magic on
![Page 21: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/21.jpg)
SERVICES DRUPAL MODULE
Turns Drupal into a data gateway
Add the AMFPHP module and get Flex’n.
Drupal 5 & 6 (in dev)
http://drupal.org/project/services
![Page 22: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/22.jpg)
![Page 23: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/23.jpg)
FLEXSDK - Free.
Framework - in the SDK.Documentation - Online.
Licensing - Free.
http://adobe.com/flex
![Page 24: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/24.jpg)
Flex Builder is Adobe’s IDE.
Flex applications are programmed with ActionScript, MXML, XML, and CSS.
Flex is easy to code - I’ll me show you! (demo)
FLEX IS A FRAMEWORK
![Page 26: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/26.jpg)
MYTH: You need to install a “Flex Player.” Flex only needs Flash Player 9 or above.
MYTH: Flex costs $$$.Flex compilers, SDK, and framework are all free.
MYTH: Ajax is better.Flex is Ajax/JavaScript friendly so stop hating.
MYTH: Flex only loads XML.Flex has Binary Sockets.
FLEX MYTHS
![Page 27: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/27.jpg)
FLEX VS. FLASH
Flex is a framework, Flash is not.
Flash can use the Flex framework.
Flash is geared towards design and animation.
Flex is for programmers, programmers, programmers.
Flash components can be used in Flex projects.
![Page 28: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/28.jpg)
Computer, show me awesome-ness.
![Page 29: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/29.jpg)
FLEX + DRUPAL SCENARIOS
![Page 30: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/30.jpg)
Photo management for the rest of us.
Fields/Modules:
Image (file)
Image name (optional)
Image Field, Gallery, etc.
Sets or folders (feature)
Tags
SCENARIO: PHOTO MGMT
![Page 31: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/31.jpg)
WHAT CAN THAT LOOK LIKE?
http://www.scalenine.com/themes/darkroom/darkroom.html
![Page 32: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/32.jpg)
OR LOOK LIKE THIS...
http://fleksray.org/skins/scribble/Scribble.html
![Page 33: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/33.jpg)
OR BE PHOTOSHOP EXPRESS!
http://photoshop.com/express
![Page 34: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/34.jpg)
Public web site bug submission
Fields:
E-mail (optional)
Browser (type and version)
Operating System (and version)
Where the error/bug occurred
Send screenshot(s) of the entire Flex area
Notes or issue description
SCENARIO: REPORT-A-BUG
![Page 35: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/35.jpg)
WHAT CAN THAT LOOK LIKE?
![Page 36: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/36.jpg)
Public web site to submit web sites or Flex projects
Fields:
Company
Category/Tag(s)
URL link
Screenshot image(s)
Notes or comments
SCENARIO: SHOWCASE
![Page 38: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/38.jpg)
WE HAVEN’T SEEN NOTHING(double negative)
![Page 39: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/39.jpg)
ADOBE AIRSDK - Free.
Framework - in the SDK.Documentation - Free.
Publishing Cross Platform Desktop Software - Free.
http://adobe.com/air
![Page 40: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/40.jpg)
Flex applications make easy AIR apps.
Adobe AIR apps are programmed with/in ActionScript, JavaScript, MXML, XML, and CSS.
Make software for Windows, Mac OS X, and Linux.
ADOBE AIR
![Page 41: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/41.jpg)
Adobe AIR makes your app “Halo status”
![Page 42: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/42.jpg)
ADOBE AIR SCENARIOS
![Page 43: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/43.jpg)
Dashboard desktop app provides visual status about your Drupal sites.
Fields/Features:
Site name (optional)
URL/IP to watch
Site check frequency (seconds, minutes, hours, days)
Save/Export data and reports to PDF, PNG/JPG, or CSV for starters.
SCENARIO: SITE WATCHER
![Page 44: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/44.jpg)
WHAT CAN THAT LOOK LIKE?
http://samples.degrafa.com
![Page 45: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/45.jpg)
WHAT ABOUT FLASH?
“Flash” is a...
1. Technology
2. Platform
3. IDE/Software
4. Flash Player
Conversation:
“You do Flash?”“Yup."“Sweet.”
http://adobe.com/flash
![Page 46: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/46.jpg)
F L A S H I S G O I N G F R O M 2 D . . .
![Page 47: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/47.jpg)
T O 3 D !
![Page 48: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/48.jpg)
Don’t fear robots
![Page 49: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/49.jpg)
![Page 50: Flex Flash Air Interfaces for Custom Content Types in Drupal Chris Charlton](https://reader038.vdocuments.us/reader038/viewer/2022110306/5552f235b4c90584028b4ba2/html5/thumbnails/50.jpg)
Dream well.