Festival Report/Ch7OpenVideo

From MozillaWiki
Jump to navigation Jump to search

Surman Posts

http://www.netvibes.com/drumbeat#Mozilla_Drumbeat Mon Sep 27 10:09:40 2010 Share My mind is regularly blown by the way web video is changing how we learn, and increasingly how we teach. It’s something that raises wonderful questions about the future of education. I think about this a ton as I watch my 11 year old become a bit of a geek. He doesn’t use help files or FAQs to learn new software. He watches YouTube tutorials. And, as his skills grow, he shows off and shares by making his own: Much has been said on the learning side of all this. Clearly, video packs way more info punch than print. And the ubiquity of online video means we all tap into rich (and fast) new learning opportunities constantly. TED’s Chris Anderson released a great talk on this side of video and learning a few weeks ago. Chris points out that we live in a world of online video fueled by a desire to dance, sing, perform, play and think. Most people who post videos online are not driven by the desire to teach — they just want to show off or have fun. Yet, as we watch them, we learn. There is, however, a huge online phenomena very much about the desire to teach: web video tutorials. A great example is the Khan Academy: Driven by a. frustration with how schools teach math and science and b. easy access of YouTube, Sal Khan has produced a massive, high quality collection of 1800+ web tutorials for self learners. The idea has landed him a $2 million Google 10^100 grant. It’s also attracted millions of viewers eager to learn. What’s even more exciting to me is that this sort of teaching isn’t limited to over achievers like Khan. YouTube alone holds over 10 million tutorials (search: tutorial and how-to). Videos with people teaching everything from how to set up WordPress (400,000 views), how to curl your hair with paper bag (2 millions views) to how to moonwalk (8 million views). Here’s the moonwalk tutorial: If you look to the young people making these tutorials (like my son), web video isn’t just making learning easier. The web is creating a generation that takes it for granted that we can all be teachers. Teachers driven by the best aspects of the word ‘amateur’ — a love of a subject and a desire to share that knowledge. Clearly, this is HUGE — and is truly giving us all more control over how we learn. The question is: what does this mean for the future of education? What does it mean for who we turn to when we want learn something? And how we all start to teach each other? These are questions I want to sink my teeth into at Mozilla’s Learning, Freedom and the Web Festival in Barcelona. I’m not sure what this conversation looks like yet. If you’re making or thinking about video tutorials, I’d love your help figuring this out (and running sessions in Barcelona). Please get in touch. Original post by Mark Surman. Filed under: drumbeat, education, mozilla, video


Video LBen Moskowitz A founder: Open Video Alliance

http://textontechs.com/

The room is full of people working on an open video HTML5 script, transcribing content, tagging photos and collaborating for Drumbeat’s closing night video. Video interviews, photos, tweets and other content are being transcribed, edited, designed and morphed into one master. The script on the projected screen is foreign to me. There are 6 people are writing in html 5 with fast-paced collaboration. Two people are editing and transcribing one set of videos. Three folks are working on graphic design. Everyone is an orchestra of activity with a deadline to tell the story of the Drumbeat Festival- people, events and more.

drumbeat-video-lab

I’m here because I’ve spent the bulk of the festival brainstorming ideas and this is deep in the heart of Drumbeat tech. Brett Gaylor of Web.made.movies and Ben Moskowitz of the Open Video Alliance are both conducting and participating. It seems wrong to write a blog post instead of doing a meta video to show how the Drumbeat video is being created. Safe to say video would best capture the pulse of activity and the steady stream of conversations: Jquery, popcorn, I could go take a nap, adobe fireworks, do we need translation of this video?, use the firefox beta, the border, no move the font a few pixels, we need to get this done to universal subtitles, plus conversations in English and Spanish.

Can’t wait to see the final version tonight. Go Video Lab!

OV is a coalition Constellation of orgs, individuals, vision for how online video shd work The vision is not the way things work today an idealized environment where anybody can use th tools fo video to get a msg out take part in the creative and political dialogues of the day There’s a lot of barriers to that right now Legal ,on a basic level being able to remix others’ content A meaningful and necessary part I shd be able to take them ove we’ve made or the news we’ve shot or any visual content and recontextualize We’ra bout this kidn of content freedom Quotation is easy w/ text Not the same kind of legal protection fro video

That’s the most important

A second idea that supports that the are tech that are avila accessible easy and shd be free or cheap Platforms for distributing content All the tech pieces that enable you to be able to create distribute watch freemix

We cd all ourselves the free video alliance Ther’es fre as in I am free to take and redistribute its not like I shd beable to download yr movie for free Protect fair use for movies

Take that principle : Fair use/fair dealing and strengthen it

Theres’ a lot of reasons One reasons which si not I wd tell funders , do it public

Is that the governance of videos has a lot to do w/ entertainment lobbies Hollywood and TV and all that There’s a strong lobby that protects this model artificially The only waty that the kind of monetization of that stuff works is restrictions on copying What wa re saing in delicate terms is it’s more important we have the freedom to do this stuff Than to preserve the busines model tht says that copying needs to be restricted

The other big tent is tech In a similar vein the lobbies and rules that protect proprietary software inhibit innovation A big example that Mozilla is big on: the idea that software patents can be harmful to innovation When oyuh avea video file raw uncompressed hundreds of gigabytes Videocodec compresses that There are not any good free codex You need to pay a license fee for that We think that things like that are really problematic harder for video to proliferate

Paper & pen = tech of writing The tech of video more sopphisitcated Harder for ppl to take advantage of that medium : Daily Show in yr bedroom

Mtg at Yale Law School in 2008 Dean Jensen founders

Brought together stakeholders content tech cos and we sant and thought in big blue sky terms where is the mdium heading what can we do to make it better 2 big confs both in NY 1st 500 ppl 2nd 1000 ppl appeal s to a huge swath of ppl coordination t help projects like Video on Wikipedia

it works b/c that’s text super easy low barriers to entry imagine if the same collaboratie model were leveraged towards a huge moving image archive millions of hours of huge media

that’s remarkable and ona

round face square glasses arched eybrows stubble dressed and talks kind alike 7th grader

AN imbalance, very easy to consume, difficult to produce we want ppl to be more empowered to take part in that sphere

Part of the problem w/ OVA we have all these superintellectual theoreticall hard to explain terms different ways of cc outr message to diff people


Open web / free culture sutff since iwas in school inbekrely I studied poli sci and rhetoric I think computers and this is gg to some of the drubmeat theory stuff We all thing Computers have thea bilty to augment and enhance indvidiuals and how creative htye can be and what they can accomplish we want to make sure info tech remains in that zone

This is my poli backgroun what gotme into this is the observation that ppl creating the popular platforms have a commercial motive that can manifest itself in things that are bad for democracy and user empowerment Ipad ther’es only one palce that you can get software if it’s in competition w/ apples business interest it can’t go These companies have wedges in the user experience

OVA: alternatives or apps that are so gcool they create pressure

The unofficial Drumbeat model is “make cool shit”

Ask mark

This idea of visual literacy

“Media literacy” has been around for 20-30 yrs if your’e livingi n this visual world I’s important tht you can participate

Dr. Erik Faden at Bucknell: he only assigns video essays

Changing the waqy his students approach stuff

I’ts more fun it’s more exciting Hhow do oy go to somebody in 2010 and tell them the mode of learning is to create a 10 pg essay w/ intro 5 body grafsa nd conclusion


One way we

Shd we be forcing ppl to conform to the 18th c enlightenemnet model of education? Or looking to what’s gg to make them more engaged critical thinkers

Gen speaking the more grounede ed is in contemporary tech the more relevant it is.

There are certain types of literacy tht live in this new visual medium

Jonny macintosh a remixer SO you think you can be president: Sytycd w/ the 2008 presidential debates

A trailblazer and an example of the kinds of activities we encourage

He went into primary schools: how gender roles get inculcated thru commercials: I’m gg to brush my barbies’ hair//Kill everything!!!


Mash up audio and video from diff commercials so GI Joe cd be brushing their hair

I didn’t mention it but I didn’t sleep on the way over

It puts you in the drivers’ seat

So good voices on this the key pplthat can explain One is Dr. Michael Wesch Messiah

Doc filmmakers open web technologists policy makers and educators It’s a broad base of support


A lot of our inffomrtioan comes out of our exp w/ OVC and OVA mark putting toeghet vision for what Mozilla cd do We had a great time the magic/ special sauce was bringin together ppl from several disciplines and mshing them together

It’s evolving and just looking at the mechanics of this event this is way more participatory We have ppl from diff areas of experies

And thye all bring something

OVC cd become the drumbeat video conf We have an identity

Open vs binary Source code: readable

VIEW SOURCE HAS A POSSE—that’s critical you shd have a chapter

You can see how the web page works It’s human readable

HTML 5 vs flash If I write an amazig innovative clever app Someone else can go look iunder the hood and see how it works and fix it And they can reconfigure it The organic growth the self toaguth garage innovative way of doing things That’s a huge adavantage of HTML 5 What they’re delivering to you at flash is binary only machine readable If you think self rteaching and all these thigns are important there’s a clear example

MFBT Motherfucking beer time

SOCAL

SJ—a community leader Bretts’s super interesting rhetoric of the movement Nick Reville -- MIro

Echo chamber, concepts iterated 8-9 yrs Challenges: breaking out and being less dogmatic

The whole rigamarole ig ve you about democratic video Video viable on the internet YoTueis the largest node on the video web by far

Graph: YOUTUBE is ht esun The next biggest platform is Facebook Earth Vimeo Pluto

Youtube is enormous

One of the rules of the internet network effects that give sGoogle s omcuh control over how the Internet works

Universal subltitels has to beg to YOUtube to play nice

When they saw this danger Firefox for video

Democracy Player

That’s way too geeky MIro A navigator for web video where you can decide, subscribe, save video convert video you be in control

Supervisionary project it didn’th ve the impact tyhey wanted it to
20-30 million downloads

even if you’ve intereviewed him once get him to talk about where he came from …. Ashoka fellow—recoganizes


RIPPR: book scanner: $5000 chaper/ Xerox

We want to set u to make an opensource version of this HARDWARE Put schematics

Buy 2 camers

You download software and build yr own Destroy the book feed inot a tray and digitize a 500 pg book in ½ hr


Columbia Ctr for New media , teaching and learning CCNMTL They’re an academic ctr at Columbia Create tools for the eduators thereto incorporte And one of the ew insittutios that are reall making good no some of their promises MEDIATHREAD Easy video Citations

If the’re writing a paper students they can create segments of video and cite them Iin a standardized way

Links generated by mediathread will show you the relevant part 

1.15-1.30 makes a virtual object tht’s 15 sec

Encourage all the profs to play

Ppl I know who go to Columbia Expected to incorporate multimedia citations: Docs, frontline tools

One thing we’re doing this weekend is taking that idea & seeing if we can bootstrap that tool and see if we can bootstrap an essay w/ o any prior knowledge

If we’re successful that’s the mian output of the video lab

Nat’l film board of canda: archive westream free over the web

Metavid: open video archive of gov’tvideo primarily from CSPAN Match transcripts searchable Google search on transcripts

Rich media is not searchable

Transcripts timecoded searchable

Paper about the Corn bill I can say go to googlE: show me videos of senators form iowa 2003-2009 debating corn subsidies Within these 45 videos search term””Hardworking Aemrcian farmer” Take those clips and make a montage Daily show stuff Combingin searchability semantic searches METAVID

Metavid runs ona n open source software stack called metavid If I wantd to make a version for concert recordings Another software pkg called Pandora –video

PAN.DO/RA

Basically a piece of sogftwaere you can install which creates a website

Set up yr own website :we as mozillans feel comfortable doing Ppl need to be more comfortable

I wd like to see a world where 15 yrs from now if yr a social work student not just write a mock case study but set upa portal w/ resources—actually serve that community

Wikimob: making the process of improving Wikipedia a mode of learning

Marine biology: each group doing a report as part of that process whatever they make end sup in the commons Specficially in this case if they’re doing a video essay Find OR CREATE openly licensed clips and add them to Wikipedia Combining the forma nd functioof this stuff Creatig teaching moduels that are improving educational content I think we might be doing something w/ the NYPL Have kids come in as part of their library program Give marine ibologists therei sa n archive We want them to do show and tell using open license Unearthing the best of that archive The relevant Wikipedia page on Manta Ray


Many very important features are missing. Here's some of what we'll be working on in the coming months: • Ability to link multiple URLs to a video • Discussion spaces on every video and translation ('talk' pages) • Support on all modern web browsers • Caption -> subtitle conversion / options • Support for non-latin character sets • Machine translation option once subtitles have been transcribed • Keyboard accessbility for site and widget • Support for translating the interface of the subtitling tool and website • Subtitle ratings and flagging • Messaging among Universal Subtitles users • HTML5 embedding code that includes flash fallback options • Compliance with emerging timed text standards • Additional import / export subtitle formats


The lack of captions and subtitles on video is a major obstacle for people with hearing disabilities and a huge language barrier for the whole world. We want to give individuals and communities the power to overcome these barriers. The tools we're building are free and open source and will make the work of subtitling and translating video simpler, more appealing, and, most of all, more collaborative.


Nicholas Universal Subtitles Our org has been pretty close w/ a lot of Mozilla folks since we started 4-5 yrs ago I met Mark right when he was stting to come int ot the foundation Talking about the ideas behind drubmeat and how it was gg to be set up Develop the ideas around universal subtitles project and we’re talking to the Dbeat folks early on about it and it seesm

WE’re a nonprofit, building consumer tch and trying to promote open decentralized infrastructures So we make open source software for media that helps empower ppl or decentralizing stuff like that

I think that um…we see subtitling and captioning as really curcial for accessibility For anyone who doesn’t speak the languager a vide o is in It’s totally central For folks who are deaf it also makes the video accessible Givnen the improatnce of subtitles it’s amazing how difficult it is to add subtitles and captions to a web video That felt like a huge opportunity to change video for the better make it more open and accessible It has a whole bunch of other interesting side effects So we’re already collaborating w/ the web Made Movies Project

Using Universal subittles as a n input method to do time aligned geotagging and twitter

Time aligned txt has some really interesting applications

It’s very complicated technology it’s at the edge of what can be done w/ HTML We have an outstanding programmer who’s leading the projet we have n’t run into a lot of major obstacles

I think about maybe 9 or 10 months I wd say a yr I guess I’m not sure. At the festival: running demo stations of universal subtitles Showing ppl how to use it inviting them to do translations/ captions of education relatd videos

We really started in earnest in December

OTR we’re tlking to the folks at Khan academy about heping them translate all their videos That’s the most obvious application to translate material to reach ppl who don’t speak Ther’es also making it ccessible to anyone who’s deaf or hard of hearing Interesting opps for Same Language subtitling For literacy

There’s huge, in terms of open education resources and things online huge implications and evve nbeyond that I think there’s opportunities around making videos Making the experience of working w/ video in educational context more interactive More tied to learning

Curious to see the European perspective Oneo f the things that I think is …


BRETT GAYLOR

http://webmademovies.etherworks.ca/popcorndemo - Show quoted text – http://brettgaylor.tumblr.com/post/1318462731/how-im-receiving-internet - Show quoted text -


His latest production is entitled RiP!: A Remix Manifesto, a documentary about "the changing concept of copyright".[4][5] RiP!: A Remix Manifesto is a call to overhaul copyright laws. As the title suggests, this documentary is particularly interested in the "legally

IN progress working out wht I’m gg to do there.

I got to working with Mark right around the time my previous film RiP was released Mashup and remix culture and the tension between old and new ways of thinking about collab and proprietary ownership and knowledge and the opportunities of a connected digital world Iw as a bit disappointed at what my options were for putting my film on the web I considerd myself really lucky my film was broadcast on TV in dozens of countries, theatrical and DVD, streaming for free online , shared all these diff torrent networks Exp of having this film on theweb same you wd have watching on TV you were a passive consumer of this content whereas I knew that it was a very info rich film there was a lot of infot hat went into what you saw on the screen and I met Mark at a conf called the Open Video Conf and I expressed while I had al ot of excitemtn about wehre the tech was heading I felt there wasn’t enough being done about how this cd actually affect the lanugae of cinema or the way this cd affect how filmmakers think about their work in this new medium I have been o nthe web from the beginning I’m sitting on this island When the web was launched I used to connect w/ my phone networoks and get out on the www The exp w video now and then is pretty much the same The rest of the ewb has sene this massive innovation Mashups and what we used to call Web 2.0 Integration of diff sources and begin to do all this amazing stuff Video has bene not party to that up until vvv recently So therew as this opportunity /w Mozilla being interested in this space And the interest /motivations that I had as a filmakr tht mark invitd me to join the tem and see if I cd eat my own dog food a little bit Have a hand in shaping That ‘s I started a project as part of drumbeat called web made movies We call it an innovation lab Filmmakers like myself and others working w/ software designers and devrlopers And much more collab relationshipsthan has been typical Ihvae been I’ve made many websites in my life I’ve been on both sides of this client/service relationships Typically filmmakers think about the weba s a placeto PUT their content Don’t makevideos that are OF the web: mash remixable hacakable bring in diff sources perosnalize to the viewewr

Speak to software developers: directors say, realize this idea for me: fascists by design A lab where the story ideas of the filmmaker and the traditions ofcinema cd mashup w/ the thoughtproceses and traditions of the web Emergent/ radically diff And cd that actually change formall what video on the web can be So I nthe context of education I think that students who are being educated today: Synthesize diff sources Shorter attn spans Access to entire history of recorded music, fiml Answer questions of veracity and authorship The way again that video on the ewb is not responding to that reality So I’m embaking on a partnership w/ several diff film archives the nat’l film board of Canada and othrs showing a film in a classroom no longer works the class times are too short and the students do not engage w/ media in that way any longer you cannot roll the TV to the front of the room and say ok, lern the kids don’t sit back that way they want to lean forward and learn diff perspectives on that pice of media when RiP is shown in the classroom, I see blogs emerge where students say: this is one sidd whre to facts fromor where are the sources so we need to give teachers the ools to be able to present video as part of pkg students can leanr with

Video is part of this ecosystem that students can learn with And I think another big thing is that we’ve all experienced this phenomenon of students doing practical learning w/ videos I’m on this island in the mniddle of nowhere and my dryer broke I wanted to know how to fix it And I googled it and the first thin that came up was somebody showing mehow to do it The education system you can’t even fathom how to integratie that in the classroom We want to dig into that in Bracelona What ae the salient points we can get and take from that There’s an information That’s fantastic This really


How do we want students to report back this learning? Can they record their experience of browsing learning synthesizing and giving their own editorial opinon on a topic for learning that thye’re designing And how do we rethink the iea o a book report in a connected web environment?

So that’s thekind of stuff that we want to Play with at Barcelona We’re gg to try and hack together a prototype of this in Barcelona over 2 days One idea that we have and we’re designing our experience in Barcelona so that ppl can have input and shape the direction of the tools that we build Teachers can as they’re browsing with the web select segments of videos that they find and create their own customeized to the teacher mashup And so if they’re doing a report on how advertising affects bodyimage for young girls Take a minute from a film from CPB or a couple of minutes from a camera address that a girl has done on Youtube or 30 sec of an ad that someone else has posted on their blog Have that assembled but also w/ that video have the assoc sematnci content that goes wit hit Links to Wikipedia links to opinions from both sides of the political spectrum / issue competing viewpoints on a topic have these actually timed to a video when students go and watch this presentation they are alsopreesnted with other links they cd dig into the flip side of that is the student equation how does the student make a video report or a web report how do you make a web report present your research that you’ve done that incorporates the open web they do a Youtube video that describes how it made them feel that triggers web pages to a sophisticated edited video that they’ve made that incorporates a ot of sources that’s our crazy audacious goal for Barcelona.

Javascript library called Popcorn You can see what we’re getting at it’s a video that as it’s playing triggers diff elements to appear in a web page as it’s playing if a new character comesinto the scene the subject matter will trigger Google Seaches about a subject We’re gonna turn down the volume on it a lttle it how does the video interact w/ the rest of the web

Hypervideo like hypertext The video can actually lnk and form a web and we d’nt have a world wide web of video we have just these isolated silos The resto f the web page on a technical level has no idea what’s going on inside that <object embed///>

it doesn’t say : hey this has Anya and her Twitter is @anya1anya and she cares about this freeing it thru code !

I cd speak from why wer’e interested in this at the Mozilla foundation b/c part of our goal , our entire goal at Mozilla is to safeguard the OPEN nature of the Internet we see the internet as this forum in which anyone can participate one of the ways we do that is thru Firefox this awesome browser that 400 million ppl use if we’re gg to succeed at this goal ofkeeping the web open we need ppl from other disiplines and all walks of life to participate in that process so that’s why I’m infovled as a filmmaker I bring some perspetive that traditionall wasn’t held w/in Mozilla if we want educators to hel pus safeguard the open nature of the Internet we need to work collaborative ly with them and create structures that allow their perspecivie on that to be heard I think that’s why a huge focus of the foundation On a deeper levelof course We want to disrupt education Ew want education , schools to operate more like the web In that they’re transaparent and hackable and open for students to be able to learn in the new ways that the web allows

Teachers—they want their students to learn And so I mean the web obvisouly the most powerful engine we’ve ever created for learning but specifcaly the open Web is that engine so we Manipulated and changed so teachers have to ask permission to post content Given lessprirority than that large commercial entity We are nterested in and hope that the education community sees the value of a truly open web as well I think they do already They have ana lteruistic desire to be able to educate tomorrows citizens and I think there are natural allies there

I was really lucky tht the school thati went to here on the Gulf islands got a computer lab in the final yr that I graduated Even before that My school district gve a discount for kids who wantd to buyMacs I saved up and bought a mac and taguth myself hyprcards when iwas 11 yo Sparked something in me t see my computer as something that was malleable I cd use creatively When iwas in HIsgh scool we had a new school and had a lab in whci hwe learnd animation I cd use the tool not as something to use spreadsheets but something to createthe open natue of computers Given a job at a film school that started out in 1995 called the gulf islands film and tv school Just down he str At that time desktop video editing cbe ame affordable it was great b/c in that conext We had these really experienced filmmatkes show we cd make a cheap film in a week I was the expert in that context at 18 yo It was this new tech That was a really empowering experience

I did end up going ot Concordia U in Montreal But I theoughout that formalized educational experience What was most valuable for me was a computer I cdhack when I was 11

Serendipity the things I can’t plan are the things I’m most excied about I try to have a rule for myself at conferences if there’s one relationship that’s forged that ic an continue on thruought the yr then the conf is a success Itl ooks like for Drumbeat it’s gg tobe dozens of thos relationships

I sent out this tewet a couple of weeks ago If we do 20% of the shit we say were gg to do in barcelonawe’re gg to change the world and I believe it: turn a bus into a transformer unit Hack chemistry Strom the academy All these awesome sounding syllabus Lead by leadersin their field disruptors I think it’s fantastic So it does have that feeling of sometime s you look at the schedule of a conf: 90% of the ppl I know them and I’ve heard thir spiel Holy shit I’m in fantastic company and I’m gg to learn a lot The ideas on the table there are all gamechangers.


   Hackbus

Wikipedia/Wikimedia becoming an institution Atul varna /aza raskin

I wish that I h ad been given some Arduino piece in a classroom How to use circuitry/robotics/yr computer in a hands on way I wish I had a foundation I nelectnocis It’s like LEGO Kids wd be able to play


Gabriel Shalom 16 videos over skype, ppl in their bedrooms all over the world ...

It's exciting to hear about your documentation project! I just recently finished a short subject documentary called The Future of Money which I think you'll find interesting; http://vimeo.com/16025167 (if you want to learn more about the project behind it, visit http://www.emergence.cc )

It could be interesting to coordinate some autodocumentary video/photo efforts alongside your writing process. Do you know if there are any special hashtags on twitter for documentation and/or a flickr pool for photos or vimeo/youtube channel for videos?

VIdeo link before you meet someone you’ve only seen online a lot of the things that hvae been rmearkable on the web have ben done anonymously more accountable: open live video platform is next obvious step most trustworthy space on the Internet enable us to achieve thing swe havent been able to achieve thru now

the way we were working was unorthodox the whole thing was so digital something we were struggling to make transparent and accessible

degrees of exploitatoin involved in

This networked culture can unravel our entire concept of work and earning a living but it will involve embracing incredibly radical forms like self-surveillance and transparency

Data nudism radically transparent and Fuck the consequences naked alone into the internet right now it’s dangerous

Data nudist colonies whoel grouips of ppl being transparent attaining a new level of happiness transparency comfort if you are open about what you’ have, what you need, what you can do, who you know, you start to generate a kind of digital profile that is very rich in potential value how you can connect w/ other ppl the more transparent you are the more tendrils you put out into the world looking for things can find you eventually very sophisticaeed services that network ourselves based on those kinds of profiles

Future of $ project cd banks be the institutoins that take over the role of safeguarding theose programs future bank: knoweldge asset bank

coworking collective farms hackerspaces open design practices couchsurfing we raised $6000 as part of our video projet goal: $5000 create an infographic working on that , release Creative Commons in the next Couple of months parallel economy based on trust transparency value profiles and open data if it’s closed you cant do what you want with it You live in berlin linked in to Berlin Community garden coworking harckerspace you’ve got this whole quantified self that is working for you and you leave and oyu move to Barcelona tjhis scatterd still congealing movement will evolve open standards we posed a big challenge to thsee bankers in Amsterdam: are you gg to try to take this market


There must be a legitimate disconnect between the economy and the commons-based economy they’re not tracking certain aspects of their own model Greetings from Berlin, and see you Wednesday! Gabriel Shalom


slider switch on and off, privacy settings pay or free donation requested or answer some nerdy qs b/c it’s about a video game and they only want total otaku fans u cd extend it put a white board into it platform for global knowledge exchange open distributed video space ‘ TRUST: Face to face information

Bar Camp Friday --Creating a global video telepresence platform Big Blue Button junto BBB--use case of Junto open ended concept : search phrase and chat live w/ ppl Immediation--in concert with all of the stuff going on around us

enter into a Junto engage search out a topic or start a topic yrself authenticate using Twitter/identi.ca so there’s a seamless conxn ppl can jump from a Tweet or a Junto then yr in it face to face w/ ppl from the Internet

http://quantumcinema.blogspot.com/2010/11/drumbeat-future-of-education-demo.html 09 November 2010 One Step Closer to Universal EDL by Gabriel

Last week I attended the Mozilla Drumbeat Festival in Barcelona. It gave me an opportunity to collaborate with an amazing ad hoc team of people in the context of the Open Video Lab, chaordinated by Brett Gaylor and David Humphrey. Together over the course of a two day sprint, a big team of us collaborated on a demo of the popcorn.js javascript library that really shows off the potential beauty of web made movies. The vimeo video above is just a screen capture; for the live demo visit this page. It was a very rewarding experience to contribute to the aesthetic and conceptual process. I enjoyed the challenge of conducting interviews in languages I don't speak, and collaborating with the multilingual Xabier Cid on the editing process. I was honored to be able to address the audience at the "BEST of the FEST closing variety slam showcase" for the need for new approaches to film school in the face of scrum/agile approaches to storytelling.


What is great about the demo is how it utilizes time-coded metadata to retrieve live content from flickr and twitter in real time. It shows how as we move towards an object-oriented moving image we will continue to redefine what cinema is and also our notion of editing. The tweets are aggregated from the #futureofeducation hashtag. The flickr photos that appear in the demo are called based on timeline metadata that I approximated by putting dummy content (the blue events in the screenshot above) on the timeline to get a sense of a rough rhythm. I then gave a rough approximation of that timecode information to Berto Yáñez, the programmer who did much of the heavy lifting on the demo. Oscar Otero helped with the design of the page. Oscar, Berto and Xabier all work together at the Galician web company A navalla suíza. Photo by Homardpayette This process, which involved swapping lots of data across computers via USB sticks, underscored the need for a Universal Edit Decision List (EDL). This was something I identified about a year ago as part of my rubric for open source cinema. The Universal EDL got discussed quite a bit during the video lab, and together with the amazing work that's already been done creating a web-based timeline interface with Universal Subtitles, it seems like the seed of inspiration to take things a step further has been planted. I am very excited to have contributed to these developments towards an object-oriented open source cinema!

It would be great to see all the names of the participants in the workshop added to the demo. During the demo Laura Hilliger, David Humphrey and I put together a nice cloud-based credit concept for solving the dilemma of crediting multiple parties with multiple credits. Laura should have a rough list of names and roles, and those who are missing could use the #drumbeat #videolab hashtags on twitter to ID themselves, or comment on the video, so we can round everybody up. Bookmark and Share Posted by Gabriel Shalom at 1:47 PM Labels: #drumbeat, #videolab, editing, flickr, mozilla, objects, open source, popcorn.js, twitter, Universal Subtitles, web made movies

http://vocamus.net/dave/?p=1194 « 50 visualizations of Life’s Things Filed under “Cuisine : American” » Mozilla Drumbeat Festival: Open Video Lab By david.humphrey | Published: November 8, 2010

Last week I was in Barcelona, Spain for the Mozilla Foundation’s Drumbeat Festival. The festival’s theme was Learning, Freedom, and the Web, and attendees came to participate in sessions and workshops on a variety of education, open source, and open web topics. Together with Mozilla’s Brett Gaylor, I ran the Open Video Lab.

Our goals for the Open Video Lab were simple to state, harder to guarantee: show people what you can do with HTML5 and <video>, <canvas>, <audio>, CSS3, etc.; link film people with developers with storytellers with designers with educators; and to, as Mark Surman is fond of saying, “help people build cool shit using the open web.” Thanks to the amazing people who came to the festival, we did all that and more.

One of the attendees, Liz Castro, did a great job blogging about what was happening during day 1 and day 2 (Gabriel Shalom also has a great post here), so I’ll point you to her posts, and focus what I want to say on the people who came, and the things we built. http://www.pigsgourdsandwikis.com/2010/11/drumbeat-barcelona-open-video-lab-day-1.html Thursday, November 4, 2010 Drumbeat Barcelona - Open Video Lab - Day 1 Thanks to @pdavenne and @cataspanglish and their Barcelona Social Media camp, I happened to meet hear Enric Senabre (@esenabre) give a talk on Mozilla's Drumbeat Festival, held this week in Barcelona. Drumbeat is the Mozilla's foundation to go beyond an open source browser and try to find other parts of life that can be enhanced with open source software. The theme of this week's festival is open education and how to facilitate it with open source software. There are 400 attendees, about 75% of which are from out of the country.

Which means I spent the day in San Francisco, practically, complete with a talk by Aza Raskin, but I'll get to that. It was pretty surreal being surrounded by Americans and English speaking Europeans right in the center of Barcelona.

I opted to spend the day in the Open Video Lab. I wasn't quite sure what that was going to mean, and I think a lot of the people, including the organizers, Brett Gaylor, Dave Humphreys and Ben Moskowitz might not have either. That didn't stop them from skillfully guiding and coaching the group to figure out some hands-on projects to work on.

First, they had us go around the room explaining where we came from and what we were working on. There were a fair number of video producers, web designers, educators, and also some coders. I jotted down a few of the topics that people were either working on or interested in: subtitling videos, teaching digital video, knowledge mapping, video production with minority youth, putting videos online, linking existing metadata with video, management consulting, teaching with video, designing and developing video, screen casting, mixing video with education, producing documentaries, video literacy, jplayer javascript library, media studies, documenting systems, figuring out how things relate, web video projects.

They/We came from the UK, Germany, Minnesota, Barcelona, France, Brazil, Galicia, and Madrid, to name just a few.

Brett and Dave began the workshop by asking us "what is possible with open video" and then showing us a few demos that took advantage of HTML5. There was a page with a video of a whale with an overlaid canvas element that mapped the audio to a visual representation. There was a kung fu video that used the browser to add a shading effect in real time. There were even video games, that mixed 3d, Flickr, Twitter, and rendered right in the browser.

Then they talked about popcorn.js, a Javascript library that Brett (I think) and a crew of students from Canada put together in a week to deal with video with HTML5. They showed us a sample that they had created that day with a video from Drumbeat conference attendees saying where they were from, superimposed on a window that was half Google Maps, half Wikipedia entry for that location.

Then Wendy from Bay Area Video Coalition showed us some of the videos that they're producing, with an eye towards promoting social justice.

Ben Moskowitz showed us a demo of MediaThread, a project at Columbia that allows professors and students to reference, annotate, and cite videos available through YouTube or other sources. It looked really valuable. The code is open-source, but the working project is unfortunately available only to folks associated with Columbia University.

Ben also showed us Pad.ma, an Indian site that catalogs videos with all sorts of different kinds of metadata, including name, title, keywords, and words in the transcript, and then lets visitors search through the metadata for particular videos.

Then it was time for the hands-on section. They showed us the example they had pulled together that morning, referenced above, using the popcorn.js library.

But before we got to the code itself, we talked a little about codecs and video editing tools. There was general consensus that despite the existence of some tools, none really offered the same capabilities as Final Cut.

As for codecs, Ben told us that Theora and webM were both open-source, as opposed to the most prevalent codec, H.264, which required paying licensing fees. He said that in about a year we would all be using webM, a standard developed by Google from vp8, and for which Google had paid the licensing fees for everyone (could that be right?), but that it was not yet well supported, and so recommended using Theora, at least for now.

Theora, though, doesn't work in Safari, so you really have to make more than one video source file available in order to be compatible with Apple-based browsers (including on the iPad).

Then he showed us the HTML5 video tag:

<video id="video" src="..." controls data-timeline-sources="locations.xml">

He said you could use HTML and CSS to format the controls, or use the controls attribute. And that attributes that begin with data- are recognized as extensions to HTML5 and thus will not keep the document from validating. It works because of the popscript.js script being called. He unfortunately did not get to showing us the locations.xml tag.

He then quickly showed us a little tool that he said he had written in a few hours to gather latitude and longitude coordinates from Google Maps that he could then feed into the mashup.

But then we broke up into small groups and we didn't delve further into the code. I hope we get there tomorrow.

In our breakout group, we talked about metadata, and also touched on individuals' particular issues.

We talked about how there are two different classes of metadata... what I like to call formal (dublin core structured) and informal (tags, keywords, made up by individuals), and how they have different purposes (the former for finding the video itself, the latter for pinpointing bits within the video).

Meanwhile, Dave kept helping us focus in on a particular problem... and we decided it was how to expose existing metadata that was already related to a video. There were a few people who had libraries of video as well as XML structured metadata and wanted to be able to overlay the metadata on the video so that the metadata was revealed in the browser.

The other breakout groups came back, and my very shorthand summaries of what they found were:

Students using video to learn, then go back and watch themselves is different than producing video itself (meta-cognitive)

Need one place to put all files, design matters, generational issue

Tools: learner and teacher tools not necessarily the same

Destroy those boundaries, teacher proposes, students remix and turn on head; said another way: teacher create lesson plan, students mess with it

Then we were treated to this great presentation by Aza Raskin on Prototyping.

How to think about Prototyping and why Hardest part about software development is the people, convincing them to make something Must build first 100 miles (prototype), then build resort at end (inspiration) Value of idea is 0 Unless communicated You want project to be touchable and feelable Idea < writeup < mockups < prototype < video Firefox Panorama, organizing tasks spatiallly Goal of prototyping is to convince yourself of the idea

  0 You will be wrong first time
  1 Complete prototype in a single day
  2 Make a touchable sketch (don't do everything)
  3 Tight feedback loop (dogfood?!)
  4 iterating solution helps illuminate problem
  5 treat code as throwaway, be ready to refactor
  6 steal design, make beautiful

jqueryfordesigners.com

Pitch your prototype How does it make THEIR life better? Be dramatic.

Example: Twitter streamer

And then I went back out into Barcelona! Posted by Liz Castro at 6:56 PM Labels test: drumbeat, open source http://www.pigsgourdsandwikis.com/2010/11/drumbeat-open-video-lab-day-2.html Saturday, November 6, 2010 Drumbeat Open Video Lab - Day 2 So I have to preface my take on Day 2 at Drumbeat in Barcelona with a little background. About ten years ago, I dared to write a book on programming, on Perl and CGI in particular. And although I think one of my strengths as a technical writer is bringing a fresh perspective to complicated topics, and indeed the book was quite successful and helped a lot of people add interactivity to their web sites, it was not well received by Perl purists who painted me as an interloper, a gasp!, non-programmer.

Of course, it was and is true that I am not a programmer. Indeed, my angle, if you can call it that, has always been to make technology more accessible for regular people, people who may not code for a living, but who are willing to roll up their sleeves and dip into the underpinnings of a project and not just accept what commercial software allows them to do.

I'm inspired by the spirit of The Macintosh Bible, one of my first publishing projects ever (in particular the Spanish version of the 3rd edition) in which Arthur Naiman made it clear that “easy is hard” and that if you dug a little, you could find a million tricks that would make your computing life that much easier. The Maker phenomenon is a newer reincarnation of this same spirit: that we don't have to settle for what they give us, we can open it up, and build a better version. I love that.

At the same time, I have a hard time shaking off the feeling that I'm just an outsider looking in, not a real programmer, not a real hacker.

So, I'll admit it was with some trepidation that I returned to the Open Video Lab yesterday morning, knowing that they wanted us to build a real project, and that they were going to depend a lot on Javascript and the popcorn.js library that they had built previously. Even their focus on HTML5, which was a big part of why I showed up, was a little daunting. (Does everyone imagine that everyone else knows ten times more than they do?)

I found the whole process fascinating. I'm used to working completely alone, in my own office, doing every bit of my projects, from concept to outline to examples to illustrations to layout to copyediting alone. When I don't know something, I go quietly searching for information, without having to tell everyone I work with what it is that I don't know.

Drumbeat, in contrast, was all laid wide open. About 10 of us returned from the previous day, along with two or three new folks. Dave Humphrey got us thinking about the projects we had talked about on Thursday and helped us both focus on what the projects consisted and what we were trying to solve, as well as what skill sets the members of the group had to offer. There were a lot of Javascript and HTML coders as well as a few designers and video production people. I was totally intimidated by the idea of writing actual code with these guys, and at the same time didn't want to lose the opportunity of learning what they knew. I was also unsure I had enough to offer myself, though thankfully I wasn't the only one to say this.

We ended up dividing into two groups. The first, led by Brett Gaylor, wanted to create a jazzier, prettier demo of popcorn.js, a Javascript library that allows you to line up data to particular points on a video timeline, and thus create mashups like the one they showed the day before in which people in the video tell where they're from and this information is used to trigger Google Maps and Wikipedia giving more information on that location.

A Javascript library is a bunch of code written in such a way that it can be used not just for the original project for which it was conceived, but also easily leveraged for other projects. It's an integral element of the programming community that attempts to highlight and save the best code so that people don't have to continually reinvent the wheel.

The second group, which I was a part of, wanted to figure out a way to expose existing metadata, like the title, creator, or date a video was produced, that was associated with a video either right in the page (with RDFa), or with an external XML file, so that people watching the video could actually see information about the video with a single click.

We then spent about half an hour, with Dave Humphrey's helpful facilitation and focus, discussing the different parts of the project: where we would get the metadata, how we would parse that data once we had it, how users would reveal the data, and then what the data would look like once revealed. The most curious part for me, was then dividing up into the groups that would work on each section of the project.

One group took on the task of figuring out how to pull the metadata out of the HTML file. Although I didn't follow them as closely, I'm pretty sure they used some existing RDFa Javascript libraries. The second worked on writing the code that would make a button appear and disappear when the user clicked. They too were working mostly in Javascript. I was in the third group that worked on displaying the found information right on top of the video. We were writing a combination of Javascript (both with Jquery, a larger web-page related library and without), HTML, and CSS.

I think the part that most surprised me is how small the individual pieces of the project seemed at first, and how much they all realized that they weren't really that small, and would take the better part of the day to create, even divided up between the participants as they were. It was also interesting seeing how they wrote the code in a way that they could test it separately, but that it could later fit together with the other pieces. I loved how they really drew on the different strengths of this randomly assembled group of people and made it possible to all work together. There was really good energy in the room.

We broke for lunch and I was lucky enough to go off with Mark Boas, who is a web developer who has written a popular Javascript plug-in for dealing with audio called jPlayer. He is based in Italy but also has a Catalan connection, and it was great to talk to him and hear what he's working on.

Back at Drumbeat, we all mostly finished up our individual modules, and then began joining them together. Curiously, that was mostly done via USB stick, as the wifi was intermittent at best. Each time the code was joined, we had to test to make sure that what worked separately now would play nicely with the other person's code. The use of jQuery as well as straight Javascrit was problematic, but not crippling.

Once all the code was together, they connected the last computer to a projector so that we could all see and debug the final project together. At this point, the designer folks jumped in and offered suggestions about positioning and font size. What a collaboration!

There were a few hours left before the Drumbeat-wide presentation of projects at 6pm, so I wandered off to find Nicholas Reville who was talking up Universal Subtitles, which is a great collaborative way to add subtitles to videos to make them more accessible to the hearing impaired and to those who don't speak a given language.

And I also found fellow locals Patrick Davenne and Chris Pinchen who offered me beer and conversation, and we lamented the complete disconnect between the festival and Barcelona itself, among other things.

Then back up to the video lab. Our metadata project was finished but the folks doing the popcorn.js demo were still working furiously. They had taken a video of folks at the conference in five languages, edited and compressed it, translated and added English subtitles with the previously mentioned Universal Subtitles, and then used popcorn.js (I think) to pull in and display tweets from the conference on the page as the video plays. The problematic wifi connection had made it hard for them to stream the video in order to synchronize the subtitles, and I was happy to be useful for a few minutes interpreting so that we could finish up the timing.

Perhaps my favorite moment was when about ten of us were hovering over the person doing the final screencast, trying to figure out why the timecodes were appearing on screen. It was crowd-debugging, and we found the extra space and got it out just in time to finish the capture, and run down to the presentation with USB stick in hand. [link coming soon]

So, I'm still not a programmer, but Drumbeat—and the generous, smart people within—let me have a peek into their world that made it feel that much less intimidating. Sometimes when you don't know how something works you imagine it ten times harder and more complicated than it really is. It's probably time for me to work on sharing that idea—particularly with respect to Javascript—with my readers. Posted by Liz Castro at 6:00 AM Labels test: drumbeat, open source, video For Brett and myself, the single hardest part of preparing for this event was the fact that we didn’t know who would come. It’s hard to program two days of content when you don’t know the make-up of your group, their interests, and backgrounds. Further, we didn’t know if people would only want to come for an hour and then leave to attend other sessions, or stick it out with us and stay to build things.

In the first session we had a packed room, and were met with professors, filmmakers, web developers, designers, producers, students, translators, writers, artists, etc. It was a fantastic group, and had all the energy and diversity we needed to actually build some things. Also, there was a core of people who were determined to stay and see things get finished.

On the first day Brett shot a really quick video getting various people in the square to say where they were from. Nicholas Reville then took the video and had people translate and subtitle it into 17 languages using the Universal Subtitles project. Next we built a simple Google Maps tool to allow us to extract longitude and latitude info so we could get geo-data for all the speakers. Finally we put it altogether using Popcorn.js to create a mash-up of the video, Google Maps, and Wikipedia pages (video of demo here).

After we’d built an example open web video demo together, it was time to think about what we might build on the Friday. We started brainstorming, and the group broke into three main sub-groups, each discussing:

   * how to embed and automatically display metadata about videos
   * what sorts of tools are lacking for content creators
   * how to create more beautiful, artistic web video demos and films

Mozilla Firefox’s Creative Lead, Aza Raskin, then came and gave a talk to the group on how to effectively create prototypes (video, slides, and demo from the talk are here). The room was so packed that Brett and I literally got pushed out the door so they could handle the overflow. It was a timely topic for our group, who were starting to talk about how we should build a “platform.” The point we picked-up on in the next hour was one that Aza underscored in his talk: if you can’t build your prototype in a day, you need to keep cutting until you can. Our group only had one more day, and we want to take advantage of all the talent available to us. After much debate and discussion, we agreed to take on two projects: 1) make a film about the future of education using the open web; and 2) make it possible for librarians, archivists, and other metadata people to have their bibliographic metadata reveal itself to users in <video>.

The next day we spent an entire day building things together. The metadata team worked with JavaScript, RDFa and Dublin Core data, and built a custom overlay UI to make it possible to see info like the video’s title, creator, date, etc. Meanwhile, the second group took advantage of the incredible set of educational experts on-hand at the festival to conduct interviews on the future of education. This being Europe, they shot five interviews, each in a different language (French, Catalan, German, Italian, English). They then had these translated to English, and wrote the subtitles. The rest of the group figured out how to get flickr and twitter content to mix with the video, and worked with the designers on an overall aesthetic.

It was an amazing feeling to work in the lab that day. Everyone was engaged and valuable–not one of us able to do everything that had to get done. Our main goal had been to give the attendees an authentic experience of working on and with the open web, and doing so in a highly collaborative way. This was exactly what happened, and it was a thrill to be part of it. As we ran to the final keynote to present our projects, one of the filmmakers said to me, “So this can’t end today, we have to do more of this.” A lot of us had that feeling.

Here are the two things we made. The first is the metadata demo, showing a prototype of a web-based metadata parser and video overlay UI for video bibliographic information (video demo here). If you hover your mouse over the video, a small ‘i’ will appear in the lower-right. Clicking it brings up the metadata (title, creator, date, license), which is copy-pastable text. For reasons we didn’t have time to fix, it doesn’t work in Firefox 3.6, but does in Firefox 4 Beta/Nightly, Chrome, etc. It would be good to grow this out to a proper JS lib, and extend it to work for Images too.

The second is our so-called Web Made Movie on the Future of Education (video of demo here). It has web-based subtitles, uses the #futureofeducation twitter hashtag, and #drumbeat flickr hashtag. It still amazes me that it was all done in one day (before 6:00 pm!), and I think it captures so much of what was going on at the festival: educators, artists, hackers from all walks of life coming together to share, learn, and build.

Photo Credits: Samuel Huron on flickr.com This entry was posted in CDOT, Mozilla, Mozilla Education, Seneca, Teaching Open Source, Web Made Movies. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.