Building mobile applications with Meteor: Eat Local case study

Case Study: Eat Local by Rizky SyazuliBuilding mobile applications with Meteor

MIRUM AGENCY 2015

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

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

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

MIRUM AGENCY 2015

01 | About Eat Local

MIRUM AGENCY 2015

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.

MIRUM AGENCY 2015

02 | Behind the Scenes

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.

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.

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.

MIRUM AGENCY 2015

03 | Learning Meteor

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

MIRUM AGENCY 2015

04 | Meteor for Mobile App Development

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.

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.

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

MIRUM AGENCY 2015

Thank you.