Cross-platform mobile website application design [closed] - cross-platform

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I will need your valuable advice on developing mobile website for mobile devices. I've never developed any website for mobile devices, and that's why I will be so pleased if you could share your thoughts with me. My questions are
Can I assume that using html5 is safe and my web application would run on the most of the mobile devices web browsers? If it doesn't which one is the most supported standard so I should consider using it?
Is Javascript supported on most of the mobile web browsers? Is it safe to use javascript on my web application?
What is the most used web browser on mobile devices? Which one should I take into account, the mobile device OS and Model or the web browsers used on mobile devices ?
How can I compile my web application for more than one mobile web browser / or mobile OS (whichever is applicable)
Is there a nice book on developing mobile web sites for cross platforms?
Thank you so much, looking forward to your answers.... Cheers

The compatibility of mobile sites is one of challenges in mobile web doevelopment. Since there are a lot of devices that have different browsers and browser engines.
HTML5 is now getting popular for developing mobile site. As far as I know, devices that work well with HTML5 is : Android, iOS, Symbian > 3rd edition, Blackberry with OS6, WebOS, and Windows Phone 7 (though it has very limited support). The other standard used is XHTML MP which work with low-end to high-end devices. But XHTML MP has very limited features compared to HTML5. I usually creating 2 mobile site, one for low-end with XHTML MP and one with HTML5 for mid-end to high-end.
Not all mobile web browser support JS. For low-end devices such as early Nokia s40 it doesn`t support JS. But for higher end devices, it support JS. When a browser support HTML5, it also support JS :D
I don't know the exact answer for it. But you might take a look at http://jquerymobile.com . jQueryMobile is a framework for creating mobile site for phone and tablet it has also the compatibility comparison at http://jquerymobile.com/gbs/
For books, I don`t know good books for it. But you can get a book for jquery mobile here.
Hope this helps you and correct me if I am wrong :D

I would recommend using a responsive design framework such as bootstrap
which is very popular. It based on HTML5 and very easy to use.
You can also use a cloud platform like simbla to create responsive website applications.
Hope thats helps
Cheers

Related

Is it possible to customise the BigBlueButton's video chat layout?

I need to develop an application for online learning and live teaching.
I google and found BigBlueButton which is used by most of the live teaching platform.
But I found all the apps which are using the BigBlueButton have the same old UI for Video chat or live chat.
I also found the are working new HTML5 which have good design but It's not production read.
My Question is:
Can I customise the BigBlueButton and design some cool UI using HTML5 or using the latest HTML5 Design with previous flash plugins.
We've been working on an upgrade to BigBlueButton with a more modern UI design. You can see more information here in a recent post to bigbluebutton-dev mailing list.
We are also working on an HTML5 that will interoperate with the Flash client (instructors won't care whether a student connects via Flash or HTML5). For more information see: http://docs.bigbluebutton.org/html/html5-overview.html.

Mobile Application Published to Store [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I am developing mobile application that will be published in each respected store.
Found this thread, what do web resources refer here? Is it the HTML, CSS, JS? I believe it refers adapters code?
If I update the mobile application code (for example, for the HTML, CSS, JS only), I believe I need to update directly to store just like the mechanism of uploading pure native mobile app?
You can build three types of applications using IBM MobileFirst Platform: Native apps (to which you add an SDK), Hybrid apps and Cordova apps.
Hybrid apps are a native app shell that is generated for you by the MobileFirst Platform tooling, and you write web code (CSS, JS, HTML) for the purposes of the app development (UI, logic, etc...)
Cordova apps are the same as Hybrid apps, only you use standard Cordova approaches and tools rather than IBM's and use a provided SDK.
In both Hybrid and Cordova, the CSS, JS and HTML are referred to as web resources.
In the case of IBM MobileFirst Platform there is a feature called "Direct Update" which allows you to update these web resources without the need of uploading a new version of the app to the app store(s). The update is sent to the device/app from the MobileFirst Server.
Found this thread, what do web resources refer here? Is it the HTML,
CSS, JS? I believe it refers adapters code?
This is not adapter code. This is app code. See above.
If I update the mobile application code (for example, for the HTML,
CSS, JS only), I believe I need to update directly to store just like
the mechanism of uploading pure native mobile app?
You could, but for such updates you can also use Direct Update, explained above.
Read more here:
https://developer.ibm.com/mobilefirstplatform/documentation/getting-started-7-1/foundation/advanced-client-side-development/using-direct-update-to-quickly-update-your-application/
http://www-01.ibm.com/support/knowledgecenter/SSHS8R_7.1.0/com.ibm.worklight.dev.doc/dev/c_configuring_customizing_direct_update.html

Xpages could develop App on IOS or Android?

Does Domino Designer could develop App on IOS or Android? I want to deveop approval workflow with Lotus Domino Designer, and could be installed on iPhone or Android mobilephone. I don't know whether could realize??
If your question is "can I write (on my own) a (native) mobile application and connect to Domino" then the response is yes you will probably use ajax and not Xpages.
If your question is "can I open on my mobile device a Xpage that I wrote on Domino" then the response is yes, but strictly it won't be a mobile app but a mobile web site.
If your question is "can I use my HTML5 web site on Domino to make an hybride application" (many tools can help for this like ionic or other frameset) then the response is yes.
If your question is "is it simple, can I build without special knowledge of the mobile Andoid IOS world an application base on my knowledge of Xpages" the response is really no!

How to develop apps using PhoneGap or AdobeAir?

I'm trying to understand how programs like PhoneGap and Adobe Air work, that allow you to 'write once and run anywhere' on mobile platforms. The way I understand it now is that you build your application as a web app using either HTML5, or flash, or I don't know what, and it takes in those files and converts them to the proper types for each mobile OS. Assuming this is correct, what I would like to know is, what the options for developing web apps that are able to be converted into apps are; and what the most popular platforms to use/learn flash, or html5, or JavaScript, or I have no idea what are.
I want to build a web app to deploy across multiple phone platforms, but I don't know where to start. Thanks for the help!
You use tools like PhoneGap to access native device API's through JavaScript. If you don't need access to these API's you can write a HTML5 app and install it using "Add to home screen" etc.
As HTML5 matures, more and more of the device API's are actually directly available through HTML5 (for instance GPS), so depending on what you want to do access it might be in/scheduled to be part of the Device API.
Write once and run anywhere
There are different frameworks that lets you deploy to multiple platforms through the device specific install process. These tools usually work in 2 ways. Run in an embedded browser, or compile to native code.
PhoneGap runs the HTML5 part of your app in an embedded browser. Other tools like MonoTouch actually cross-compiles to native code, so they run on the bare metal.
Cross platform using HTML5
There are plenty of frameworks you can use to make mobile apps with HTML5. These usually help make the app "feel native", and includes abstractions over device specific idioms that differ between the different devices.
Popular frameworks includes Sencha Touch, JQuery Mobile and a bunch of others.
If you want the users to install the app through the AppStore/Market etc. then a solution like PhoneGap is a good option. If you don't care about that you can write your app and add a meta tag like
<meta name="apple-mobile-web-app-capable" content="yes">
and when you add it to the home screen it'll look just like any other app and run in an embedded browser without the browser window etc. You can add offline capabilities using HTML5 and synch when users go on-line etc. all just using HTML5.
Have a look at the Sencha touch app gallery to see what is possible with this technology.

Real world goods in iPhone app?

I've seen questions asked here before, but they do not address the issue. That said:
"In App Purchases" specifically may not be real world goods or services, according to Apple's guidelines. What services allow integration with iPhone apps so that I can use ObjectiveC to sell things in an iPhone app?
In other words, how can I sell stuff in my app and not use a website or integrated UIWebView?
The only process I can think of would be something like using an e-commerce app like Magento or Shopify and using the API to pull the product data, and then make HTTP requests to the site to simulate the ordering process.