How to make android application for responsive website - android

I am having mobile compatible website, it is highly responsive and do all what I need in mobile.
I just like to have an android/ios application, either it can represent my website as container.
Do we have any tool for the same. Is there any way to achieve it, as I do not want to use any mobile hardware like camera, geolocation and any other.
If any container of android or ios can provide a simple interface by opening my site in it, it will be a great option.
Kindly share your view on the same.

Have a look at this article about layouts.
A mobile application provides a different user experience than a mobile website. In your case if you don't want to use the mobile version of your site in the browser, then you need to create an application with a native UI.

For Android:
In my opinion, you should consider using the Empty Activity template from Android Studio to add a WebView inside it that will point to your website.
For iOS:
Seems like iOS Dev kit has the same kind of view.
For Windows Universal Apps:
Their Dev Kit has it as well.
Alternative:
If you feel more comfortable with web technologies, you can consider using Apache Cordova to build a mobile app from web sources.
Conclusion
All the native solutions presented are not that hard to implement (Less than a few hours), they just need you to play a little bit around with the native developing.
Cordova, the web-to-mobile solution, would also need you to play around with it.
Happy mobile developing !

Related

Can i make android apps using html5 and javascript?

I need help?
Can i make android apps using only html5, javascript and css and from
scratch.
Yes. Build your web application with responsive view features and add a json manifest file to let the android browser add it to the home screen as an app. The next time your users opens your app by clicking on your app icon in the home screen it will work like an app(full screen,no address bar etc.,) . You don't have to even put your app in web store.
But the API's supported are minimal compared to a full fledged native app.
The complete list of supported api's here . You might be surprised to see some api's like the battery api, offline storage so have a look.
Real world example:
visit aliexpress in your mobile browser and add to home screen.
React Native is probably the most popular library for developing Mobile Apps using Javascript. Note that it doesn't exactly use Javascript, but is built on top of the React library.
Alternatively, there's a framework called Electron that uses Javascript,HTML, and CSS to build an application. It is built on top of Node.js. It was primarily made for building Desktop Apps. But you can use their Native Node Modules for building Mobile Applications.
You can find Electron here: https://www.electronjs.org/
The docs for the Native Node module for Electron: https://www.electronjs.org/docs/latest/tutorial/using-native-node-modules
yes, you can do. please check following:
http://phonegap.com/products/
It will help you.

Simple HTML5 app for mobile devices

I want to build a simple app where everything is offline and mostly it is an informational app with info pages and list pages. What is the best way to build an HTML5 app for it so I can easily port it to different platforms? I'm looking for a free solution.
This developer had an HTML5 app so he just converted it to and Android app as mentioned in the answer: Convert HTML5 into standalone Android App. So, is that the way to go if I'm building one from scratch? Would it be just as easy to convert it to iOS?
Also, how does performance look for such an app on Android/iOS/Windows Phone? I mean would the page sliding animation and stuff be just as fluid as a native app given that it is so simple?
Give PhoneGap a shot. It's probably the most popular platform that allows you to create mobile apps utilizing a browser, and it's free to use :)

Android Native App Designing Frameworks

What I am trying to do might not be quite difficult but I am confusing myself. I am trying to build an app only for Android that will play videos for my company.
As I am not an native Android developer what I did is using html, jquery and phonegap to create and bundle my app as a web view which will help the end user installing the app instead of going to a URL and then open it.
Now here the challenge starts for me, I am looking for touch optimized design which should look like a native app. I can use twitter bootstrap , foundation or any other CSS framework to make my design responsive. I also know how to make ajax based animated page loading which will help me in preventing complete page load.
The real issue: is css the only and right way to design a mobile app? Does apps like Facebook , Youtube also make use of Css to design their native apps?
I do not want to use jquery mobile because I simply don't like their design patterns.
Again, my question might seems to be foolish. What I want to use are industry standard tools to build my app, even if I have to dig into Android tutorials and learn it from scratch.
Any help ,links or guidance will be helpful.
Native apps do typically not use HTML/CSS, and instead use the widgets etc provided by the platform. That's what native means. Facebook recently switched from a web view/HTML5 implementation to native (at least on Android).

How can I wrap my mobile website to access native mobile features?

I would like to wrap my mobile website in a native shell. The reason for this is that I'd like to:
Allow my users to take pictures using the app via a link on the page, if they're using the wrapped native site.
Send push notifications to my users
Based on my initial research neither PhoneGap nor Titanium are really meant for this. What is the best strategy here? If it makes any difference, this is an enterprise app not a public app. I am only targeting Android and iOS.
Are you not looking for something like Rhodes?
http://docs.rhomobile.com/rhodes/build
So several months later I'm not sure why I thought PhoneGap and Titanium were poor choices, but they both would have worked fine, I'm sure. For a hybrid iOS app I ended up just using UIWebView with a native UITabBar and implementing some delegate methods on the web view to make it feel native.

developing smartphone apps using Rhomobile

I have been developing an Android application for about two months now, and the guy I'm writing it for wants me to use this instead of the android SDK so we can deploy the application for multiple smart phones: http://rhomobile.com/
he says you can write the application in one language and it can be deployed for most smart phones. Has anyone used this website to do something similar? Any advantages or disadvantages I should know about and tell him? Maybe someone could give me a better explanation on what this really does.
I'm current a one man army. He wants the application out for most smart phones but can afford to hire more developers.
Rhomobile will start up a small webserver on your phone and then show a webview that is directed to this webserver. You are able to write all the application logic in ruby in a way you would do it if you would write a web app that is deployed on a real web server. Rhomobile uses CSS etc. to have the app look look a little bit like a native app.
If you know Ruby you will get an App fast but it will look crappy and the user experience will be crappy too. A similar framework is appcelerator titanium they will let you write the app in Java Script and then compile it into a mix of javascript, webview and native components that run on an Iphone and on an Android phone and titanium has a much nicer user experience then rhomobile.
Visit their pages and test some of the apps that they are promoting as showcase for their frameworks.
As many developers writing apps in Objective C have learned using HTML for the view and styling with CSS styling libraries is a great way to create attractive native apps. Rhomobile's Rhodes uses this approach as well. We used to let people use whatever CSS they wanted and they could choose to use IUI, JQTouch, IWebKit, WebApp.net or any other library along with Rhodes. The best external apps all seemed to use JQTouch for styling and animated transitions.
Recently we decided to ship with our own fork of JQTouch (which we made work on Android) in order to make this even easier. The recent Rhodes master branch created apps with JQTouch builtin makes such attractive apps even easier to build, as the stylesheets are included with Rhodes scaffold-generated apps.

Categories

Resources