Presentation for CAR business meetings looking at how Brokers and Agents can use the popcorn.js and webmaker tools to build interactive enhanced content video pages.

1. Video2
Enhancing Video with Content
Thursday, January 24, 13

2. Video is it worth it?
PROS CONS
Data rich, accessible Becomes stale quick
Sticky Difficult to manipulate
Preferred content Draws attention from
other content
Thursday, January 24, 13

3. What if there was a middle way?
Thursday, January 24, 13

4. Introducing Popcorn
A Mozilla labs project
First proposed in December 2010
Private release October 2011
Public release September 2012
Thursday, January 24, 13

5. https://popcorn.webmaker.org/
A free service which allows non developers
to mix in events, actions and external
elements with video.
Thursday, January 24, 13

6. https://popcorn.webmaker.org/
A free service which allows non developers
to mix in events, actions and external
elements with video.
http://bit.ly/WizC34
Thursday, January 24, 13

7. FEATURES
https://popcorn.webmaker.org/
Easy to use, low learning curve
Allows for the mixing of content
with video
Works for both audio and video
Easy to remix and share
Thursday, January 24, 13

8. LIMITATIONS
https://popcorn.webmaker.org/
Can’t create custom events
All actions are limited to the
media canvas
Limited styling and layout
options
No private sharing option
Thursday, January 24, 13

9. https://popcorn.webmaker.org/
The ease of use and depth of actions
available make popcorn maker an
excellent option for simple projects...
Blog
Testimonials
Home tours
Anything that can benefit from
additional content
Thursday, January 24, 13

10. Available Events for
Popcorn Maker
Text Loop
Popups Skip
Google Maps Pause
Twitter Feeds Wikipedia
Images
Thursday, January 24, 13

11. http://popcornjs.org/
Developer version of popcorn
Allows for all popcorn maker events plus
additional custom events through simple api
Free, licensed under the MIT license
Thursday, January 24, 13

12. http://popcornjs.org/
Developer version of popcorn
Allows for all popcorn maker events plus
additional custom events through simple api
Free, licensed under the MIT license
Thursday, January 24, 13

13. DEMOS
Thursday, January 24, 13

14. http://www.bayeast.org/code/run/popcorn_demo/
Thursday, January 24, 13

15. Available Events for
Popcorn Js
Attribution Googlemap OpenMap
Twitter
Code Image Pause
Webpage
Facebook Lastfm Processing
Wikipedia
Flickr Linkedin Subtitle
Wordriver
Footnote Lowerthird Tagthisperson
GML Manifest Timeline
Googlefeed Mustache Tumblr
Thursday, January 24, 13

16. Take Aways
HTML5, Javascript and libraries
open up a world of interaction
for websites
User experience is less about
“flash” and more about content
What can we do to make data
more accessible for members?
Thursday, January 24, 13

17. "If the web can be evolved to include the missing APIs
and have better performance, [developers] won't need
to go beyond the web"
— Brendan Eich,
Creator of Javascript
Thursday, January 24, 13

18. Our API directory now includes 40 real estate APIs. The
newest is the XWeb Real Estate API. The most popular, in
terms of mashups, is the Zillow API. We list 28 Zillow
mashups. Below you’ll find some more stats from the
directory, including the entire list of real estate APIs.
Blog post by programmable web to developers about new Real Estate related Apis
Thursday, January 24, 13

19. Talk to me I Crave Attention
Mark Flavin
Bay East IT Director
markf@bayeast.org
http://fb.com/mark.flavin
Thursday, January 24, 13