- 1. Download MoSync
- 2. Launch MoSync
- 3. Create a New Project
- 4. Take a Look at the Generated Code
- 5. Build and Run Your App
- 6. Run your App on an Android Device
- 7. Run your App in the Android Emulator
- 8. Run your App in the Windows Phone Emulator
- 9. Run your App in the iOS simulator
- Things to do next
1. Download MoSync
2. Launch MoSync
Open and register your copy of MoSync on the startup screen:
To register only takes a few moments and it gives you access to our Forums.
Next, on the Welcome screen, click "Close this welcome screen and start using MoSync" to open the MoSync IDE (Integrated Development Environment):
3. Create a New Project
In the IDE, click File > New > Project to open the project wizard:
Select MoSync Project, then click Next:
In the MoSync Project Template dialog, select HTML5 > HTML5/JS WebUI Project, then click Next:
(There are several HTML5 project templates in the MoSync SDK. See Creating Projects from Templates for more details.)
Give your project the name MyFirstWebApp, then click Finish:
4. Take a Look at the Generated Code
You now have a complete example app generated for you! The IDE returns to the main editing view. Your project's files and resources are shown in the Project Explorer in the left-hand pane, and the index.html file for your project is opened in the edit pane:
5. Build and Run Your App
- If you have an Android device, proceed to step 6.
- If you are on Windows/OS X and want to run the app in the Android emulator, move on to step 7.
- If you are on Windows and want to run the app in the Windows Phone emulator, move to step 8.
- To run on a Windows Phone device, read the document Developing Windows Phone Applications.
- If you are on OS X and want to run the app in the iOS simulator, jump ahead to step 9.
- To run on an iOS device, read the document Developing iPhone Applications.
6. Run your App on an Android Device
To run the app on an Android device, click the Send To Target Device icon on the toolbar:
You will then be presented with two options to transfer the app to the device, USB or Bluetooth:
For USB, you may need to install a USB-driver for your device. If you have problems with USB, try Bluetooth. If you use Bluetooth, remember to make your device discoverable, so that your computer can find it. When using Bluetooth, you will be presented with an option to select the target platform (if not done previously). Select the Android platform:
As the next step, the app will be built and sent to the device. You will see a dialog that indicates progress.
If you use USB, the app is launched automatically on the device. If you use Bluetooth, you need to manually install the transferred app on the device.
Congratulations! You have just run your first cross-platfom app!
For further details regarding Android development with MoSync, see the document Developing Android Applications.
7. Run your App in the Android Emulator
To run your app in the Android emulator, you need to first download and install the Android SDK.
Select Android as the target platform by clicking the Active Profile button on the toolbar, and then chose the Android/2.x profile:
Then click the Run icon on the toolbar. If you have not configured the Android Emulator launcher, you will see the following dialog:
If you need help to configure the Android emulator, take a look at the screencast Running the Android emulator directly from the MoSync IDE.
When you have completed the configuration step, the Prelaunch build progress window will open and your project will be built for the current IDE profile:
When the build is complete, the Android emulator will open:
Congratulations! You have just run your first cross-platfom app on Android!
8. Run your App in the Windows Phone Emulator
To run your app in the Windows Phone emulator, you need to first download and install the Windows Phone SDK.
Select Window Phone as the target platform by clicking the Active Profile button on the toolbar, and then select the Windows Phone/7 profile:
Then click the Run icon on the toolbar and click button Run in Window Phone Emulator:
If you have the Windows Phone SDK installed, your app will launch automatically in the Windows Phone emulator:
Congratulations! You have just run your first cross-platfom app on Windows Phone!
9. Run your App in the iOS simulator
To run your app in the iOS simulator, you need to be running MoSync on OS X, and download and install Xcode.
Select iOS as the target platform by clicking the Active Profile button on the toolbar, and then select one of the iOS/iPad/iPhone/iPod profiles:
Then click the Run icon on the toolbar. If you have Xcode installed, your app will launch automatically in the iOS simulator:
Congratulations! You have just run your first cross-platfom app on iOS!
Things to do next
Now that you know how to get an app up and running, you are ready to start off and explore the MoSync universe:
- Read our user guide Getting Started with the MoSync IDE.
- Check out the example applications installed with the MoSync SDK.
- Explore the MoSync SDK's other HTML5 templates.