Archive for February 19, 2012

HTML5 Mobile Reference Site Launches

NewImage

From time to time CM First gets asked if the Sencha Touch / PhoneGap technology behind CM WebClient 1.8 Mobile for CA Plex can produce a first class touch-optimized mobile experience. Although HTML5’s promise of single code base across devices is highly attractive, there is often some skepticism expressed. Is this a technology can handle produce an experience equivalent to the native device alternative, laboriously crafted by hand multiple times for iOS Objective C, Android SDK, and BlackBerry?

We invite you to research the question yourself by checking out this HTML5 web site. NOTE: Must be accessed from an Android, Apple, or Blackberry mobile device, or Safari/Chrome from a desktop browser.

(http://m.descuentolibre.com)

Descuento Libre is dedicated to serving the Latino community – and those who love the Latino culture – through significant discounts on retail, services, restaurants, entertainment, and recreational activities. Descuento Libre’s deals focus on local businesses and establishments patronized by the Latino community, as well as places that promote Latino culture. The company is also committed to supporting the local Latino community by engaging at the grassroots level and partnering with non-profit organizations. Descuento Libre is active in major metro centers across the USA and Mexico.

CM First developed the transactional mobile web site for Descuento Libre. Stay tuned for appearances on the iTunes, Android, and Blackberry market places.

DL4DL2

 

 

 

 

 

 

 

 

 

 

 

DL1DL3

Interested in a web site like this? Email us at info@cmfirsttech.com for more information.

Movie – Debugging on Devices with Firebug

Movie on how to turn on the iOS device JavaScript console and enable Firebug debugging

Debugging HTML5 Apps on iPhone/iPad

WebClient for CA Plex shields you from much of the need to delve into the internals of HTML5 and JavaScript on the iPhone / iPad platform. However, the fact is that sometime you have to debug the HTML and CSS directly on the device. This is a guide on how to do it.

There are two options available. The first is to turn the JavaScript debug console on. You can do this by visiting the device settings, and moving down to Safari. From Safari select Advanced Settings and turn on the JavaScript Console. This is sufficient for many issues.

NewImage

NewImage

Although the Apple debug console is certainly useful, sometimes you need more. One way is to use the Firebug, a popular JavaScript debugging platform.

You can debug using Firebug on your iOS device.

First, open Safari on your mobile device.

Next, create a bookmark in Safari on your iOS device for any webpage, and name that bookmark “Firebug.”

Following this, launch Safari and edit the Firebug bookmark, replacing the URL with the above text. Hit “Done,” and the bookmarklet should be created and ready to use.

In order to launch the Firebug console, visit a website on your iOS device and, once the website has loaded, open your Bookmarks in Safari and touch Firebug. After a few moments, the console should appear at the bottom of the webpage (as you can see in the above image).

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+’NS’]&&F.documentElement.namespaceURI;E=E?F[i+’NS’](E,’script’):F[i](‘script’);E[r](‘id’,b);E[r](‘src’,I+g+T);E[r](b,u);(F[e](‘head’)[0]||F[e](‘body’)[0]).appendChild(E);E=new%20Image;E[r](‘src’,I+L);})(document,’createElement’,’setAttribute’,’getElementsByTagName’,’FirebugLite’,’4′,’firebug-lite.js’,’releases/lite/latest/skin/xp/sprite.png’,’https://getfirebug.com/’,’#startOpened’);

Following this, launch Safari and edit the Firebug bookmark, replacing the URL with the above text. Hit “Done,” and the bookmarklet should be created and ready to use.

In order to launch the Firebug console, visit a website on your iOS device and, once the website has loaded, open your Bookmarks in Safari and touch Firebug. After a few moments, the console should appear at the bottom of the webpage (as you can see in the image).

NewImage

NewImage

 
 
© 2013 CM First Group - All rights reserved