[WikimediaMobile] Beginning prep for iOS support in PhoneGap-based app

Brion Vibber bvibber at wikimedia.org
Sat Jan 14 00:55:18 UTC 2012


While we've been readying the Android release, I've also been doing some
work on making the new app run on iOS.

One significant thing that needs doing is replacing the Android-native menu
with something more portable. When run on iOS or in a web browser[1], we
now have a provisional toolbar at the bottom of the screen, currently with
six icon buttons for:

* back
* forward
* read in...
* output -> opens popup menu with 'Save page', 'Share page'
* bookmarks -> opens popup menu with 'Nearby', 'Saved pages', 'History'
* settings

This will get merged into a top-toolbar for tablet view on iPad, and may
end up merging implementation with the next-gen Android-style action bar.
We still need more iOS-style icons for some of these; I filled in a couple
generic ones with icons from glyphish.com temporarily.

[1] You can run the app in Google Chrome by launching Chrome with the
--disable-web-security option and loading up the index.html in the source
tree. Don't do other stuff on the web in the same Chrome session, as it'll
allow web pages to access each others' data. ;)


Things that don't currently work on iOS or web view:
* saved pages (currently requires an Android-specific urlcache plugin,
could be redone in native JS?)
* nearby (currently implemented as a native Android view, should either
redo as native JS with OpenStreetMap or do a native iOS implementation)
* share page (currently implemented with an Android-specific plugin, can be
replaced by an iOS-specific one[2]; need a web stub also to offer
copy-pasting the URL maybe)


It might also be useful to set things up with a simple proxy PHP script or
something so it can be run in a regular web browser mode for testing.
Running in a browser makes a lot of style & toolbar tweaks MUCH easier to
prototype and debug, except for the browser-specific issues of course!

-- brion
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.wikimedia.org/pipermail/mobile-l/attachments/20120113/eb989b40/attachment.htm 


More information about the Mobile-l mailing list