Making mobile app for a responsive site - android

I have a responsive web site and I need to make Android and iOS app for it to be published in each platform store so I am asking about the process/steps or the tool to do that. Can I use TWebBrowser component in Delphi XE 8 as a Firemonkey project to make these apps and make the site adjust its layout automatically according to the device used ? or there are other steps I should use ? or I should use different tool than Delphi ?

I'm no web developer, but I know that making a website responsive is done on the server site. This way, if your mobile user opens Safari or Chrome, your site will be responsive and will adjust its limits to the device.
If you need to make native apps for each platform, you would have to replicate your website in native code and use API calls OR use whatever framework (like Firemonkey). Still, if you make an app with just a webview and load the website, it still won't be responsive.

Related

Is it possible to emulate Kotlin android Android with a browser?

I am looking forward to create an Android app with Kotlin.
But I can not use Android Studio or other IDEs. I am using the Amazon AWS Cloud9 IDE now.
I have found there is WebView and read articles, but I still cannot figure out how it works.
It is possible to emulate the UI on the web or is it only for web application development?
The WebView framework allows you to specify viewport and style properties that make your web pages appear at the proper size and scale on all screen configurations for all major web browsers. You can even define an interface between your Android app and your web pages that allows JavaScript in the web pages to call upon APIs in your app—providing Android APIs to your web-based application.
Consider using these alternatives to WebView if your app falls into the following use cases:
If you want to send users to a mobile site, build a progressive web app (PWA).
If you want to display third-party web content, send an intent to installed web browsers.
If you want to avoid leaving your
app to open the browser, or if you want to customize the browser's
UI, use Chrome Custom Tabs.
More details

How to embed a website into an Android App?

I have a mobile website, users user smart phone browser to access my site.
Now some users would like to have an Android App.
So is there any easy and fast way to create an Android App which will access the existing mobile website so that I can have an Android App without developing Android app?
You would have to create a "wrapper" Android App. That is a native Android App with a Main Activity that contains a WebView with JavaScript enabled and some sort of navigation controls either on the mobile website or the native app (buttons or menu) but you could bump into problems such as:
Users being stuck in a particular page with no way to navigating back or forward.
Google is now more picky with the apps and they have policies to reject or ban apps that are only wrappers or point to external websites (kind of what Apple did for iOS)
Any case, you would have to create a mobile layout for your website or a make it responsive (special CSS and JS UI/UX that fits better on mobile devices).
Another alternative is to make your website compatible with PROGRESSIVE WEB APPS (https://developers.google.com/web/progressive-web-apps/) which is basically a Web app with some special elements that allow it to receive push notifications, put a shortcut or app icon on the device's home screen, etc.
Good luck! Hope this helped!
You can use android WebView. For more details you go through the link Android Webview
the only way to do that, using WebView on your apps or you need to create manually
You can put your code into Cordova and convert it into other IDE like android studio or eclipse .
reference:
Import Cordova project in Android Studio

Android Application that points to a web app

I have a web application that is optimized for mobile viewing, so that it can be used on all smartphones (Android, iPhone, etc).
The development of the web application is nearing completion, but I would also like to have an actual downloadable app that users can put on their phones. All this app would do is literally point to the web application and ask them to log in.
Is this something that can be easily done, or will I need to develop full fledged Android and iPhone applications separately that interact with my web app somehow?
Thanks in advance.
PhoneGap is a tool that essentially will do what you are asking out of the box. If you are somewhat familiar with native development, you can also create a simple app where the main view is a web browser (see WebView (Android) or UIWebView (iOS)).
Try this.
Create apps from any web content.

Convert Mobile Web into Native Apllication Using WebView/phoneGap

I am gonna develop a mobile application for multiple devices, say iPhone, iPad and Android Devices like Samsung Galaxy, Samsung Tab and Samsung Galaxy Nexus,
The application is about listing set of information from webservice to list in the application, So I decided to go for Mobile Web app using jquery mobile,
I want to publish the app in Appstore and Android Market, So I want to wrap the Mobile web in to a Native app, I thought an idea of implementing it in a UIWebView in iOS and WebView in Android,
Another option I found out is phoneGap,which provide an SDk to wrap an Web app into a Native iOS or Android App.
Can you people suggest me , Is it better to go with WebView in your native application, or is it really required to use phoneGap, Whether apple will approve my Application if I am using Mobile Web app in a UIWebView, Kindly Suggest.
Note: In my application there is no real need of Using any native functionality of iOS like, Camera, Contacts etc, I just wanna have a list with information fetched from the Webservice.
If you don't need any of the native features phonegap/callback gives you, do not use it. It's a bloated project that will probably add a ton of features you don't need, if you only need a wrapped web application.
Just use a regular webview, enable JS, caching etc and load your HTML into it.
Use phonegap. http://phonegap.com/
If u use it you can use the phonegap build service to generate apps for all platforms via it. you will only have to worry about the js, html part of the app, like you said.
Or if you dont want to use the phonegap build, still creating your own apps with phonegap is way easier as you dont have to write ANY native code.
There were some issues in Phonegap before because of which Apple was rejecting Phonegap apps previously. Thats fixed now, so thats no problem. :)

iOS - calling a web application from within an app

I have a quick question regarding to mobile development, I'm new at this, so please excuse me if I have some mistaken concepts. The scenario and question is the following:
I have a mobile site developed under .Net Framework 4.0, MVC3, Jquery Mobile, HTML5, and CSS3 that looks and works really well from any mobile browser: iOS Safari, Opera Mobile, Android Browser and Blackberry Browser.
I would like to create an app that has a browser in it with the address bar hidden to show this web application and don't let the user see the web address of this web application. The reason why I want this behaviour is this: we have a banking web application site that is intended to be used only through the mobile application. We don't want to create separate apps for each platform, so we would like to use some of those multiplatform frameworks like Phonegap, Appcelerator or such.
I only want to know if it's possible to get this achievement on Phonegap or something like that.
Thanks in advance.
This can be done really easily using Appcelerator.
http://developer.appcelerator.com/apidoc/mobile/1.0/Titanium.UI.WebView
Code:
var webview = Titanium.UI.createWebView({url:'http://www.appcelerator.com'});
var window = Titanium.UI.createWindow();
window.add(webview);
window.open({modal:true});
However, if the app is only using that one webview and no other form of functionality, Apple could well reject it for not using any native functions.
See this note in their documentation...
12.3: Apps that are simply web clippings, content aggregators, or a
collection of links, may be rejected
Hope that helps!
if all you are going to do is host the app inside the webView then I would suggest that PhoneGap is better suited for that approach to mobile application development.
Appcelerator utilizes the native controls/ UI of the platform to build applications and since it is not your intention to use them it is just extra baggage.

Categories

Resources