SlideShare una empresa de Scribd logo
1 de 41
Screw HTML5 make
 cool shit with AIR
      by Eric Fickes
Screw HTML5.....




 No, do not screw HTML5
Eric Fickes




Caught the bug in 1997 when I learned HTML
What’s on tap?
    • Apple
    • HTML5
    • AIR
    • Demo
Apple

•   Flash is #1 reason MACs crash
•   Flash doesn’t do touch devices
•   No one will be using Flash
•   HTML5 does video
•   The world is moving to HTML5
Flash is #1 MAC crasher?
Flash doesn’t do touch devices




  Flash does do touch, just ask Lee Brimelow
No one will be using Flash




   http://www.adobe.com/products/player_census/flashplayer/
Seems like I’ve heard this before

         "Java's not worth building in.
         Nobody uses Java anymore.
  It's this big heavyweight ball and chain."




                 - Steve Jobs 2007
HTML5 does video
HTML5 does video


•   OGG is open
•   H.264 is licensed
•   EG : Firefox doesn’t support H.264
•   hope you like mime types
The world is moving to HTML5



 •   duh, it’s the next version
 •   flash / html / lincoln logs
 •   the world doesn’t care
iControl


•   Apple wants you on their runtime ( webkit )
•   Not Flash
•   Not Java
•   But we’re cool again?
So you’re saying skip HTML5?
     no, but it depends
If you are upper management
Don’t be controlled by AppStore figures
If you manage developers
Know your problem
before committing to a tool
If you’re a developer
Learn it, don’t avoid it


• Read diveintohtml5.org
• Play with html5rocks.com
• Learn FABridge ( HTML5 + Flash )
If you WANT to develop
HTML & FLEX


•   Fire up [text editor] and make HTML
•   Download Flex SDK and try it out
    www.adobe.com/products/flex/
HTML5




back from the dead?
HTML5




it’s more like this
When can I use HTML5?

“You can use some of them now. Others might take a few
        more years to get widely implemented.”


              - http://wiki.whatwg.org/wiki/FAQ#When_will_we_be_able_to_start_using_these_new_features.3F
You probably already have it




Besides market share, there is no HTML5 police
A few new JS APIs


• Web Storage & SQL DB
• Web Workers & Notifications
• Drag & Drop
• Geolocation
A few new HTML tags

•   Semantics ( new tags, link relations, microdata )

•   Accessibility ( ARIA roles )

•   Web Forms 2.0 ( input fields )

•   Multimedia ( Audio, Video tag )

•   2D & 3D drawing ( Canvas, WebGL, SVG )


                 http://slides.html5rocks.com/#slide28
CSS gets updated too!


•   Typography

•   Visuals

•   Transitions, transforms and animations

•   Previous flash only effects now in CSS
AIR




AIR, My favorite part of the Flash platform
What is AIR?

• Adobe Integrated Runtime
• Cross-platform runtime environment
• Your web app is now a desktop app
• Make desktop software with your existing
  Flash / Flex / AJAX skills
Where is AIR?

• Desktop ( win, pc, linux )
• Mobile ( Android, iOS, WinMo7* )
• TV ( it’s coming... )
• Make desktop software with your existing
  Flash / Flex / AJAX skills
AIR - What’s new?


• flash.net.dns
• AAAARecord, ARecord, MXRecord,
  PTRRecord, ResourceRecord, SRVRecord
AIR - What’s new?


• Local microphone API Record audio locally
  on your device without the need of a server.
AIR - What’s new?

• Mass storage device detection Detect when
  mass storage devices such as cameras and
  USB flash memory drives are available to
  synchronize files such as photos, videos, mp3
  files or other files.
AIR - What’s new?

• Native document handlers to open
  document Open popular document types
  like .pdf, .psd, .doc, .ppt, and .mp3 using the
  native application associated with that file.
AIR - What’s new?
• Native process APIs Developers can now
  launch and communicate with native
  processes using the standard input, output,
  and error streams.
• Using the Native Process API, it is now
  possible to communicate with native libraries
  built using Java and .NET and also native
  applications such as "grep" for file searching.
What is cool shit?
This is pure HTML5, works “everywhere”, and it’s cool shit
DEMO - AIR

• Mr.T
• Who is this?
• USB
• Logger
• Say it
THANK YOU


• work@ericfickes.com
• @ericfickes
• http://delicious.com/ericfickes/360FlexDCLinks/

Más contenido relacionado

La actualidad más candente

Rise of the hybrids
Rise of the hybridsRise of the hybrids
Rise of the hybrids
Oron Ben Zvi
 
Open Writing ! - Collaborative Authoring on Apache’s First Open-Source Cloud ...
Open Writing ! -	Collaborative Authoring on Apache’s First Open-Source Cloud ...Open Writing ! -	Collaborative Authoring on Apache’s First Open-Source Cloud ...
Open Writing ! - Collaborative Authoring on Apache’s First Open-Source Cloud ...
Radhika Puthiyetath
 

La actualidad más candente (20)

[Rakuten TechConf2014] [C-2] Big Data for eBooks and eReaders
[Rakuten TechConf2014] [C-2] Big Data for eBooks and eReaders[Rakuten TechConf2014] [C-2] Big Data for eBooks and eReaders
[Rakuten TechConf2014] [C-2] Big Data for eBooks and eReaders
 
DevOps with elmah.io on Umbraco Cloud
DevOps with elmah.io on Umbraco CloudDevOps with elmah.io on Umbraco Cloud
DevOps with elmah.io on Umbraco Cloud
 
CrossWorlds: Unleash the Power of Domino for Connections Development
CrossWorlds: Unleash the Power of Domino for Connections Development CrossWorlds: Unleash the Power of Domino for Connections Development
CrossWorlds: Unleash the Power of Domino for Connections Development
 
HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SK
HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SKHTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SK
HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SK
 
eMusic: WordPress in the Enterprise
eMusic: WordPress in the EnterpriseeMusic: WordPress in the Enterprise
eMusic: WordPress in the Enterprise
 
Cross-Platform Desktop Apps with Electron (JSConf UY)
Cross-Platform Desktop Apps with Electron (JSConf UY)Cross-Platform Desktop Apps with Electron (JSConf UY)
Cross-Platform Desktop Apps with Electron (JSConf UY)
 
Ask the XPages Experts
Ask the XPages ExpertsAsk the XPages Experts
Ask the XPages Experts
 
Rise of the hybrids
Rise of the hybridsRise of the hybrids
Rise of the hybrids
 
Saving Time By Testing With Jest
Saving Time By Testing With JestSaving Time By Testing With Jest
Saving Time By Testing With Jest
 
WordPress: Getting Under the Hood
WordPress: Getting Under the HoodWordPress: Getting Under the Hood
WordPress: Getting Under the Hood
 
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript FrameworksBuilding Enterprise Grade Front-End Applications with JavaScript Frameworks
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
 
Cool Tools
Cool ToolsCool Tools
Cool Tools
 
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
DownTheRabbitHole.js – How to Stay Sane in an Insane EcosystemDownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
DownTheRabbitHole.js – How to Stay Sane in an Insane Ecosystem
 
Iconus 2016
Iconus 2016Iconus 2016
Iconus 2016
 
The New JavaScript: ES6
The New JavaScript: ES6The New JavaScript: ES6
The New JavaScript: ES6
 
Open Writing ! - Collaborative Authoring on Apache’s First Open-Source Cloud ...
Open Writing ! -	Collaborative Authoring on Apache’s First Open-Source Cloud ...Open Writing ! -	Collaborative Authoring on Apache’s First Open-Source Cloud ...
Open Writing ! - Collaborative Authoring on Apache’s First Open-Source Cloud ...
 
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)
 
Migrate PHP E-Commerce Site to Go
Migrate PHP E-Commerce Site to GoMigrate PHP E-Commerce Site to Go
Migrate PHP E-Commerce Site to Go
 
Untangling fall2017 week1
Untangling fall2017 week1Untangling fall2017 week1
Untangling fall2017 week1
 
Lecture1
Lecture1Lecture1
Lecture1
 

Similar a Screw HTML5, make cool shit with AIR

Adobe Flash - Past, Present and Future
Adobe Flash - Past, Present and FutureAdobe Flash - Past, Present and Future
Adobe Flash - Past, Present and Future
Iain Lobb
 
Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)
Joseph Lewis
 
Adobe and the Flash Gaming Landscape
Adobe and the Flash Gaming LandscapeAdobe and the Flash Gaming Landscape
Adobe and the Flash Gaming Landscape
Joseph Labrecque
 

Similar a Screw HTML5, make cool shit with AIR (20)

HTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerfulHTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerful
 
Html5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile ApplicationsHtml5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile Applications
 
Doug McCune - Using Open Source Flex and ActionScript Projects
Doug McCune - Using Open Source Flex and ActionScript ProjectsDoug McCune - Using Open Source Flex and ActionScript Projects
Doug McCune - Using Open Source Flex and ActionScript Projects
 
Adobe Flash - Past, Present and Future
Adobe Flash - Past, Present and FutureAdobe Flash - Past, Present and Future
Adobe Flash - Past, Present and Future
 
Apache Flex and the imperfect Web
Apache Flex and the imperfect WebApache Flex and the imperfect Web
Apache Flex and the imperfect Web
 
Web development post io2016
Web development post io2016Web development post io2016
Web development post io2016
 
Goodbye Flash, Hello OpenFL: Next Generation Cross-Platform Game Development
Goodbye Flash, Hello OpenFL: Next Generation Cross-Platform Game Development Goodbye Flash, Hello OpenFL: Next Generation Cross-Platform Game Development
Goodbye Flash, Hello OpenFL: Next Generation Cross-Platform Game Development
 
Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)
 
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
What’s Going On with the Adobe® Flash® Platform and why it is still Relevant ...
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
HTML 5
HTML 5HTML 5
HTML 5
 
Html5
Html5Html5
Html5
 
Adobe and the Flash Gaming Landscape
Adobe and the Flash Gaming LandscapeAdobe and the Flash Gaming Landscape
Adobe and the Flash Gaming Landscape
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Platform Selection
Platform SelectionPlatform Selection
Platform Selection
 
AN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEXAN INTRODUCTION TO APACHE FLEX
AN INTRODUCTION TO APACHE FLEX
 
PHP Frameworks Review - Mar 19 2015
PHP Frameworks Review - Mar 19 2015PHP Frameworks Review - Mar 19 2015
PHP Frameworks Review - Mar 19 2015
 
Echo HTML5
Echo HTML5Echo HTML5
Echo HTML5
 
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
 
Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 min
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Último (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 

Screw HTML5, make cool shit with AIR

  • 1. Screw HTML5 make cool shit with AIR by Eric Fickes
  • 2. Screw HTML5..... No, do not screw HTML5
  • 3. Eric Fickes Caught the bug in 1997 when I learned HTML
  • 4. What’s on tap? • Apple • HTML5 • AIR • Demo
  • 5. Apple • Flash is #1 reason MACs crash • Flash doesn’t do touch devices • No one will be using Flash • HTML5 does video • The world is moving to HTML5
  • 6. Flash is #1 MAC crasher?
  • 7. Flash doesn’t do touch devices Flash does do touch, just ask Lee Brimelow
  • 8. No one will be using Flash http://www.adobe.com/products/player_census/flashplayer/
  • 9. Seems like I’ve heard this before "Java's not worth building in. Nobody uses Java anymore. It's this big heavyweight ball and chain." - Steve Jobs 2007
  • 11. HTML5 does video • OGG is open • H.264 is licensed • EG : Firefox doesn’t support H.264 • hope you like mime types
  • 12. The world is moving to HTML5 • duh, it’s the next version • flash / html / lincoln logs • the world doesn’t care
  • 13. iControl • Apple wants you on their runtime ( webkit ) • Not Flash • Not Java • But we’re cool again?
  • 14. So you’re saying skip HTML5? no, but it depends
  • 15. If you are upper management
  • 16. Don’t be controlled by AppStore figures
  • 17. If you manage developers
  • 18. Know your problem before committing to a tool
  • 19. If you’re a developer
  • 20. Learn it, don’t avoid it • Read diveintohtml5.org • Play with html5rocks.com • Learn FABridge ( HTML5 + Flash )
  • 21. If you WANT to develop
  • 22. HTML & FLEX • Fire up [text editor] and make HTML • Download Flex SDK and try it out www.adobe.com/products/flex/
  • 25. When can I use HTML5? “You can use some of them now. Others might take a few more years to get widely implemented.” - http://wiki.whatwg.org/wiki/FAQ#When_will_we_be_able_to_start_using_these_new_features.3F
  • 26. You probably already have it Besides market share, there is no HTML5 police
  • 27. A few new JS APIs • Web Storage & SQL DB • Web Workers & Notifications • Drag & Drop • Geolocation
  • 28. A few new HTML tags • Semantics ( new tags, link relations, microdata ) • Accessibility ( ARIA roles ) • Web Forms 2.0 ( input fields ) • Multimedia ( Audio, Video tag ) • 2D & 3D drawing ( Canvas, WebGL, SVG ) http://slides.html5rocks.com/#slide28
  • 29. CSS gets updated too! • Typography • Visuals • Transitions, transforms and animations • Previous flash only effects now in CSS
  • 30. AIR AIR, My favorite part of the Flash platform
  • 31. What is AIR? • Adobe Integrated Runtime • Cross-platform runtime environment • Your web app is now a desktop app • Make desktop software with your existing Flash / Flex / AJAX skills
  • 32. Where is AIR? • Desktop ( win, pc, linux ) • Mobile ( Android, iOS, WinMo7* ) • TV ( it’s coming... ) • Make desktop software with your existing Flash / Flex / AJAX skills
  • 33. AIR - What’s new? • flash.net.dns • AAAARecord, ARecord, MXRecord, PTRRecord, ResourceRecord, SRVRecord
  • 34. AIR - What’s new? • Local microphone API Record audio locally on your device without the need of a server.
  • 35. AIR - What’s new? • Mass storage device detection Detect when mass storage devices such as cameras and USB flash memory drives are available to synchronize files such as photos, videos, mp3 files or other files.
  • 36. AIR - What’s new? • Native document handlers to open document Open popular document types like .pdf, .psd, .doc, .ppt, and .mp3 using the native application associated with that file.
  • 37. AIR - What’s new? • Native process APIs Developers can now launch and communicate with native processes using the standard input, output, and error streams. • Using the Native Process API, it is now possible to communicate with native libraries built using Java and .NET and also native applications such as "grep" for file searching.
  • 38. What is cool shit?
  • 39. This is pure HTML5, works “everywhere”, and it’s cool shit
  • 40. DEMO - AIR • Mr.T • Who is this? • USB • Logger • Say it
  • 41. THANK YOU • work@ericfickes.com • @ericfickes • http://delicious.com/ericfickes/360FlexDCLinks/

Notas del editor