Meme IDEAgenda  ●   Meme IDE screen designer  ●   Building cross-platform  ●   Business Components  ●   Address Book examp...
What is Meme IDE?●   Like HTML5    ●   Cross-platform●   Unlike HTML5    ●   Not Browser-based    ●   Supports Android AND...
Screen Designer (WM)
Screen Designer (Android)
Building Cross Platform                                                       Android                                     ...
Business Components
Signature Capture
Satellite Navigation●   Integration with other mobile client software●   Navigate button next to postcode    ●   Co-pilot ...
Enough Talk!●   Installation●   Download Zip file for your platform●   Extract●   Run
Hello World Video         part 2 signature capture
Address Book Example
Import Address Book Example●   Right-click in the project explorer●   Import ..●   General → Existing Projects into Worksp...
Address Book – Records
Address Book – Global Variable
Address Book – Main Form (WM)
Address Book – Main Form        (Android)
Address Book – List Data
Opening the First Form●   Create a method called startup●   Startup opens the first form supplying the    global variable ...
Opening the First Form●   Change the    Project properties    to specify startup    function●   Also set the App    Identi...
Person Form   Set form Data to Person
Person Form   Set field Data to .name
addPerson functionfunction addPerson(){  var newPerson : Person;  newPerson.name = "New Person";  newPerson.tel = "";  app...
editPerson Functionfunction editPerson(){  var selectedPerson : Person = getSelection("addressList");  open("PersonForm", ...
Creating a Menu●   Right-click on Project Explorer●   New Meme Menu●   Name it AddressMenu●   Add Two Menu items    ●   Ed...
Creating a Menu
Use the Menu – Main Form             Set the menu for the Form
Use the Menu – Context Menu                                 Give the List View a nameSet the menu for the List View      S...
savePersonDetails Functionfunction savePersonDetails(){  refresh("addressList");  back();}
Packaging for Deployment (WM)
Packaging for Deployment        (Android)
Android Manager
Android Emulator
Installation●   Launch emulator OR●   Plugin real device with USB debugging    enabled●   From command line:    ●   adb un...
Windows Mobile●   Active Sync●   Copy CAB file onto device●   Run the CAB File●   Find the App in Programs
Summary●   Understand a simple app in Meme IDE●   Know how to build an app●   Know how to deploy an app
Upcoming SlideShare
Loading in …5
×

02 meme ide

584 views

Published on

Meme IDE Training Material

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
584
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

02 meme ide

  1. 1. Meme IDEAgenda ● Meme IDE screen designer ● Building cross-platform ● Business Components ● Address Book example ● Building ● Deploying
  2. 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. 3. Screen Designer (WM)
  4. 4. Screen Designer (Android)
  5. 5. Building Cross Platform Android SDK MX Build and CAB Tool MX VM Java MX App ClassesWindows Mobile CAB Android APK Installer Installer
  6. 6. Business Components
  7. 7. Signature Capture
  8. 8. Satellite Navigation● Integration with other mobile client software● Navigate button next to postcode ● Co-pilot ● Google Maps
  9. 9. Enough Talk!● Installation● Download Zip file for your platform● Extract● Run
  10. 10. Hello World Video part 2 signature capture
  11. 11. Address Book Example
  12. 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. 13. Address Book – Records
  14. 14. Address Book – Global Variable
  15. 15. Address Book – Main Form (WM)
  16. 16. Address Book – Main Form (Android)
  17. 17. Address Book – List Data
  18. 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. 19. Opening the First Form● Change the Project properties to specify startup function● Also set the App Identifer
  20. 20. Person Form Set form Data to Person
  21. 21. Person Form Set field Data to .name
  22. 22. addPerson functionfunction addPerson(){ var newPerson : Person; newPerson.name = "New Person"; newPerson.tel = ""; append(addressBook.addresses, newPerson); refresh("addressList");}
  23. 23. editPerson Functionfunction editPerson(){ var selectedPerson : Person = getSelection("addressList"); open("PersonForm", selectedPerson);}
  24. 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. 25. Creating a Menu
  26. 26. Use the Menu – Main Form Set the menu for the Form
  27. 27. Use the Menu – Context Menu Give the List View a nameSet the menu for the List View So we can redraw it
  28. 28. savePersonDetails Functionfunction savePersonDetails(){ refresh("addressList"); back();}
  29. 29. Packaging for Deployment (WM)
  30. 30. Packaging for Deployment (Android)
  31. 31. Android Manager
  32. 32. Android Emulator
  33. 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. 34. Windows Mobile● Active Sync● Copy CAB file onto device● Run the CAB File● Find the App in Programs
  35. 35. Summary● Understand a simple app in Meme IDE● Know how to build an app● Know how to deploy an app

×