This is the presentation material from a Meteor Meetup in Jakarta. It contains a preview of an app called Eat Local which was built using Meteor. Including all the supporting tools & softwares used to build it. Additionally, i've also shared several links & references for general mobile app development using Meteor and learning the Meteor framework. Eat Local itself is a campaign to increase the awareness of the importance of local food product. Visit ayoeatlocal.com to find out more.

1. Case Study: Eat Local by Rizky Syazuli
Building mobile applications with Meteor

2. MIRUM AGENCY 2015

3. MIRUM AGENCY 2015
We are Mirum
17 Countries
40 Offices
2,200 Professionals
Built by bringing together
successful, regional
companies that have a deep
understanding of local
market needs.
www.mirumagency.com

4. MIRUM AGENCY 2015
THINK TRIGGER TOUCH TRACK TRANSFORM
Strategy & Consulting
We understand consumers,
the world they live in and
how they use technology. We
understand business and how
to drive results through smart
strategy and amazing creative
ideas.
Campaigns & Content
We reach people where they
are spending time. But we
won’t stop there. We will
commit to creating content
that people care about. We
help brands achieve tangible
results and build meaningful
relationships with consumers
through campaigns and
content programs.
Experience & Platforms
We design and build
immersive experiences
across multiple platforms. By
engaging customers we drive
sales and build loyalty.
Analysis & Insight
For us, measurement is not
a process, it is a culture.
Our analytics teams
provide insights,
performance reporting and
maximize ROI.
Innovation & Product
Development
Our ultimate goal is for our
clients to evolve how they
do business so they can
be amazed by the impact
of digital channels and
technology today.
• Industry & Audience Research
• Consumer Insights
• Digital Strategy
• Ecosystem Planning
• CRM Strategy
• Online Advertising
• Live Events
• Customer Acquisition
• Content Marketing
• Social Media
• User Experience
• Design & Development
• e-Commerce
• Corporate websites
• Mobile
• Digital Outdoor
• Web & Social Analytics
• Conversion Optimisation
• SEO
• Campaign Evaluation
• Product Innovation
• Marketing Automation
• Application Rollout
• Digital & Analytics Infrastructure
• Cultural Change & Training
Our Services

5. MIRUM AGENCY 2015
Key Partnerships
Partners are critical to delivering
great solutions quickly for our
clients. Whether digital platforms
and marketing automation tools or
having strong relationships with the
big technology media companies,
we actively build and maintain these
relationships.
Technology Partners

6. MIRUM AGENCY 2015
01 | About Eat Local

7. MIRUM AGENCY 2015

8. MIRUM AGENCY 2015
Eat Local is a campaign to increase the
awareness of the importance of local
food product.
By eating local foods, your helping the
local farming industry and help save the
environment at the same time.
Visit ayoeatlocal.com to find out more.

9. MIRUM AGENCY 2015
02 | Behind the Scenes

10. MIRUM AGENCY 2015
Core Packages & Features
RESOURCES:
Mobile user interface
meteoric:ionic package on Atmosphere.
CMS
yogiben:admin package on Atmosphere.
Deployment
Meteor Up on GitHub.

11. MIRUM AGENCY 2015
Food Miles
RESOURCES:
Live search
Code example from Meteor Hunt app.
Geolocation
mdg:geolocation package on Atmosphere.
Distance calculator
Stack Overflow topic on calculating distance.
Custom maps
Drawing paths with the Google static Maps API.

12. MIRUM AGENCY 2015
Eat Local Locator
RESOURCES:
Foursquare search
Search API documentation.
HTTP remote connection
http package on Atmosphere.
Custom maps
Add markers to the Google static Maps API.
InAppBrowser
cordova-plugin-inappbrowser. See integration wiki.

13. MIRUM AGENCY 2015
03 | Learning Meteor

14. MIRUM AGENCY 2015
Meteor Learning Resources
Meteor.com
meteor.com/learn
Official Meteor tutorial
meteor.com/install
Discover Meteor Book
book.discovermeteor.com/
EventedMind
eventedmind.com/
Official Meteor Docs
docs.meteor.com
Other Meteor Resources
github.com/gillesfabio/awesome-meteor
yauh.de/best-learning-resources-for-meteorjs/
Example Applications
Todos: a full-featured todo list app
$ meteor create --example todos
Local Market: a mobile social engagement app
$ meteor create --example localmarket

15. MIRUM AGENCY 2015
04 | Meteor for Mobile App Development

16. MIRUM AGENCY 2015
Meteor + PhoneGap
Meteor mobile capability comes from PhoneGap (a.k.a.
Apache Cordova). So please familiarise yourself with it’s
features before starting.
Some highlights of the Meteor + PhoneGap integration:
• Supports Android and iOS builds.
• PhoneGap/Cordova plugins support.
• PhoneGap/Cordova configuration support.
• Hot Code Push for apps with non-native functions.
See the wiki for information.

17. MIRUM AGENCY 2015
Running on Android
Install Android SDK:
$ meteor install-sdk android
Add the platform to your project.
$ meteor add-platform android
Run on simulator.
$ meteor run android
Run on device (connected to USB).
$ meteor run android-device
Publish your app to Google Play Store.
Running on iOS
Install Android SDK:
$ meteor install-sdk ios
Add the platform to your project.
$ meteor add-platform ios
Run on simulator.
$ meteor run ios
Run on device (requires Apple Developer account).
$ meteor run ios-device
Publish your app to App Store.

18. DESIGN BUILD TEST DEPLOY MEASURE
Prototyping
Origami / Form
Marvel / UXPin
UI Frameworks
Ionic
jQuery Mobile
Assets Generator
Favicon Generator
TiCons
Scaffolding
Iron CLI
Packages & Plugins
Atmosphere
Cordova Plugins
DB Management
Robomongo
Unit Testing
Velocity
Screen Mirroring
Reflector / AirServer /
Mobizen
Network Simulation
Network Link Conditioner
Device Simulation
Google Cloud Test Lab (??)
Automated Deployment
Meteor Up
Platform as a Service
Modulus
Database as a Service
Compose
Analytics
Google Analytics
Performance
Pingdom
Kadira
Tools, Frameworks & Services
Meteor resources: github.com/gillesfabio/awesome-meteor
PhoneGap/Cordova resources: github.com/busterc/awesome-cordova

19. MIRUM AGENCY 2015
Thank you.