18 May 2010 12:40 AM #1
How-To: Design, Develop and test for a mobile device, hints, tips and tricks.
I think it would be quite useful if we can exchange knowledge on the tedious process of designing, developing and testing on mobile devices.
What do you use, which programs are your favorite, what are the do`s and dont`s?
I`ll kick off:
I`ve tried MobiOne Studio for testing the example pages of the Touch Beta and found it to be quite handy to use.
You can download it here: http://www.genuitec.com/mobile/
Is it possible to use tools like Firebug with Firefox / plugins to develop? I`ve came across the Firefox user agent switcher, but that`s not really what I am after. Any tips?I`m from Holland!
18 May 2010 12:45 AM #2
I think it's better to use Safari and his Developer features, because Safari render the ext touch things similar to iphone and ipad. in firefox it just look ugly :-)
18 May 2010 12:58 AM #3
Hm, I`ll have to give Safari a go then. These are my first tiny steps in the world of mobile development, so its all a bit overwhelming at firstI`m from Holland!
18 May 2010 7:38 AM #4
I will be trying out Chrome, Safari, and Firefox 4.0 when it gets released in beta.
I'm more designing for the all-in-one touch monitors desktops then mobile right now but if I can make everything work with same look and feel in 1 source code would be great for not having to deal with multiple source codes between desktop and mobile.
I already check to see what browser if its mobile or desktop browser that is which debug flags to use and etc.
18 May 2010 7:53 AM #5
Very simple php function using regex to test and see what browser your dealing with.
I use this to make sure it's a known mobile device otherwise it redirects to my main Ext JS 3.2.1 website. Using global or session variables you can save all the info about what phones with giving a nice graphical display to a few phones while doing text or slower display for others. I'm having a friend get all the information for a lot of phone and what they can do and can't and save it into a database for us. Then make a modular back end send the correct UI to the device connected. Once we get some of this completed was thinking of sharing the mobile table of listed functions for different mobile models. So just let me know if anyone is interested. Of course the easiest will be only to allow just the most current browsers handle things and give a generic error like please update your phone your ancient!! LOL
echo '<br />';
echo '</pre><br />WAP '.$_SERVER['HTTP_X_WAP_PROFILE'].'<br />Profile '.$_SERVER['HTTP_PROFILE'].'<br />Agent '.$_SERVER['HTTP_USER_AGENT'].'<br />';
return isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE']) or preg_match($regex_match, strtolower($_SERVER['HTTP_USER_AGENT']));
echo 'TEST '.is_mobile();
18 May 2010 8:08 AM #6
Internally we use Chrome quite a bit with it's usual debugging tools. In addition Safari and the unavoidable iPad/iPhone internal tools (which are sorely lacking).
18 May 2010 10:02 AM #7
19 May 2010 3:21 AM #8
Congrats to the team on what appears to be a breakthrough mobile toolkit for the web world! I am trying to free up from an existing project so I can throw together a quick, functional app against a live app in the field...so I am trying to get a handle on the best way to work with touch in my environment.
I sure hope I am not the only schlep that has to develop against a SQL Server DB model! In any event, my dev environment with ExtJS has always been on a Mac using a VM with some form of Windoze loaded and Visual Studio with SQL Server. I am trying to establish the best way to setup the dev environment before embarking down that path. Given that I will be programming in the Visual Studio Environment, what is the best way to test the application...expose an IIS web to the Mac host environment and use the iPhone/iPad dev webkit and emulator against the exposed IIS web site, or use something like the MobiOne emulator on the Windows side? When I write normal ExtJS 3+ apps, FireFox and Firebug are life savers for debugging and trouble shooting, is there a comparable solution to this when developing with Touch?
Just trying to get a handle on how to setup the environment to check out the samples and begin to create a project.
Thanks, and congrats again!
19 May 2010 10:40 AM #9
In your specific case it sounds like you can't get OS X to talk to your SQL Server directly, so what you propose sounds reasonable. Debug in Chromium as it's using the same rendering engine as mobile devices - don't use Firefox for debugging Ext Touch apps as it gets it all wrong.
19 May 2010 11:36 AM #10
Thanks Ed. Love the Mac, but the money trail normally leads to MS development, so I follow it...hence the Mac+VM+Win Dev
So can I use Chromium for windows to debug iPhone/iPad apps? I thought The only reason I would want to use the Mac side would be because of the SDK emulator's and debugging, but since I hear they are r-e-a-l-l-y bad, and I also hear that you can't really test/debug the Touch apps in a browser (Chromium included) as you "can't be sure how they will act"...then I'm a little confused (and worried) about how best to test/debug Ext Touch development projects regardless of what platform I am developing them on.
Would love to hear exactly what tools Ext peeps are using and why. I think you definitely need to consider the Windows development world as it's still the defacto standard dev platform for business apps...though I know some of you will argue against that