handson.io - rapid prototyping with jquery mobile
DESCRIPTION
jQuery Mobile is an interresting tool, especially for rapid prototyping.TRANSCRIPT
![Page 1: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/1.jpg)
Rapid prototyping with jQuery Mobile
@alanhortz - @mpedriale
@handsonio
![Page 2: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/2.jpg)
www.handson.io
Collaboration
Innovation
ExchangeCommunication
Solution
Respect
Evolution
![Page 3: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/3.jpg)
Prototyping
![Page 4: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/4.jpg)
![Page 5: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/5.jpg)
http://www.theverge.com/2012/7/26/3190849/court-documents-reveal-multiple-ipad-iphone-prototypes-kickstand
iPhone
![Page 6: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/6.jpg)
iPad (?)
![Page 7: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/7.jpg)
Excerpt from: Björn Hartmann, Gaining Design Insight Through Interaction Prototyping Tools.
http://designclinics.pbworks.com/f/hartmann-prototypes-ch2.pdf
![Page 8: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/8.jpg)
Excerpt from: Björn Hartmann, Gaining Design Insight Through Interaction Prototyping Tools.
http://designclinics.pbworks.com/f/hartmann-prototypes-ch2.pdf
![Page 9: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/9.jpg)
/Pr[o|e]totyping/
![Page 10: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/10.jpg)
Create an extremely simplified versions of
a product to help validate the premise
that “If we build it, they will use it.”
Pretotyping
![Page 11: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/11.jpg)
Create an extremely simplified versions of
a product to help validate the premise
that “If we build it, they will use it.”
before a significant investment is done
Pretotyping
![Page 12: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/12.jpg)
http://www.computerhistory.org/collections/catalog/102716262
Palm Pilot (1998)
Pretotype
![Page 13: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/13.jpg)
Pretotyping
Good Failure vs. Bad Failure
Faking before making it
Fail Fast ... and Often http://www.pretotyping.org/
![Page 14: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/14.jpg)
bottom line…
![Page 15: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/15.jpg)
requirements discovery
Validate early
Reduce feedback cycle
Engage your clients / stakeholders
Inspect and adapt
Conduct “safe to fail” experiments
![Page 16: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/16.jpg)
![Page 17: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/17.jpg)
Hands-on Time!
![Page 18: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/18.jpg)
Hands-on Time!Let’s prototype the user interface of a Book Library application !
TODO: •Main menu •Home page listing of books •Book detail page •Checkout confirmation dialog
![Page 19: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/19.jpg)
Where is the code?https://github.com/handsonio/
prototyping_jquery_mobile
![Page 20: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/20.jpg)
Resources
http://jquerymobile.com/resources/
http://www.businessinsider.com/inside-story-of-clinkle-2014-4
https://github.com/handsonio
![Page 21: handson.io - Rapid Prototyping with jQuery Mobile](https://reader033.vdocuments.us/reader033/viewer/2022051609/547e7f2fb4af9fda158b5634/html5/thumbnails/21.jpg)