Embedd HTML5 inside native iOS Application - ios

i am searching for a way to extend my native iOS App (written in Objective-C) with HTML5/CSS/JS
So i could write parts of my App´s Code in HTML like a basic shop or similar where code in HTML already exists.
But i don´t want to destroy the great native like look and feel or make users think they left the app and entered a scaled-down version of Safari or similar. So they won´t even feel they are on external HTML on the net.
I want a HTML page inside my App but with full advantages of device like animations, transitions, preloading, no borders. Maybe even make use of device functions like accessing camera, sound and so on.
How could this be done if possible?
thanks in advance

You could use JavaScriptCore as a bridge between your native app and Javascript logic. You can also use a UIWebView to bridge between your native and web apps using something like this.

You could explore UIWebView https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIWebView_Class/
Though offhand I am not sure if it supports everything you are hoping for in terms of animation/etc.

Your choices are:
PhoneGap
Titanium
UIWebView
More on that here:
Comparison between Corona, Phonegap, Titanium

Related

Is it possible to move part of app's logic to server-side and use it by UIWebView in app?

I want to move Cart part from my app (shop's catalog) to server side (server version has full-featured Cart) and show it in app by UIWebView as iframe. So, I'm interesting, may it be rejected? I've read some similar questions such as is it possible to use iframe in UIWebView? but in my case it's not a "simple fb button", but big part with logic, graphic etc
I think it should be fine as all Cordova/Phonegap/other hybrid frameworks are using entirely UIWebView. The only thing you'll need to take care of seems to be handling the offline situations gracefully...

Image manipulation in hybrid mobile apps

i'd like to ask if there is possibility to write sth like instagram app but not as native application, just hybrid app (titanium or phonegap with ui frameworks)?
Most of functionality for me is possible to implement, but i wonder about image manipulation.
I have experience in appcelerator titanium and icenium(cordova with kendoui) and my idea is to create app in titanium with webview where i will use some JS manipulation scripts, i've found pixastic.com and CamanJS.com(camanjs is not possible to implement i thing in my situation) so pixastic seems the best.. or any other ideas?
What do you think about performance of this solution? Any experiences about this issue? Any suggestions?
Check out this post right here: Create Instagram-esque filters with javascript? sounds like it could direct you in the right way.

Is it possible to load interactive elements into an iOS app?

Does anyone have any ideas how I could package an external interactive slide that could be dynamically loaded by an iOS app? Is it at all possible?
e.g. Imagine having a presentation app on an iPad. There is a set of interactive slides held on the web somewhere, let's say they contain draggable elements.
Can I load one of these slide objects into the app and interact with it? If so, what format would the slide object be?
Thanks,
Mark
Technically it's possible to dynamically load bundles (NSBundle) components in an app. These bundles could even contain executable code, though AppStore guidelines prohibit use of dynamically loaded NSBundles in this way for security reasons.
Additionally you could just use a UIWebView to display some 'slides' on a webpage, though it will be very hard to make the app behave as if it's the same as the native slides - perhaps even impossible (due to how rendering of webpages work compared to native controls, for example).
Ok so lets say you have these "external interactive slides" on a web server somehow. Since you are not saying they are of a certain type (like powerpoint or such) I will just assume that these slides are of some rare format that is probably not supported by any existing apps or the Safari browser.
Then the answer to your question would be: Write your own iOS-app that can read, present and edit these slides. What format are they? Well it doesn't matter. Write an app that can download the slide data from the data and parse it, and present it on the phone.
Then let the user interact with it, and perhaps make the app upload the changes to the server.
You can do anything you like in your app, there are no limits. You just have to write the code for it. If there was some kind of standardised format, lets say you wanted your app to show powerpoint presentations, then you would have 3 choices. Use someone else´s app, or write your own app with a parser for the powerpoint files or make your own app that use some code that someone else wrote to do it (a third part library that you include in your app)
In your specific case, I can not tell if there are any third part librarys to interact with your slides, but my guess is that you will need to do most of it on your own. You could start with looking at how the web services that interact with the slides online works, and if you can interact with them from an iOS-app that you make yourself.
There is nothing stopping you from creating an app, read the slide data into the app, present it in any way you like, let the user change it, save it in your app, or upload the changes to a server. It's all up to you =)
Good luck!

comparison jquery mobile kendo sencha jqtouch

i am new in all mobile app thinks i want to find a library for graphs witch it will play in all types of mobiles(ios, android,windows phone etc).I am searching but there are so many and i confused.jquery mobile,kendo,sencha,jqtouch,web 2.0, dhtmlx and so many other. I want my app play in all mobiles, do anyone known the best library. I already have used the libraries i mention before but if there is something else to test and see please tell me.
this is some of the links i saw until now:
http://docs.dhtmlx.com
http://web20boom.com/web/touch.php
I will use phonegap. Please anything it would be very useful.
Maybe my question wasn't very clear and i am sorry for that. I want a JavaScript library for building HTML5-based mobile web apps.I want to make all the beauties in my app (buttons, panel and etc.) I don't want to make graphs i want a library which i can used to make carousels,accordions and other simple and little more difficult thinks.But until now all the libs i saw it doesn't work well in all the phones.Thats why i am asking if there is a library who plays well everywhere.But thanks a lot for your answer.
For example i want a lib like jquery mobile but i want to play well in ios and android phones at least.If anyone know any lib please help.
Not sure if any of these fit your needs:
http://www.sencha.com/products/touch/charts
http://www.zingchart.com/
http://code.google.com/apis/chart/
http://code.google.com/p/flot/
http://www.highcharts.com/
http://www.splashnology.com/article/15-awesome-free-javascript-charts/325/
http://mbostock.github.com/protovis/
http://www.jqplot.com/
Related:
Framework with charts for mobile web application

workaround for contenteditable on iPad

I have a web application that uses TinyMce to allow rich text editing. Some of my customers are desperate to get it to work on iPad (which doesn't support contenteditable and therefore TinyMce doesn't work)
At the moment the only choices I have are:
Disallow rich text editing when i detect the browser is iPad. This is not much of a solution because my app relies heavily on rich text editing
Wait for iPad to support contentEditable
Write my own iPad app. This isn't really workable because it's a big complex app with loads of HTML and javascript and I would have to rewrite it all
Use another browser. As far as I know none of the other browsers support contenteditable either.
I'm really keen to find some workable solution. is there such thing as a rich text editor that doesn't require contenteditable? or does anyone have a clever idea I hadn't thought of?
Thanks in advance
Andy
As of June 2011, it looks like there may be support coming in iOS 5
http://www.tuaw.com/2011/06/08/will-ios-5s-safari-deliver-better-support-for-web-editors/
this observation (that it's working in the beta) has been confirmed by a colleague of mine too.
Write my own iPad app. This isn't
really workable because it's a big
complex app with loads of HTML and
javascript and I would have to rewrite
it all
Not necessarily true. You can embed the working part of your web app in a UIWebView component, which is basically Safari embedded in your app, and handle the not working part in the app (providing content). It would require work for sure, but maybe a lot less than rewriting the whole app for iPad.
At to this point there are no browsers on the ipad that will allow RTE. Actually there is only one phone giving full browser support for RTE (sry, i forgot the name of the phone).
Therefor, i think you almost showed all possible solutions (jv42's suggestion excluded) yourselve.

Resources