I was about to start mobile web application development , I was looking a open source webapplication with which I can embedded to android web view. Native application developement + embedded web
Are there any webapplication with html5
Yes you can use cordova or phonegap(extends cordova) the use android web view and you can develop using html5
Refrences
Cordova
Phonegap
You can use Angular.js or directly use ionic framework for building strong UI and front end logic for bussiness style apps.
Further more you can integrate any javascript library or css UI like Bootstrap to Enhance the app.
Related
I have to build a hybride app, out of my webapp. It´s not allowed to use a middleware framework like phonegap which just builds it. In my app I want to show that HTML5 already allows to use a lot of functions of the mobile phone like the geolocation, instead of frameworks which can do the same, so I cannot use the framework for building my app. Which program should I use, VS? And how can I build my application(jpk) without a framework like that to test it on my mobile phone?
You should create a simple application with a webview and run your webapp inside this webview.
The problem is: hybrid frameworks like Cordova or Phonegap arent supose to just implement mobile features like camera or gps, they are useful writing once and run everywhere without complaining about iOs and Android code or even for fallbacks. Probably in the future youre not even going to install applications in your phone to use all mobile features using only browser features.
Here are some helpful links:
https://developer.android.com/guide/webapps/webview.html
https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/
https://developer.mozilla.org/en-US/Apps/Progressive
i have created my Mobile application with Jquery mobile now i want it to deploy
now how should i deploy across platforms like and android Iphone etc.,
Phone Gap looks promising but it is confusing plus it looks like i have to re code stuff again
please Help
Thanks
jQuery mobile framework provides tools for mobile UI. It is used in combination with standard web application backends. Such applications are deployed on web servers! If you want to make hybride apps you can use PhoneGap, that's right.
PhoneGap projects use an open packaging model that follows the W3C Widget Packaging specification. You have to adjust your project according to the specifications or simply deploy it as a web application on a web server.
I have developed a web application using Polymer and packaging it as a CEF App. When I launch the application, I only get a blank screen while same application in browser is rendered properly.
I'm using CefSharp (V- 1.19.0.41824) to embed a webView control in my winform application. Below is the code that I'm using for displaying web content in webView -
webView = new WebView();
webView.Load("http://localhost:8000/sampleApp/")
Any pointer will be very useful.
If the current core chrome version used by CEF is lower than 36, then you'll need to enable the experimental flags to allow the web components features.
I don't know how you would enable those flags in your project, but I do know that web components and html link/includes where only made mainstream in the browser core from chrome 36 onwards.
jQuery Mobile and PhoneGap both appear to be targeting cross-browser mobile development based on HTML5, but what are the major differences between the two?
What are the Pros and Cons of each framework?
Why would you choose one over the over?
Simply put jQuery Mobile is a UI toolkit for building mobile web applicaitons.
PhoneGap is a JavaScript framework which allows you to access native device functionality like the camera, contacts, file system, etc. PhoneGap does not provide UI elements.
If you want to create a hybrid mobile app, one which is built using HTML5 but runs on a device like a native app, you would not choose one over the other. You'd use both.
JQuery mobile is a javascript library for mobile broswing (mostly adapt the user-interface for better user experience on mobile devices)
Phonegap is a cross-platform development framework that provides core mobile device features to web-based mobile apps (Extracted from here)
Basically, you cannot use phonegape to take pictures from a website, but you can build an app with HTML and javascript (Phonegap) that access to some features in the mobile.
By the way you can use both in the same application: link
JQM is just a javascript framework, gives you some UI controls, animations and manages page navigation for you.
It's still a javascript webpage, so you don't actually have anything compiled in the end. Because of this your users access it using their BROWSER pointing to a URL, just like a normal website (only those are called Web-Apps in iOS language).
PhoneGap is just a Native project (written for all major Mobile hardware, like iOS, Android, BB, WP7, etc...) that wraps a WebView control (basically a browser window) inside an app. You could include your .js/.html files, and those would be loaded LOCALLY. Another feature of PhoneGap is a jscript bridge between your code and the phone's native capabilities (like for example taking a picture from javascript!).
You end up with a NATIVE APPLICATION that you can then post to the AppStore/AndroidMarket.
Hope this helps clarifying the difference.
The jQuery Mobile documentation has a page about making an app with PhoneGap and jQuery Mobile: http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html
how to develop HTML + CSS for android mobile.. any guidance will be great help
http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide
You could give sencha touch a try . It is a HTML5/JavaScript Framework for developing web applications for Android and iPhone. And it's available under GPL ;)
If you want to know, how to access or use HTML and css in Android apps, then put your HTML and css files in the /asset folder and show them in WebView. WebView is capable of showing web pages with images, css, etc.
You can refer an official book from Oreilly Books:
Building Android Apps with HTML, CSS, and JavaScript : Making Native Apps with Standards-Based Web Tools
http://oreilly.com/catalog/0636920010067/preview#preview
It is a great book for developing apps using web technologies for Android.