Solved

Need Guidance in Creating Mobile Website that looks and acts like an app, but is really just a mobile website.

Posted on 2015-02-06
5
40 Views
Last Modified: 2016-05-24
I want to create a mobile web site with a responsive design and call it an "App" without actually creating a "native(?)" app. I'm not familiar with programming an app, but I'm a wiz at PHP. So I really want to build a responsive site and use php/mysql for its functions. So I'm hoping there is a quick work-around versus actually programming everything in android/iphone code. Instead I just need an App Icon that accesses the web site which can sit on the home screen just like other apps icons (versus a bookmark).

Also, one important aspect to this is that the user can easily "download" the app to put the icon on their home screen.

So I'm thinking of these possible solutions which I have no idea how to do either and I'm having a hard time finding any answers by searching google, which I'm usually really good at, but with lack of time to spare I surrender to the experts!

1) Create an APP that "iframes" in the web site. So the app is kind of just the container for the web site.

or

2) Simply create an APP Icon and make it open the browser window to my web site "m.mysite.com"

3) ??? is there a better way? Any other Ideas?

I really appreciate your help experts!!!

Tony
0
Comment
Question by:tonyhhisc
5 Comments
 
LVL 1

Assisted Solution

by:erzoolander
erzoolander earned 125 total points
ID: 40594549
There are a number of different options you have.  

If you want to have it remain local - PhoneGap or similar wrappers would be one option - that way you can keep it without requiring an internet connection.
0
 
LVL 6

Accepted Solution

by:
Rafael I earned 250 total points
ID: 40594738
I did the exact same thing for someone who had an iPhone-compatible mobile site who wanted it ported over to Android.  It was a great learning exercise too, because it was my first app.

Write out your application in PHP/mySQL and host it somewhere.

Download android studio and look up tutorials for making a browser app. then strip out the parts users don't need access to, like address bar, status bar, menu options. Then include your site as the default site, and a few buttons to go home, cancel, etc. The only other thing you'll need to implement is something to check whether or not you have a network connection.

If you don't want to learn about android, you can do a quick search on fiverr.com for people to do it. Some charge $5 for the app, and $10 for the source code, but then you'll still have to figure out how it works to make changes yourself. I have both positive and negative experiences on this site, but for $5 it's not a bad gamble.

Good luck!
0
 
LVL 109

Assisted Solution

by:Ray Paseur
Ray Paseur earned 125 total points
ID: 40594928
If you really need real-time connectivity to the server, consider using Twitter Bootstrap.  It's got a responsive, "Mobile First" design and will also scale well on tablets and desktops.  Examples abound.  You will also want "font awesome" to supplement it.

If you don't need connectivity to the server, you would do well to avoid it.  The cost of data acquisition in an app goes up by an order of magnitude if you must get it from the server instead of from the client device.  By "cost" I mean the battery consumption.  Cached data takes much less power than real-time retrieval.
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A brief look into what is, how to use, and how to make GIFs
Email is way too noisy, prone to hiding the important stuff, and really becoming unreliable for critical/timely communications. There are better ways to communicate.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question