SlideShare une entreprise Scribd logo
1  sur  28
Télécharger pour lire hors ligne
Popcorn and
               WebMadeMovies:
               Taking Your Videos
               Beyond YouTube
               #11NTCwebvideo


               Ben Moskowitz
               Jeff Perlstein
               Luisa Dantas

Wednesday, March 2, 2011
Session Evaluation
                   Each entry via text or web is a chance to win
                      great NTEN prizes throughout the day!


                           TEXT                  ONLINE
                       Text 11NTCwebvideo to   Use #11NTCwebvideo at
                              69866.           http://nten.org/ntc/eval




                  Session Evaluations
                         Powered By:




Wednesday, March 2, 2011
-we make Firefox
         -we’re a mission-driven non-profit
         -we’re a global community


Wednesday, March 2, 2011
Let’s skip to the end

               1. Open web technology
               can increase engagement

           2. We’re pioneering a new
           way of thinking about video
Wednesday, March 2, 2011
Alive in Egypt




Wednesday, March 2, 2011
Wednesday, March 2, 2011
“People formerly known
          as the audience.”




Wednesday, March 2, 2011
You’re not going it alone
          anymore.




Wednesday, March 2, 2011
Wednesday, March 2, 2011
Wednesday, March 2, 2011
To carry the message, let it
          free:
                           -make it easy to participate
                           -make it easy to get
                           -make it easy to link
                           -make it easy to remix
Wednesday, March 2, 2011
“You can’t be the only
          provider of your content.
          But you can be the best
          provider.”
                           -Eirik Solheim, NRK
Wednesday, March 2, 2011
Wednesday, March 2, 2011
Black box

Wednesday, March 2, 2011
Wednesday, March 2, 2011
We started a lab




Wednesday, March 2, 2011
Our first contribution
       to the space:




Wednesday, March 2, 2011
In use by




Wednesday, March 2, 2011
Wednesday, March 2, 2011
Wednesday, March 2, 2011
Wednesday, March 2, 2011
Two case
    studies:
                           -Youth media project
                           -Land of Opportunity

Wednesday, March 2, 2011
Wednesday, March 2, 2011
Why kids?

                     -they’re smarter than us
                     -they’re the future

Wednesday, March 2, 2011
Wednesday, March 2, 2011
The Factory / February 2011
                     Here’s everything you need to get started:




                           X-Ray Vision Goggles                                    HTMLpad                                  Popcorn and Butter

                   Use these to peer inside any website,           HTMLpad makes it really easy to code            Popcorn.js (and Butter, the authoring
                   revealing the inner guts. You can also          web pages in real time. You can see             tool) make it easy to create video pages
                   temporarily hack any page using these           changes to the code immediately, and            that are connected to the rest of the
                   nifty tricks. Try it out!                       even collaborate with friends.                  web: Twitter, Wikipedia, and more.

                                          'r' key:                 Step 1:                                         Step 1:
                           Replace the element with some HTML             Visit etherpad.mozilla.org/[whatever]           Upload your video somewhere
                                        Delete:
                                   Remove the element              Step 2:                                         Step 2:
                                                                          Type or paste in some code                      Visit https://butterapp.org/butter/ and
                                   Shift + Left Arrow:
                                          Undo                                                                            enter the address to the video
                                                                   Step 3:
                                  Shift + Right Arrow:                    Visit htmlpad.org/[whatever] (the same   Step 3:
                                          Redo                     address as the etherpad you made)                      Add tracks, pick a layout and theme
                                 You can find the Goggles at
                           https://secure.toolness.com/webxray/    Step 4:                                         Step 4:
                                                                          Play around on the etherpad to see              Export your movie and try using the
                              Learn more about writing HTML:              changes take effect!                            code on one of your pages!
                           http://labs.toolness.com/dom-tutorial




Wednesday, March 2, 2011
Wednesday, March 2, 2011
Wednesday, March 2, 2011

Contenu connexe

Similaire à Popcorn and WebMadeMovies

Exploring Social Media Scenarios for the Television
Exploring Social Media Scenarios for the TelevisionExploring Social Media Scenarios for the Television
Exploring Social Media Scenarios for the Television
noor
 

Similaire à Popcorn and WebMadeMovies (20)

ThingDOC
ThingDOCThingDOC
ThingDOC
 
How to use Evernote turotrials
How to use Evernote turotrialsHow to use Evernote turotrials
How to use Evernote turotrials
 
Lc diary
Lc diaryLc diary
Lc diary
 
Gregdek @ EucaDay NYC
Gregdek @ EucaDay NYCGregdek @ EucaDay NYC
Gregdek @ EucaDay NYC
 
iPhone App from concept to product
iPhone App from concept to productiPhone App from concept to product
iPhone App from concept to product
 
APIs and URLs for Social TV
APIs and URLs for Social TVAPIs and URLs for Social TV
APIs and URLs for Social TV
 
Lc diary
Lc diaryLc diary
Lc diary
 
Web 2.0: It's all about sharing
Web 2.0: It's all about sharingWeb 2.0: It's all about sharing
Web 2.0: It's all about sharing
 
web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享
 
web标准化交流会bobby分享
web标准化交流会bobby分享web标准化交流会bobby分享
web标准化交流会bobby分享
 
Bootcamp - TEAM TEAL - Day 2
Bootcamp - TEAM TEAL - Day 2Bootcamp - TEAM TEAL - Day 2
Bootcamp - TEAM TEAL - Day 2
 
ZM Storyboard
ZM StoryboardZM Storyboard
ZM Storyboard
 
Clicking Your Way to an Interactive Classroom
Clicking Your Way to an Interactive ClassroomClicking Your Way to an Interactive Classroom
Clicking Your Way to an Interactive Classroom
 
Exploring Social Media Scenarios for the Television
Exploring Social Media Scenarios for the TelevisionExploring Social Media Scenarios for the Television
Exploring Social Media Scenarios for the Television
 
Voicethread as an approach to communication in eTwinning projects
Voicethread as an approach to communication in eTwinning projectsVoicethread as an approach to communication in eTwinning projects
Voicethread as an approach to communication in eTwinning projects
 
Evernoter
EvernoterEvernoter
Evernoter
 
Doctrine in the Real World
Doctrine in the Real WorldDoctrine in the Real World
Doctrine in the Real World
 
Doonish
DoonishDoonish
Doonish
 
Doonish
DoonishDoonish
Doonish
 
Node js techtalksto
Node js techtalkstoNode js techtalksto
Node js techtalksto
 

Plus de Miminten

Multichannel Donor Marketing
Multichannel Donor MarketingMultichannel Donor Marketing
Multichannel Donor Marketing
Miminten
 
Managing Your Mission From The Bottom Up
Managing Your Mission From The Bottom UpManaging Your Mission From The Bottom Up
Managing Your Mission From The Bottom Up
Miminten
 
The BTOP Experience 2
The BTOP Experience 2The BTOP Experience 2
The BTOP Experience 2
Miminten
 
The BTOP Experience
The BTOP ExperienceThe BTOP Experience
The BTOP Experience
Miminten
 
What Does The Data Say 2
What Does The Data Say 2What Does The Data Say 2
What Does The Data Say 2
Miminten
 
What Does The Data Say
What Does The Data SayWhat Does The Data Say
What Does The Data Say
Miminten
 
The Top 10 LMS Training Secrets
The Top 10 LMS Training SecretsThe Top 10 LMS Training Secrets
The Top 10 LMS Training Secrets
Miminten
 
Mobile Giving Goes Local
Mobile Giving Goes LocalMobile Giving Goes Local
Mobile Giving Goes Local
Miminten
 
What Does the Data Say?
What Does the Data Say?What Does the Data Say?
What Does the Data Say?
Miminten
 
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...
Miminten
 
PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)
PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)
PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)
Miminten
 
Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
Miminten
 
Technology Planning for Small Nonprofits (11NTCsmallplan)
Technology Planning for Small Nonprofits (11NTCsmallplan)Technology Planning for Small Nonprofits (11NTCsmallplan)
Technology Planning for Small Nonprofits (11NTCsmallplan)
Miminten
 
Finding the Perfect Donor Database in an Imperfect World (11NTCDB)
Finding the Perfect Donor Database in an Imperfect World (11NTCDB)Finding the Perfect Donor Database in an Imperfect World (11NTCDB)
Finding the Perfect Donor Database in an Imperfect World (11NTCDB)
Miminten
 

Plus de Miminten (14)

Multichannel Donor Marketing
Multichannel Donor MarketingMultichannel Donor Marketing
Multichannel Donor Marketing
 
Managing Your Mission From The Bottom Up
Managing Your Mission From The Bottom UpManaging Your Mission From The Bottom Up
Managing Your Mission From The Bottom Up
 
The BTOP Experience 2
The BTOP Experience 2The BTOP Experience 2
The BTOP Experience 2
 
The BTOP Experience
The BTOP ExperienceThe BTOP Experience
The BTOP Experience
 
What Does The Data Say 2
What Does The Data Say 2What Does The Data Say 2
What Does The Data Say 2
 
What Does The Data Say
What Does The Data SayWhat Does The Data Say
What Does The Data Say
 
The Top 10 LMS Training Secrets
The Top 10 LMS Training SecretsThe Top 10 LMS Training Secrets
The Top 10 LMS Training Secrets
 
Mobile Giving Goes Local
Mobile Giving Goes LocalMobile Giving Goes Local
Mobile Giving Goes Local
 
What Does the Data Say?
What Does the Data Say?What Does the Data Say?
What Does the Data Say?
 
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...Let’s Talk About Tech, Baby!  How to Talk About Technology Horizontally and V...
Let’s Talk About Tech, Baby! How to Talk About Technology Horizontally and V...
 
PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)
PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)
PCI Compliance—Love It, Hate It, But Don’t Ignore It (11NTCpci)
 
Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
Don’t Flash Your Audience: How to Build Dynamic yet Accessible Sites(11nten508)
 
Technology Planning for Small Nonprofits (11NTCsmallplan)
Technology Planning for Small Nonprofits (11NTCsmallplan)Technology Planning for Small Nonprofits (11NTCsmallplan)
Technology Planning for Small Nonprofits (11NTCsmallplan)
 
Finding the Perfect Donor Database in an Imperfect World (11NTCDB)
Finding the Perfect Donor Database in an Imperfect World (11NTCDB)Finding the Perfect Donor Database in an Imperfect World (11NTCDB)
Finding the Perfect Donor Database in an Imperfect World (11NTCDB)
 

Dernier

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 

Popcorn and WebMadeMovies

  • 1. Popcorn and WebMadeMovies: Taking Your Videos Beyond YouTube #11NTCwebvideo Ben Moskowitz Jeff Perlstein Luisa Dantas Wednesday, March 2, 2011
  • 2. Session Evaluation Each entry via text or web is a chance to win great NTEN prizes throughout the day! TEXT ONLINE Text 11NTCwebvideo to Use #11NTCwebvideo at 69866. http://nten.org/ntc/eval Session Evaluations Powered By: Wednesday, March 2, 2011
  • 3. -we make Firefox -we’re a mission-driven non-profit -we’re a global community Wednesday, March 2, 2011
  • 4. Let’s skip to the end 1. Open web technology can increase engagement 2. We’re pioneering a new way of thinking about video Wednesday, March 2, 2011
  • 7. “People formerly known as the audience.” Wednesday, March 2, 2011
  • 8. You’re not going it alone anymore. Wednesday, March 2, 2011
  • 11. To carry the message, let it free: -make it easy to participate -make it easy to get -make it easy to link -make it easy to remix Wednesday, March 2, 2011
  • 12. “You can’t be the only provider of your content. But you can be the best provider.” -Eirik Solheim, NRK Wednesday, March 2, 2011
  • 16. We started a lab Wednesday, March 2, 2011
  • 17. Our first contribution to the space: Wednesday, March 2, 2011
  • 18. In use by Wednesday, March 2, 2011
  • 22. Two case studies: -Youth media project -Land of Opportunity Wednesday, March 2, 2011
  • 24. Why kids? -they’re smarter than us -they’re the future Wednesday, March 2, 2011
  • 26. The Factory / February 2011 Here’s everything you need to get started: X-Ray Vision Goggles HTMLpad Popcorn and Butter Use these to peer inside any website, HTMLpad makes it really easy to code Popcorn.js (and Butter, the authoring revealing the inner guts. You can also web pages in real time. You can see tool) make it easy to create video pages temporarily hack any page using these changes to the code immediately, and that are connected to the rest of the nifty tricks. Try it out! even collaborate with friends. web: Twitter, Wikipedia, and more. 'r' key: Step 1: Step 1: Replace the element with some HTML Visit etherpad.mozilla.org/[whatever] Upload your video somewhere Delete: Remove the element Step 2: Step 2: Type or paste in some code Visit https://butterapp.org/butter/ and Shift + Left Arrow: Undo enter the address to the video Step 3: Shift + Right Arrow: Visit htmlpad.org/[whatever] (the same Step 3: Redo address as the etherpad you made) Add tracks, pick a layout and theme You can find the Goggles at https://secure.toolness.com/webxray/ Step 4: Step 4: Play around on the etherpad to see Export your movie and try using the Learn more about writing HTML: changes take effect! code on one of your pages! http://labs.toolness.com/dom-tutorial Wednesday, March 2, 2011