Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Schoolhouse Rock: How a Simple Website Becomes a Magical API

Schoolhouse Rock: How a Simple Website Becomes a Magical API

Presentation given at Penn State Web Conference, June 2014

0953b75cd018be4c5bc5ebe973616df4?s=128

Jason Rhodes

June 09, 2014
Tweet

More Decks by Jason Rhodes

Other Decks in Technology

Transcript

  1. school rock house ! How a Simple Website Becomes a

    Magical API
  2. BUZZWORD BINGO! Structured Content WYSIWYG REST API JSON

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. Data Architecture Views

  12. Darchaviiettewcatures

  13. HTML CSS

  14. HTML CSS DATA

  15. None
  16. None
  17. WHAT YOU SEE IS WHAT YOU GET

  18. WHAT YOU SEE IS WHAT YOU GET

  19. None
  20. None
  21. None
  22. None
  23. WHAT I SAW WASN’T WHAT I GOT

  24. None
  25. None
  26. BIG AREA 
 OF MOST IMPORTANT CONTENT ! (BAMIC)

  27. None
  28. The Sweet Smell of Success THE frenetic and often sordid

    machinations of a power-mad Broadway columnist, the unprincipled press agent who is his hatchet man and the avid coterie that surrounds them are savagely dissected in "Sweet Smell of Success," which came to Loew's State yesterday. ! It is not a towering, universal theme the producers have developed in their indictment of this small, special segment of society operating in a tiny domain known intimately only to the cognoscenti. But pulsating dialogue, brisk direction, good performances and photography that captures the sights and sounds of Manhattan's Bistro Belt make the meanness of this singular "success" story fascinating a good part of the way. ! The adaptation by Clifford Odets and Ernest Lehman of the latter's fiction has caught the mannerisms and the language of the hustling guys and dolls in search of power, fame and a fast buck. But the basic motivation of J. J. Hunsecker, the columnist read by millions and sought after by the famous and infamous, remains unexplained. This is the film's major flaw. ! What sort of love does the imperious Hunsecker have for his young sister? Is this exaggerated possessiveness psychological or something else? The only clue a viewer gets is Hunsecker's simple and uninformative admission to the thoroughly cowed lass, "You're all I've got in this whole wide world." And then he coldly sets in motion a plan to destroy the decent young jazz guitarist who wants to marry her. ! Much clearer is the mental makeup of Sidney Falco, the publicist who has practically devoted body and soul to getting "items," muddy or otherwise, into Hunsecker's syndicated column. He is admittedly client-hungry and "fully up to the slimy tricks of the trade." Why? The "sweet smell of success" is a reality, he is convinced, and "Hunsecker is the golden ladder to where I want to get." ! He squirms at his assignment—the planting of narcotics on the guileless guitarist, who is then nabbed by a detective also in thrall to the columnist—but coolly effects it because he cannot fight that drive toward success. That the diabolical schemers are upset is somewhat anticlimactic. The fact that justice is done and young love wins out eventually does not really solve the riddle that is Hunsecker. ! Tony Curtis contributes a polished performance as the venal, double-talking, two-timing Falco, who is willing to go to extremes to do his gossip-dispensing Svengali's bidding. Nevertheless it is a disturbing portrait since he does not entirely emerge the black-hearted villain he is supposed to represent. ! Burt Lancaster's delineation of Hunsecker is efficient but largely restrained. He is a seemingly bland, professorial type speaking in columnar clichés, who only explodes into violent emotion on rare occasions. It might be difficult for the uninitiate to understand why it is necessary to curry his favor but he gives the role its proper modicum of callousness. ! Susan Harrison, a newcomer to films and a pert, appealing youngster, evokes sympathy as the columnist's distraught sister. Marty Milner is sincere and believable as her indomitable romantic vis-a-vis, and Barbara Nichols, as the voluptuous nightclub temptress Mr. Curtis uses in his schemes; Sam Levene, as an agent; Joe Frisco, as a comic, and Jeff Donnell, as Mr. Curtis' harried secretary add competent touches in their brief appearances. ! Alexander Mackendrick, the British director, and James Wong Howe, his cinematographer, who shot a good part of their film hereabouts, have gotten a fair portion of our town's fast tempo, its night spots and its sleazy aspects into their production. A viewer cannot blame Hunsecker too much when he happily exclaims, "I love this dirty old town." It's harder, of course, to fall for the characters in "Sweet Smell of Success." They are mighty interesting but rarely lovable.
  29. CONTENT RUINS EVERYTHING

  30. CONTENT EDITORS RUIN EVERYTHING

  31. None
  32. Which design?

  33. AND THEN WE TOLD THEM THERE WAS ONLY ONE DESIGN

  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. WAIT

  42. None
  43. STRUCTURED CONTENT IS AWESOME.

  44. ‣ Article ‣ Blog Post ‣ Person ‣ Image Object

  45. Object Name Author Date ( properties )

  46. Object 1 ( relationship ) Object 2

  47. explicit/manual relationships Object 1 Object 2 Title: Smith wins Nobel

    Prize in Physics ! Title: New Safety Laws Announced !
  48. explicit/manual relationships Object 1 Related: Object 2 Object 2 Title:

    Smith wins Nobel Prize in Physics ! Title: New Safety Laws Announced !
  49. implicit/dynamic relationships Object 1 Title: Lacrosse team beats UMD !

    Tags: lax Object 2 Title: New lacrosse field approved for 2014 ! Tags: lax, infrastructure
  50. implicit/dynamic relationships Object 1 Title: Lacrosse team beats UMD !

    Tags: lax Object 2 Title: New lacrosse field approved for 2014 ! Tags: lax, infrastructure
  51. Objects have properties with other objects WHAT IS STRUCTURED CONTENT?

    and relationships 
  52. Title Alternate Title Long Summary New Article

  53. Thumbnail Image Hero Image Body

  54. None
  55. None
  56. None
  57. None
  58. None
  59. None
  60. ### A subtitle ! This is some text that I

    wish was in a “p” tag, but editors sometimes just use _new lines_. ! **That’s annoying.** ! > Markdown can solve that. > -A person
  61. ### A subtitle ! This is some text that I

    wish was in a “p” tag, but editors sometimes just use _new lines_. ! **That’s annoying.** ! > Markdown can solve that. > -A person <h3>A subtitle</h3> ! <p>This is some text that I wish was in a “p” tag, but editors sometimes just use <em>new lines</em>.</ p> ! <p><strong>That’s annoying!</strong></p> ! <blockquote>Markdown can solve that. -A person</blockquote>
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None
  69. None
  70. None
  71. The Factory

  72. The Franchises

  73. The Delivery System (API)

  74. News Order Form science news and politics university news health

    everything
  75. None
  76. None
  77. The Factory Store

  78. api.hub.jhu.edu/articles?per_page=5 News Order Form

  79. None
  80. Articles Images Videos Courses Campuses People Research papers Grants Buildings

    Events Donations Messages EVERYTHING IS OBJECT
  81. All articles that mention people who work in the Reed

    building
  82. All events happening tomorrow that take place on Homewood campus

  83. All courses on topics that are mentioned in grants that

    are currently funded by NIH
  84. SO MUCH POWERRRRR

  85. None
  86. None
  87. None
  88. ?v=0&key=psuweb http://api.hub.jhu.edu

  89. api.hub.jhu.edu/

  90. api.hub.jhu.edu/articles

  91. api.hub.jhu.edu/articles/3571

  92. api.hub.jhu.edu/articles/3571

  93. api.hub.jhu.edu/articles/3571

  94. None
  95. None
  96. None
  97. None
  98. None
  99. None
  100. None
  101. None
  102. None
  103. #1 Know your content.

  104. #1 Know your content. @kissane @karenmcgrane

  105. #2 Define objects.

  106. None
  107. None
  108. None
  109. #3 Limit properties.

  110. #3 Limit EVERYTHING.

  111. YAGNI

  112. BIMNI

  113. YAGNI BIMNI vs

  114. #4 Create meaningful categories.

  115. None
  116. #5 Expose an API…

  117. #5 USE YOUR API!!!

  118. Rate this talk! bit.ly/psudevtrack THANKS. Follow me/AMA twitter.com/rhodesjason Tomorrow @11am

    Let’s Use More JS