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