session 4: mobile

Session 4: Mobile Technology\Ohgo

Todd Wulfhorst

To provide easy

movement of

people and goods

from place to place,

we will:__________________________________

Take care of what

we have;_________________________________

Make our system

work better;_________________________________

Improve safety;_________________________________

Enhance capacity

A long-term,

reliable,

professional and

highly productive

organization

O UR M ISSION

O UR V ISION

We will serve, innovate, and

communicate with purpose.___________________________________________________________________________________________________________________________________________________________________

We will be productive, lean,

efficient and effective.___________________________________________________________________________________________________________________________________________________________________

We will utilize the public

resources entrusted to us

by satisfying the State's

transportation needs.___________________________________________________________________________________________________________________________________________________________________

We will be the standard of

excellence for winter

maintenance.___________________________________________________________________________________________________________________________________________________________________

We will create a working

environment based on trust

and mutual respect.___________________________________________________________________________________________________________________________________________________________________

We will value the diversity

of all ODOT people.___________________________________________________________________________________________________________________________________________________________________

We will work together —

one team: the Ohio

Department of

Transportation.

O UR G UIDING PRINCIPLES

Mobile Computing

• What is mobile computing?

– For our purpose we are defining “mobile”

as smartphone and tablet technology.

Early Mobile Computing

Compaq “Portable Computer”

Mobile Computing

http://visual.ly/rise-mobile-computing

Mobile Computing

• As of January 2013:

– 26% of American adults own an e-reader

– 31% of American adults own a tablet computer

• As of December 2012:

– 87% of American adults have a cell phone

– 45% of American adults have a smartphone

http://pewinternet.org/Commentary/2012/February/Pew-Internet-

Mobile.aspx

Mobile Computing

• Future of Mobile Computing

– Moore's Law: Transistors on integrated

circuits double approximately every 2

years. But what does that look like?

Mobile Computing

• An Osborne Executive portable computer, from 1982 with a Zilog Z80 4MHz

CPU, and a 2007 Apple iPhone with a 412MHz ARM11 CPU. The Executive

weighs 100 times as much, is nearly 500 times as large by volume, costs

approximately 10 times as much (adjusting for inflation), and has 1/100th the

clock frequency of the phone. http://en.wikipedia.org/wiki/Moore's

_law

//upload.wikimedia.org/wikipedia/commons/f/f7/Evolution_(34_365).jpg

Mobile Computing• Mobile Site

– A mobile website is similar to any other website in that it consists of browser-based HTML pages that are linked together and accessed over the Internet (for mobile typically WiFi or 3G or 4G networks). The obvious characteristic that distinguishes a mobile website from a standard website is the fact that it is designed for the smaller handheld display and touch-screen interface.

http://hswsolutions.com/services/mobile-web-development/mobile-website-vs-apps/

Mobile Computing

• Mobile Apps– Apps are actual applications that are

downloaded and installed on your mobile device, rather than being rendered within a browser. Users visit device-specific portals such as Apple’s App Store, Android Market, or Blackberry App World in order to find and download apps for a given operating system. The app may pull content and data from the Internet, in similar fashion to a website, or it may download the content so that it can be accessed without an Internet connection.

Mobile Computing• Apps vs. Mobile Site

– When it comes to deciding whether to build a native app or a mobile website, the most appropriate choice really depends on your end goals. If you are developing an interactive game an app is probably going to be your best option. But if your goal is to offer mobile-friendly content to the widest possible audience then a mobile website is probably the way to go. In some cases you may decide you need both a mobile website and a mobile app, but it’s pretty safe to say that it rarely makes sense to build an app without already having a mobile website in place.

Mobile Computing

• Advantages of Mobile Site

– Immediacy – Mobile Websites Are

Instantly Available

– Compatibility – Mobile Websites are

Compatible Across Devices

– Upgradability – Mobile Websites Can Be Updated Instantly

Mobile Computing

• Advantages of Mobile Site– Ability to share – Mobile Websites Can be

Shared Easily by Publishers, and Between Users

– Time and Cost - Mobile Websites are Easier and Less Expensive

– Support and Sustainability

Mobile Computing

• Advantages of Apps

– Regular Usage/Personalization

– Complex Calculations or Reporting

– Native Functionality or Processing Required

– Offline access

Ohgo

18

Ohgo

• Welcome to Ohgo.com

• Ohgo is ODOT’s new traveler information website.

• Ohgo was designed with mobile technology in mind (tablet and smart phone).

• Ohgo uses HTML 5 technology on all platforms (mobile, tablet, and desktop).

Ohgo.com

• Why Ohgo.com:

– It’s short 4 characters.

– It’s easy to remember.

– It’s easy to type into a mobile browser.

– Fun to say a little quirky.

– The site has a “.com” address as so many

people naturally type in “.com”.

Early Logos

Final Logo

• Selected the logo based on the

following:

– Compliments current ODOT Logo

– Simple clean can “stand” on its own.

– Can be reused on multiple media formats.

Ohgo Desktop

Ohgo Tablet

Ohgo Mobile

Users are prompted to select a city or

region. Notice selection is not map

based but by selecting from a list.

When designing for smart phones the

look and feel is similar, we have the

same functionality, but the layout is

different as we have a smaller screen

size.

Ohgo Mobile

The “Traffic Tiles” allow a user to

easily and quickly see how

traffic is flowing throughout the

city or region. The color of the

triangle and text describe what

is happening on a specific road

segment.

Touching a tile allows you to

see additional details.

Footer - Go to Insert Header and Footer to change 28

The map allows users to see how the

roads look based on a map view.


To select cameras users

“drill down” based on

highways and then

specific location.


The “More” tab allows users to get to

other features on the site.

Questions?

session 4: mobile

Documents