More Related Content
Similar to Jil individual widget upload process
Similar to Jil individual widget upload process (20)
More from Vodafone developer
More from Vodafone developer (20)
Jil individual widget upload process
- 2. Creating a developer account on JIL.org Create a developer account on the JIL Developer Website (http://www.jil.org) Click on “Sign Up” and you will be takento the “Registration” page. Once you have completed the“Registration Form” and clicked “Submit”an Email will be sent to the address given. Validate your Email address by clicking onthe link provided in the body of the Email. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 3. Downloading the JIL Specifications JIL recommends development and/or content porting begin only after the following materials have been reviewed: JIL Developer Guide.pdf JIL Widget System API Specification Handset API v1.2.2.pdf JIL Widget System HLTS Format and Packaging Specification v1.2.1.pdf Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 4. Downloading the JIL SDK Download the SDK Install the SDK Launch the SDK The JIL SDK is available for both Windows and Linux platforms. JIL Widget SDK v1.2 BETA for Linux (32-bit) Version 1.2 (303MB) JIL Widget SDK v1.2 BETA for Windows Version 1.2 (268MB) The JIL SDK is built off of the Eclipse IDE Client and does not require an additional Eclipse IDE install. At this time JIL will not run as a Plug-in under an already deployed Eclipse IDE. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 5. Downloading the Sample Code/Widgets For this example we will be downloading the “DeviceInfo” widget. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 6. Downloading the Sample Code/Widgets Once the download has completed find the file within your File System and unzip the file. The unzipped folder will reveal the JIL widget directory structure and code needed for the SDK. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 7. Loading the Sample Widget into the SDK 1. Launch the JIL 1.2 SDK 2. Select “New > JIL1.2 Widget Project” from the File Menu 3. Select the “Create a widget from an existing widget package” radio button 4. Click on “Browse” in order to select the widget to load. It is very important that you navigate from the widget root directory (unzipped folder) into the lower level “bin” directory to find the .wgt file. 5. Select “DeviceInfo.wgt” and click on “Finish” Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 8. Breaking Down the Widget Package Explorer You should now see the Widget appear in the SDK Package Explorer Now lets break down the Package structure! Config.xml This XML file contains the required configuration and meta information for the widget. The configuration file contains values like the name of the widget, who is the author, etc. (required) DeviceInfo.HTML This HTML file is the entry point to display and define the general layout of your widget. (required) DeviceInfo.css This CSS file contains all the style definitions used to tell the widget engine how the widget should look. Elements such as the colors of each element, or font size are defined here. DeviceInfo.js This JavaScript file defines what actions and functions can be executed in created widget. Icon.png Widget icon graphic (required) Default.png Background graphic Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 9. Editing Files in the SDK Double clicking on the file within the Package Explorer the file will open in the editor pane. Multiple files can be opened at once for editing. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 10. Config.xml Manifest Set-Up The “Widget” tab contains the required configuration and meta information for the widget. In order to test your widget you must create a developer ID using your JIL.org “Nick Name” Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 11. Config.xml Manifest Set-Up The “Preference” tab contains the element that was introduced by the W3C CR specification and must be supported by JIL 1.2. The value of this element can be set and retrieved through Widget.preferenceForKey() and Widget.setPreferenceForKey(), as defined in the JIL Handset API Specification. Note that the optional “read only” attribute of this element must be honored by a JIL 1.2 runtime. If a preference is “read only”, then its value cannot be reassigned via the Widget.setPreferenceForKey() function. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 12. Config.xml Manifest Set-Up The “Maximum Display Mode” tab allows the developer to set the widget’s appearance when it is shown in full screen view. If left as null then the widget will size to full screen display mode by default. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 13. Config.xml Manifest Set-Up The “Update” tab allows the developer to set the widget’s method for checking for updated versions of the widget on a set time frame. If this option is used the widget must have a valid “Version” declared. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 14. Config.xml Manifest Set-Up The “Access” tab allows the developer to describe the widget’s permissions, in addition to the APIs requested using the “Feature” tab (next slide). Access requests can be denied, and this is not a required element. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 15. Config.xml Manifest Set-Up The “Feature” tab allows the developer to describe what sensitive API or API groups this widget declares that may attempt to access. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 16. Config.xml Manifest Set-Up The “Source” tab allows the developer access to the XML code being generated by the previous tabs which makes up the “config.xml” file. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 17. Testing the Widget in the Emulator Now lets run the “DeviceInfo” widget on the JIL SDK 1.2 Emulator! From the Run menu select “Run Configurations…” Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 18. Testing the Widget in the Emulator Select “Widget Application” and press the “New” button to create new configuration. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 19. Testing the Widget in the Emulator A new Configuration has now been created! Rename the configuration in the “Name:” text field provided. Click on “Browse” in order to select which widget to run under the configuration name “DeviceInfo” that has been just created. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 20. Testing the Widget in the Emulator Now select which Widget we wish to run within the Emulator! Highlight the desired widget within the list and then press “OK” Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 21. Testing the Widget in the Emulator Configuring the Emulator Within the “Run Configuration” window find the “Emulator” tab Here you can further configure the emulator’s environment. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 22. Testing the Widget in the Emulator Let’s start the Emulator and see our Widget as if it were on a device! Double check your selections and press run! Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 23. Testing the Widget in the Emulator Congratulation! You have just run your first JIL Widget! Now lets upload it to the JIL.org site! Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 24. Submitting Your Widget to JIL.org Navigate back to the JIL.org page, Login, and Select “Publish” Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 25. Submitting Your Widget to JIL.org Getting a Publisher ID Developers wishing to publish their Widgets to various AppStores must register and purchase a Publisher ID from the “Trust Center” first before submitting a Widget to JIL.org! Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 26. Submitting Your Widget to JIL.org JIL Sign Widget Overview A Widget is signed to identify the developer, and prove its integrity. Under JIL, when a Widget is signed, it also allows the Widget to use API extended functions, and enables it to be offered for sale. Following section describes how the Widget is signed: 1. In order to sign a Widget, the developer first requests a Publisher ID from the Certificate Authority (CA). Note that there is a fee for issuing the Publisher ID. Based on the developer’s request, the CA vets the individual and/or organization for certification. If the developer passes the vetting process, a Publisher ID is issued. 2. The developer receives the Publisher ID from the CA. 3. The developer signs the Widget using the Publisher ID received. After the Widget is signed, Developer uploads to the JIL Developer Website. 4. After the developer uploads the signed Widget, JIL checks its validity. 5. After validity is confirmed, the Publisher ID is checked, and the Widget’s signature is replaced to the JIL signature. 6. By replacing to the JIL signature, the Widget can be distributed to Operators. Please check the CA Website for prices and validity periods. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 27. Submitting Your Widget to JIL.org Certificate Signing Procedure More details on certificate handling in section 6 of SDK Manual Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 28. Submitting Your Widget to JIL.org Creating Promotional Image Assets All image files must be in .png file format. Size and aspect ratio requirements are as follows Marketing image Minimum 204x136 pixels, 3:2 or 2:3 aspect ratio, and less than 100KB. Supplemental icon Minimum 200x200 pixels, 1:1 aspect ratio, and less than 100KB. Screenshots 240x320 (3:4) or 240x400 (3:5) or 320x480 (2:3) or 360x640 (9:16), and less than 200KB. All screenshots must conform to the same aspect ratio. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 29. Submitting Your Widget to JIL.org Uploading Your Signed Widget 1. Navigate to “Publish” and select your “SIGNED” Widget 2. Click “Upload” You must select THE NEWLY CREATED SIGNED .WGT FILE and NOT THE UNSIGNED ONE within the SDK WIDGET /BIN DIRECTORY Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 30. Submitting Your Widget to JIL.org Uploading Your Signed Widget Once the widget has been accepted the user will be allowed to enter various marketing, category, and tagging information about their widget Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 31. Submitting Your Widget to JIL.org Uploading Your Signed Widget The developer will also be able specify targeted audiences and devices. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 32. Submitting Your Widget to JIL.org Uploading Your Signed Widget At this point in the submission process the developer is required to choose image files they wish to have used in the various AppStores Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 33. Submitting Your Widget to JIL.org Uploading Your Signed Widget As well as define how much traffic the widget will use per hour, and declare what types of content may appear within the Widget. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 34. Submitting Your Widget to JIL.org Uploading Your Signed Widget The final step allows the user to define their pricing by market/territory. Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.
- 35. Submitting Your Widget to JIL.org Uploading Your Signed Widget If all steps are completed correctly the Widget and all image assets associated with it will be accepted, then listed with in the “My Area” Confidential and proprietary material all rights reserved © JIL B.V., The Netherlands - 2010. Use, disclosure of this material is not permitted to any unauthorized persons or third parties except by written agreement.