session 4: mobile
TRANSCRIPT
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.
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
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
• 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”.
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 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.
Footer - Go to Insert Header and Footer to change 29
To select cameras users
“drill down” based on
highways and then
specific location.
Footer - Go to Insert Header and Footer to change 30
The “More” tab allows users to get to
other features on the site.