Meme IDE Training Material

1. Meme IDE
Agenda
● Meme IDE screen designer
● Building cross-platform
● Business Components
● Address Book example
● Building
● Deploying

2. What is Meme IDE?
● Like HTML5
● Cross-platform
● Unlike HTML5
● Not Browser-based
● Supports Android AND WM6.5. iPhone, Blackberry coming soon
● Meme Script programming language
● Generates native code
– C# Compact Framework WM 6.5
– Java (Android 2.1 or later)
● Integrated Graphical Form Designer

3. Screen Designer (WM)

4. Screen Designer (Android)

5. Building Cross Platform
Android
SDK
MX
Build and CAB
Tool
MX VM Java
MX App Classes
Windows Mobile CAB Android APK Installer
Installer

6. Business Components

7. Signature Capture

8. Satellite Navigation
● Integration with other mobile client software
● Navigate button next to postcode
● Co-pilot
● Google Maps

9. Enough Talk!
● Installation
● Download Zip file for your platform
● Extract
● Run

10. Hello World Video
part 2 signature capture

11. Address Book Example

12. Import 'Address Book Example'
● Right-click in the project explorer
● Import ..
● General → Existing Projects into Workspace
● Next
● Select Archive File
● Browse to examples/addressbook_basic.zip
● Finish

13. Address Book – Records

14. Address Book – Global Variable

15. Address Book – Main Form (WM)

16. Address Book – Main Form
(Android)

17. Address Book – List Data

18. Opening the First Form
● Create a method called 'startup'
● Startup opens the first form supplying the
global variable 'addressBook' as a parameter
function startup()
{
open("AddressBookForm", addressBook);
}

19. Opening the First Form
● Change the
Project properties
to specify startup
function
● Also set the App
'Identifer'

20. Person Form Set form Data to 'Person'

21. Person Form Set field Data to '.name'

22. 'addPerson' function
function addPerson()
{
var newPerson : Person;
newPerson.name = "New Person";
newPerson.tel = "";
append(addressBook.addresses, newPerson);
refresh("addressList");
}

23. 'editPerson' Function
function editPerson()
{
var selectedPerson : Person = getSelection("addressList");
open("PersonForm", selectedPerson);
}

24. Creating a Menu
● Right-click on Project Explorer
● New Meme Menu
● Name it 'AddressMenu'
● Add Two Menu items
● Edit – link to editPerson function
● Add – link to addPerson function

25. Creating a Menu

26. Use the Menu – Main Form
Set the menu for the Form

27. Use the Menu – Context Menu
Give the List View a name
Set the menu for the List View So we can redraw it

28. 'savePersonDetails' Function
function savePersonDetails()
{
refresh("addressList");
back();
}

29. Packaging for Deployment (WM)

30. Packaging for Deployment
(Android)

31. Android Manager

32. Android Emulator

33. Installation
● Launch emulator OR
● Plugin real device with USB debugging
enabled
● From command line:
● adb uninstall com.meme.course.addressbook
● adb install AddressBook1.0.0-debug.apk

34. Windows Mobile
● Active Sync
● Copy CAB file onto device
● Run the CAB File
● Find the App in 'Programs'

35. Summary
● Understand a simple app in Meme IDE
● Know how to build an app
● Know how to deploy an app