I wonder what the best solution is to store and browse static html pages with javascript, images and movie clips on both iPad and Android tablets?
The content is a product catalog and is rather large, about 2GB in size, and the idea is to be able to browse it offline.
According to this Android SE question, it should be possible on android with the built-in browser, however, according to this SO question it seems like it's not doable on iOs.
I've also seen suggestions on making an application of html content using PhoneGap, but I'm not familiar with it so I can't tell if it actually is an alternative.
How would you do it?
Update: The package size is about 3,5GB (not 2 as mentioned above)
Try the jquery API I hope there is a option to do operations like this
Related
Hi I am developing a site for desktop.The site renders the contents for desktop size.But when I see it in mobile the content is not properly rendered.
How can I make a site that fits all mobile screen sizes say Blackberry,Android,iPhone, etc. Can anybody mention any articles. I know only HTML. Thanks in advance.
I remember looking into myself a while ago and finding this video tutorial on net-tuts+ to be a good starting point
It is hard to make a single site that looks good on both mobile and desktop. Resolution is not the only problem, the very way the user interacts with you site changes on a mobile device. That said, the typical thing to do is to have a mobile style sheet which is loaded for mobile, and a desktop sheet for desktop. You might even go so far as to limit some of your content on mobile to make the page lighter.
I found http://mobiforge.com to be a good source of info.
EDIT:
See my answer
I saw some interesting frameworks to build applications for mobile platforms like Android and iPhone with HTML and Javascript so you can use your current web-development skills without learning a new platform language. That's very interesting because you can write just ONE application for many platforms. Very easy to maintain.
But, you cannot sell it in the App stores, so I’m wondering if it is possible to use an embedded webbrowser in the application that loads an external/included html file.
I have seen that it is possible to create Android and iPhone apps with flash, that's is easy, so i want to create a simple 'host' application that only loads content and I can use it over and over again to distribute a new app.
So the question is, is it possible to create a simple app with flash that embeds a webbrowser to load a html file?
When it is possible, next question is, it possible to communicate with the embedded webbrowser? Also a question is, will Apple allow such application in it app store?
I hope my question is understandable.
In a very strict sense, yes, you can make an app that is just a simple WebView wrapper pointing to your web-hosted app.
This is usually frowned upon though in the android market community, and i'm fairly positive such an app won't make it through Apple's closed-doors decision committee.
On the iPhone, if your app only consist of a UIWebView it is very likely that you app is going to be rejected. What you could do is ask your users to bookmark your webapp adding an icon to the home screen. Think Basecamp for iPhone.
After all this time i got the answer.
Phonegap uses a WebView to display the HTML content. It is a compiled native App with embedded WebView.
Apple accepts phonegap generated applications but it still not sure if it made it to the AppStore, it depends on what you doing with it. I think simple apps will made it. See also: http://www.phonegap.com/faq
EDIT/UPDATE:
I tried allot of tools/solutions to create crossplatform apps but all of these seem to do the same thing: It's a executable for the specific platform with an embedded browser. None of them compiles HTML to native code.
Flash (Builder) is something different, it requires AIR (can be compiled into the executable). When you using a WebView (only) with Flash, it is overkill because in fact you do not need AIR to display the HTML in a WebView. I think it is better to use phonegap to 'compile' the executable.
I have a software that eventually will have some reports to be accessed via iPhone.
Once I am not willing to develop an iPhone app, I´d like to make these reports accessible via iPhone Safari browsers.
GMail in iPad uses HTML 5, so I guess I can do the same.
My question is where can I find some resources to learn best practices doing so and how can I test it in a PC computer.
Thanks
Here is a similar answer I've given: Exclusive CSS for iPhone/Android
For testing you can use Chrome or Safari, as they are both webkit browsers (which is what the iPhone uses). Safari can even render as the iPhone user agent.
Hope this helps.
Please take a look at PhoneGap, I think that is what you are looking for.
You can emulate the program in xCode, but you will need an Apple for that. For PhoneGap also..
From the app architecture view-point you should also consider introducing app-specific optimization such us:
Simplify the app (show only what you need for mobile)
Minimize Application and Data Size
Aggregate Images into a Single Composite Resource (Sprites)
Include Background Images Inline in CSS Style Sheets
Keep DOM Size Reasonable
Ensure Paragraph Text Flows
Avoid Redirects
I am HTML/CSS/jQuery coder. And I need to develop the website, which will be "zoomed-out" or "fitted" to 320x480 (frequently used resolution) Android mobile device screen.
Or even this solutions should check my screen resolution and connect the right CSS for that.
Somewhere I met that there is android.js file, which connects to HTML and recognizes if the website was open on PC or on android device. But I am not sure at all. I didn't do anything for mobiles before.
Found this article: http://blog.mgpwr.co.uk/2010/09/make-your-website-iphone-compatible/
Don't think it's a right solution to use PHP for that.
Better would be HTML or JS.
A very simple answer would be don't hardcode width on the elements and don't specify font size in pixels. The mobile browser will adjust the rendered page itself.
If however you want more iPhone-like look of form controls like radio buttons, buttons, drop downs, then you need to use the mobile javascript libraries outlined in the other answer.
A simple answer would be a mobile javascript library such as one of the following:
http://www.sencha.com/products/touch/
http://www.phonegap.com/home/
http://jquerymobile.com/
http://jqtouch.com/
What would be the best way to write an app for the iPhone OS and the Android OS that allows access to a web blog (posted on blogspot.com)? Are there ways to manipulate the incoming data from the website to fit the UI of the phones, or will I have to re-do a lot of the blogs?
Any help would be nice! And thank you in advance!
The easiest way in both would be to integrate the browser in the web app but perhaps restrict it to the blog.
For example, your app would open and have its own UI, but displaying the actual blog content would be done in an integrated browser (such as a WebView in Android).
Doing it this way isn't the best as it wouldn't be the best experience for the user, but it has the added benefit of keeping all the blog's design and extras, as well as javascript functionality.
"Manipulating incoming data from the website" (otherwise known as scraping) would be tricky for modern blogs since they usually contain so much customised content and are nowadays more like websites with blogs than just regular blogs.
I guess your best bet is to use Phonegap open source framework.
Since it basically creates local webapps and both platforms have very similar browser capabilities this should be a good fit for your intended application.