[Q] Website into an App - Web App Development

I'll keep this as simple as possible.
First:
my coding experience is that of a Kindergartners. I'm sure at this rate if i want to get anything done i may need to hire someone.
However, i would still like to learn.
SO MY QUESTION:
Is it possible to make an app that pretty much is just a website?
For example, the app would essentially be the website. I.e rather than go to m.Facebook.com you would be downloading Facebook App.
However the only difference would be that one is via an app and one is via the mobile browser. No feature difference. nothing.
I think of it as a "Drag and Drop" you take the website and drop it into the 'framework' of an app.
it must be possible, if so. How? is there a tutorial? or is someone willing to explain this?
I Do know exactly what i want done, so if you're super educated with something like this i am willing to pay a small amount for the app.
Or if you want to know more about exactly what i want message me.

Of corse it is possible - that's what a Web App is.
Take a look at developer.android.com/guide/webapps/index.html
Basically, you just toss your web stuff (html, css, javascript, ...) inside an app acting as native wrapper and displaying your content through a Web View.
But if your app is just ment to be an identical copy of your website, I would not advise it:
WebViews are not exactly state-of-the art, and may show little inconsistencies or behave differently than mobile browsers
Every time you update a single file on your website you need to release an update for the app as well - unless you leave your content on the web and the app loads it remotely, but that would mean a very slow app
Web Apps are tipically a choice when you need to target multiple platforms (android, ios, ...) at once or when you want to fast-prototype an app and you're more skilled at html development than Android.
Unless, of course, you have other specific reasons to build an app for your website.
There is also another way to make your website look like an app (at least, for those using Chrome Mobile):
developers.google.com/chrome/mobile/docs/installtohomescreen

Mobile App Developers
Yes for sure.. We can convert an website into app. This is all covered in Mobile App Developers work...

Yes, of course. Use PhoneGap
Hi,
of course, that's possible. All you have to do is try out PhoneGap. Use google to find it.
I did not use it before, because I like native apps without any "gaps" between. But for a quick'n'dirt hack you will find it usefull, I think.
The site says:
Easily create apps using the web technologies you know and love: HTML, CSS, and JavaScript
Click to expand...
Click to collapse

Please provide the code

Sure. It is just what phonegap can do for you.

sensislee said:
Sure. It is just what phonegap can do for you.
Click to expand...
Click to collapse
Do we need to pay Phonegap for Code?
Sent from my SM-I9600 using Tapatalk

snowsunil said:
Do we need to pay Phonegap for Code?
Sent from my SM-I9600 using Tapatalk
Click to expand...
Click to collapse
No, as I know, Phonegap is open source and free.

Related

[Create your own apps] Google App Inventor

Probably the wrong thread, but...
You can build just about any app you can imagine with App Inventor. Often people begin by building games like WhackAMole or games that let you draw funny pictures on your friend's faces. You can even make use of the phone's sensors to move a ball through a maze based on tilting the phone.
But app building is not limited to simple games. You can also build apps that inform and educate. You can create a quiz app to help you and your classmates study for a test. With Android's text-to-speech capabilities, you can even have the phone ask the questions aloud.
To use App Inventor, you do not need to be a developer. App Inventor requires NO programming knowledge. This is because instead of writing code, you visually design the way the app looks and use blocks to specify the app's behavior.
Click to expand...
Click to collapse
App Inventor
cashless said:
Probably the wrong thread, but...
...To use App Inventor, you do not need to be a developer. App Inventor requires
NO programming knowledge...
Click to expand...
Click to collapse
[sarcasm]perfect. apps developed by non-developers without any programming knowledge is exactly what this world needs. [/sarcasm]
I guess some good may come of it, but it just reminds me too well of script kiddies running amock in the software store with unlicensed compilers.

idea how to hack zune to make install wp7 apps

Hi all,
I was wondering if it's possible to inject into zune app and make it install another app instead of the one you choose using zune.
Using fillder, I briefly tried to look what requests are made by zune but I could not see anything which looks like downloading the app.
Just sideload its a whole lot easier and I don't think something like that exists otherwise it would be on Android and iPhone.
Sent from my GT-I5800 using XDA App
andreiuc said:
I was wondering if it's possible to inject into zune app and make it install another app instead of the one you choose using zune.
Click to expand...
Click to collapse
Hmm, I can say - interesting idea! But I am afraid it's a very difficult to implement. You need to emulate whole MS store server...
I think all requests go via secure connection and checked by trusted certificates on device.
same with dev unlock.
Cotulla said:
I think all requests go via secure connection and checked by trusted certificates on device.
same with dev unlock.
Click to expand...
Click to collapse
Not at all, some requests are non-secure. I'm able (with WireShark) to catch xap requests, store/app info etc. Actually, we have a lot of marketplace replacements (even I have my own implementation ).
sensboston said:
Not at all, some requests are non-secure. I'm able (with WireShark) to catch xap requests, store/app info etc. Actually, we have a lot of marketplace replacements (even I have my own implementation ).
Click to expand...
Click to collapse
I tried with Fiddler to catch xap requests but I was not able to see any.
My idea is to to write an app which injects code in Zune to hijack calls to download a XAP from zune and download from my location instead(or get it from local disk).
it's good to hear this. but marketplace XAP files are signed and it also makes a problem. unsigned will not work. (it's not deploy, it's installation!)
Cotulla said:
it's good to hear this. but marketplace XAP files are signed and it also makes a problem. unsigned will not work. (it's not deploy, it's installation!)
Click to expand...
Click to collapse
Right. They are signed with developer key.
Not sure if WP7 OS checks this and how would it know if it's the real app?
I mean, I can sign my own XAP which I make Zune to get it and deliver it to WP7.
andreiuc said:
Right. They are signed with developer key.
Not sure if WP7 OS checks this and how would it know if it's the real app?
I mean, I can sign my own XAP which I make Zune to get it and deliver it to WP7.
Click to expand...
Click to collapse
Looking to the requests responses when you select to install an app, I was able to see this response XML:
Code:
<a:entry>
<a:updated>2011-09-08T18:03:25.3198784Z</a:updated>
<a:title type="text">3D Paperball 1.3.0.0</a:title>
<a:id>urn:uuid:1ea47c77-79c1-4c5a-b441-549b4e93dcea</a:id>
<version>1.3.0.0</version>
<url>http://apps.marketplace.windowsphone.com/E0C15284-972B-41D3-B245-8C16AAF73A66/CurrentBinary.xap</url>
<packageSize>9235456</packageSize>
<installSize>19616768</installSize>
<clientTypes>
<clientType>WinMobile 7.0</clientType>
<clientType>WinMobile 7.1</clientType>
</clientTypes>
<supportedLanguages>
<supportedLanguage>English</supportedLanguage>
</supportedLanguages>
<deviceCapabilities><capability><id>ID_CAP_NETWORKING</id><string>data services</string><disclosure>Disclose</disclosure></capability><capability><id>ID_CAP_SENSORS</id><string>movement and directional sensor</string><disclosure>Disclose</disclosure></capability><capability><id>ID_CAP_IDENTITY_USER</id><string>owner identity</string><disclosure>Disclose</disclosure></capability><capability><id>ID_CAP_IDENTITY_DEVICE</id><string>phone identity</string><disclosure>Disclose</disclosure></capability></deviceCapabilities>
<averageLastInstanceUserRating>0</averageLastInstanceUserRating>
<lastInstanceUserRatingCount>0</lastInstanceUserRatingCount>
</a:entry>
<a:author>
<a:name>Microsoft Corporation</a:name>
</a:author>
As you can see, the XAP URL is right there.
However, with Fiddler, I am not able to see any requests to this URL.
Maybe someone can share some info using more advanced tools like WireShark.
LOL, my hunch is it's actually the WP7 OS which is doing the download of the file
yeah. but it seems signed with own MS certificate ?
so developers push app to MS and they verify and sign it? (I don't know much about market space publishing)
andreiuc said:
LOL, my hunch is it's actually the WP7 OS which is doing the download of the file
Click to expand...
Click to collapse
I believe you are right as it's been discovered already that it's pacmaninstaller.exe (I think that's the spelling) on device that prevents the sideloading of homebrew apps with INTEROPSERVICES.
andreiuc said:
However, with Fiddler, I am not able to see any requests to this URL.
Maybe someone can share some info using more advanced tools like WireShark.
Click to expand...
Click to collapse
Did you "reverse tether" your phone to PC? I believe, handset is responsible to download and install xap...
BTW, all these talks is about "warez" I don't see any other reasons to do that kind of hack (or may be, for research purposes only).
To get a "prove of concept", we need:
- download MS signed xap;
- using some kind of filtering proxy, replace request to http://apps.marketplace.windowsphone.com/{GUID}/CurrentBinary.xap to the local server;
If phone will be able to download and install that xap (what is impossible by using MS or third-party deployers), we'll get a solution or at least prove of solution
Cotulla said:
yeah. but it seems signed with own MS certificate ?
so developers push app to MS and they verify and sign it? (I don't know much about market space publishing)
Click to expand...
Click to collapse
Yep, "Ed Zachary" (c) Dave Barry, "Big Trouble"

Port a WM app?

I was wondering if anyone would know how to port an old WM app to WP7.5 it is ShopAid, from Maximus Mobile. I don't know how to decompile it. Just Decompile From Telerik doesn't lok at .cab files. I don't know if the original dev is still on this site, but if theis could be ported to WP and metro-fied that would be great.
why don't you try one of the (free) regular WP7 applications from the marketplace? There's quite a bunch of them, look here.
I would still love this if this was possable, to inport a cab file into a project....
You'll need to find another app because decompiling a Windows Mobile app is just not going to happen. It would be easier just to write the app from scratch.
anon1811 said:
why don't you try one of the (free) regular WP7 applications from the marketplace? There's quite a bunch of them, look here.
Click to expand...
Click to collapse
The main reason I liked this one is you can put a lot of info on an item. Such as what store, the aisle it was found in etc. This way I can organize my list by the store and aisle so I know exactly what I need from what aisle and i can get it done faster
Try to configure a general-purpose database app?
There are now a number of general-purpose database apps in the Marketplace now (named "Database", "My Database", or similar) that allow you to freely specify the structure of your database, i.e. the fields, their order, their types and lengths, etc. You could then "put a lot of info on an item", in fact as much as you configure.
Maybe you could use one of those database apps to build your very own dream shopping list "app" yourself?
Only thing I want from Windows Mobile besides TomTom navi (I like tomtom a lot better than garmin) is the simple UNO game. It was a quick, small and single player, just like when people play solatare.
rbrunner7 said:
There are now a number of general-purpose database apps in the Marketplace now (named "Database", "My Database", or similar) that allow you to freely specify the structure of your database, i.e. the fields, their order, their types and lengths, etc. You could then "put a lot of info on an item", in fact as much as you configure.
Maybe you could use one of those database apps to build your very own dream shopping list "app" yourself?
Click to expand...
Click to collapse
This is a possibility. I will check it out. I just liked this app on my Omnia 2 and figured I would throw it out there.
Ren13B said:
You'll need to find another app because decompiling a Windows Mobile app is just not going to happen. It would be easier just to write the app from scratch.
Click to expand...
Click to collapse
..... They ported over opera mobile and opera mini, why not any other apps?
I'd keep an eye on the WML project by DFT though.
http://www.youtube.com/watch?v=1FNls9Hi6TQ
link68759 said:
..... They ported over opera mobile and opera mini, why not any other apps?
I'd keep an eye on the WML project by DFT though.
http://www.youtube.com/watch?v=1FNls9Hi6TQ
Click to expand...
Click to collapse
Yea, a project that they only said something months ago(look at the date of it, back in feb), and never showed anything else... I would love to see NEW news on this. I even posted looking for new info a while ago....
http://forum.xda-developers.com/showthread.php?t=1618068
Not sure if they ported over Opera or Mini, they re-created them.

How to create an Android app using HTML, CSS and JavaScript

Hello, I have a question on Android development. Personally, I know web development but I do not know JAVA programming because I am not into software development.
I want to develop an android app by using HTML5, CSS3 and JQuery Mobile. The app will be simple, it will be just an app on poetry where users will click some categories and read poems, and also search. That's all. It will be free, no registration, no ads and no server side. I want to use JQuery Mobile for this or even pure HTML5 and CSS3. In fact, HTML and CSS will be used of course.
Bear in ind that I am NOT converting an existing website into an app, but rather creating an app through HTML, CSS and JavaScript. So, the Web View tool is not appropriate here.
My questions are:
1/ Can we really create an APK with obly HTML, CSS or JavaScript?
2/ If we can create, what software (which is free) can I use to create the APK by compiling/converting my web pages?
Thank!
ali20142014 said:
Hello, I have a question on Android development. Personally, I know web development but I do not know JAVA programming because I am not into software development.
I want to develop an android app by using HTML5, CSS3 and JQuery Mobile. The app will be simple, it will be just an app on poetry where users will click some categories and read poems, and also search. That's all. It will be free, no registration, no ads and no server side. I want to use JQuery Mobile for this or even pure HTML5 and CSS3. In fact, HTML and CSS will be used of course.
Bear in ind that I am NOT converting an existing website into an app, but rather creating an app through HTML, CSS and JavaScript. So, the Web View tool is not appropriate here.
My questions are:
1/ Can we really create an APK with obly HTML, CSS or JavaScript?
2/ If we can create, what software (which is free) can I use to create the APK by compiling/converting my web pages?
Thank!
Click to expand...
Click to collapse
You'll need to go through the (sometimes painful) installation of Eclipse/Android Developer Tools and the Android SDK...
https://developer.android.com/sdk/installing/bundle.html
After that you can then do exactly what you are asking for with this...
http://cordova.apache.org/
I'm using that technology to create professional apps (as in, commercial apps for customers) using HTML5 & CSS, Javascript, jQuery and I opt for Bootstrap over jQuery Mobile as it's a lot lighter, but jQuery Mobile works fine with it too.
There's also PhoneGap, but that's just a rebranding of Cordova at the moment. They may branch out in different directions at some point, but at the moment there's no difference. The only advantage to PhoneGap is that you can point it at your source on GitHub and it will build online for you. Very handy if you want to do pure online development, but a bit messy.
Thank you for replying. I think I will try with the PhoneGap and Eclipse as you suggested. I have other questions:
1/ Even the APK will be developed using just HTML, CSS and JavaScript, how to notify the user an update is available through a notification method? I am not asking for tutorials, but just the steps.
2/ As you know, to view the source code of a website, a user will right click and view. As the APK will be developed using client side languages, will they be able to view the source codes in any other way apart decompiling?
ali20142014 said:
Thank you for replying. I think I will try with the PhoneGap and Eclipse as you suggested. I have other questions:
1/ Even the APK will be developed using just HTML, CSS and JavaScript, how to notify the user an update is available through a notification method? I am not asking for tutorials, but just the steps.
Click to expand...
Click to collapse
Your best bet is to let Google Play Store do all that for you. It means paying for a developer account, but it's not expensive and it means that people can get your app from the Play Store, which looks a lot more credible than a link and instructions how to allow 3rd party apps. Also, you push an update to the Play Store, and that pushes the update to all your users. You can't really ask for better than that.
ali20142014 said:
2/ As you know, to view the source code of a website, a user will right click and view. As the APK will be developed using client side languages, will they be able to view the source codes in any other way apart decompiling?
Click to expand...
Click to collapse
They can't do anything as simple as "View source" as all the files are embedded in the application, but they can decompile it and get at your source that way, but there's nothing to stop someone doing that with an APK anyway. They best thing would be to develop your app till your happy with it, and then obfuscate the crap out of the html, css & js files. Sure someone could decompile the app and get your source, but they'd really struggle to do anything with it.
Have a play with it and see if it's any good for you. It really does make it simple for a developer with web experience to make apps.
Also, if this is of any use, I made a guide for developing and building Phonegap Android apps purely online, without any SDK or IDE installation. It's not ideal as debugging would be a nightmare. I mostly made it as reference for myself, but check it out anyway...
http://johncmolyneux.blogspot.co.uk/2014/05/how-to-build-android-apps-online.html
Sorry for the late reply. Can I know where is the APK file is stored?
ali20142014 said:
Sorry for the late reply. Can I know where is the APK file is stored?
Click to expand...
Click to collapse
/data/app/packagename-1.apk
You tube is your friend
Just do a youtube search with these key words "html5 webview android" and you should be able to find everything you need to know on how to build your html5 powered app
Google offers a "ProGuard" solution on how to mask your code by obfuscation. Good luck!
You can also use phonegap build to build your web apps without using eclipse.
You can't make an app using HTML and all these web developing languages but you can simply make a responsive website (I hope you know that) and then integrate that website into the android app. You may also add something like that once a user opens app once his app will connect to your website and then download the files offline for future offline use.
You can make fully functional games and apps with HTML + Javascript. Once you learn a the basic's you can use the framework I posted here to make a quiz game. As you learn more you can make small puzzle games and action games but that takes time to learn. Start by using this framework to build a game.
http://forum.xda-developers.com/showthread.php?t=2785378
And if you dont know how to use eclipse then use phonegap build it will build the game for you and the 1st game is free with their service.
Sorry, just saw this now... i could have saved you a bit of hassle
If you really dont want to make a deep dive and stay with your current skills theres a really great way to do so (no, im not involed in the project and wanna advertise it i just use it and love it).
Theres really great tool from Intel, named Intel XDK. This thingy lets you easyly use either the Intel based framework (thats really fast and depending on how you "build" the app at the end you get native code, not just an simple AKP that displays content in a webview.).
The above mentioned Cordova is also a build option, so if you already learned about that, you can still use it in here. You can also make the userinterface of your app in a drag&drop IDE that saves you TONS of time.
Check here for some easy examples:
http://app-framework-software.intel.com/components.php
The very best comes at the end, you dont have to care ONE BIT about installing anything on your machine, all build stuff is done on Intel servers. You code the app, decide on a way to build it (Cordova, Android, iOS or whatever) and you get an APK out of it. Whats more, you can test/debug directly on device, in browser or any other possible way.
If you dont want to learn the appfraework (whats is basically just like jquery, you dont really have to "learn" it if your familiar with javascript) or use other known frameworks like jQuery mobile. Best is, you can still use the IDE-Designer even with jQuery. So you can for example choose jquerymobile framework and but in a nvigation layout just with drag&drop. Of course you als have a standard Code-View with autocompletion and all if you want.
Take alook, its awesome...
The reason why i post this here that tere is one flaw (in my opinion), the documentation is not the best (its there of course, full API guides and all) and the Intel foum is not really active, since noone really knows about it it seems. If more ppl use it the community could be great and starters have a really easy tool at hand to get into the world of mobile-development.
Hi,
You can create an Android app using the HTML, CSS, JavaScript by PhoneGap. PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. You can learn it at: phonegap.com
Good luck!
Website 2 APK Builder
The all new Website 2 APK Builder for Windows is now available at sourceforge.
as i'm new and can't post external links,
so i'm unable to provide a link of it,
try searching "Website 2 APK Builder" on Google.
Just Launched Yesterday,
that's all.
Easy to use,
Generates ad-free apps.
and available for offline use.
Give it a try.
Oboy
oboy
If you're planning on making a update thingy like that basically use github for that where you have a text file and test for the version every time the app launches with window.onload in JS
ali20142014 said:
Hello, I have a question on Android development. Personally, I know web development but I do not know JAVA programming because I am not into software development.
I want to develop an android app by using HTML5, CSS3 and JQuery Mobile. The app will be simple, it will be just an app on poetry where users will click some categories and read poems, and also search. That's all. It will be free, no registration, no ads and no server side. I want to use JQuery Mobile for this or even pure HTML5 and CSS3. In fact, HTML and CSS will be used of course.
Bear in ind that I am NOT converting an existing website into an app, but rather creating an app through HTML, CSS and JavaScript. So, the Web View tool is not appropriate here.
My questions are:
1/ Can we really create an APK with obly HTML, CSS or JavaScript?
2/ If we can create, what software (which is free) can I use to create the APK by compiling/converting my web pages?
Thank!
Click to expand...
Click to collapse
I'm not sure if it's still a question for you but maybe try to search some helpful articles on this subject? They are usually easy to read and you'll an understanding of what you need to do.
we can create an APK with only HTML, CSS or JavaScript through new frameworks
CODENAME ONE
This cross platform framework enables in growing industry-based totally applications. The level underpins fast application development. The designer can compose code in Java and the software may be attempted and showed with Codename One’s test system devices and check mechanization devices. The system bolsters well known IDEs like NetBeans, Eclipse, and IntelliJ idea. The maximum captivating detail about its collect server is that the designer can fabricate local iOS applications simply as nearby windows packages with out a Mac gadget or windows pc. The degree is usually recommended for creating iOS applications.
You may ask your suggestion from App Development Company in Bangalore which helps in developing innovative apps according to your ideas

[Q] mobile website or app

I have very little android development experience. Still learning. My cousin is working on a website , dont think he wants me sharing to much info about about it , basically its a family tree site , will allow a user to make a tree and u can make additional user for viewing for friends and family. He wants me to make a app for it , my main question is , how do people usually make a app for their websites. Is it they just make a app with a browser that opens the site if so then whats the point of a app when i can just make a mobile version. He really doesnt want to do that . is it possible to make the app from scratch , i make the layout and link it to our database that fills in the data from which ever user logs in , what i mean is i just dont want to make an app that basically opens up the browser and show the mobile site or an app browser . can you please shed some light. Thank you , and sorry for the essay and any typos ,using my phone to type
vondeser said:
I have very little android development experience. Still learning. My cousin is working on a website , dont think he wants me sharing to much info about about it , basically its a family tree site , will allow a user to make a tree and u can make additional user for viewing for friends and family. He wants me to make a app for it , my main question is , how do people usually make a app for their websites. Is it they just make a app with a browser that opens the site if so then whats the point of a app when i can just make a mobile version. He really doesnt want to do that . is it possible to make the app from scratch , i make the layout and link it to our database that fills in the data from which ever user logs in , what i mean is i just dont want to make an app that basically opens up the browser and show the mobile site or an app browser . can you please shed some light. Thank you , and sorry for the essay and any typos ,using my phone to type
Click to expand...
Click to collapse
You can definitely make an app that uses the same database, but if you have very little Android development experience perhaps you should start with a smaller and simpler project? It's a lot to learn.
Web app or Native app both fine
If your product doesn't use too many feature on the phone, the Web app could be good since maybe you can share resources with the desktop Web version. This may also accelerate the development cycle. However, if your are going to use some native phone feature, then, the Native app would be your choice...

Categories

Resources