I have decided i'll have to make a mobile version of my website. so ive tried reading about and come here to confirm and get your approval.
1) I have decided im going to use jquery mobile framework to create it. what are its limitations? according to me...none. educate me.
2) I don't have a smartphone or similar? how will i test the website during development? i have read about phone emulators... what is the best phone emulator you wud recommend that emulates a vast array of phones?
3)Once ive developed the website... i'll need a smart way of phone detection... so as it redirects to mobile website... i know there are libraries for this... again i need a recommendation here
Please help me answer these questions or direct me towards the right path... i know a lot of mobile website noobs need these questions answered.
btw, my website is veepiz.com. incase that can help
Some points I know are these
Try not to use flash in your mobile website. Apple has no intention on supporting flash on their phones.
jQuery Mobile is still inn alpha, but have heard good things so far. Check out jQuery Mobile's graded browser support for the support they provide to different browsers.
1.) I would stay away from using javascript for a mobile website unless you know that the device(s) you will be targeting support javascript. Most modern smart phones support javascript but you might run into issues with older devices.
2.) I can't speak on emulators but there are a few firefox plugins that allow you to modify the headers to allow you to simulate what your site would look like on a particular mobile device.
3.) You can use an open source tool like Wurfl for device detection. It comes in several flavors including php.
As with any kind of development, it's about analyzing what your target devices/audience will be and gearing your site development towards those devices while gracefully degrading features for those devices that are't supported.
Related
i have developed a webpage with joomla 1.5, now i need to convert my web application to mobile application. the user can download my application through mobile apple or etc then they can access. Tell any tips and kindly guide me...
You could take a look at phonegap ( http://phonegap.com/ )
It is a java framework that you can control with javascript to ring, vibrate, determine position, etc.
There are tutorials for how to make an application for every phone operating system, and they are pretty understandable for beginners. However, since you use joomla, your code has to run on a php server. (The tutorial covers only how to embed local html files in your app).
There are some tutorials out there that cover the use of phonegap with 'existing' websites. Google for it.
In the future, you might want to have a look at jquery mobile, there is an interface builder on their site http://jquerymobile.com/ and it is designed to look good on every device. You can use their themeroller and some additional css to achieve quite a nice app.
Suresh, because it will be important that your users interact with your server where your Joomla installation is hosted, it will be most feasible for you to create separate CSS stylings for your website that will be mobile specific.
Because Joomla has a user community, it is likely that plugins or templates have been written that can help speed this process up. Here's an extension that accomplishes some of what you're looking for, in-so-far as it will allow users on mobile phones to interact with your website via a browser in a comfortable way.
http://extensions.joomla.org/extensions/mobile/mobile-display/11722
Have you tried Mobile Joomla? It's a great extension that would be an easy first step to getting your site mobile-friendly.
"Mobile Joomla!® is the best way to mobilize your Joomla! site, displaying beautifully on iPhone, iPad, Android, Windows Phone and all other phones."
http://www.mobilejoomla.com/
for converting the existing web application to mobile application,you have to create web services of the web application and return the data in XML or json format.at the end of mobile development like on android plateform you have to parse those data on simulator,and this way you can test the application and use in mobile.
Humm joomla is not a good bet for mobile web apps. Even with adapted css and layouts, If you have a lot of extensions, some might break in mobile view.
I would build a a web app from scratch (using jquery mobile, that as a good cross platform support) and get the data from the original website. It might take a while longer, but the experience for your users will surely be better.
EDIT:
From what I gathered from your comments, it seems you want a landing page where people can download a "game" to their mobile phones, is that right? Please explain exactly what you want to accomplish so we might help you.
I've been googling for about 2 month on how to create a mobile website and found many results which work great if you have a blog or anything like that. But I have some sort of a video hosting site and i need to allow users to watch, upload and rate videos. i have jw player player and the script is php javascript
when I say mobile i mean everything from smartphone to android, everything
Any help or a link for a tutorial would be highly appreciated
EDIT
#Bizorke I'm not asking you to write me a book, i want an answer like this
That guy answered a huge question with one small paragraph and some tutorials that's it and I loved his answer
and i would read any book if you suggest one, because i cannot find a good one
Edited in response to comments
I can try giving you a starting point for your project. If you want to know how this can be done, stop searching for an answer online and start looking for a very detailed book on mobile web development. There are a lot of things to learn, especially if you are trying to build a cross-platform mobile website. There are lots of books out there, you'll need to find some that talk about cross-platform mobile web development. A lot of experimentation will be required.
For the actual video sharing part I would just develop the site to work exactly the same as such a website would work for a PC. Mobile devices are becoming increasingly similar to PCs in terms of power and browsing experience, so you might just be able to do this part with minimal hassle if you're lucky. After you've completed the site and it works on a PC, just go back and test it with a whole bunch of different types of mobile devices to see which phones support it and which don't, and go from there by customizing the website to work with different specific types of devices.
Good luck!
Additional Information
I have done some mobile app dev before but never a mobile website, so can't offer any good suggestions for books (google books has a bunch listed but you'll have to look at the descriptions to find a good one that suits your needs and interests).
Also, have you considered making a mobile app to accomplish what you are trying to do? You could build an app for each type of smartphone, then you won't have to worry about platform browser compatibility issues.
I want to develop the mobile (also includes iphone,ipad,andriod) version of my original site. But I don't want to create another sub domain like www.m.mydomain.com, can i dynamically change the document root separately for mobile version and the existing one?
I have also noticed that, when I open facebook form iphone or any andriod mobile it opens with it's original domain name like http://www.facebook.com/ bt when i open it from any other mobile like nokia or samsung it comes with http://m.facebook.com/, what is the difference between this 2?
When it comes to iPhone and Android deveices, a website needs very little adjustments because their web browsering capabilities are really good.
For other devices where the web browsing user experience is less satisfying, the site would dynamically switch them to an alternate and less "intense" version of the website.
As for the m.domain.com feature, this is just a subdomain of the domain.com website. Obviously, it represents a mobile version of the main site and will strip out things like flash and javascript basically anything which will be too much for a basic mobile browser.
The dynamic switching of browsers is done via code. There are ways of detecting what browser just requested your website. Based on the information returned you can then redirect to specific scripts which will handle the user requests from then on.
As an example, you can use this standard argument to check the browsers visiting your site:
$_SERVER['HTTP_USER_AGENT']
Hope that helped.
You can differentiate it by User-Agent property either on Apache level, or PHP level. Though that will not be guaranteed because UA can be spoofed. (But how many mobile users would do UA spoofing to pretend they're not mobile?)
you could possibly use some solution:
create a specific mobile website and put it on folder/subdomain and redirect any user with mobile to that site, example: mydomain.com/m/ or m.mydomain.com
example on redirection:
http://detectmobilebrowsers.mobi/
http://mobiforge.com/developing/story/lightweight-device-detection-php
or
you could use responsive webdesign technique, some framework already available for this
http://csswizardry.com/inuitcss/
http://www.columnal.com/
http://stuffandnonsense.co.uk/projects/320andup/
The difference is that high end mobile devices like iphone/android have enough support and functionality to support the original version of the website (zooming/javascript etc). Other devices are better served an basic website developed for mobile devices with a limited display and/or support.
You do want an special URL for your mobile website - as you'd like your mobile website to correctly appear in the mobile search of search engines.
www is actually also a subdomain, but it is so often used, people do not usually realize it, Usually most browsers add it by default and this is why most servers have it enabled by default.
The case you pointed out is also of subdomains. The server check your HTTP request's user-agent and redirects you to the mobile subdomain appropriately.
This isn't really a quick solution for you, but I highly recommend reading Ethan Marcotte's Responsive Web Design articles on alistapart.org. He goes over the philosophy as well as the practical steps to make a site work well for different contexts - desktop browser to mobile device, etc. There are several articles on the site (just search for responsive web design you'll get several of his articles in your results.)
i am planning to build a very simple mobile website which involves form submission and database storing, few years ago i have heard something called wap and wml to make these kind of webs, so i search on google for the IDE or the SDK, but it seems that all the pages regarding those is no longer available, i wonder....
anyway, what do people use nowadays to build mobile websites (because obviously, i am way left behind about this) ? if you don't mind, please provide me reading materials on how to build mobile websites today, thank you very much
what do people use nowadays to build mobile websites
HTML.
It depends,
Do you want to target high-end smartphones or older phones that only support basic HTML/CSS?
Typically most mobile websites work on a range of handsets and use HTML5 or XHTML-MP, if you need to support very old handsets you can use WML (otherwise don't bother).
WAP and WML are, as far as I'm concerned, effectively dead. Nobody uses them. It used to be the way mobile sites were built, but things have gotten much better.
These days your best bet is just to use HTML, CSS and JavaScript. You don't want to build a full desktop-style site though, you still want to build for low bandwidth consumption. Part of the issue is which platforms your are targeting. If you only care about iPhones, then it's really simple. You can build an test in Mobile Safari and be done with it. If you register for the Apple Developer Program, and download the XCode bundle, it includes a Mobile Safari emulator.
It's pretty easy to also support Android phones, as they use a very similar browser (Chrome/WebKit). It gets trickier when you want to include Blackberry or Windows Phone. Blackberry prior to OS version 6 has a terrible browser, which can only handle basic HTML, and limited or no CSS and JS. At this time I'm not aware of what the capabilities are on Windows Phone 7.
There are some JavaScript frameworks around that will help you add features to mobile sites via progressive enhancement, and they help you work with touchscreen events. Google for Sencha Touch and jQuery Mobile.
People tend to build mobile websites the same way they build standard websites: HTML, CSS, JS. See this article for a more in-depth look: http://www.smashingmagazine.com/2010/11/03/how-to-build-a-mobile-website/
If targeting high-end devices (iPhone, Android, iPad), you'd need to just get to know the browser application for those handhelds. Apple has lots of documentation on presenting web content for the iOS devices, and how to communicate different preferences to the browser (like should the page be able to be pinch-zoomed, or what image should be used for a shortcut icon if the user wants to save it to their springpad (larger image than a favicon)), like this guide for preparing content for the iPad.
I've created a simple web based game (text driven) in PHP and have recently become very interested in moving this onto Android - originally i thought the game could be rewritten in Java but after some investigation i found you can embed pages straight into an Android application.
Am i missing something or will i be able to simply embed my web application into Android and expect it to work flawlessly? Is there any issues i should be aware of? My app uses a login system utilising sessions / cookies - will this pose a problem for Android users?
I'd be interested in hearing anyones thoughts that have done something similar and any issues they've encountered. The only issue i forsee is how the page renders on different phones (although this i imagine this can be somewhat nullified by good markup and well thought out javascript) and any issues in regards to sessions / cookies?
If anyone has any good resources for doing this sort of work i'd be grateful.
As a final thought it'd be good to hear peoples thoughts on whether i should rewrite it or keep it embedded, what are the benefits of rewriting it?
Thanks
The WebView class provides access to a full fledged webkit browser. As a matter of fact, the default Android Browser itself is implemented using that very same WebView implementation. Javascript, Sessions and Cookies should be no problem whatsoever, you probably just have to activate them (see WebSettings).
Even flash should more or less work on newer devices, but I don't have any experience with that.
See http://developer.android.com/reference/android/webkit/WebView.html for further details.
Generally, using Apps as so called "launchers", i.e. apps that basically only contain a browser window are somewhat frowned upon, since the android market isn't meant to replicate the world wide web. I do somewhat understand the need for that though, since visibility is much higher and Google does not yet provide a way to treat web apps as first class citizens, like they do for Chrome OS.
On the other hand, if your app already works fine using php, I don't see any need to rewrite it in native code.
Take a look at http://phpforandroid.net/