HTML5 - Web Application Development

Published on December 2016 | Categories: Documents | Downloads: 48 | Comments: 0 | Views: 316
of 2
Download PDF   Embed   Report

Comments

Content


 

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:
 
 

 


 

Sponsor Documents

Or use your account on DocShare.tips

Hide

Forgot your password?

Or register your new account on DocShare.tips

Hide

Lost your password? Please enter your email address. You will receive a link to create a new password.

Back to log-in

Close