SlideShare a Scribd company logo
1 of 169
Download to read offline
Nick@sealworks.com
          Twitter.com/NickFloro




 HTML5
   Designing & Developing mLearning Using




         Playing the mobile game?   ibooks   html5   hidesign   mobilefn
Tuesday, June 19, 2012
1.6 billion Internet users




Tuesday, June 19, 2012
1.5 billion TV’s




Tuesday, June 19, 2012
4.2 billion Mobile Phones




Tuesday, June 19, 2012
3.5 billion Tooth Brushes




Tuesday, June 19, 2012
The Web Platform is Accelerating




Tuesday, June 19, 2012
Solving Developer Challenges




     Graphics            Location   Storage   Speed




Tuesday, June 19, 2012
What can we do with


   HTML5
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
•   form factor
                         •   network latency
                         •   input mechanism
                         •   memory
                         •   computational power
                         •   battery
                         •   context




Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
The mobile environment
                         single early failure = non-returning user




Tuesday, June 19, 2012
The mobile environment
                         crucial first 30-60 seconds usage




Tuesday, June 19, 2012
The mobile environment
               Fewer options




Tuesday, June 19, 2012
Tuesday, June 19, 2012
App

Tuesday, June 19, 2012
The Web Platform
Tuesday, June 19, 2012
Web           App

Tuesday, June 19, 2012
Web App

Tuesday, June 19, 2012
Web App

              HTML        Javascript   CSS   API’s



Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Pulse for Mobile
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
SEMANTICS                                          DEVICE ACCESS




           CSS3                                            MULTIMEDIA




     CONNECTIVITY        PERFORMANCE &   3D, GRAPHICS   OFFLINE & STORAGE
                           INTEGRATION    & EFFECTS




Tuesday, June 19, 2012
HTML5 = JS + CSS3



Tuesday, June 19, 2012
Create once and deliver everywhere...




Tuesday, June 19, 2012
Next Generation Mobile Using Webkit




          Android        iOS   Windows Phone




                                       RIM Blackberry

Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Which browser’s support HTML 5?




              Chrome     Safari   Firefox   Opera




Tuesday, June 19, 2012
Which browser’s support HTML 5?




              Chrome     Safari       Firefox         Opera




                                               BETA
                         Internet Explorer 9
Tuesday, June 19, 2012
HTML 5
in the works...




Tuesday, June 19, 2012
Advanced
  Core Language


Tuesday, June 19, 2012
Tuesday, June 19, 2012
HTML 4




Tuesday, June 19, 2012
HTML 5 - Introduces New Elements




Tuesday, June 19, 2012
Improve Web Apps



Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Flow chart




    Compatibility
Tuesday, June 19, 2012
Flow chart

    Replaces:
    XHTML 1.0 & Dom2html
    with new



                         API’s
Tuesday, June 19, 2012
Improve
  Handling of Errors


Tuesday, June 19, 2012
Tuesday, June 19, 2012
Focus on the


                  Audience
Tuesday, June 19, 2012
Google Analytics
Tuesday, June 19, 2012
Google Analytics
Tuesday, June 19, 2012
Drawing on the Web




                         Flash




Tuesday, June 19, 2012
Canvas
                          & SVG


Tuesday, June 19, 2012
Tuesday, June 19, 2012
Scalable Vector Graphics | SVG




Tuesday, June 19, 2012
Vector Graphics Scale & Look Great!




Tuesday, June 19, 2012
Tuesday, June 19, 2012
Demo’s

            • Mozilla Download Center (FF)

            • First Person Gifter (FF)

            • Population Demo (FF)

            • German Election Atlas (Safari)



Tuesday, June 19, 2012
When Canvas or SVG?


    SVG -> High level         Canvas -> Low level
       •   Import/Export       •   No mouse interaction
       •   Easy UIs            •   High Animation
       •   Interactive         •   JS Centric
       •   Medium Animation    •   More Bookkeeping
       •   Tree of objects     •   Pixels




Tuesday, June 19, 2012
HTML 5 Support


         canvas / svg
                           £   £   £   £
                   video


          geolocation


            app cache


             database


               workers



Tuesday, June 19, 2012
Quake II - Browser Only




Tuesday, June 19, 2012
Quake II - Browser Only




Tuesday, June 19, 2012
Quake II - Browser Only


                           WebGL 3D graphics

         HTML 5 Canvas
                              HTML 5 Audio
             HTML 5 Web Sockets
                         HTML 5 Local Storage

Tuesday, June 19, 2012
Video


Tuesday, June 19, 2012
The Production Process
        Capture to delivery and beyond




      Video / Audio Assets   Compression   Authoring   Delivery




Tuesday, June 19, 2012
Standards Are Everywhere
                                NTSC/
             RedBook FM   MPEG-2 PAL AC-3   DV   JPEG




         MPEG-
            1/
         MPEG-
         4 audio




Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Video Compression
       HTML 5 Options




        Flash            H264 | MPEG 4       WebM
                                             Ogg Theora
        H264             Apple | Microsoft   Google
        Adobe



Tuesday, June 19, 2012
Guidelines for Compression
       Tips & Hints
       •   Video
            – Frame Rate: 15 fps
            – Data Rate Target 800-1200 kbs



       •   Audio
            –   16bit / 22khz / Mono / 64 kbs


       •   Delivery
            –   Flash: H264
            –   HTML5: H264




Tuesday, June 19, 2012
www.longtailvideo.com
Tuesday, June 19, 2012
Easy Access to Video
        Flip $100 to $200




Tuesday, June 19, 2012
Smart Phones




Tuesday, June 19, 2012
Tuesday, June 19, 2012
brightcove.com
Tuesday, June 19, 2012
HTML 5 Support


         canvas / svg
                           £   £   £   £
                   video
                           £   £   £   £
          geolocation


            app cache


             database


               workers



Tuesday, June 19, 2012
geolocation


Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
// the geolocation api
   brings browser based
   location to your apps



Tuesday, June 19, 2012
O

                                   C
                         A

                R
                                   T
                         P       www.seeknspell.com
Tuesday, June 19, 2012
HTML 5 Support


         canvas / svg
                           £   £   £        £
                   video
                           £   £   £        £
          geolocation
                           £   £   £
                                      iPhone   £
            app cache


             database


               workers



Tuesday, June 19, 2012
app cache
   & database

Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
HTML 5 Support


         canvas / svg
                           £   £   £        £
                   video
                           £   £   £        £
          geolocation
                           £   £   £
                                      iPhone   £
            app cache
                           £   £   £        £
                                                mobile


             database
                           £   £   £        £
                                                mobile


               workers



Tuesday, June 19, 2012
Tuesday, June 19, 2012
                         web workers
HTML 5
                         More Power


Tuesday, June 19, 2012
// web workers defines
     an API for running
     background scripts



Tuesday, June 19, 2012
Demo’s




                   Bad Primes (FF 3.5)

                   Good Primes (FF 3.5)

                   Motion Tracker (FF)



Tuesday, June 19, 2012
HTML 5 Support


         canvas / svg
                           £   £   £       £
                   video
                           £   £   £       £
          geolocation
                           £   £   £
                                     iPhone   £
            app cache
                           £   £   £       £
                                               mobile


             database
                           £   £   £       £
                                               mobile


               workers
                           £   £   £       £
Tuesday, June 19, 2012
CSS 3 Forms
                         JavaScript
      Effects/Transitions
Tuesday, June 19, 2012
Test for Usability

        Test on Windows 7, Vista, XP
                  • Internet Explorer 6, 7, 8, 9
                  • Firefox 3.5, 3.6, 4.0 +
                  • Opera 10


         Test on OS X
                  − Safari 4
                  − Firefox 3.5, 3.6, 4.0 +
                  − Opera 10



         Test Mobile
                  − iOS
                  − Android 2.x-4.x
                  − Blackberry, Windows 7 Phone


Tuesday, June 19, 2012
How should we


                   Design?
Tuesday, June 19, 2012
Focus on the


                  Audience
Tuesday, June 19, 2012
                               1
Content
2
                         is the key




Tuesday, June 19, 2012
Transparent
                         3
            Interface
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Keep it Simple




Tuesday, June 19, 2012
Tuesday, June 19, 2012
Design: Keep it Simple




Tuesday, June 19, 2012
How do we start?



Tuesday, June 19, 2012
Sketches




Tuesday, June 19, 2012
Wireframes




Tuesday, June 19, 2012
www.balsamiq.com
Tuesday, June 19, 2012
Sketchy & iMockUps
Tuesday, June 19, 2012
http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/
Tuesday, June 19, 2012
www.uistencils.com
Tuesday, June 19, 2012
Wireframes




Tuesday, June 19, 2012
Design
                         • Focus on audience

                         • Content is key

                         • Transparent interface




Tuesday, June 19, 2012
Tuesday, June 19, 2012
Text
Tuesday, June 19, 2012
1. Create Text
                         2. Make a selection
                         3. Invert select
                         4. Save alpha channel




    Text
                         5. Deselect
                         6. Load Alpha Channel
                         7. Load Color
                         8. Offset
                         9. Apply Blur
                         10. Reposition
                         11. Save
                         12. If the copy changed, star
                            over



Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Design for Flexibility




Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Pixels & Aspect Ratio
  Selecting a Size                  Android Xoom
                                    1280 x 720

                                             HTC Incredible
        iPad                                 800 x 480
        1024 x 768


                         iPhone 4
                         960 x                         Droid
                                                       854 x 480
                                    iPhone
                                    480 x 320



Tuesday, June 19, 2012
Resources

Tuesday, June 19, 2012
html5rocks.com
Tuesday, June 19, 2012
lynda.com
Tuesday, June 19, 2012
http://www.caniuse.com/
Tuesday, June 19, 2012
Tuesday, June 19, 2012
tumultco.com
Tuesday, June 19, 2012
animatable.com
Tuesday, June 19, 2012
html5demos.com
Tuesday, June 19, 2012
www.sencha.com
Tuesday, June 19, 2012
www.css3.info
Tuesday, June 19, 2012
www.uxmag.com
Tuesday, June 19, 2012
typekit.com
Tuesday, June 19, 2012
CSS3 for Web Designers
     Dan Cederholm | A Book Apart




                                    aBookApart.com
Tuesday, June 19, 2012
RESPONSIVE WEB DESIGN
     ETHAN MARCOTTE | A Book Apart




                                     aBookApart.com
Tuesday, June 19, 2012
HTML5 for Web Designers
     JEREMY KEITH | A Book Apart




                                   aBookApart.com
Tuesday, June 19, 2012
Go Play, Experiment, Dream




                         Apple
                          iOS
Tuesday, June 19, 2012
Search Flickr.com for iPad UI
Tuesday, June 19, 2012
www.smashingmagazine.com
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Explore

                                           Pictures

                         Blog

                                                                     Video




                                                                             Audio




                          Micro-blogging                              3D Models




                                                                      ePortfolios




                                                          Course Management System




                                           Multiplayer Environment




Tuesday, June 19, 2012
Capture & Analyze
Tuesday, June 19, 2012
Using CoverFlow view and Preview of Graphics
Tuesday, June 19, 2012
Design Scrapbook: iPhoto | LittleSnapper
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Tuesday, June 19, 2012
Thank You

                         Nick Floro
                         sealworks.com
                         nick@sealworks.com

                         twitter.com/NickFloro



                         Download the Presentation at:
                         http://www.slideshare.net/nickfloro




Tuesday, June 19, 2012

More Related Content

Similar to Designing & Developing mLearning using HTML5 #mlearncon

Introducing Immutant
Introducing Immutant Introducing Immutant
Introducing Immutant Jim Crossley
 
Declare independence from your it department sysadmin skills for symfony dev...
Declare independence from your it department  sysadmin skills for symfony dev...Declare independence from your it department  sysadmin skills for symfony dev...
Declare independence from your it department sysadmin skills for symfony dev...Pablo Godel
 
Android最新技術動向(2012.2)
Android最新技術動向(2012.2)Android最新技術動向(2012.2)
Android最新技術動向(2012.2)Makoto Anjo
 
Data viz as interface #ignitelondon7
Data viz as interface #ignitelondon7Data viz as interface #ignitelondon7
Data viz as interface #ignitelondon7Makoto Inoue
 
Symfony2 and MongoDB
Symfony2 and MongoDBSymfony2 and MongoDB
Symfony2 and MongoDBPablo Godel
 
HTML5 and the Open Web Platform
HTML5 and the Open Web PlatformHTML5 and the Open Web Platform
HTML5 and the Open Web PlatformBeat Signer
 
Pi meets arduino
Pi meets arduinoPi meets arduino
Pi meets arduinosrmonk
 
Cloud4all Architecture Overview
Cloud4all Architecture OverviewCloud4all Architecture Overview
Cloud4all Architecture Overviewicchp2012
 
CodeCamp Iasi 10 march 2012 - Infrastructure as code
CodeCamp Iasi 10 march 2012 - Infrastructure as codeCodeCamp Iasi 10 march 2012 - Infrastructure as code
CodeCamp Iasi 10 march 2012 - Infrastructure as codeCodecamp Romania
 
Rapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.jsRapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.jsJesse Cravens
 
Demoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavorDemoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavorTristan Nitot
 
HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?Chris Mills
 
IT od kuchni w Misys
IT od kuchni w MisysIT od kuchni w Misys
IT od kuchni w Misys3camp
 
Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012Ryan Stewart
 
Developer Tools State of the Union
Developer Tools State of the UnionDeveloper Tools State of the Union
Developer Tools State of the UnionAtlassian
 
PhoneGap: Building Mobile Applications with HTML/JS
PhoneGap: Building Mobile Applications with HTML/JSPhoneGap: Building Mobile Applications with HTML/JS
PhoneGap: Building Mobile Applications with HTML/JSRyan Stewart
 
HTML5 Pearson preso
HTML5 Pearson presoHTML5 Pearson preso
HTML5 Pearson presoChris Mills
 
Austin agile conf 2012 infrastructure automation-gmiranda
Austin agile conf 2012 infrastructure automation-gmirandaAustin agile conf 2012 infrastructure automation-gmiranda
Austin agile conf 2012 infrastructure automation-gmirandaGeorge Miranda
 

Similar to Designing & Developing mLearning using HTML5 #mlearncon (20)

Introducing Immutant
Introducing Immutant Introducing Immutant
Introducing Immutant
 
Declare independence from your it department sysadmin skills for symfony dev...
Declare independence from your it department  sysadmin skills for symfony dev...Declare independence from your it department  sysadmin skills for symfony dev...
Declare independence from your it department sysadmin skills for symfony dev...
 
Android最新技術動向(2012.2)
Android最新技術動向(2012.2)Android最新技術動向(2012.2)
Android最新技術動向(2012.2)
 
Data viz as interface #ignitelondon7
Data viz as interface #ignitelondon7Data viz as interface #ignitelondon7
Data viz as interface #ignitelondon7
 
Symfony2 and MongoDB
Symfony2 and MongoDBSymfony2 and MongoDB
Symfony2 and MongoDB
 
HTML5 and the Open Web Platform
HTML5 and the Open Web PlatformHTML5 and the Open Web Platform
HTML5 and the Open Web Platform
 
Bggd Cafe N 2009
Bggd   Cafe N 2009Bggd   Cafe N 2009
Bggd Cafe N 2009
 
Pi meets arduino
Pi meets arduinoPi meets arduino
Pi meets arduino
 
Cloud4all Architecture Overview
Cloud4all Architecture OverviewCloud4all Architecture Overview
Cloud4all Architecture Overview
 
CodeCamp Iasi 10 march 2012 - Infrastructure as code
CodeCamp Iasi 10 march 2012 - Infrastructure as codeCodeCamp Iasi 10 march 2012 - Infrastructure as code
CodeCamp Iasi 10 march 2012 - Infrastructure as code
 
QCON SP 2012
QCON SP 2012QCON SP 2012
QCON SP 2012
 
Rapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.jsRapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.js
 
Demoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavorDemoscene, now available in JavaScript flavor
Demoscene, now available in JavaScript flavor
 
HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?
 
IT od kuchni w Misys
IT od kuchni w MisysIT od kuchni w Misys
IT od kuchni w Misys
 
Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012Developing with Phonegap - Adobe Refresh 2012
Developing with Phonegap - Adobe Refresh 2012
 
Developer Tools State of the Union
Developer Tools State of the UnionDeveloper Tools State of the Union
Developer Tools State of the Union
 
PhoneGap: Building Mobile Applications with HTML/JS
PhoneGap: Building Mobile Applications with HTML/JSPhoneGap: Building Mobile Applications with HTML/JS
PhoneGap: Building Mobile Applications with HTML/JS
 
HTML5 Pearson preso
HTML5 Pearson presoHTML5 Pearson preso
HTML5 Pearson preso
 
Austin agile conf 2012 infrastructure automation-gmiranda
Austin agile conf 2012 infrastructure automation-gmirandaAustin agile conf 2012 infrastructure automation-gmiranda
Austin agile conf 2012 infrastructure automation-gmiranda
 

More from Nick Floro

Using your Mobile Device to Create Amazing Things!
Using your Mobile Device to Create Amazing Things!Using your Mobile Device to Create Amazing Things!
Using your Mobile Device to Create Amazing Things!Nick Floro
 
Using Your Mobile Device to Create Amazing Content #DevLearn 2019
Using Your Mobile Device to Create Amazing Content #DevLearn 2019Using Your Mobile Device to Create Amazing Content #DevLearn 2019
Using Your Mobile Device to Create Amazing Content #DevLearn 2019Nick Floro
 
Trends in Learning Today: Where Should I Focus? #DevLearn 2019
Trends in Learning Today: Where Should I Focus? #DevLearn 2019Trends in Learning Today: Where Should I Focus? #DevLearn 2019
Trends in Learning Today: Where Should I Focus? #DevLearn 2019Nick Floro
 
Trends in Designing Learning Experiences #ATD2019
Trends in Designing Learning Experiences #ATD2019Trends in Designing Learning Experiences #ATD2019
Trends in Designing Learning Experiences #ATD2019Nick Floro
 
Learning Trends #LSCON 2019
Learning Trends #LSCON 2019Learning Trends #LSCON 2019
Learning Trends #LSCON 2019Nick Floro
 
022419 Leveling Up Your Design Skills with Fundamentals #TRGConf
022419 Leveling Up Your Design Skills with Fundamentals #TRGConf022419 Leveling Up Your Design Skills with Fundamentals #TRGConf
022419 Leveling Up Your Design Skills with Fundamentals #TRGConfNick Floro
 
A Guide to Designing and Launching Amazing Learning Experiences ATDTK19
 A Guide to Designing and Launching Amazing Learning Experiences   ATDTK19 A Guide to Designing and Launching Amazing Learning Experiences   ATDTK19
A Guide to Designing and Launching Amazing Learning Experiences ATDTK19Nick Floro
 
Using Your Mobile Device to Create Amazing Content ATDTK19
Using Your Mobile Device to Create Amazing Content ATDTK19Using Your Mobile Device to Create Amazing Content ATDTK19
Using Your Mobile Device to Create Amazing Content ATDTK19Nick Floro
 
Future of Learning: Where Should I Focus Today #DevLearn17
Future of Learning: Where Should I Focus Today #DevLearn17Future of Learning: Where Should I Focus Today #DevLearn17
Future of Learning: Where Should I Focus Today #DevLearn17Nick Floro
 
Using Prototyping to Revolutionize Your Dev Process DevLearn17
Using Prototyping to Revolutionize Your Dev Process  DevLearn17Using Prototyping to Revolutionize Your Dev Process  DevLearn17
Using Prototyping to Revolutionize Your Dev Process DevLearn17Nick Floro
 
Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17
Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17
Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17Nick Floro
 
DevLearn17 Getting Started with 360 Realities AR | VR | MR
DevLearn17 Getting Started with 360 Realities AR | VR | MRDevLearn17 Getting Started with 360 Realities AR | VR | MR
DevLearn17 Getting Started with 360 Realities AR | VR | MRNick Floro
 
OLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam Session
OLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam SessionOLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam Session
OLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam SessionNick Floro
 
eLEARNING EXPERIENCE DESIGN: Turning Ideas into Reality
eLEARNING EXPERIENCE DESIGN: Turning Ideas into RealityeLEARNING EXPERIENCE DESIGN: Turning Ideas into Reality
eLEARNING EXPERIENCE DESIGN: Turning Ideas into RealityNick Floro
 
Using YOUR MOBILE Device to CREATE Learning
Using YOUR MOBILE Device to CREATE LearningUsing YOUR MOBILE Device to CREATE Learning
Using YOUR MOBILE Device to CREATE LearningNick Floro
 
Turn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback LoopsTurn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback LoopsNick Floro
 
Design, Create & Explore Learning with Your Mobile Devices
Design, Create & Explore Learning with Your Mobile DevicesDesign, Create & Explore Learning with Your Mobile Devices
Design, Create & Explore Learning with Your Mobile DevicesNick Floro
 
Compressing Audio and Video for Desktop and Mobile Delivery
Compressing Audio and Video for Desktop and Mobile DeliveryCompressing Audio and Video for Desktop and Mobile Delivery
Compressing Audio and Video for Desktop and Mobile DeliveryNick Floro
 
Launching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to LaunchLaunching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to LaunchNick Floro
 
Location based Learning for a Mobile World | Adobe Learning Summit #DevLearn
Location based Learning for a Mobile World | Adobe Learning Summit #DevLearnLocation based Learning for a Mobile World | Adobe Learning Summit #DevLearn
Location based Learning for a Mobile World | Adobe Learning Summit #DevLearnNick Floro
 

More from Nick Floro (20)

Using your Mobile Device to Create Amazing Things!
Using your Mobile Device to Create Amazing Things!Using your Mobile Device to Create Amazing Things!
Using your Mobile Device to Create Amazing Things!
 
Using Your Mobile Device to Create Amazing Content #DevLearn 2019
Using Your Mobile Device to Create Amazing Content #DevLearn 2019Using Your Mobile Device to Create Amazing Content #DevLearn 2019
Using Your Mobile Device to Create Amazing Content #DevLearn 2019
 
Trends in Learning Today: Where Should I Focus? #DevLearn 2019
Trends in Learning Today: Where Should I Focus? #DevLearn 2019Trends in Learning Today: Where Should I Focus? #DevLearn 2019
Trends in Learning Today: Where Should I Focus? #DevLearn 2019
 
Trends in Designing Learning Experiences #ATD2019
Trends in Designing Learning Experiences #ATD2019Trends in Designing Learning Experiences #ATD2019
Trends in Designing Learning Experiences #ATD2019
 
Learning Trends #LSCON 2019
Learning Trends #LSCON 2019Learning Trends #LSCON 2019
Learning Trends #LSCON 2019
 
022419 Leveling Up Your Design Skills with Fundamentals #TRGConf
022419 Leveling Up Your Design Skills with Fundamentals #TRGConf022419 Leveling Up Your Design Skills with Fundamentals #TRGConf
022419 Leveling Up Your Design Skills with Fundamentals #TRGConf
 
A Guide to Designing and Launching Amazing Learning Experiences ATDTK19
 A Guide to Designing and Launching Amazing Learning Experiences   ATDTK19 A Guide to Designing and Launching Amazing Learning Experiences   ATDTK19
A Guide to Designing and Launching Amazing Learning Experiences ATDTK19
 
Using Your Mobile Device to Create Amazing Content ATDTK19
Using Your Mobile Device to Create Amazing Content ATDTK19Using Your Mobile Device to Create Amazing Content ATDTK19
Using Your Mobile Device to Create Amazing Content ATDTK19
 
Future of Learning: Where Should I Focus Today #DevLearn17
Future of Learning: Where Should I Focus Today #DevLearn17Future of Learning: Where Should I Focus Today #DevLearn17
Future of Learning: Where Should I Focus Today #DevLearn17
 
Using Prototyping to Revolutionize Your Dev Process DevLearn17
Using Prototyping to Revolutionize Your Dev Process  DevLearn17Using Prototyping to Revolutionize Your Dev Process  DevLearn17
Using Prototyping to Revolutionize Your Dev Process DevLearn17
 
Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17
Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17
Using Your Mobile Device to Create, Brainstorm & Deliver Content DevLearn17
 
DevLearn17 Getting Started with 360 Realities AR | VR | MR
DevLearn17 Getting Started with 360 Realities AR | VR | MRDevLearn17 Getting Started with 360 Realities AR | VR | MR
DevLearn17 Getting Started with 360 Realities AR | VR | MR
 
OLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam Session
OLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam SessionOLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam Session
OLC LEARNING BRAINSTORMS, TIPS + TECHNIQUES | Jam Session
 
eLEARNING EXPERIENCE DESIGN: Turning Ideas into Reality
eLEARNING EXPERIENCE DESIGN: Turning Ideas into RealityeLEARNING EXPERIENCE DESIGN: Turning Ideas into Reality
eLEARNING EXPERIENCE DESIGN: Turning Ideas into Reality
 
Using YOUR MOBILE Device to CREATE Learning
Using YOUR MOBILE Device to CREATE LearningUsing YOUR MOBILE Device to CREATE Learning
Using YOUR MOBILE Device to CREATE Learning
 
Turn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback LoopsTurn Concepts to Reality Using Prototyping and Feedback Loops
Turn Concepts to Reality Using Prototyping and Feedback Loops
 
Design, Create & Explore Learning with Your Mobile Devices
Design, Create & Explore Learning with Your Mobile DevicesDesign, Create & Explore Learning with Your Mobile Devices
Design, Create & Explore Learning with Your Mobile Devices
 
Compressing Audio and Video for Desktop and Mobile Delivery
Compressing Audio and Video for Desktop and Mobile DeliveryCompressing Audio and Video for Desktop and Mobile Delivery
Compressing Audio and Video for Desktop and Mobile Delivery
 
Launching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to LaunchLaunching a Mobile App from Concept to Launch
Launching a Mobile App from Concept to Launch
 
Location based Learning for a Mobile World | Adobe Learning Summit #DevLearn
Location based Learning for a Mobile World | Adobe Learning Summit #DevLearnLocation based Learning for a Mobile World | Adobe Learning Summit #DevLearn
Location based Learning for a Mobile World | Adobe Learning Summit #DevLearn
 

Recently uploaded

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 

Recently uploaded (20)

Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 

Designing & Developing mLearning using HTML5 #mlearncon