Join Joseph Labrecque from the University of Denver as he demonstrates the various features of Adobe AIR 2 and AIR for Android and how they can be used in a university setting. Learn how the university is leveraging AIR to expand and supplement a host of university projects and applications. Labrecque will preview new AIR projects he is working on and share his experiences with the AIR for Android prerelease for building mobile applications on campus.

1. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Progressing beyond the Desktop at Universities
with Adobe AIR
Joseph Labrecque | Senior Multimedia Application Developer

2. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Introduction
2
Joseph Labrecque
 Flash Platform Developer
 Multidisciplinary Digital Artist
 Adobe Education Leader
 University of Denver
 Senior Multimedia Application Developer
 Center for Teaching and Learning
 Fractured Vision Media, LLC

3. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Topics Covered
University of Denver and the Flash Platform
CourseMedia™: Course Media Management System
Adobe AIR – Taking Things Beyond the Traditional Desktop
 Integration with Projection Hardware
 Access Native OS Processes
 Mobile: Adobe AIR for Android
Project Examples
 DropFolders
 CourseMedia™ Projection System
 CourseMedia™ StudyShuffler [Flash Professional]
 CourseMedia™ StudyShuffler [Mobile Flex]
3

4. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Before we get into all this “beyond” the desktop stuff…
Let’s establish some background.
4

5. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
University of Denver – Center for Teaching and Learning
5
The Center for Teaching and Learning (CTL) offers a
variety of faculty development opportunities including
workshops and seminars, grant funding for faculty-
initiated projects, and support and development of
technological applications that advance teaching and
learning goals.
Two Units:
 Teaching and Learning Support
 Grants and Teaching Support
 Application and Services Support
 Research and Development
 Application Development
(ColdFusion, Flash, Flex, AIR, Java, PHP)
 Technology Advisement and Forecasting

6. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Platform Overview
 Client Runtimes
 Flash Player for both desktop and mobile
 Adobe AIR for desktop and mobile
 Servers and Services
 Flash Media Server
 LiveCycle / Blaze DS
 Flash Platform Services
 Tools and Frameworks
 Flash Builder
 Flash Professional
 Flash Catalyst
 Flex Framework
 Open Source Media Framework
6

7. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
University of Denver – Use of the Flash Platform
We use a LOT of Flash and Adobe technologies in
our custom-built applications!
 Flash Media Interactive Server
 ColdFusion Enterprise
 Flash Professional CS5
 Flash Catalyst CS5
 Flash Builder 4
 Flex Framework
 OSMF
 Flash Player
 Adobe AIR
7

8. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
University of Denver – Some Major Initiatives
ALORA: Active Learning Object Repository Application
 Backend media catalog
 Image, video, and audio files
 Public and private records
 Flash GUI management interface (AS2!)
 Many possible meta-schemas
CourseMedia™: Course Media Management System
 Taps into ALORA and includes additional database of media
 Local/personal media: embedded video, text slides, uploaded
images
 Variety of presentation mechanisms
 Full user-managed toolset
8

9. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Let’s talk about CourseMedia for a bit.
9

10. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DU CourseMedia™ - Course Media Management System
 Web-based video clip generator
 Per-object narrative recorder
 Embed code generator for
Blackboard
 Integrated media viewer
 Content can be copyright-
protected or public
 Content providers can generate
embed codes for external, public
videos
 Bunch of other tools…
10

11. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DU CourseMedia™ - How it Leverages the Flash Platform
 Media streamed (audio/video) and
verified (images) through Flash Media
Server
 Online video clip editor – Flash
 Integrated media viewer with complete
teaching and learning toolset – Flex
 Gallery Arrangement Tool - Flex
 Projection system integration - AIR
 AIR interaction points across campus
 AIR for Android mobile study app
11

12. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DU CourseMedia™ - Demonstration
12

13. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
That’s all very nice… but…
What about going beyond the desktop?
13

14. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Beyond the Traditional Desktop
So what do we mean by this phrase?
 Doing things with AIR that either traditionally were
not possible in Flash Player or similar
technologies.
 Tapping into the hardware of hosted systems.
 The ability to address native code on these
systems.
 Expanding from desktop application installs to
mobile and devices.
14

15. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Hardware Integration
15

16. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ Projection System
16
 Used by faculty to present
CourseMedia™ objects (Image,
Video, Audio, Text Slides, YouTube,
et cetera) via an instructor station
through attached system projectors.
 Intelligently discovers how many
additional screens exist and at what
size to render a control panel and
presentation window for each one.
 One additional screen allows the
extra option to have a split view in
order to still present comparisons.
 Rooms equipped with up to 3
projectors at DU.

17. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ Projection System - Hardware Access
“Screens are independent desktop areas within a possibly larger "virtual
desktop." The origin of the virtual desktop is the top-left corner of the
operating-system-designated main screen. Thus, the coordinates for the
bounds of an individual display screen may be negative. There may also be
areas of the virtual desktop that are not within any of the display screens.”
17
One of the great advantages of AIR over
traditional Flash applications is that you
have this tight relationship with the OS
and system hardware.
import flash.display.Screen;
protected var screenArray:Array = new Array();
…
screenArray = Screen.screens;

18. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ Projection System – Room Layout
18
Screen 1 Screen 2
Console
Projector 1 Projector 2

19. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ Projection System - Demonstration
19

20. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ Projection System – Code Example
20

21. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
OS Native Process Integration
21

22. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DropFolders
 Adobe AIR 2.0 application to allow
HandBrake CLI to monitor watch and
destination folders.
 Includes the ability to define and
manage custom presets.
 Hands-free batch video encoding for
non-video people!
 Created for faculty use.
 Can be installed on a server.
22

23. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DropFolders - NativeProcess Access
“The NativeProcess class provides command line integration and general
launching capabilities. The NativeProcess class lets an AIR application
execute native processes on the host operating system. The AIR applcation
can monitor the standard input (stdin) and standard output (stdout) stream
of the process as well as the process's standard error (stderr) stream.”
23
Basically, this new API allows your
application to communicate with just about
any process running on the host machine.
This can be an operating system core
process or a third party installed
application like HandBrake.
import flash.desktop.NativeProcess;
import flash.desktop.NativeProcessStartupInfo;
…
nativeProcess.start(nativeProcessStartupInfo);

24. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DropFolders - Demonstration
24

25. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
DropFolders – Code Example
25

26. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Mobile Devices!
26

27. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ StudyShuffler
Mobile is going to be HUGE in education.
 Mobile study aid for art history students.
 Adobe AIR 2.5 for Android.
 Draws gallery and image information from
CourseMedia servers based on user login.
 Image slides are displayed at random.
 Tap the image to view metadata.
 Shake to grab a new image.
 Makes use of the Accelerometer to detect a shake.
27

28. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ StudyShuffler - Demonstration
28

29. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ StudyShuffler – Code Example
29

30. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ StudyShuffler “Hero” - AIR for Android
What are the differences when working with
Flash Professional vs. Flash Builder 4.5 and
the “Hero” Flex SDK?
 Much of the orientation and layout structure
is provided by Flex.
 Many of the components are optimized for
mobile.
 New “View” structures for working on mobile.
30

31. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ StudyShuffler “Hero” - Demonstration
31

32. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
CourseMedia™ StudyShuffler “Hero” - Code Example
32

33. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
What next?
33

34. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Future Possibilities
So, what are some future possibilities for university tools
that go beyond the desktop? Generally the same for any
tool implementing the Flash Platform.
Flash Player
 Take advantage of new capabilities as we move ahead
with new versions of the player.
AIR
 With each version of AIR that is released, we see more
options for integrating more closely with other systems and
environments.
Mobile
 Expanded use of Mobile as a study aid.
 As devices become more powerful, we’ll be able to do
more and more with the tools we develop.
34

35. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Q & A
35

36. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Closing
Blog: http://inflagrantedelicto.memoryspiral.com/
Twitter: @JosephLabrecque
Email: Joseph.Labrecque@du.edu
Thank you…
36

37. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Turn in your Surveys for a chance to WIN!
 Hand in your surveys to the room
monitors
 One survey will be selected as a
winner of the Adobe Press e-book
Adobe Flash Platform from
Start to Finish: Working
Collaboratively Using Adobe
Creative Suite 5
 Winners will be notified via e-mail
at the end of each day
37

38. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.