Upload
dustin-wood
View
217
Download
0
Tags:
Embed Size (px)
Citation preview
Webmaster User Group
July 16, 2014 Session10:00am – 11:45am
Webmaster User GroupFacilitator: Michael ChenWeb Policy Coordinator
July 16, 2014
Welcome Back!
Agenda
Topic Presenter / Facilitator Timeframe
Opening Michael Chen 5 min.
Overview of Offerings David Escobar 10 min.
CA Web Publishing Alicia Johnson 15 min.
Google Analytics Richard Lehman 15 min.
Break - 10 min.
Accessibility Barbara Haven 15 min.
State Template Richard Lehman 15 min.
Q & A Michael Chen et al. 10 min.
Closing Michael Chen 5 min.
Web Roadmap
• Where We’ve Been
• Where We’re At
• Where We’re Going
Overview of Offerings
Presenter: David Escobar
CA Web Publishing
Presenter: Alicia Johnson
CA Web Publishing
• URSUS Web ContentManagement System• Released in Winter 2009• Custom-built, interim solution• Does not meet the needs of all customers• Lacking modern WCMS features
CA Web Publishing
• Formal evaluation of WCMS products completed
• SiteCore selected as foundation of CA Web Publishing Service• Highly customizable• Enterprise grade solution• Feature rich
• Currently in Implementation Phase
CA Web Publishing
• Initial release will provide features equivalent to current URSUS functionality
• PLUS…• Configurable approval workflow• Improved WYSIWYG editor for non-technical content editors• Site Dashboard• Content classification for improved SEO• Better management of content (scheduling & versioning)• Content reuse• Responsive design template• Easy integration with 3rd party applications
CA Web Publishing
• Future Releases will include• Additional social integration• Content personalization based on user
behavior or locality• Advanced analytics and the ability to create
marketing campaigns• Features based on user feedback
CA Web Publishing
• Advantages of CA Web Publishing Service• Enterprise features• Painless template updates• Scalable, redundant architecture• OTech provided training• Economy of scale
Google Analytics
Presenter: Richard Lehman
Google Analytics (GA)
2010 – GA: New Shared Service
Google Analytics (GA)
2011 – Urchin customers migrated to GA
Google Analytics (GA)
2012 – CA.gov State-wide GA Dashboard
Google Analytics (GA)
Google has extended the product
Google Analytics (GA)
Track how users flow through your site
Google Analytics (GA)
View visitor location by map or city list
Google Analytics (GA)
Watch traffic in real time!
Google Analytics (GA)
• 127+ State Agencies using GA• Exploring options for further
utilization• Increasing “executive level” requests
for GA reports – especially in the area of mobile
Google Analytics (GA)
Note: mobile is over 30% of all traffic on State sites and is still growing!
Google Analytics (GA)
• Development of a standard GA embed script that addresses:– Your website analytics– State-wide analytics– Tracking file downloads (PDFs, etc.)– Filtering out last 3 digits of IP address
Google Analytics (GA)
• Encourage further State Agency adoption
• Encourage more use by mobile applications
Google Analytics (GA)
• Future upgrade to Universal Analytics (for IoT)
• includes physical world: field offices, business processes, meters, traffic counters, etc.
compare
Google Analytics (GA)
• Future presentations on GA usage?• Willing to present at WUG? How about:– BOE: 5 dashboards– DIR: 2 dashboards – EDD: 10 dashboards – SCO: 8 dashboards – SPB: 3 dashboards
WUG would love to hear your lessons learned!
Google Analytics (GA)
Questions ?
10 Minute break
Accessibility
Presenter: Barbara Haven
Accessibility
• Legislation• Section 508 of Rehabilitation Act of
1973• CA Govt. Code § 11135• 2010 - 21st Century Communications
and Video Accessibility Act (CVAA)
Accessibility
• Standards• 1997 - W3C Web Accessibility
Initiative (WAI) • 1999 WCAG 1.0
Accessibility
• We’re in Good Shape…• WCAG 1.0 transitions to WCAG 2.0• 2010 - IT Policy Letter 10-10• 2011 - IT Accessibility Resource
Guide as State Information Mgmt. Manual (SIMM) 25
Accessibility
• Testing and Assistive Technology• Better browsers and browser
extensions• Screen Readers • Other Assistive Technology
Accessibility
• Screen Readers Example • Job Access With Speech (JAWS)
started in 1989 for MS-DOS• WebAIM Survey of Screen Readers,
most used in 2012
Accessibility
• Screen Reader DEMO http://youtu.be/2PMuBQ7LyOw?t=5m16s
Excerpt to be shown (less than 2 minutes)
Accessibility
• Greater understandings of people with disabilities• Improved assistive technology and
testing• Litigation trending up• Section 508 Refresh Standards
Accessibility
• Section 508 refresh and WCAG 2.0, which the state will legally follow when adopted soon
State Template
Presenter: Richard Lehman
State Template
• 2000 HTML tables design - Ex: sdrc.ca.gov
• 2007 Fluid Design (our first CSS based design) – Ex: oal.ca.gov
• 2010 Large Banner, Fixed Design – Ex: dmv.ca.gov
• 2013 A Responsive Design - Ex: ca.gov
State Template
State Template
• Mobile is over 30% of State Web traffic • Pew Research Internet Project:
90% American Adults have cell phone58% a Smartphone (83% age 18-29)32% an e-reader, 42% a tablet
Siri, Google Now, MS Cortana, etc.
State Template
Siri, Google Now, MS Cortana, etc.
Do State websites provide answers here?
watchphone later…
• Glasses• Rings• Ear buds• Cars• Robots• Etc.
State Template
A search result is NOT an “answer”. It is not specific and therefore the answer also cannot be “spoken”.
You must go to the page and read until you hopefully find the answer.
State Template
Here’s an answer that is “spoken”. But who actually provided the answer?
Note: I could not find any “spoken” answers from State websites!
State Template
So what websites provide exact answers to Siri, Google Now, and Cortana?
Semantically designed sites do!
State Template – Mobile!
1. Mobile Demands a “Re-Architecting” of the State Template:
Schema.org – schemas recognized by search providers. Example template elements:NewsArticle, Event, Map, AboutPage, ContactPage,
ProfilePage, Person, JobPosting, GovernmentOrganization, GovernmentOffice, GovernmentPermit, GovernmentService, ServiceChannel, PostalAddress, OpeningHoursSpecification, etc.
State Template – Mobile!
Note: a quality content management system (CMS) can further augment the new State Template with even more specific “business language” oriented semantics:
Technical Reference:Linked Data in HTML, RDFa – rdfa.info
State Template – Mobile!
2. Semantic Design Aspects (look & feel & layout):Bootstrap – industry “mobile first”
framework for faster and easier web development. (getbootstrap.com) The “scaffolding” elements of the site. Ex:Dropdown-menu, button, checkbox, radio, navbar,
container, breadcrumb, pagination, label, badge, page-header, thumbnail, alert, progress-bar, media, list-group, panel, viewport, blockquote, table-responsive, form, etc.
State Template – Mobile!
3. Minimize Future State Site Migration Efforts!Because of a template with a stable,
semantically designed architecture
State Template – Mobile!
4. A New Responsive Menu (Ex: Maine.gov)
State Template – Mobile!
New “Semantically” Designed State TemplateAnticipated delivery to State Webmasters:
6 months
Questions ?
Contact:[email protected]
Thank you!