Desktop prototyping with JavaScript

Presented at IndyJS.
http://www.meetup.com/indyjs/events/18977211/

***

Concept:
https://twitter.com/chrisbasham/status/32538396593233921

Video:
https://www.flickr.com/photos/chrisbasham/5408620216/

Code:
https://gist.github.com/basham/806605

Transcript

1. Desktop prototyping
   with JavaScript
   Chris Basham
   @chrisbasham
   http://bash.am
   

   View Slide

2. Designer
   Prototyper
   Developer
   Runner
   I’m four things
   

   View Slide

3. View Slide

4. Blooming Fools
   Hash House Harriers
   Non-competitive social runners
   

   View Slide

5. “Drinking club with a
   running problem
   Hashing self-described as
   

   View Slide

6. View Slide

7. Initial check-in
   Photo by BFH3
   

   View Slide

8. Chalk talk
   Photo by BFH3
   

   View Slide

9. Hare’s arrow
   Photo by BFH3
   

   View Slide

10. Forest shiggy
    Photo by BFH3
    

    View Slide

11. Briar shiggy
    Photo by BFH3
    

    View Slide

12. Check
    Photo by BFH3
    

    View Slide

13. Bad trail
    Photo by BFH3
    

    View Slide

14. Beer check
    Photo by BFH3
    

    View Slide

15. Field shiggy
    Photo by BFH3
    

    View Slide

16. Urban shiggy
    Photo by BFH3
    

    View Slide

17. On-In
    Photo by BFH3
    

    View Slide

18. Photo by BFH3
    Places hashed
    

    View Slide

19. Photo by BFH3
    Nov 13 hash
    

    View Slide

20. Untouched
    Private Panther
    Named
    

    View Slide

21. Attendance
    doubled
    in 6-months
    Finding
    

    View Slide

22. Murphy’s law
    Finding
    

    View Slide

23. Who’s lost on trail?
    Problem
    

    View Slide

24. Paper sign-in
    Photo by BFH3
    

    View Slide

25. Expense
    Constraint
    

    View Slide

26. Portable, durable,
    & replaceable
    Constraint
    

    View Slide

27. No tech on trail
    Constraint
    

    View Slide

28. Photo by BFH3
    iPad app
    

    View Slide

29. RFID key fob
    Photo by John Wayne Hill
    

    View Slide

30. RFID USB Reader
    sparkfun.com/products/9963
    

    View Slide

31. ID-20
    sparkfun.com/products/8628
    

    View Slide

32. Reader enclosure
    Photo by John Wayne Hill
    

    View Slide

33. Photo by BFH3
    System
    

    View Slide

34. Photo by BFH3
    God’s gift to nerds
    nodejs.org
    

    View Slide

35. Photo by BFH3
    http://nodejs.org/docs/v0.4.8/api/fs.html#fs.ReadStream
    

    View Slide

36. Photo by BFH3
    Proof of concept
    twitter.com/#!/chrisbasham/status/32538396593233921
    

    View Slide

37. Photo by BFH3
    HTTP server
    expressjs.com
    

    View Slide

38. Photo by BFH3
    Realtime communication
    socket.io
    

    View Slide

39. UI
    Photo by John Wayne Hill
    

    View Slide

40. Check-in
    Photo by John Wayne Hill
    

    View Slide

41. Photo by BFH3
    Node-SerialPort
    github.com/voodootikigod/node-serialport
    

    View Slide

42. Photo by BFH3
    Node-Arduino
    github.com/voodootikigod/node-arduino
    

    View Slide

43. Desktop prototyping
    with JavaScript
    Chris Basham
    @chrisbasham
    http://bash.am
    

    View Slide