I have a responsive angular 2 wep-app that behaves like a mobile app when the screen resolution is reduced. Are there any tools that can convert the web-app to an apk mobile app?
Also, I was wondering if there's a mobile app template/project available online that works like a web browser but it can only navigate to one website?
Thanks.
There is a few ways you can do it . For myself , i created my web-app using ionic Framework . The language i used is in angular2 & typescript.
But the downfall for these, you might be needing some knoweledge on how ionic works.
BUT
Aside from that , the other easier way to do it is to use apache cordova to convert your web-app to apk mobile app.
Follow these steps # https://auth0.com/blog/converting-your-web-app-to-mobile/ and you do just fine.
Another thing to take note of ,
If you want to test your apk in an emulator , Dont use sdk emulator as it really slows down your laptop/desktop. Use GenyMotion instead.
You have to register and its free, it saves alot of time and run smoother . All you do is drag your apk file to genymotion.
Do also note that you will be needing Virtual Machine for your genymotion.
I hope with this, it will help you with coverting your web-app to mobile-app
Cheers :)
Related
I've created a meteor.js app which I deploy to meteor hosting service.
I wanted also to make it a mobile app, so I started looking for solutions and came across with this Github repo.
MeteorRider, the approach is straightforward, get your meteor app going, then take your phonegap app srating and then "hijack" the DOM using jquery $.ajax request,
so this is what I've done:
meteor app running on meteor hosting, created phonegap app using phonegap
create my-app changed the www folder as the docs mention
changed the meteorUrl, changed phonegap confix.xml origin access to my host.
run locally on emulator using phonegap local run android.
and nothing happens..
Maybe someone has tried this? Or know how to get this working. I hate iframes this is way. I don't use cordova-phonegap and similar.
I haven't used Meteor with PhoneGap, but this is what I would do to narrow down where the problem is:
Ensure your site works on your device's Android browser (this is what PhoneGap uses inside of the native app).
Point the meteorUrl to a Meteor.js site you know works on your device's Android browser.
Point the meteorUrl to a MeteorRider site that works for other people (you may need to ask the MeteorRider author for this).
Ask the MeteorRider author for the most recent Meteor.js version that he has confirmed works with MeteorRider. You may find that there was a change in Meteor.js that broke it. For example, I could see the new standard browser-policy causing a problem.
Hopefully this will help, or spark an idea of another way to investigate the problem.
So far we have a web solution in html5, javascript for a webrtc solution. It is running successfully in chrome browser version 28.
Is it possible to embedded / convert the whole web solution in a single apk using phone gap?
Is the default phone gap browser support webrtc?
Please let know any info.
well, first you need to create projects in phonegap depending on your platform, say android, ios. Then you can start importing your web project into the www folder relatively and gradually, and see if it actually works. depending on functionality you will have to adapt to of course, jqm or some other framework perhaps along the way.
i made a little nice app with phonegap and mgwt.
Now i want to do the same app with jquery mobile and to compare the mgwt app with the jquery mobile app.
I want to compare the size and the performance of the both apps.
For example the speed of the change from one view (or side) to the next view (side).
Is this possible to test the speed with a stopwatch for example?
How could i do this testings?
Does i need an android phone or is it better to test it in a desktop browser?
How to test the performance and which tools are needed?
Please help.
One option you can use is Traceview. Here in this blog post you can see a method to measure the time of events in a phonegap application.
I hope it helped
You could use the Browsers DeveloperTools (Firebug, Chrome DevTools, Safari Web Inspector) to measure the performance of the different apps.
With Safaris Web Inspector it is possible to measure the performance of an Phonegap app running on a real device. see Safari Docs It can connect to the browser on the iOS device and also to WebViews used by an app, e.g. when it uses PhoneGap.
For Android you can use Weinre to get the Web Developement Tools for an app that is running on a device.
The Web Developer Tools offer a lot of possibilities to look at your Application e.g. inspect your DOM Elements, Resources, Network Traffic, Console and also to profile your app. You can call console.profile() to start profiling and end it with console.profileEnd(). So this would e.g. be an easy way to measure how long a function is executed.
In case of jQuery Mobile and only jQuery Mobile you can use this js script: https://github.com/jquery/jquery-mobile/blob/master/tools/page-change-time.js
At the bottom of my other article: https://stackoverflow.com/a/14469041/1848600 you will find how to use it.
Does anyone know of an easy way to present an android app through a website? Maybe the equivalent of an emulator running on a webpage. It would be great for demonstrating app functionality via the web and doing basic initial customer design approval without them having to install an app. It would also be good for marketing existing apps.
I think creating a video is the best way. If you are on a mac, try this:
Screenflow
If you are on Windows, try this:
Camtasia
I use ScreenFlow and then put the video on my website for clients to see.
You can use Droid VNC Server on your own handset and connect an android handset to your Network, then give them a webpage with the HTML web viewer of Droid VNC server. That would probably give you the best solution and would be transparent for the customer.
Do this
Install the ADB Driver to directly debug the app in Android Phone
Open Android Studio, directly run your app in Android phone.
Click the Capture icon. its capture the screenshot of android phone.
4.See the images , Android Studio have own Screenshoter, Video Recorder.
5.No Need of Third party Softwares.
Hope this helpful.
Happy Coding :)
Android being based on Java, I guess one could adapt the emulator for a webbrowser version, but this would be quite long, and inefficient.
If you forced your user to download the emulator (you could package it without the whole sdk), you could make a batch script to launch it and install your apk, but for a lambda user this would be too much trouble to test one app.
The only solutions left are
making a video of your app's features (you could then add subtitles and graphic design to enhance a point in the video)
make a fake version using flash or HTML5 / javascript
make a java applet (you could then reuse some of your code, and only redesign the GUI)
I would recommed using TeamViewer or other simmilar remote access/remote desktop sharing solution.
Teamviewer is free.
ps.
i know this is not on webpage, but i figure if you'll be presenting this could be a good option.
would like to build an app that can run on any of the new PAD's hitting market.
I don't want to limit our users to a specific OS.
What is the best solution to allow all these pads to use our app.
The app needs to be able to run offline.
Thanks!
You could write a web application and use HTML5 for off-line caching.
http://diveintohtml5.ep.io/offline.html
Alternatively, you could try and use Titanium Mobile.
http://www.appcelerator.com/products/titanium-mobile-application-development/
You should also spend some time reading this discussions:
is-there-a-multiplatform-framework-for-developing-iphone-android-applications
technology-to-write-iphone-blackberry-and-android-phone-at-the-same-time
Have a look a MonoTouch, it will let you write all your logic in C# over all the main mobile platforms. However you still need custom UI code for each platform, but as least it will all be in C#.
(Better then having to use C#, Java and Objective C)
You could use Adobe Air that could works in most of Mobile/Tablet operating system Iphone,Android and Windows 7. but im not sure if Apple will approve your App if you plan to released to the App market.
Another way to think about it is to create an HTML resources and then integrated in away seems native to the system its more work but you will have a higher chance to get approved from apple and the app look more integrated with the OS .
The obvious -- and currently free -- answer is to use Adobe FlashBuilder to develop iOS apps. There is an iPhone and iPad emulator included. This does not use xcode, but you get most of the features to work with, and you can also develop Android apps from the same set of code. Further, with minor modifications for mouse usage, you can also have the apps run on any desktop as an Air app.
Adobe's website has detailed directions for how to create iOS apps on Windows with Adobe Air, though the most useful instructions for Air are from untoldentertainment.com.