Preview and test content for the latest version of Flash Player optimized for mobile devices.
Use Flash Professional CS5.5 to create content for desktop, tablets, and mobile devices. Then use Device Central to test
and preview content for your targeted device profiles.
Emulate native device APIs like accelerometer, multitouch, and gestures when testing SWF files in HTML pages.
Expanded set of profiles including iOS-based devices
• Access the latest profiles for devices shipping with support for AIR 2.5. Use these profiles to create multiscreen
content in Flash Professional CS5.
• Support for devices that don't support Flash such as iOS-based devices and RIM devices.
1
Improved HTML5 emulation support and HTML debugging
Easily emulate web content and debug using the more robust controls onscreen.
HTML5 emulation support
• Media query support gets profiled per device and is applied to the emulation. For more information, see “Media
query support (CS5.5)” on page 31.
• HTML5-features like video and audio, canvas, SVG, local storage, and web workers are profiled for devices. Canvas,
MPEG4-encoded Audio and Video (AAC & H.364) are supported during emulation.
• Information on pixel density helps users optimize content for devices with different pixel densities.
• Support for the latest version of WebKit:
• Better simulation for smartphones and tablets.
• Access to WebKit default style sheet, and option to view the source code. For more information, see “Use the
Apple WebKit browser layout for rendering” on page 40.
• Font mapping. For more information, see “Change the font mapping” on page 10.
• Emulate native Flash APIs when testing mobile web content.
• Multi-touch and accelerometer support. For example, you can test jQTouch based applications, and SWF files
within web pages.
Enhancements to HTML debugging
• Options to enable/disable information about HTTP headers and data. For more information, see “The Output
panel (Flash and web)” on page 38.
• Options to enable/disable JavaScript and CSS. For more information, see “Use the Apple WebKit browser layout
for rendering” on page 40.
Last updated 4/28/2011
USING DEVICE CENTRAL
What’s new
• Information on network status messages.
• Controls that help zoom the page being previewed with an option to zoom only the text. For more information, see
“Use the Apple WebKit browser layout for rendering” on page 40.
• Rotating the device helps test page behavior on devices that change page orientation depending on how the device
is held. For more information, see
“Rotate the display” on page 34.
• Use real device size previews to zoom the device profile to a size that approximately matches the dimensions of the
actual physical device. For more information, see
“Zoom in or out” on page 34.
Cross product mobile content emulation
Increased integration across creative suite applications enables cross product mobile content emulation.
Redraw support for SWF movies
Redraw regions allow you to see areas of your movie rendered and processed by Flash Player. For more information,
“Display redraw regions” on page 44.
see
2
What’s new (CS5)
To see a video tutorial introducing Adobe® Device Central CS5, visit the Adobe website at
www.adobe.com/go/lrvid5503_ws_en.
Adobe Fireworks® support You can design in Adobe® Fireworks® for selected devices and view in Device Central.
While working in Fireworks, you can switch back and forth to Device
specific information in your design workflows to save time. See
and Adobe Fireworks” on page 29 for more information.
Adobe Captivate® support You can select devices and test content for Adobe® Captivate®. You can find the best preset
screen sizes for targeted devices or select a custom size. You can also create mobile project templates using Adobe
Captivate. While working in Adobe Captivate, you can switch back and forth to Device
“Create mobile content with Adobe Device Central and Adobe Captivate” on page 28 for more information.
Advanced device input emulation Device Central supports advanced input capabilities, such as geolocation,
accelerometer, and multitouch emulation. Device
viewing and testing of applications that support these features. You can test and emulate the physical inputs of an
application. For example, you can simulate the steering movement of an aircraft in the 3D space of a flight simulator
game designed for devices. See
HTML rendering Incorporate the browser engine, Apple® WebKit, to display mobile web pages. You can test SWF
content embedded in an HTML file for mobile devices. Adobe® Dreamweaver® users can test and debug HTML content
for mobile and other devices directly in Device
and adapt the network performance to the mobile content. See
in HTML)” on page 40 for more information.
“The testing panels” on page 36 for more information.
Central also supports the development workflow with interactive
Central. You can also inspect the Adobe® Flash® memory consumption
Central to test the content. Include device-
“Create mobile content with Adobe Device Central
Central to test the content. See
“The Web Rendering panel (web and Flash embedded
ActionScript® 3.0 debugging You can debug an Adobe® ActionScript® 3.0 content file created for the latest version of
Flash Player. For example, Adobe® Flash® Player 10.1 and Adobe® Flash® Lite™ 4.0. Use Device
Professional CS5 to add ActionScript 3.0 code and set breakpoints. Simulate content in Device
debug notifications. The debugging message enables you to optimize your content for targeted devices. See
ActionScript 3.0 file” on page 52 for more information.
Central with Flash
Central to view the
“Debug an
Last updated 4/28/2011
USING DEVICE CENTRAL
What’s new
Support for latest version of Flash® Preview and test content for the latest versions of Flash Player optimized for
mobile devices. Use Flash Professional CS5 to create content for desktop and mobile devices. You can test the
performance and memory consumption of the device. You can also change the device network settings, such as date,
time, battery level, and signal strength to simulate corresponding content reactions. The ActionScript 3.0 debugging
message enables you to optimize your content for targeted devices. See
“Test content in Adobe Device Central” on
page 33 for more information.
Support for Flash® Lite™ for the digital home You can create content and test for Adobe® Flash® Lite™ for the digital
home devices. You can select Flash Lite for the digital home device profiles from the Device Library and simulate the
remote control key entries. The Emulate workspace provides different keypad options, such as remote control,
QWERTY, numeric keypad, and game controller. The keypad options help to simulate input controls of the device.
“The Key Pad panel (Flash, bitmap, web, and video)” on page 41 for more information.
See
Note: You can’t simulate the performance of the content for Flash Lite for the digital home devices in Device Central. Use
Central only for the initial tests of the remote control keypad and layout of the SWF content. Use real devices for
Device
the final testing of the remote control keypad and the performance of the application content.
Workspace area Device Central provides a new workspace area, enabling you to browse, create, and emulate content.
Use the Browse workspace to search devices from the Device Library. Use the Create workspace to create new content
for targeted devices. Use the Emulate workspace to preview and test content for targeted devices. You can switch
between different workspace modes. The Emulate workspace loads different workspace areas, based on the content
you are testing. For example, when you emulate a SWF file for testing, you see the Emulate Flash workspace area. You
can also use the Test menu to perform basic tasks of the Emulate workspace associated with the content and scripts for
devices. See
“Workspace overview” on page 4 for more information.
3
Sharing device profiles Create and share device profiles with the Adobe Device Central community using your
Adobe® ID. You can see the icon
beside a shared profile in the Device Library. See “Share a device profile” on
page 15 for more information.
Profile commenting and rating Post ratings and comments for a device profile, using your Adobe® ID. All Adobe
Central community users can view each others’ ratings and comments. See “Post comments and rating” on
Device
page 15 for more information.
Device Library The Device Library contains more than 600 supported devices. You can browse, search, and sort device
profiles. You can directly compare multiple device profiles along several dimensions. You can also create custom
groups of devices for quick project access. See
Device profile filters The Filter option enables you to filter your choice of devices from the Device Library. You can
“About Device Library” on page 16 for more information.
sort devices based on criteria, such as operating system, manufacturer’s name, or support for Flash® or mobile video,
and so on. See
Network connections Device Central recognizes and supports the system proxy settings specified in the operating
“Creating custom filters” on page 16 for more information.
system for all tasks related to the Internet. You can view and change the proxy settings of your system, using the
Network option. See
“Network preferences” on page 10 for more information.
Last updated 4/28/2011
Chapter 2: Introducing
4
Adobe
Adobe® Device Central CS5 offers a way for developers of mobile content to test their work on a wide variety of mobile
devices. Device
Device Central
Central works with content developed on different Adobe products as well.
About Adobe Device Central
Device Central provides mobile content developers and testers with a way to create and preview mobile content and
desktop content, on a large variety of devices. Device
desktop devices that show:
• What the devices look like
• How your content appears on those devices
You can interact with emulated devices more as you do with actual devices, including testing performance levels,
network states, memory, battery power levels, and types of lighting.
Device Central provides a library of devices to choose from. Each device has a profile that contains information about
the device, including the media and content types it supports. You can search through available devices, compare
multiple devices, and create custom groups of the devices you use most.
Device Central supports different media formats, including Adobe Flash®, Adobe Flash® Lite™, bitmap, video, and web
formats. You can use different media formats to create different types of content, such as mobile applications,
advertising banners, mobile videos, screen savers, or wallpapers.
Central displays realistic skins of a wide range of mobile and
More Help topics
“About content types” on page 37
“Working with device profiles” on page 12
“Testing with the Emulate workspace” on page 33
Workspace overview
Use the workspace area to view, search, and create device profiles and test content for devices. To display a workspace
area, select one of the workspaces from the application bar. For example, to display the Device Library panel and
Library Filter panel, select the Browse workspace. Select the Emulate workspace to view information on emulationrelated tasks and files. You can toggle between different workspace modes from the application bar or from the
Windows menu.
Browse workspace
Use the Device Library interface and the Library Filter panel of the Browse workspace to view, search, and download
device profiles. The Device Library panel has search parameters to filter the devices in the Device Library.
Last updated 4/28/2011
USING DEVICE CENTRAL
Introducing Adobe Device Central
When you select a single device to view the profile details, the first line lists the media types that the device supports.
You can view profile details, such as Flash, bitmap, video, and web, in addition to general information. To display
information about the content types that are supported in Device
Central, click a media type. For example, if you click
the media type Bitmap, the content types Fullscreen, Screen Saver, and Wallpaper display.
5
A
C
D
B
Browse workspace
A. Device Library B. Workspace tabs C. Add devices from the Device Library to the Test Devices panel D. Use Library Filter to filter devices
You can change the order in which multiple devices display when viewing profile details in the multiple view panel.
You can drag any device from the Device Library panel to a group in the Test Devices panel.
Test Devices panel You can create custom device groups and drag device profiles from the Device Library panel into
the Test Devices panel. To share device groups among team members, import and export device references.
Device Library panel You can view all the devices that are available for download to the Test Devices panel (in the
Central’s Default project) or a Custom project. The Device Library displays detailed information on the
Device
devices.
Note: The same information is displayed, whether you use the single view or the multiple view.
To access the Device Library, click the Browse workspace. The icon in the Device Library changes from to when
you download a device from the Device Library to the Test Devices panel.
Online Device Library To automatically connect to the online Device Library at launch, select On Launch,
Automatically Connect To Online Library under the Preferences menu. You can post your custom device profiles, and
rate and comment on device profiles on the online Device Library. Select Refresh Online Library from the Devices
options menu to refresh the online Device Library. You can compare a device in your Test Devices panel with the
updated version of the device in the online Device Library.
Last updated 4/28/2011
USING DEVICE CENTRAL
Introducing Adobe Device Central
Library Filter panel In the Browse workspace, use the Library Filter panel to filter your devices in the Device Library.
However, you can’t change or delete any Adobe-specific filters. For example, you can’t delete the Community filter.
When you select a filter, the Device Library panel displays all the devices that match the filter selected in the Library
Filter panel. You can also create custom filters; such filters are listed below the divider line in the filter panel. You can
add or delete the custom filters.
Create workspace
You can create new files and projects in Device Central, using the Create workspace. Use the New Document interface
for creating a mobile document in Adobe Flash®, Adobe Photoshop®, Adobe Illustrator®, Adobe Captivate®, Adobe
After Effects®, or Adobe Fireworks®. You can also create a project file using the New Document In option under the
File menu. For example, for After Effects®, the tab is called New Composition. In Flash, the command is File > New >
Flash Lite 4. Alternatively, you can select File > New Document In > Flash, to create a FLA file and display the Create
workspace. The options that appear in the Create workspace depend on the type of document you are creating. For
example, when you create a Flash document, you select a Flash Player version, an ActionScript® version, and a content
type.
Emulate workspace
You can use the Emulate workspace to simulate content on mobile devices. You can test various media types, such as
Flash, bitmap, video, and web. The Emulate workspace testing panels change, based on the content selected for
emulation. For example, if you select a SWF file for emulation, the Emulate Flash workspace displays the testing panel
relevant to Flash.
6
To test rich media content files on a device, ensure that the device supports the Adobe® Flash® Lite® version and content
type that the file uses. For example, you have a SWF file created in Flash that requires Flash Lite 4. If you try to test the
file in the Emulate workspace on a device that supports only Flash Lite 1.1, the file doesn’t appear. The Emulate Error
workspace is loaded with an error message about the player version.
You can emulate only one device at a time. To select a different device, double-click a device name in the Test Devices
panel.
Note: Testing with the Emulate workspace cuts the cost and time of testing on mobile and desktop devices, but doesn’t
replace testing on actual devices. Use Device
for the final testing.
Central for the initial tests as you develop content, and then use real devices
Last updated 4/28/2011
USING DEVICE CENTRAL
Introducing Adobe Device Central
C
7
A
B
D
Emulate workspace
A. Emulate workspace changes with content type B. Use Testing panels to simulate and performance-tune content C. Select devices from the
Test Devices panel D. Test menu tools
Test menu The Test menu enables you to directly perform basic tasks related to emulation. You can take snapshots,
test scripts, record scripts, play content, and record video of the test content. You can view and use the options under
the Test menu only in the Emulate workspace.
Testing panels The testing panels enable you to test and performance-tune content in the Emulate workspace. The
panels vary, depending on the type of file you are testing.
More Help topics
“Managing device profiles” on page 12
“Testing with the Emulate workspace” on page 33
“Screen modes” on page 7
Screen modes
You can change the screen view mode of the application using the View menu. Select View > Presentation Mode.
When you select the Presentation Mode, the application window hides the Test Devices panel, and the entire screen
represents the task you have selected.
Last updated 4/28/2011
USING DEVICE CENTRAL
Introducing Adobe Device Central
Keyboard shortcuts
The following commands have keyboard shortcuts:
CommandsWindows keyMac OS X key
Device Central > PreferencesCtrl + KCmd + K
File > Open FileCtrl + OCmd + O
File > New ProjectCtrl + N Cmd + N
File > OpenCtrl + OCmd + O
File > Open URLCtrl + Shift + OCmd + Shift + O
File > Jump To FlashCtrl + Alt + OCmd + Alt + O
File > Save Project AsCtrl +Alt + SCmd + Alt + S
8
File > Quit (Windows)
Device Central > Quit Device Central (Mac OS)
Edit > UndoCtrl + ZCmd + Z
Edit > RedoCtrl + Shift + ZCmd + Shift + Z
Edit > CutCtrl + XCmd + X
Edit > CopyCtrl + CCmd + C
Edit > PasteCtrl + VCmd + V
Edit > Select AllCtrl + ACmd + A
Edit > Preferences (Windows)
Device Central > Preferences (Mac OS)
Devices > Search Device LibraryCtrl + FCmd + F
Test > Take snapshotCtrl + RCtrl + R
View > Zoom InCtrl + +Cmd + +
View > Zoom OutCtrl + -Cmd + -
View > Magnification > 400%Ctrl + 4Cmd + 4
View > Magnification > 300%Ctrl + 3Cmd + 3
View > Magnification > 200%Ctrl + 2Cmd + 2
Ctrl + QCmd + Q
Ctrl + KCmd + K
View > Magnification > 100%Ctrl + 1Cmd + 1
View > Magnification > Fit Device Into WindowCtrl + 0Cmd + 0
Accelerometer panel > Shake In X-DirectionCtrl + XCmd + X
Last updated 4/28/2011
USING DEVICE CENTRAL
Introducing Adobe Device Central
CommandsWindows keyMac OS X key
Accelerometer panel > Shake In Y-DirectionCtrl + YCmd + Y
Accelerometer panel > Shake In Z-DirectionCtrl + ZCmd + Z
Help > Device Central HelpF1Cmd + ?
To open a device group press the Alt + Right Arrow keys, and to close the group press the Alt + Left Arrow keys.
Device Central preferences
You can access Preferences from:
• Windows®: Select Edit > Preferences
• Mac OS®: Select Device Central > Preferences
Automatically connect to online library on launch
To have Device Central automatically connect to the online Device Library, go to General Preferences.
9
Change the default phone ID
The default phone ID is the International Mobile Equipment Identity (IMEI) number of the device that Device Central
is emulating. Each Global System for Mobile Communications (GSM) and Universal Mobile Telecommunications
System (UMTS) mobile device has a unique IMEI number. The 15-digit number identifies the origin, model, and serial
number of the mobile device.
Specifying a default phone ID instructs Device Central to use that number as the default IMEI for any device tested.
1 Select Edit (Windows) or Device Central (Mac OS) and then Preferences and General.
2 Enter a new number in the Default Phone ID text field.
Change undo levels
Use the Undo Levels option to change the number of times you can revert to a previous state. For example, the default
setting of 20 enables you to revert through your last 20 actions.
1 After accessing Preferences, select General from the list.
2 Enter a new number in the Undo Levels text field.
Change the application language
Depending on the language packs installed, you can change the language for Device Central. You can change to British
or American English, French, German, Japanese, Spanish, Italian, Dutch, Swedish, Korean, Chinese Traditional,
Chinese Simplified, Czech, Danish, Polish, Portuguese, Russian, or Turkish. After you restart Device
interface displays text in the selected language.
Central, the user
1 Access Preferences > General.
Last updated 4/28/2011
USING DEVICE CENTRAL
Introducing Adobe Device Central
2 Select a language from the Application Language menu.
3 Restart the application.
Change the font mapping
During emulation, Adobe Device Central maps the fonts specified in the application package or web page to the fonts
available on your computer or mobile device. If the specified fonts are not available, Adobe Device Central uses the
font mapping preferences to display the application or web page.
On an actual mobile device, the native font of the device operating system is used to render the SWF content.
Note: The Web options are available in CS5.5.
1 After accessing Preferences, select Font Mapping from the list.
2 Select a language from the Language menu.
3 Select the default font for font faces using the options.
Change log and output preferences
The Log and Output preferences include several optional settings. By default, the snapshot pool size is 500 MB. When
you quit Device
Central, snapshots are removed from the log window.
10
1 For Max. Pool Size, enter a value.
The minimum is 5 MB. If 90% of the space is filled, a low disk space alert is displayed in the log window.
2 Click Clear Pool Now.
3 Enter a value for the Maximum Number Of Snapshots Per Session.
4 Select Automatically Clear Flash Output Window When Reloading SWF.
The images stored during a previous session are not affected.
Script editor
In the Script Editor section, you can change the settings for the script editor. You can change the font style, colors, and
other aspects of the script editor appearance.
In the Code Behavior section, you can change the settings for the script editor behavior. You can change the Enable
Code Completion, Balance While Typing, and Enable Dragging Of Selected Text settings.
More Help topics
“The Automated Testing panel” on page 22
Network preferences
In the Network section, you can view or change the proxy server settings of your system and the Internet. You can clear
the cache and set the user agent information for communicating with the Internet. User agent is used only when you
load a web page from the Internet.
Last updated 4/28/2011
USING DEVICE CENTRAL
Introducing Adobe Device Central
Note: Device Central supports only system-wide proxy settings. The user agent information is used when the device profile
user agent information isn’t specified.
1 Access Preferences > Network. Click Open Network Preferences, and select your network preferences.
2 To clear previous cache, select Online Cache or Local Cache, and click Clear Now.
3 Change the user agent information if you don’t want the default user agent information.
More Help topics
“Test content in Adobe Device Central” on page 33
11
Last updated 4/28/2011
Chapter 3: Managing device profiles
Adobe® Device Central CS5 provides access to a large online library of mobile devices, including separate profiles for
each device. The profiles contain detailed information about the device that is helpful when creating mobile content.
Working with device profiles
About device profiles
In Device Central, you have access to a large online library of mobile devices. From the Device Library, search and
download the devices of your preference to the Test Devices panel. In the Default Project, the Test Devices panel
contains only preinstalled generic Flash® Lite® devices, until you download devices from the Device Library.
Each device profile contains technical details about the device, and information about the media and content types it
supports. Filter your devices based on the filters in the Library Filter panel. You can view individual or multiple device
profiles at the same time. View multiple profiles in a table to compare several target devices. For example, if you are
developing rich media content, the comparison can help you determine the best addressable screen size and common
FSCommands.
12
More Help topics
“Export and import device profiles” on page 13
“Search for device profiles” on page 13
“Compare device profiles” on page 14
“Workspace overview” on page 4
View device profiles
1 Select Browse workspace. Select devices from the Test Devices panel or from the Device Library panel to view the
device profiles.
2 In the Device Library panel, select a device or devices, and click View Details.
Last updated 4/28/2011
USING DEVICE CENTRAL
Managing device profiles
A
B
C
13
Viewing a device profile
A. Device Library B. Media types C. Details about selected device
Export and import device profiles
1 Select the device profiles from the Test Devices panel.
Note: You can export only those device profiles that are loaded on your local hard drive. Download the device profiles
from the Device Library to the Test Devices panel, to export them.
2 Select File > Export > Device Profile Package.
3 Type a name for the Package Title, and add comments to help identify the package.
4 Click Export, and specify a name and location for the exported package.
You can also import device profiles with the File > Import Device Profile Package option.
Search for device profiles
The Device Central search feature enables a quick search for devices in the Device Library panel. You can search by
criteria such as the device name, manufacturer’s name, screen size, and so on.
The search feature is dynamic—the list of matching devices is automatically updated as you enter the criteria, which
makes the search more specialized.
1 Select Browse > Device > Search Device Library.
2 In the Search text field, enter your search criteria.
Last updated 4/28/2011
USING DEVICE CENTRAL
Managing device profiles
Use search criteria to find a specific device or group of devices.
3 Click the Plus icon to add search criteria. Click the Minus icon to remove criteria.
Note: The search criteria you define remain until you perform a new search. Click the Browse workspace to see the
criteria that generated the current list of devices.
You can save your search criteria as a filter or add the detected devices in the Test Devices panel.
Compare device profiles
Compare device profiles, to see which profile is best suited for your project. You can compare multiple device profiles,
or a device profile with its online update.
14
Compare devices
1 Select Browse > Device Library.
2 Select the devices you want to compare, and click View Details.
3 Select an option from the Show All Parameters drop-down list.
You can expand and collapse the information panels according to your requirement.
Compare a device with its online version
If an online update is available for your local device, the Outdate icon is displayed next to the device in the Test
Devices panel. A tool tip is displayed when you hover your mouse over the icon. In the Device Library panel, the icon
next to the device indicates that the device is on your local hard drive.
Note: You can compare an outdated device profile on your local hard drive with its online device version.
1 Select the Browse view.
2 Select an outdated device profile from the Test Devices panel.
3 Select Device > Compare With Online Version.
Download online version of a device
To download the latest version of a device profile, select an outdated device profile from the Test Devices panel. Select
Devices > Download Device Profile.
Last updated 4/28/2011
Loading...
+ 38 hidden pages
You need points to download manuals.
1 point = 1 manual.
You can buy points or you can get point for every manual you upload.