PDA

View Full Version : New Touch Implementation in the wild



Bucs
30 Nov 2010, 3:47 AM
We just launched a new Sencha Touch implementation for our client Pier1.com's mobile site. It features backend web crawling technology to display thousands of product pages on the fly. UI still needs work and we are planning many new features like Geo maps, local storage, e-commerce etc, in the near future. Check it out...speed is very good considering what is happening on the backend. Using Touch reduced the time to market for this project considerably. Not optimized yet for iPad but will be soon. The app is using Touch's new MVC framework on the client as well as a server side MVC framework. Looking forward to Direct being supported in Touch and the upcoming 4.0 release of ExtJS!

Http://pier1.com (on mobile browser)

costis
4 Dec 2010, 7:08 AM
Very nice app. Works good on HTC Desire (Android 2.2) but if I pinch/zoom the layout does not readjust and becomes a mess. Same thing happens if I flip my phone from portrait to landscape.

Bucs
4 Dec 2010, 7:22 AM
Thanks costis...yes, all very valid points and known. Meeting the launch date was critical so had to roll with a reduced feature set out of the gate. Much of what you have mentioned is planned in the very near future, specifically browser detection and serving downlevel HTML pages to older browsers based on device capabilities, as well as better handling of device orientation.

Thx for the feedback tho!

mitchellsimoens
4 Dec 2010, 12:19 PM
@Bucs The zip code should use number field correct? Also when you click on "Search" and press "Cancel", it will still try to search.

Also somehow when I was navigating around, maybe after I hit "Home", there was two footers.

EDIT: Actually, on my desktop PC using Chrome, I went to m.pier1.com and it shows 2 footers right away.

Bucs
4 Dec 2010, 12:23 PM
Thanks for the feedback Mitchell. Not sure what's going on with that, I have fixed those items once and delivered to internal dev who had updated at one point, but apparently they have rolled back to an earlier version. Have to check out why...thanks! Were you doing all this today?

Bucs
4 Dec 2010, 12:26 PM
Ok wow, just looked at site. They are apparently adjusting a bunch of stuff right now...hence the issues. I should be expecting a call any minute now :)

mitchellsimoens
4 Dec 2010, 12:29 PM
I just spent a couple minutes right there browsing around... to be honest, I'm not a big fan of the look of it. It looks a little junky. May not be you, I have been put into spots where I have to do what they want even though it's a horrible idea. Still gotta get paid :D

Bucs
4 Dec 2010, 12:38 PM
Not sure what you mean by "junky", but if you are referring to the graphics etc....yes, that is the agreed upon design delivered to me, which I implemented. We originally had a much more "appy" iPhone look to it, with top and bottom docked toolbars etc...but it was sliced in favor of branding inconsistencies with desktop site. What I am seeing out there is companies want to make the move to mobile, but are having a hard time getting on board with the app look for their mobile sites...still stuck in the web design mentality it appears. Oh well...

jeffcrilly
4 Dec 2010, 1:55 PM
On iPad there are two footers on the page. Here's an (attempt at) a screenshot..
http://jeffcrilly.tumblr.com/post/2094970385

Also it crashed safari on iPad 4.2.1 when I went from landscape to portrait. Not reproducible tho.

Bucs
4 Dec 2010, 7:49 PM
Thanks, but as I stated in the first post, UI still needs a lot of work and it's totally not optimized (or even that usable) on iPad yet.

jeffcrilly
5 Dec 2010, 1:27 AM
Thanks, but as I stated in the first post, UI still needs a lot of work and it's totally not optimized (or even that usable) on iPad yet.

Ok.. I missed those buried details... the "we just launched" did catch my attention.. (and usually where i work we try to get all of the customer facing bobbles out before "launch". Just seemed like pretty obvious stuff that maybe fell through the cracks, and thought maybe you might be interested in _knowing_ about it.. )

Btw, do you do any automated testing on this?

How about support for other platforms? Android, tablets, etc?

Bucs
5 Dec 2010, 4:56 AM
Understood....but where I work, you implement what the client wants, when they want it...regardless of full support for all devices and all scenarios. Not sure if you have released a full Sencha app yet, but it's no trivial task perfecting your device support as the options are staggering for devices and capabilities. Even the "launched" Sencha examples say "optimized for iPad", not all mobile scenarios. Many of the other apps I see in the forum are also working out cross browser functionality issues. And lastly, unfortunately I do not "own" the code, I'm a hired gun. All these "bobbles" were not present in what was originally released last week....but are being introduced as others are jumping in and "learning" the framework. Sadly, I don't have control over that. What's also sad is there's a lot of cool stuff under the hood here, client and server MVC implementations, HTML to xHTML conversions, LINQ to XML, screen scrapes, data harvesting....but alas...if the UI has a design bug or browser support issue, that will always trump the "cool" technology behind the scenes.

I have tested on the Android simulator (2.2), and it was fine...have not tested on actual device yet...so can't test pinch/zoom etc. Trying to get a BlackBerry environement set up in Windows 7 VM to test is proving to be quite difficult. Curious, what automated testing environment are you using for mobile sites/apps?