jpHolo

What is jpHolo?

An application template based on jQuery Mobile and PhoneGap, featuring an Android Holo styled interface.

Features

Application template based on jQuery Mobile 1.3.2 and PhoneGap 3.1.0.
Android Holo Theme look: Holo Light with Dark action bar, Holo Dark, and Holo Light.
Toast messages.
Share intent.
Google Play Store intent.
Home button simulator.
Retrieve current package version that is set in the manifest file.
Navigation Drawer.

Requirements

Android 2.3.3 and higher. Android 4.0.x may have some small different behaviours in the GUI compared to 2.3.x and 4.1.x and higher.
It is an Eclipse project, so you need to use Eclipse or convert the project to another IDE.

Included resources

Gimp images files (XCF) to make your own PNG/JPG files.
Full HTML, CSS, and JavaScript sources.

PhoneGap instructions

- Setup a development environment. Follow this blog of mine to do that for Windows: http://teusink.blogspot.nl/2013/07/guide-phonegap-3-android-windows.html - Download this project. - Import this project in Eclipse. - Start developing!

PhoneGap examples

See my blog about this: http://teusink.blogspot.nl/2013/04/android-example-app-with-phonegap-and.html Working example can be found on Google Play Store. It is my own app DroidPapers: https://play.google.com/store/apps/details?id=org.teusink.droidpapers

Web instructions

- Set in both index_smartphone.html and index_tablet.html the value "window.phonegapExcluded" to true. - Exclude the scripts that are mentioned below "". The scripts are: cordova.js, backgroundService-x.x.x.js and cordova_custom_plugins.js. - Upload the contents of the www folder from the project to your webhosting. - Start developing!

Web examples

- jpHolo Smartphone: http://www.teusink.org/blog/jpholo/index_smartphone.html - jpHolo Tablet: http://www.teusink.org/blog/jpholo/index_tablet.html

Change-log

Pending work

- Upgrade to jQuery Mobile 1.4.0. - Upgrade to PhoneGap 3.3.0. - Chrome Remote Debugging. - Multi-language. - Remove of energize.js due to incompatibilities with ChromeView in Android KitKat 4.4.

2013-11-24

- Some small changes and improvements.

2013-11-17

- Changed the core scripts and html files a bit to make easy transfer to a webhosting possible. See the instructions above.

2013-10-26

- Upgraded to the new PhoneGap 3.1.0 framework. - Added system specifications on second page (Holo Dark).

2013-10-24

- Added event (swipe to right) to open left panel menu.

2013-10-04

- Bit better screen estate usage for smaller tablets. - Added Holo Light theme header and icons (theme complete now). - Improved theme. Also included a picture of all jQuery Mobile theme swatches. - Moved JavaScript and onclick listeners from HTML files to JavaScript files. - Changed function "getPackageVersion" to a callback function. - Renamed jpHolo related JavaScript libraries and CSS files. - Added PhoneGap plugin: AndroidPreferences. - Added PhoneGap plugin: BackgroundService ( https://github.com/Red-Folder/Cordova-Plugin-BackgroundService ), with thanks to Red-Folder. - Added Android Service feature (based on plugin BackgroundService) to demonstrate the way how to incorporate a service in a web-app. - Reinstated the back-button handling to before. HomeButton plugin is still included, but not used.

2013-09-05

- Changed PhoneGap plugins a bit with logging (nothing special). - Back-button does not exit app any more, but push it to background (saves reloading). When Android does not have enough memory it will eventually push the app out of memory.

2013-09-02

- When left panel opens the header icon changes to the opened style. Like Google meant it. - Included 2 new image files because of the change above. - When a panel opens, non-contextual action bar buttons hide (and show when panel closes). Like Google meant it :). - Changed energize.js a bit. Anchor tags aren't speed up now to prevent click events being fired twice. Moved from minified version to normal version. - Added a note to application.smartphone.css when using virtual keyboard in your app.

2013-08-14

- Improved click energizer (energize-min.js). - Completed all references on homepage. - Remove jQuery Mobile pop-up. - Removed not needed files.

2013-08-11

- Improved logging commands (console.info, console.warn, console.error, instead of console.log only).

2013-08-09

- Footer action buttons height fix.

2013-08-06

- Removed reference to non-existing script. - Made example (menu items, toasts etc.) bit more better to understand. - Added Appstore plugin to invoke an intent to open Play Store. - Added PackageVersion plugin to get current package version set in manifest file in Android. - Changed right navigation drawer with menu items to demonstrate the two new plugins. - Upgraded package to Android 4.3 (API 18).

2013-07-26

- Add the new (and all) Roboto TrueType fonts. - Improved icon images with new Roboto font. - Improved CSS a bit due to new fonts.

2013-07-21

- Upgrade to jQuery Mobile 1.3.2.

2013-07-20

- Paved the way for PhoneGap 3.0.0. Project is still using PhoneGap 2.9.0.

2013-07-12

- improved Gimp image resource files (easier to adjust app title) - improved interface (icon title button) - added non-minified custom jQuery Mobile Theme - removed Holo light images (they will return improved) - more image resources - fixed tablet layout not showing

2013-07-10

- renamed style.css to application.css - renamed style_tablet to application.splitview.css - added application.tablet.css - added application.smartphone.css - merged jQuery Mobile settings to jquery.mobile.settings.js (loaded before jQuery Mobile loads) - merged functions_before.js and functions_after.js to application.core.js (loaded at the end of all other scripts) - updated energize.js from: https://github.com/davidcalhoun/energize.js - included function that executes a piece of code AFTER the deviceready event has been fired. - GUI now better imitates native look and feel (including action bar resizing with landscape mode) - Now using official color codes that are selected by Google for Holo - renamed entire app and code from JQM-Example to jpHolo (adjusted images also)

2013-06-29

- Added to GitHub public repo now - Added tablet view support. - Improved Holo colors.

2013-05-23 (on Teusink.org Blog)

- Changed app to remove the blink issue (meta viewport). App now functions without blinking.

2013-05-22 (on Teusink.org Blog)

- PhoneGap 2.7.0 - Improved JavaScript code with JSLint - Changed panel behaviour to the official Google style presented at Google I/O 2013.

2013-04-29 (on Teusink.org Blog)

- Initial release

License

This program is free software: you can redistribute it and/or modify it under the terms of the GNU LesserGeneral Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. To read more about the GNU Lesser General Public License that belongs to this program, see http://www.gnu.org/licenses/

feddroid / jpholo Goto Github PK

jpholo's Introduction