Mobile Apps, Mobile Web, and Other Cool Tools. Thursday, November 9, :00pm 4:00pm Michael Hostad and Scott Owczarek

Transcription

1 Mobile Apps, Mobile Web, and Other Cool Tools Thursday, November 9, :00pm 4:00pm Michael Hostad and Scott Owczarek

2 Overview Trends in mobile Different mobile strategies UW-Madison mobile approach UWM mobile approach Vibrant discussion about other approaches

3 Source: Time Magazine, 8/27/2012

4 Source: Time Magazine, 8/27/2012

5 Source: Time Magazine, 8/27/2012

6 Mobile Strategies Mobile Apps vs Mobile Web

7 Mobile Apps (native) An app for a certain mobile device (smartphone, tablet, etc.) They re installed directly onto the device. Users typically acquire these apps through an online store or marketplace such as The App Store or Android Apps on Google Play.

8 Mobile Web Internet-enabled apps that have specific functionality for mobile devices. They re accessed through the mobile device s web browser (i.e. on the iphone, this is Safari by default) and they don t need to be downloaded and installed on the device.

9 Mobile Apps vs Mobile Web - Strengths Mobile Apps Typically perform faster than mobile web apps Mobile Web Have a common code base across all platforms App store approval processes can help assure users of the quality and safety of the app Users don t have to go to a store or marketplace, download the app and install the app Tools, support and standard development best practices provided by device manufacturers can help speed up development Can be released in any form and any time as there isn t an app store that has to approve the app

10 Mobile Apps vs Mobile Web - Weaknesses Mobile Apps Are typically more expensive to develop, especially if you re supporting multiple mobile devices Supporting multiple platforms requires maintaining multiple code bases and can result in higher costs in development, maintenance, pushing out updates, etc. Mobile Web Mobile web apps can t access all of the device s features (yet) Supporting multiple mobile web browsers can result in higher costs in development and maintenance, etc. Users can be on different mobile browsers and can make your app harder to maintain and provide support for

11 Mobile Apps vs Mobile Web Delivery Method Mobile Apps Downloaded onto a mobile device Installed and runs as a standalone application (no web browser needed) Users must manually download and install app updates There are stores and marketplaces to help users find your app Mobile Web Accessed through a mobile device s web `browser No need to install new software Updates are made to the web server without user intervention Since there is no app store for the Mobile Web, it can be harder for users to find your app

12 Mobile Apps vs Mobile Web Development Mobile Apps Each mobile application development platform (e.g. ios, Android) requires its own development process Each mobile application development platform has its own native programming language: Java (Android), Objective-C (ios), and Visual C++ (Windows Mobile), etc. Mobile Web Runs in the mobile device s web browser and each may have its own features and quirks Mobile web apps are written in HTML5, CSS3, JavaScript and server-side languages or web application frameworks of the developer s choice (e.g. PHP, Rails, Python) Standardized software development kits (SDKs), development tools and common user interface elements (buttons, text input fields, etc.) are often provided by the manufacturer of the platform There are no standard software development kits (SDKs) that developers are required to use to make a mobile web app

13 UW-Madison

14 MobileUW & m.wisc.edu Oh, My!!!

15 Hybrid Approach Mobile friendly portlets in MyUW portal Authentication and authorization exists JASIG community source (uportal) Device independent o Mobile, desktop Platform independent o Android, iphone, etc

16 Registrar functions Final Grades Sexy final grades Very specific business need Designed for a mobile device Spring 2012 initiative

17 Registrar functions - Courses

18 Registrar functions Course Grid

19 Registrar functions Course Grid

20 Registrar functions Course Map

21 Registrar functions Courses Map

22 Registrar functions Course Map

23 Registrar functions Courses Map

24 Mobile UWM & Beyond

25 UWM Mobile

26 Background Native app launched Fall, 2011 ios and Android Campus funded, internally developed o Appcelerator Initial cost: $25,000 20,000+ downloads

27 Features People search Campus map Course lookup Shuttle tracking Calendars Laundry tracking Computer lab availability Safety information External links

28 Features: People Search

29 Features: Laundry & Labs

30 Features: Registrar Functions

31 Features: Registrar Functions

32 Features: Registrar Functions

33 Strategy: Mobile PeopleSoft Increased mobile functionality Decision points: o Native v. mobile web o Buy v. build o Oracle v. 3 rd party Surveying students

34 Strategy: Responsive Web All UWM school/college pages being redesigned New templates will be responsive Goal: 100% of academic web content responsive by 2014

35 Strategy: Curriculum Integration School of Information Studies - Spring, 2012 Students can achieve mobile developer certification Milwaukee County partnership Cohort: 15 students, 4 County employees

36 Strategy: Mobile Accelerator Highest achieving students Mobile development for researchers, community, start-ups Goal: student company spin-offs, creation of local jobs Accelerator launch: Spring, 2013

37 Group Discussion Other Mobile Strategies?

38 Questions?

39 Sources Time Magazine, 8/27/2012

40 Thank You!!! Michael Hostad, Director of Web & Mobile Strategy Scott Owczarek, University Registrar