designing better blackberry playbook apps l.
Download
Skip this Video
Download Presentation
Designing Better BlackBerry PlayBook Apps

Loading in 2 Seconds...

play fullscreen
1 / 32

Designing Better BlackBerry PlayBook Apps - PowerPoint PPT Presentation


  • 312 Views
  • Uploaded on

Designing Better BlackBerry PlayBook Apps. Characteristics of the BlackBerry PlayBook. Seven inch screen size Multi touch interface Landscape or portrait display Virtual keyboard. Make a touch centric app. On screen interactions. Notifications and Indicators.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Designing Better BlackBerry PlayBook Apps' - Gideon


Download Now An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
characteristics of the blackberry playbook
Characteristics of the BlackBerry PlayBook
  • Seven inch screen size
  • Multi touch interface
  • Landscape or portrait display
  • Virtual keyboard
notifications and indicators
Notifications and Indicators
  • Application notifies appear in the top left corner of the screen
    • Inform users about app-specific events such as new mail messages
  • Status indicators appear in the top right corner of the screen
    • Display system status information such as battery power and wireless connection
slide10

Device Information

  • Battery level
  • Battery state
  • Hardware ID
  • Device OS
  • Device PIN
  • Platform Version
  • Vendor ID
  • Capture battery events for app lifecycle
  • Identify your users based on PIN
  • Identify the Device OS for functionality
slide11

Activity Indicator

  • provide visual progress feedback to the user during time-consuming operations
slide12

Battery Level and Events

  • Monitor battery levels for power consumption in your app
  • Customize your app to provide the user experience
  • Display battery and charging information from your app
database
Database
  • SQLite is a in-process library that implements a self-contained, serverless, zero-configuration, transactional SQL database engine.
  • Data is stored in a file on the system, typical the developer stores it in File.applicationStorageDirectory.

DB

PlayBook AIR Application

File

air sqlite apis
AIR SQLite APIs
  • SQLConnection
    • open() – Synchronous
    • openAsync() – Asynchronous
    • loadSchema() – Database schema
    • Can Encrypt data on disk.
  • SQLStatement
    • text – SQL commands
    • execute()
  • SQLError
    • details/detailsID – SQL error message
    • operation – SQL command causing error
air file apis
AIR File APIs
  • File
    • File.applicationStorageDirectory - a storage directory unique to each installed AIR application
    • File.applicationDirectory - the read-only directory where the application is installed (along with any installed assets)
    • File.desktopDirectory, File.documentsDirectory, File.userDirectory
    • Properties: exists, isDirectory, nativePath, extension, name, …
    • Methods: browseForOpen, browseForSave, getDirectoryListing(), …
  • FileStream
    • writeObject() – Uses AMF to write binary serialization of object.
    • open() – Synchronous
    • openAsync() – Asynchronous
skinning basics
Skinning Basics
  • Skin options
    • Global themes
    • Set specific component skins parts
  • Skin states
  • Methods of creating Skins
    • Bitmaps with or without scale grid
    • Display objects using graphics API
  • QNX skin assets available for reuse
playbook themes
PlayBook Themes
  • PlayBook comes with 2 Themes: White (default) & Black
skin states
Skin States
  • SkinStates.DISABLED
  • SkinStates.DISABLED_SELECTED
  • SkinStates.DOWN
  • SkinStates.DOWN_SELECTED
  • SkinStates.FOCUS
  • SkinStates.SELECTED
  • SkinStates.UP
  • SkinStates.UP_ODD
component skin parts
Component Skin Parts
  • DropDown
    • setBackgroundSkin()
    • setButtonSkin()
    • setListSkin()
  • ToggleSwitch
    • setFillSkin()
    • setThumbSkin()
    • setTrackSkin()
  • Button
    • setSkin()
  • TextInput
    • setSkin()
setting a skin
Setting a Skin
  • Set skin method typically takes these types:
    • Class reference
    • String of qualified class name
    • DisplayObject instance
bitmaps with slice 9 scaling
Bitmaps with Slice 9 Scaling
  • Use Case: Custom TextInput image that scales

Up/Down skin image

Focus skin image

skin code
Skin Code:

OddShapeSkin.png

OddShapeSkinFocus.png

drawing api
Drawing API
  • Use Case: Custom TextInput with drawing API
    • Need to update any time the width/height changes
slide32

Q&A

Thank You!

ad