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
36 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 108

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

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Suggested Solutions

Are you having trouble connecting or getting your iPhone / Samsung device(s) to sync with Microsoft Exchange Server?   What have you tried?   What haven't you tried?
Let Bitmoji into your life. Now is the time to learn a new language of smartphone messaging with this brief introduction.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
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…

743 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now