Wikipedia Mobile App - iPhone • Open code base • Translated to over 25+ languages through community translations. • Geo-location of articles. • Over 150,000 downloads each month. • Download from iTunes Store: http://itunes.apple.com/app/wik ipedia-mobile/id324715238
New Mobile Gateway in 2011 • Ruby Based, open sourced. • Collapsible Sections. • Works on tons of cell phones. • Active community improving code base. • Available for 35+ Wikipedia projects. • Project URL: http://tinyurl.com/4uykd6e
Next Step• Continue to improve Mobile Gateway.• Wikipedia Mobile App on all Mobile Platforms. – Wikipedia Mobile 1.0 for Android scheduled for end/November, 2011. – More platforms to come….• More information – Wikimedia Mobile Projects: http://meta.wikimedia.org/wiki/Mobile_Projects
App Features and Roadmap• http://meta.wikimedia.org/wiki/Mobile_Proje cts/App_Features_%26_Roadmap
PhoneGap • Has community to provide useful Plug-ins and Tools.
PhoneGap Supported Platforms• Android • Windows Phone• iOS • Symbian• BlackBerry • Bada• webOS • Mac OS X
Why PhoneGap?• Tech support from nitobi (now Adobe) is responsive.• PhoneGap is open sourced on GitHub, thus their code is very easy to be verified.
PhoneGap Resources• How to Start: – http://phonegap.com/start• API Reference: http://docs.phonegap.com/en/1.2.0/index.ht ml• Wiki: http://wiki.phonegap.com
Wikipedia Activity• assets/www/index.html – Includes JS frameworks to use. – Includes PhoneGap plug-ins. – Includes app logic. – Includes platform-specific codes. – Defines main UI, and initialize with main.js. – Defines app menu items.• assets/www/app.css – Defines main UI styles.
Wikipedia App Logic• NearByMe: assets/www/js/geo.js – Directly executes NearMePlugin to start the NearMeActivity in Android and shows nearby Wikipedia geo-locations (WikiItemizedOverlay). Then do related actions in Android. – Get returned result from Android in NearMePlugin and callback to PhoneGap JS engine to show the Wikipedia article in WebView.• You need to get GMap API key first so you can see details in MapView.
Wikipedia App Logic• Settings: assets/www/js/settings.js• Select Text: assets/www/android/platform.js – Directly executes SelectTextPlugin in Android to select the text on WebView.• Share page: assets/www/android/platform.js – Directly executes Share plugin in Android to share the web page URL.• About: assets/www/js/main.js
How to join the Project?• http://meta.wikimedia.org/wiki/Mobile_Proje cts/Contribute