1. Controls:

JOYCE TO DO: make a document that identifies every possible control that we will use, specifying which specific bootstrap OR Angular-UI control to use.

IF a control is not available via Bootstrap or Angular-UI, then look for controls written for Angular.

while john is making sure the controls are safe to use (if not bootstrap or angular-ui) I do #2


2. identify the generic forms will need


3. then make mockup for the different form factor for each of the forms
 - form for the mobile
 - form for tablet (decide on either landscape or protrait)
 - form for desktop
end result is rough form design using the controls we decide on from #1
taking into  where errors/alerts will display, nav system, anything that will be on that form roughly look like, save, etc - anything common to all thast will/should show 

keeping in mind trying to NOT make a different form for each size as much as possible.


4. grid layout
example: how the rough form for a mobile, morphs to looking if switch to tablet view, if switch to desktop view
example: how does the layout now look with different view - i.e. labels and inputs side by side on desktop instead of stacked on mobile


#3 and #4 are sort of done at same time as affect each other



5. John will than make working mockup using all these forms.
- then tested, different browsers, different devices ensure going down right path


6. then the actual record for each object:
 - what actual fields, what they each do, behind the scenes too, 




