a litl SDK for flash and flex

© 2010, litl LLC. CONFIDENTIAL

A litl sdk for flash and flex


kathryn rotondo channel developer

flashionista.org

@krotondo


10 steps to get you started


1. Get a developer account

http://developer.litl.com



2. Download the SDK

http://devcenter.litl.com/developer/download_sdk/



Developer bundle contains: •  AS3 SDK •  source•  swc•  asdoc

•  Simulator

•  Control Set •  Sample Channels


Developer bundle contains: •  AS3 SDK •  source•  swc•  asdoc

•  Simulator

•  Control Set •  Sample Channels


3. Install the Simulator


AIR 2 RC 1 runtime

http://labs.adobe.com/downloads/air2.html





4. Create a Project



5. Import the SDK




6. Instantiate LitlService


varservice:LitlService=newLitlService(this);


7. Connect LitlService


service.connect("litl_countdown","CountdownChannel","0.1",true);

•  channelIdString •  channelTitle String

•  channelVersion String •  hasOptions Boolean


8. Listen for events


service.addEventListener(InitializeMessage.INITIALIZED,onInit);

privatefunctiononInit(e:InitializeMessage):void{//yourcodehere}


Initialize


InitializeMessage.INITIALIZE

•  channel calls connect() method

•  litlOS transmits initial state (network connectivity, view, properties)

•  litlOS transmits initialized event


View Changes



ViewChangeMessage.VIEW_CHANGE

•  e.view: CARD, FOCUS or CHANNEL

•  e.details: NORMAL, OFFSCREEN, SELECTOR, or SCREENSAVER

•  e.width: •  e.height: ex. CHANNEL_HEIGHT (800px) or

CHANNEL_HEIGHT_HDMI (720px)


CARD Move Next

Move Previous



UserInputMessage.MOVE_NEXT_ITEMUserInputMessage.MOVE_PREVIOUS_ITEM

•  Sent by clickable navigation arrows •  Next is also sent on a timer •  To enable, set service.channelItemCount > 1


FOCUS Options



OptionsStatusMessage.OPTIONS_STATUS

•  Boolean optionsOpenproperty


CHANNEL Go Button



UserInputMessage.GO_BUTTON_HELDUserInputMessage.GO_BUTTON_PRESSEDUserInputMessage.GO_BUTTON_RELEASED


CHANNEL Wheel



UserInputMessage.WHEEL_NEXT_ITEMUserInputMessage.WHEEL_PREVIOUS_ITEM


ALL VIEWS Network Status


NetworkStatusMessage.NETWORK_STATUS

•  Booleanconnectedproperty


ALL VIEWS Property Changes


PropertyMessage.PROPERTY_CHANGED

•  propertyScopeproperty: GLOBAL, ACCOUNT, SHARED, DEVICE

•  Parameters array of NameValuePair objects


9. Make requests


Set Title service.channelItemCount=3;


Set Favicon service.channelIcon=“foo.jpg”;


Enable Move Events service.channelItemCount=3;


Close Options service.closeOptions();


Enable/Disable Wheel

service.enableWheel();service.disableWheel();


Enable/Disable Screensaver

service.screensaverEnabled=true;


Open URL in web browser

service.openURL(url:String);


Set Properties service.sharedProperties.prop=val;service.accountProperties.prop=val;service.deviceProperties.prop=val;


10. Test in Simulator


With simulator running:

•  Test Movie (Flash) •  Run/Debug (Flash Builder)

•  Drag swf into browser •  Double-click on swf



instance list



instance info



controls



log



RequestCompleted RequestError


global properties



catalog info



11. controls


Buttons & List



Video Player & Filmstrip



Modal menu



Appendix A: Documentation


Building Channels in

Flash Professional http://developer.litl.com/documentation/

10stepchannelinflashprofessional.htm


Building Channels in

Flash Builder http://developer.litl.com/documentation/

10stepchannelinflashbuilder.htm


Simulator Testing

http://developer.litl.com/documentation/simulator.htm


USB Stick Testing http://developer.litl.com/

documentation/usb-testing.htm


Meet our controls developer.litl.com/

documentation/meetourcontrols.htm


Appendix B: Resources


Developer Forum devcenter.litl.com/

forum


Developer Blog devblog.litl.com


Email [email protected]


Questions?

Technology

a litl SDK for flash and flex