IBM Worklight v5.0.5 > Develop IBM Worklight applications > Start with Worklight projects, applications, environments, and skins

Anatomy of an IBM Worklight Project

Development assets including source code, libraries, and resources are placed in an IBM Worklight project folder...

Root project folder
Source code for all adapters belonging to the project
Source code for all applications belonging to the project
Artifacts resulting from building adapters, apps, and server-side configuration and libraries
Source code for all shell components belonging to the project
Source code of the Dojo JavaScript framework, if installed as part of the Worklight Studio
server conf WL server configuration files, such as and authenticationConfig.xml
java Java code that must be compiled and packaged into jar files deployable to the WL server
lib Pre-compiled libraries that must be deployed to the WL server

Initialization options

The initOptions.js file, included in the project template, is used to initialize the Worklight JavaScript framework.

It contains a number of tailoring options, which you can use to change the behaviour of the JavaScript framework. These options are commented out in the supplied file. To use them, uncomment and modify the appropriate lines.

The initOptions.js file calls WL.Client.init, passing an options object that includes any values you have overridden.

Content of the dojo folder

If you have installed the Dojo JavaScript framework, the dojo folder contains several layers of JavaScript files that provide the Dojo widgets that you can use in your apps.

Application pages, by default, link only to the JavaScript files that are required to use the widgets. To use widgets not defined in, such as the widgets defined in dojox, explicitly add the required links to the proper JavaScript layers in the app pages. If you do not add these links, you cannot have any runtime visualization of the result when using the Mobile Browser Simulator.

For example, to work with the widget...

...the page must...

To accomplish this task...

  1. Add the following links to your page:
    <script type="text/javascript" 
    <script type="text/javascript" 

  2. Edit to ensure that the JavaScript files are part of your mobile resources:

    Search for the target section that copies the mobile resources...

      <target name="-copy-mobile-resources" if="mobile.mgt">.

    ...and add the following lines next to mobile layers:

    <include name="dojo/charting-layer.js.compressed.js">
    <include name="dojo/graphics-layer.js.compressed.js">

Parent Start with Worklight projects, applications, environments, and skins