brito / InsuranceUnited

A proof of concept for prototyping for a fictional entity

Insurance United

A proof of concept for prototyping for a fictional entity.

• demo
• source

These are not ready yet

• presentation
• video
• most of the links below don't work yet

Features

• register new member and sign-in
• get a quote, create and update policy details
• enroll

html

Look and Feel

Typography, spacing, color base, skins

• css/base

Media queries

• css/media

Animations and transitions

• css/4d

Interaction Design

Adding response reflexes to user actions (interactivity)

• js/on

Steps (input pacing - baby steps - form wizard)

• js/step

Now you try

• documentation

How-To

Technical details on how the parts are built

• REST-JSON database web service

Resources

• Most Common Screen Resolutions Ñ (fao.org)
• YAML reference Ñ (yaml.org)
• CORS Ñ (html5rocks.com)

Changes

• setup database xhr API - need docs
• added gnius source to debug call to interpolate
• add typographical logo
• tested try/catch cost
• add favicon
• add apple-touch-icon
• add data schema
• add json schema
• add html semantics
• add styles
• add stepping through (like a form wizard)
  • show only current section (from location hash)
• add table styles
• feature "add a dependent" (and remove) is working now
• added cache buster for dynamic content fetch
• data from forms automatically captured!
  • input.onchange: roll up data to container
• added application message container
• assembled slides

To do:

• Thursday, November 2

NOW

• can request policies using a web service
  • get plans json via xhr
    • stuff plans into db
  • filters services dynamically based on user choices

TODAY

• use reveal.js for flow
• not having reload is driving me crazy
• can translate from xml to json and update plans

later

• fix mobile!

• figure out why squeals are not cascading up the chain

• "looks like it works"

  • calculate and filter policies
    • add special data rules on policy fields
      • update name and legend - ok
      • add insured to data array when cloning
      • remove data when removing insured
  • data.onchange: save state
    • restore state
      • from mock
      • from db: sign in
        • register
          • CORS setup for darkgoyle.com db API

• fix overflow hidden on form

• fix adaptive layout

• fix: hash to load :target

  • check that back button works?

• add mock.js

• add api.darkgoyle.com/db

• export jamestron.com/recognize.js

• export phiveleven.com/jquery.Archer.js

• export phiveleven.com/jquery.stash.js

• export phiveleven.com/jquery.mangle.js

• export phiveleven.com/jquery.unmangle.js

• export phiveleven.com/jquery.snitch.js

• export phiveleven.com/jquery.fetch.js

• add custom domain

• all tests pass

• add presentation video

• add webex setup

The future

• add opensearch
• add websockets for realtime data
• set up automated build and deploy
• add story translator
  • into unit tests
• add css4d
• add schemata translator
  • yaml into html5
• Flying cars
• Personal robots