{"id":90,"date":"2011-08-02T16:09:42","date_gmt":"2011-08-02T15:09:42","guid":{"rendered":"http:\/\/blogs.kent.ac.uk\/webdev\/?p=90"},"modified":"2011-08-02T16:23:32","modified_gmt":"2011-08-02T15:23:32","slug":"kent-mobile-web-application-update-1","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2011\/08\/02\/kent-mobile-web-application-update-1\/","title":{"rendered":"Kent mobile web application – update 1"},"content":{"rendered":"

Following on from my previous post<\/a> about the mobile web app that the Webteam are developing, I just wanted to post an update about the state of play.<\/p>\n

We have just completed another\u00a0iteration\u00a0of the project where we focused mainly on improving the user experience rather than adding new functionality. \u00a0After spending the first iteration in jQuery Mobile<\/a>, we took the decision to move to Sencha Touch<\/a>. \u00a0This was mainly down to the feel that the user gets from Sencha. \u00a0It provides a much better feel to the app, with smoother transitions between screens, better templating, and a richer feature set. \u00a0Whilst we have nothing against jQuery Mobile, Sencha is just a bit more mature, andgives us a better development environment, giving us the ability to do better things quicker.<\/p>\n

There is a downside to using Sencha touch, and that is the supported devices. \u00a0Whilst jQuery Mobile has an impressive support matrix<\/a>, Sencha only supports the big 3: iOS, Android, and Blackberry. However, these three devices count for 97% of our mobile web traffic. \u00a0Sencha also target devices which have market share, so if Symbian or Windows Phone 7 gain traction then it is likely that they will gain support also. \u00a0In the mean time, if you are in one of the 3% who cannot access the app then you will be prompted to visit the main kent website.<\/p>\n

So whats new then?<\/h2>\n

The home screen has been updated to have a bit of face lift, and now has the logo on it.\u00a0The feedback and help system has been updated and moved to make it live inside each of the sub apps. If you click on the ? button in the top right of most screens it will open the help dialog for that section. \u00a0At the bottom of this is a feedback form which you can use to send us your comments.<\/p>\n

The maps system has been improved so that it now is context aware. \u00a0When it starts up it will show you the campus that you are closest to, or the Canterbury campus if you do not want to provide your location. \u00a0There is also a tab bar across the bottom with icons from Glyphish<\/a>, that will give you access to view the other campuses the University has and a list of buildings too. \u00a0The map is using Leaflet from Cloudmade<\/a>, and the data is from the OpenStreetMap project<\/a>. \u00a0Whilst the images appear to be a little off, a few of the webteam have been working to improve the quality of the buildings, with the hope that one day we may be able to treat it as the primary source for all of our geospatial data.<\/p>\n

Finally there is an iCal feed app. \u00a0This will easily link you to your iCal timetable<\/a> and install it on your devices native calendar.<\/p>\n

Screenshots<\/h2>\n
\"\"
The home screen<\/figcaption><\/figure>\n
\"\"<\/a>
Canterbury campus<\/figcaption><\/figure>\n
\"\"<\/a>
List of buildings<\/figcaption><\/figure>\n
\"\"<\/a>
The banking hall<\/figcaption><\/figure>\n
\"\"<\/a>
Add your iCal timetable<\/figcaption><\/figure>\n
\"\"<\/a>
Connectivity help<\/figcaption><\/figure>\n

Whats next?<\/h2>\n

We hope to have some visual improvements on the next update, as well as a couple new features. \u00a0We will be spending the next couple weeks load testing and deploying to the live server. \u00a0Watch this blog for progress.<\/p>\n","protected":false},"excerpt":{"rendered":"

Following on from my previous post about the mobile web app that the Webteam are developing, I just wanted to post an update about the … Read more<\/a><\/p>\n","protected":false},"author":62,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[125],"tags":[1071,8967,841,1064,8969,843,8970,8974,8968],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/90"}],"collection":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":13,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/90\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}