Popcorn JS Presentation CAR Business Meetings

19
Video 2 Enhancing Video with Content Thursday, January 24, 13

description

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.

Transcript of Popcorn JS Presentation CAR Business Meetings

Page 1: Popcorn JS Presentation CAR Business Meetings

Video2Enhancing Video with Content

Thursday, January 24, 13

Page 2: Popcorn JS Presentation CAR Business Meetings

Video is it worth it?

CONSBecomes stale quick

Difficult to manipulate

Draws attention from other content

PROSData rich, accessible

Sticky

Preferred content

Thursday, January 24, 13

Page 3: Popcorn JS Presentation CAR Business Meetings

What if there was a middle way?

Thursday, January 24, 13

Page 4: Popcorn JS Presentation CAR Business Meetings

Introducing Popcorn

A Mozilla labs project

First proposed in December 2010

Private release October 2011

Public release September 2012

Thursday, January 24, 13

Page 5: Popcorn JS Presentation CAR Business Meetings

A free service which allows non developers to mix in events, actions and external

elements with video.

https://popcorn.webmaker.org/

Thursday, January 24, 13

Page 6: Popcorn JS Presentation CAR Business Meetings

A free service which allows non developers to mix in events, actions and external

elements with video.

https://popcorn.webmaker.org/

Thursday, January 24, 13

Mark Flavin
http://bit.ly/WizC34
Mark Flavin
Mark Flavin
Mark Flavin
Mark Flavin
Page 7: Popcorn JS Presentation CAR Business Meetings

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

https://popcorn.webmaker.org/

FEATURES

Thursday, January 24, 13

Page 8: Popcorn JS Presentation CAR Business Meetings

Can’t create custom events

All actions are limited to the media canvas

Limited styling and layout options

No private sharing option

LIMITATIONShttps://popcorn.webmaker.org/

Thursday, January 24, 13

Page 9: Popcorn JS Presentation CAR Business Meetings

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

https://popcorn.webmaker.org/

Thursday, January 24, 13

Page 10: Popcorn JS Presentation CAR Business Meetings

Available Events for Popcorn MakerText

Popups

Google Maps

Twitter Feeds

Images

Loop

Skip

Pause

Wikipedia

Thursday, January 24, 13

Page 11: Popcorn JS Presentation CAR Business Meetings

Developer version of popcorn

Allows for all popcorn maker events plus additional custom events through simple api

Free, licensed under the MIT license

http://popcornjs.org/

Thursday, January 24, 13

Page 12: Popcorn JS Presentation CAR Business Meetings

Developer version of popcorn

Allows for all popcorn maker events plus additional custom events through simple api

Free, licensed under the MIT license

http://popcornjs.org/

Thursday, January 24, 13

Page 13: Popcorn JS Presentation CAR Business Meetings

DEMOS

Thursday, January 24, 13

Page 14: Popcorn JS Presentation CAR Business Meetings

Thursday, January 24, 13

Mark Flavin
Mark Flavin
http://www.bayeast.org/code/run/popcorn_demo/
Page 15: Popcorn JS Presentation CAR Business Meetings

Available Events for Popcorn Js

Attribution

Code

Facebook

Flickr

Footnote

GML

Googlefeed

Googlemap

Image

Lastfm

Linkedin

Lowerthird

Manifest

Mustache

OpenMap

Pause

Processing

Subtitle

Tagthisperson

Timeline

Tumblr

Twitter

Webpage

Wikipedia

Wordriver

Thursday, January 24, 13

Page 16: Popcorn JS Presentation CAR Business Meetings

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

Page 17: Popcorn JS Presentation CAR Business Meetings

"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

Page 18: Popcorn JS Presentation CAR Business Meetings

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

Page 19: Popcorn JS Presentation CAR Business Meetings

Talk to me I Crave Attention

[email protected]

http://fb.com/mark.flavin

Mark Flavin Bay East IT Director

Thursday, January 24, 13