Presentation on theme: "Catching Up With Our Clients. David Bonebrake, LSNTAP Hugh Calkins, Pine Tree Legal Assistance Kathleen Caldwell, Pine Tree Legal Assistance Dave Mallon,"— Presentation transcript:
As processor speeds increase and full graphics systems get embedded onto single chips, phones will soon be able to embody a PC experience as soon as they get near a flat screen TV and a keyboard. -Steve Rubel http://www.steverubel.com/the-apple-tablet-and-chrome-os-are- meaningles
The mobile browser landscape is an absolute mess, but its improving Going forward, most new touch phones will use a WebKit- based browser. Thats good.
Surprising high mobile usage – and its increasing rapidly. Early adopters of mobile technology do not fit the typical early-adopter profile: users are younger and are people of color. Devices, browsers, and connections are improving
Same questions: What kinds of information might people being looking for on their mobile devices? What topics can we address reasonably well in a small space? How to distill messages down? What formatting to use to avoid too much scrolling?
Starting with Maine Attorney Generals Consumer Guide on Your Rights When Buying a Used Vehicle - a very dense 22 page.pdf – we came up with 8 basic tips that a buyer could easily skim while at the used car lot: contact the prior owner have a mechanic you trust check the car, etc.
Yes, its annoying but LSC says you have to do it. Youre getting toward the finish line and youve had it up to HERE with this project. Put some thought and effort into it, anyway.
iPhones were doing a really funny thing with our phone # links. Some phones werent recognizing characters like é and ñ Although we had loaded things up with phone links, they wanted more. We could test a lot of devices efficiently, at the same time, and compare results.
The Right Tools For The Job Notepad or the editor of your choice Firefox (with addons) a) Firebug b) Useragent Switcher Mobile emulators a) Opera mini b) Ready.mobi Real devices
Inspect and edit HTML elements Edit CSS and see effects instantly Detailed error reporting Firebug addons.mozilla.org
CODING XHTML-MP (mobile profile) XHTML is a stricter version of HTML All tags must be closed a) This is correct b) This is not Attribute values quoted a) Case sensitive a) Correct b) Incorrect Must include XML declaration and doctype
Device Detection a) Identify visitors by device type Iphone, Nokia, Opera Mini, Vodafone, Android, PalmOS, Kindle, Up.Link, Symbian, SymbianOS, MIDP, NetFront,, AvantGo, Windows CE, PIE, BlackBerry b) Re-direct to mobile site c) Detection takes place on the server d) Useragent string: (Openwave) OPWV-SDK/62 UP.Browser/18.104.22.168.208 (GUI) MMP/2.0 – Zope example http://ptla.org/mobile
VIDEO Use audio and video to deliver more complex content. Limitations of devices On-screen text may be hard to read Keep file sizes small Mostly useful for smartphones
SOME THINGS WE LEARNED Telephone links 774-8211 Unicode limitations Character set often limited by geographic region Keep content scrolling to a minimum Difficulty in linking to external sources Test, test, test
mobiReady: http://ready.mobi/http://ready.mobi/ LSNTAP Mobile Web Reading Room: http://www.lsntap.org/Mobile_Web_Reading _Room LawHelp Resources Drupal Resources
How can the mobile web be used to help legal aid clients and advocates? What happens in few years? Does almost everyone have carry a powerful mobile device? Other questions and comments?
David Bonebrake – David@lsntap.orgDavid@lsntap.org Hugh Calkins - firstname.lastname@example.org@mac.com Kathleen Caldwell - KCaldwell@ptla.orgKCaldwell@ptla.org Dave Mallon -- email@example.com@gwi.net For Law Help Questions – firstname.lastname@example.org@probono.net For Drupal Questions -- email@example.com@gmail.com