Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
PAHouse.com Mobile Website
Dan Reese
PA House of Representatives
Democratic Caucus
A self taught developer, Dan has served the Pennsylvania
Legislature for 10 years in a variety of roles. He has worked
as a Webmaster, Senior Programmer, and Web Supervisor.
He currently serves as the Manager of Application
Technology, overseeing a talented team of Webmasters,
Programmers, and DBAs responsible for all Caucus
applications, databases, Internet, and Intranet sites.
Before working for the state House Democratic Caucus, Dan
served as a Military Police Officer in the United States Marine
Corps. When not at work, Dan enjoys spending time
outdoors with family and friends. He is also known as
"Crackers," the Shriner Clown and enjoys participating in the
annual Zembo Shrine Circus.Dan Reese
• Key Staff and their Roles
• Project Background
• Considerations
o Mobile Website vs. App
• Keep It Simple
o Content
o W3C Standards
• Testing
• Site Demo
• Directing Traffic
Agenda
Cathy is technology trainer with the House Democratic
Information Technology department. She started her
career with the Caucus in February 2001. Cathy is a
Microsoft Office Master Instructor since 2007, and
Certified Technical Trainer since 2008.
Cathy is our lead WebEx specialist. She has handled
all the technical aspects of delivering this webinar as
well as many other training presentations to district
offices across the state of Pennsylvania.Cathy Shaner
August is a webmaster with the House Democratic
Information Technology department. He started his
career with the Caucus in January 2008.
“Augie” was the lead architect of the PAHouse.com
mobile website. This was the first project assigned to
him as a new employee. He performed all the
research, design, and development that went into
making the project a success.August Marchetti
Project Background
• Web department recognized growing mobile trend &
imminent need for a mobile website
• Conceptualization began in 2008
• Developed began in late 2008 & continued into 2009
• Nielsen reports smartphone sales accounting for 25% of the US mobile phone market in
Q2 2010, and expects smartphones to become the majority by the end of 2011.
• According to figures for 2009 released by Gartner, smartphones accounted for 172.4
million (14%) of the 1.211 billion mobile phones sold that year. That's 23.8% more
smartphone sales than in 2008.
• The same company recently released Q2 2010 figures. Smartphones represented 61.6
million (19%) of the 325.6 million mobile phones sold, a sales increase of over 50% on Q2
2009.
• For the same time period, the IDC Worldwide Quarterly Mobile Phone Tracker puts
smartphone sales at 60 million, up some 50% over Q2 2009.
• The Coda Research Consultancy predicts global smartphone sales of some 2.5 billion
over the 2010-2015 period, and also suggests that mobile Internet use via smartphones will
increase 50 fold by the end of that period.
• Morgan Stanley Research estimates sales of smartphones will exceed those of PCs in
2012.
• Gartner expect over 500 million smartphones to sell in 2012.
Smartphone Statistics
Considerations
• Targeted Audience
• Targeted Devices
• Available Resources
o Development Tools
o Manpower
• Cost
• Maintenance
Mobile Website vs. App
• Maintain one site vs. several apps
• Technology and resources already available to us
• Faster development
Rule #1
Keep it simple.
1. Latest News
2. Find Your Representative by
• Address
• Name
• District
3. Contact Representative by
• Phone
Simple Content
W3C Standards – http://www.w3.org/
• Minimal Document Structure
• XHTML 1.0 Strict (Default Document Type)
http://www.w3.org/TR/xhtml1/
Simple Code
XHTML 1.0 Strict - Use this when you want really clean structural
mark-up, free of any markup associated with layout. Use this together
with W3C's Cascading Style Sheet language (CSS) to get the font,
color, and layout effects you want.
<?xml version=”1.0” encoding=”UTF-8”?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
Simple Code
<meta name="HandheldFriendly" content="true" />
Simple Code
On BlackBerry devices with BlackBerry Device Software version 4.6 or later, by default,
the BlackBerry Browser renders desktop-oriented content as it would be displayed on a
desktop-computer, then scales the content to fit the BlackBerry device screen. For most
desktop-oriented content, the BlackBerry Browser renders it at 20% to 40% of its
original size.
Content that is designed for the BlackBerry Browser should be presented to the user
unscaled. You must inform the BlackBerry Browser that content is designed for the
BlackBerry device screen by adding a <meta> tag to control the initial scale of your web
page. Otherwise, the BlackBerry Browser will scale your content in error.
http://docs.blackberry.com/en/developers/deliverables/6176/HTML_ref_meta_564143_11.jsp
<meta name=“viewport"
content=“width=device-width" />
Simple Code
This controls the initial display scale when the page loads. It sets the dimensions of the
page to the dimensions of the device being used.
The value may be one or more comma-separated name-value pairs. The BlackBerry
Browser supports the height and width viewport properties.
http://docs.blackberry.com/en/developers/deliverables/6176/HTML_ref_meta_564143_11.jsp
*Keep It Small*
Simple Graphics
• Not much bigger than 120x120
• Optimize image file size
• Use standard palette colors
Directing Traffic
Browser Detection Script
if Instr(userAgent, "mozilla") <= 0 then
elseif Instr(userAgent, "iPhone") then
Response.Redirect("http://www.pahouse.com/m/")
elseif Instr(userAgent, "blackberry") then
Response.Redirect("http://www.pahouse.com/m")
elseif Instr(userAgent, "Andoid") then
Response.Redirect("http://www.pahouse.com/m")
elseif Instr(userAgent, "LG") then
Response.Redirect("http://www.pahouse.com/m")
end if
end if
3 Steps:
1. Provide title, URL, and description
2. Upload 64x64 image and optional rollover image (GIF or PNG)
3. Provide vendor name, version number, and desired file name
Within minutes you will have:
1. “JAD” files for direct over the air installation of Blackberry shortcut
2. “ALX” files for installing shortcut using Blackberry Desktop Manager
Directing Traffic
Blackberry Shortcut Installer
*http://www.bblauncher.com/ - $3
* Not endorsed by PA House Democratic Caucus
“OFF” Icon
64 x 64 px
“On”
- or -
“Rollover”
Icon
64 x 64 px
THANK YOUPlease remember to download the reference handout.