Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.
from zero to mobile web app in sixty minutes
Transcript of from zero to mobile web app in sixty minutes
Web app deployable to mobile devices
PHP / PERL / Python / Node / Ruby / Bash
Apache / Nginx / Varnish / etc
Linux (Ubuntu / Debian / Red Hat / etc)
Chrome / FireFox / etc
Vim / Emacs / Eclipse / etc
Git / Mercurial / SVN / etc
jQuery / prototype / moo
twitter bootstrap css / etc
HTML5 boilerplate / 360
CakePHP / Kohana / etc
Code Igniter / Larevel / etc
Wordpress / Drupal / etc
Django / Plone / Flask / etc
AngularJS / Backbone / etc
EmberJS / KnockoutJS / etc
Standing on the
shoulders of giants!
PhoneGap / Cordova
PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.
Makes the browser into an App
Meteor is a way of writing applications
that are ready for 2013, not 1996.
All of this data is also on the server
A near "magical" deployment process
A very simple and fast local development server
Kept in sync between the 'server' and 'client'
secured and filtered by 'publish' and 'subscribe'
When code changes, the local server restarts and
all open browsers "refresh" (hot code push)
All JS, CSS, HTML aggregated, minified,
"bundled" and sent to production server
Real-Time data syncronization
Using Xcode you can
run your PhoneGap
app on your local
iOS device or an
emulated iOS device
Play with Presenteract at:
Improve Presenteract at:
Docs/API/Examples - http://docs.meteor.com/
Resource Roundup - http://goo.gl/cVlbB
Videos - http://www.eventedmind.com/
Book - http://www.discovermeteor.com/
Much gratitude to all the Giants
on whose shoulders I stand.
We have to choose
how to build our
May/2013 - by: Alan Blount - https://github.com/zeroasterisk
good in a
Lets put it
on a device.
Phone Gap is designed to work
with static HTML/JS/CSS files;
not a "server" running on the phone...
external URL as the source
and load all HTML/JS/CSS
from the remote source.
Want to know more
about how Meteor works,
and how to use it?
Come to tomorrow's workshop
where I'll be going over code...
Ok ok, fine. Here's a sample: This is how the presenter sets the active slide in the deck
So, how do I get HTML5 in an App?
$39 (well worth it)
(see the "about" page)
Images form the book: "Discover Meteor"
Images form the book: "Discover Meteor"
Several Example Apps
is on GitHub
pull requests welcome
Secured on the server by
allow/deny logic on the
collection, using the built-in
"accounts" oAuth system
Cordova in Meteor
via client request from Meteor to Cordova JS
Meteor in iFrame
PhoneGap index.html loaded, Meteor in iFrame with API to device
I am working on a project which is a hybrid approach,
load Cordova via PhoneGap index.html
load Meteor via AJAX request, take over the <head> & <body>,
then connect to the DDP...
Refer to PhoneGap
Guide for other Devices
Same WWW/Meteor App
for all of them !
How am I going to make an app
for all of these devices?
Update: This is basically stopped by CORS
AJAX wont let me request content from a different origin domain without cross origin request headers, and I can not
get them into a Meteor App yet....
There are a couple of StackOverflow quesitons about it, but so far it has not worked for me... please contact me if you can help get CORS headers into a Meteor App...
alan [at] zeroasterisk com