evaluating technology a c g t specialisation ubiquity
play

EVALUATING TECHNOLOGY A C G T specialisation ubiquity - PowerPoint PPT Presentation

EVALUATING TECHNOLOGY A C G T specialisation ubiquity cooperation We shape our tools and therea fu er our tools shape us. John Culkin specialisation ubiquity cooperation Chind gu Chind gu Chind gu Chind gu Chind


  1. EVALUATING TECHNOLOGY

  2. A C G T

  3. specialisation ubiquity cooperation

  4. “ We shape our tools and therea fu er our tools shape us.” —John Culkin

  5. specialisation ubiquity cooperation

  6. Chind ō gu

  7. Chind ō gu

  8. Chind ō gu

  9. Chind ō gu

  10. Chind ō gu

  11. Chind ō gu

  12. Chind ō gu

  13. hardware software human

  14. hardware software human

  15. WWW

  16. WWW internet computers electricity industrialisation

  17. WWW HTTP URLs HTML

  18. “ Humans are allergic to change. ” —Grace Hopper

  19. WWW HTTP URLs HTML TCP/IP DNS SGML

  20. <body> <title> <h1> <p> <h2> <ul> <ol> <li> <h3> SGML <dl> <dt> <dd>

  21. <article> <section> <aside> <figure> <main> HTML <footer> <header>

  22. <canvas> <video> <audio> <picture> HTML <datalist>

  23. “ HTML 5 document conformance requirements should be designed so that web content can degrade gracefully in older or less capable user agents, even when making use of new elements, attributes, APIs and content models.” —HTML Design Principles

  24. principles.adactio.com

  25. patterns principles goals

  26. <canvas> <video> <audio> <picture> HTML <datalist>

  27. How well does it work?

  28. How well does it fail?

  29. service workers

  30. How well does it work?

  31. How well does it fail?

  32. custom elements web components shadow DOM

  33. <canvas> <video> <audio> <picture> HTML <datalist>

  34. <mega-menu> <slippy-map> <image-gallery> <modal-lightbox> <off-canvas>

  35. <mega-menu> <link rel="import" href="mega-menu.html"> HTML CSS JS

  36. How well does it work?

  37. How well does it fail?

  38. <image-gallery> <img src="…" alt="…"> <img src="…" alt="…"> <img src="…" alt="…"> </image-gallery>

  39. <image-gallery> </image-gallery>

  40. <body> <shop-app> </shop-app> <script>…</script> </body> shop.polymer-project.org

  41. service workers web components

  42. the extensible web ajax responsive web design progressive web app

  43. HTTPS + service worker + manifest file = progressive web app

  44. Who bene fi ts?

  45. developers users

  46. sass jQuery less bootstrap git angular react gulp npm ember

  47. What are the assumptions?

  48. “ So fu ware, like all technologies, is inherently political. Code ine v itably re fl ects the choices, biases and desires of its creators.” —Jamais Cascio

  49. “ Ti e street fi nds its own uses for things.” —William Gibson Burning Chrome

  50. “ Technology is neither good nor bad; nor is it neutral.” —Melvin Kranzberg

  51. Ti e Inevitable What Technology Wants

  52. amish -ish “ Ti e Amish have the undeserved reputation of being luddites, of people who refuse to employ new technology. Ti e Amish are steadily adopting technology — at their pace. Ti ey are slow geeks.” —Kevin Kelly

  53. How well does it work? How well does it fail? Who bene fi ts? What are the assumptions?

  54. Thank you

Recommend


More recommend