HTML5
Web
App
Development
Challenge:
The client required their survey application to be accessible on mobile devices. They were looking for a web-based solution that would work across multiple devices and have a rich, graphical user interface. Key Challenges:
The
Client:
1. The client required a rich web GUI that is comparable to a native application in terms of control sophistication and user experience. 2. The application had to be extensible so that modifications to elements of the survey and new ways to integrate with the back end would be easy to accommodate. 3. The application was to be used on a variety of devices; consequently, the respective native browser’s behavior and constraints had to be considered. The client is an industry leading market research firm. They build cloud-based software for their clients’ specific platforms that facilitate two-way communication that ranges from market research to civic engagement. Their solutions showcase an accessible UI, which features modules for survey authoring, community management, discussion forums, and reporting services.
How
Optimus
Helped:
OptimusMobility created a web-based survey tool that was based on the principle of determining the user agent and rendering compatible UI. To create a rich GUI we used HTML5, CSS3, XML, and XSLT. We made sure that our framework had the necessary provisions so that it could easily include new elements within the surveys. A factory based solution was created that can dynamically load handlers for different type of data fetching services. This allows the clients to add new data generation services when they are created. We then conducted device and user agent detections by using open source 3rd party WURFL services. Device specific code customizations were made to handle the device’s limitations. Finally, the application was vetted to see if it preformed at an acceptable performance level. We made sure to verify an acceptable level for all question types, including those that required heavy UI side processing. The end result is a web-based survey tool that works across virtually all modern mobile devices. The UI has a consistent look and feel and provides a positive user experience.
The
Process
1. Agile development process consisting of multiple sprints. 2. Testing locally on multiple devices.
3. Deliveries made in overlapping meetings with clients. 4. Cloud based staging environment for a shared test system. Technologies Used: VS.NET 2008, MVP, WURFL, HTML5, CSS4, XML, and XSLT.
About
OptimusMobility
We
specialize
in
mobile
application
development
services.
Our
offerings
include
native
application
development,
web
application
development,
platform
migration,
mobile
analytics,
and
m obile
application
testing.
Connect
with
us
to
see
how
we
can
work
as
a
seamless
extension
of
your
technology
team.
Optimus
Information
Inc.
#120-‐1412
West
7th
Ave,
Vancouver,
BC,
V6H
1C1,
Canada
Phone:
604.736.4600
Email:
[email protected] Website:
www.optimusmobility.com
Connect
with
us
on
the
following
networks: