Sunday, August 14, 2011
What the Hackasaurus team does on our day off
Thursday, August 11, 2011
Hackable Comics
But, maybe I should take this back a notch and talk about me and my relationship with comics. I love stories and in particular I love stories that are told in visual form. I read and collect children's books. I liked comics that I saw in newspapers, but it wasn't until I was really about 16 that I found them meaningful to me. As a grown up, I am an avid reader of graphic novels and I love anime and thus, can often be found attending comic con or geeking out at comic book stores. Whenever I was asked as a teenager what I wanted to be when I grew up- I said a children's book illustrator. Eventually my aspirations extended into comics. However, as I matured as an artist, I really started to become involved in designing interactive spaces and I just couldn't figure out how that factored into my comic/childrens book dream. I always keep around a sketch book, where I doodle little comics and drawings about my life- but I have never felt that it was a place for me to really share with others. I think that I made this distinction because to me, comics are personal spaces that you explore on your own and appreciate in the quietness of your own world.
However, my thinking about this started to change as I saw the possibilities of HTML5 and comics. Disney's Tron: Legacy interactive comic is absolutely beautiful and for me, it was a moment where my two worlds collided. Working on the computer, is a personal thing for the most part. You have your screen, and keyboard, and the path in the world wide web that you choose to explore is yours alone. The intimacy of reading the comic in the bookstore corner was somehow retained in the html5 experience. In the past when I have tried to get into reading comics online,the scrolling, the screen display, everything just seemed like it was just copying and pasting the comic from print to online and it wasn't translating. However, with these new HTML5 comics, like Tron and Never Mind the Bullets, the medium of the comic have been taken to a new level. While these initial experiments with html5 are really dabbling with interactivity, I think it is worth noting some of the interactions that make the experience unique to the medium.
With a web- based comic, you have the ability to expand on what it means to represent a non- linear narrative. This can be done in a truly clever way, by zooming into and linking to elements and really exploiting the nature of the web. I can think of endless possibilities in terms of breaking frames and giving the reader/user the opportunity to engage with the crafted comic world in a new way. Finally, something that is uniquely exciting about HTML5 (as opposed to Flash) is that content being developed can be remixable and hackable, allowing you to essentially insert yourself into the story and in effect, connect with the content in a more meaningful way. This possibility highlights the potential for the reader to become not just a user- but a player, conspirator, a dreamer and a maker.
I am working on creating a hackable comic prototype this week. So far I have just drafted a few frames of the narrative and in collaboration with my colleague Anna Debenham, have sketched out a few scenarios that give you the power to exploit the unique affordances of this interactive medium.
This week we tested the idea on a bunch of tween game designers who were helping the Hackasaurus team come up with game like ideas for the project. The feedback that we received about the comic was fantastic and I am really motivated to move forward.
If you are interested in learning more about Hackasaurus, or are interested in our work around gaming, and play- please visit the Hackasaurus website
Tuesday, August 2, 2011
Hackasaurus Cheat Sheet
Sometimes you need a little something something to remind you which keys do what when you are using the Hackasaurus goggles. I pulled together this little cheat to have beside you as you are remixing websites with the Hackasaurus tools.
Tuesday, April 26, 2011
The Earth Day My Carbon Footprint 3D Design Hack Jam for Youth at the New York Hall of Science
"The Earth Day My Carbon Footprint 3D Design Hack Jam is easily the most rewarding day at NYSCI I have had in a while" Chris Lawrence, NYSCI
"Today was amazing! I came by the "build jam" today and it was really good. A lot of different events went on, and so far this is the biggest build jam i've been into. I just wanted to blog about what a wonderful time i had and how amazing this build jam was :)" blog post from NYSCI Explainer Intern and Virtual Hall of Science designer Yessenia Bautista
and some, who really got into the project geeked out and made websites like this and shared it in the VHOS exhibition space.
"Jessica showed us how to use Hackasaurus and delete and change elements of a webpage (locally only). The Hackasaurus Firefox add-on is really cool. When we started out, I didn't know how it worked and actually "went backwards" and made my own website before I learned how to hack an existing one." blog post from Jam participant, Ishum.
Wednesday, April 13, 2011
Youth Design Jams 101: Building Your Toolkit

I’m very excited to announce a new series of posts that I will be writing:Youth Design Jams 101: Building Your Toolbox . For the past 5 months, the New Youth City Learning Network in conjunction with Mozilla, have been hosting design jams focusing on developing a youth maker/ hacker culture. In our jams, we have been focusing on user-testing the Hackasaurus tools, learning about our core audiences relationship with computing and developing fun, casual ways for teens to connect while getting messy with code. As a result, we have had many requests from Learning Network partners and generally awesome community members who want to host a similar jam in their local communities.
I will be creating a collection of tutorials and reference guides that will make the process of hosting a jam fairly simple. My hope is that as you read this, and embark on your own youth design jam adventure, that you will contribute tips and ideas that helped you to craft creative opportunities for youth engagement with technology in open design.
Today's Guide is a 10 Step Plan for Hosting a Youth Jam.

Hacking for the sake of hacking, can be fun for some- but not everyone. This is an opportunity to think creatively about incorporating technology into the work that you already do. Is there a project already underway in your organization or neighborhood that you want to build enthusiasm or crowd-source data or content for? Remember, the technology or media should not be the theme of the jam, just a strategy for implementation. Some past jams have included: Hacking Citizen Science, Social Hacktivism and Entrepreneurship 101


- I think i understand how the internet works
- I think of hacking as a positive word
- I think of hacking as something I want to do

Let teens work together in teams, and throughout the jam encourage them to take on specific roles on their project (i.e., visual designer, coder, project manager, documentarian).Have the youth present what they did, encouraging conversation about process and techniques! Everyone should share something useful that they learned- only one sentence to answer and if there is someone who said something interesting, shout it out and let them know that you agree. Embed a light weight de-brief into the sharing out of useful things.

That's it! Now, with just a bit of elbow grease, you have the tools you need to getting started preparing for your jam. Please post your ideas, tips and suggestions in the comments field!
Sunday, February 20, 2011
Drumbeat
I remember the feeling of great joy and satisfaction that I had when my brother and I not only showed my mother how we would connect to the seemingly mythical Bulletin Board System in the early 90s- but how we would get her buy in to collaborate with us to make the experience last just a little bit longer than possible without her. We started up the computer, booted up DOS, ran our dial in program to access the modem, typed in the command line and told it to dial some magical number-then the fun of running around the house like a maniac ensued. We needed to tell everyone not to pick up the phone- out of penalty of death. When we finally did connect to some service, we would type in the user name and password combination and enter this secret world of the Bulletin Board System.
Everyone who was in this sacred space had some interest or skill in common, but for the most part, we would join the community without knowing we were talking to, or what we were going to be talking about. It took a leap of faith to enter this community, and an even larger level of courage and creativity to publicly put your thoughts out there into this void. But, when you did take that leap- it was exhilarating! Here I was, a 10 year old girl, talking to people about computing, comics and just anything that came to my mind. I felt connected to something that was much larger than my living room in Queens- now, I was talking to people all over the world and, even more amazing than that was the fact that they were talking to me! At the end of the day, we would part ways and possibly never talk to each other again, but we had a moment of connection. My family had this moment. These moments changed my perception of the world and allowed me to conceive of the potential for the future internet and my future life in computing.
Since the early 90s, I have grown up a little bit and become a full fledged designer. I now work at the Social Science Research Council on a project supported by the MacArthur Foundation called the New Youth City Learning Network. It was through this position that I was given the opportunity to go to the Mozilla Drumbeat Festival in Barcelona this Fall. Like my childhood experience of entering the Bulletin Board System, I came to the festival with little understanding of who I would be meeting, and quite honestly what exactly I would be doing. Channeling the courage of my 10 year old self- I entered this non- conference like space, and participated in a variety of projects and conversations with people from all over the world.
Since no one knew who I was coming into any given workshop or project, my actions defined me as a "hacker" or "maker". I became one of those people who was using her hands to figure things out. It's funny, because I guess in the Bulletin Board days, I assumed roles or identities as no one was going to remember my name. In the 90s, I was really activated by the ASCII art and making words into visual forms (while my brother found himself entwined in code). Today, I am a designer (and my brother is a programmer) and took on that persona at Drumbeat. The unique thing about Drumbeat was that it was designed to be almost a physical realization of the collaborative communities of the web. Here, programmers, designers, educators and enthusiasts work together to ponder the future of the open web.
I attended a jam session building temperature sensors with blinking lights with the arduino- while thinking about the classroom and educational opportunities for teens and physical computing. It was fun, empowering and super hands-on geekertainment.

I then attended a conversation with Dale Dougherty, founder of Make magazine, and Mr. Maker himself. It was a really interesting talk because we discussed making communities all over the world. I had been familiar with Dale and his DIY and maker enthusiasm from my work with NYCLN and his maker posse at Maker Faire NYC, however we ended up having a great conversation about the potential for maker or fabrication spaces. What kind of affordances do these spaces provide being outside of the school environment? Our group (who were mostly not from the U.S.) wondered if this need for alternative art spaces was an American problem. However, after listening to the full conversation- I believe that this is not about the lack of arts in schools but about forming your own identity through informal learning opportunities. Informal here, being out of the classroom and self-motivated- I like to compare this to the idea of a community garden.

So here I was, in the beautiful tactile Gaudi- crafted city of Barcelona, feeling my way through physical computing projects by hacking into the arduino with a gang of new friends- wondering how I was going to bring it all back to my real world and work in New York. I then attended the session that NYCLN and the Chicago Learning Network was running on local storytelling. It was an awesome session, with a mixture of people from our two networks as well as locals from Barcelona, and other educators from around the world. The premise of the session was simple- go out onto the streets of Barcelona- as a team or by yourself and come back and tell a story that represents your experience of the city. We left the interpretation open and the results were pretty awesome. One group made a poignant 45 second film of children playing soccer, another group used a google map to embed images and stories of their journey, and another team did a he said/ she said story of their time on the streets using twitter and facebook- which culminated in a crowdsourced experience of members from the drumbeat community helping one of the lost participants back to conference.
What was then an interesting turn of events- we then combined with a session on developing badges to discuss how badges could be applied to the activity. So, they used the twitter story to basically "badge".
While this was an interesting experience to be having a conversation as both a maker, as well as someone who supports learning in some form, I have to admit it felt really weird. I had just had this amazing experience crafting the story using casual skills in a non-formal setting and then, it felt like they were just trying to formalize my experience and "grade it" in some form. I am willing to keep playing along with these nascent badge ideas but, as Tim Gunn would say, "I'm dubious."
Regardless, our twitter story won the "multi modal" badge amongst other things. I feel that badges are useless unless they are put out there into the world in some kind of social context. I think that the work that P2PU is doing in now developing out a universal open source badge backpack is really going to help this concept along and I am excited to see where that goes.

Another way that we at NYCLN and CLN are bringing the Drumbeat experience back to our local community and world is by developing out a project called Hackasaurus. The Network's involvement with Hackasaurus was really birthed at Drumbeat. The goal behind this work is to create tools to help teens hack the web, and as a by-product learn web design and development. This is a project that is near and dear to my heart because experiences that you have as a teenager- connecting with the world through a medium that engages you, helps you to not only define your identity- but help establish your identity within the context of the world. This was true for me in the 90s, using the BBS, and even more true now with the web. We are working in collaboration with Mozilla, the New York Public Library and YouMedia Chicago, to develop the tools and the complimentary curriculum so that this experience can be easily implemented by any teacher, mentor, parent of teen. The goal for us is to be transparent about our process so that we can engage whoever from the community is interested in collaborating.

At this point we have user-tested in four hack jams in New York and Chicago and developed a small team of teen designers and developers who are going to do user testing as well as development with us. The jams have been an interesting learning experience and I will try to write about them more in another post.
Drumbeat was an engaging and eye-opening experience for me as well as my colleagues in the New York and Chicago Learning Networks, but really what it did was bring back the 10 year old spirit in me. It reminded me of the importance of ingenuity, collaboration and learning by getting messy and jumping in. However, it also reminded me of how as a family, or a community- learning can be even more fun and powerful. My brother and I learned to become designers and developers over time by engaging with the web through meaningful identity building experiences. It is my hope that with the projects that we are developing through the Learning Networks in conjunction with Mozilla that we can inspire a new generation of learners, ones who connect remotely with collaborators, take risks and inform the world of their unique existence using this flexible and definable medium of the web.
Thursday, November 11, 2010
Thursday, May 27, 2010
CUNY on Wheels, PS 43, Rockaway Waterfront Alliance and... OCEANLAB
In a formal setting- such as this classroom on wheels- students were most concerned about learning where they could go to learn how to swim. This makes me think that I need to add more links and informal "lessons".
I am thinking of modifying the Oceanlab site to include areas for research and representation of the informal activities- but then again, I could rely on a facebook page to communicate that content as well.
Here are some photos from the day. I really enjoyed the experience of this mobile learning vehicle and am already talking more with CUNY on Wheels to plan our next event.
Water safety learning in action.
This is Norma Coleman James, Assistant Director of CUNY on Wheels.
Sunday, May 16, 2010
Locative Bike Tour
Here are some pics of the Oceanlab Seamonster Summer Bike Quest. Test 1 complete. Still trying to come up with a snazzier title for this bike game/ tour. Below is a qr code that when participants take a photo of it with their phones, they receive a text message story element. Here, participants are told to read the signs surrounding them and to decide whether Shelly Seamonster should stay here for her adventure at the beach or try another location, because she is not a strong swimmer.
Thursday, May 6, 2010
Tuesday, May 4, 2010
Thursday, April 15, 2010
My thesis process according to Phill Retuta
1. Visited every public beach in New York.
2. Asked visitors what they thought about the beach.
3. Began research both on the web and in libraries
4. Compiled the history of NYC beaches and water safety
5. Googled everybody with the terms “NYC,” “beach,” “water”, etc. and made calls and sent out emails
6. Did a lot of soul-searching and got over her fear of approaching people
7. Became comfortable making mistakes, choosing topics, and not boxing herself in.
8. Went crazy.
Monday, April 12, 2010
Oceanlab- Some Publicity

Sooo the web address is wrong, and a few other minor details- but it's press! How exciting- the printed word. :) This was published in the April 9, 2010 edition of The Wave- Rockaways Newspaper since 1893.
Wednesday, April 7, 2010
Monday, April 5, 2010
First Official Sponsor
Saturday, April 3, 2010
Filming for the Oceanlab Videopods
The other day we took advantage of the great weather and filmed the video pods at the beach. It was a great opportunity to talk to some real experts about beach life and safety. People showed up from The Rockaway Waterfront Alliance, Reel Works, The American Littoral Society, The United States Lifesaving Association, The Board of Education, The Surfrider Foundation, Boarders Surf Shop and local public schools. Here are a few sneak peek photos. More to come....Monday, March 29, 2010
Some Great Feedback
THESIS CRIT -( Tuesday)
For the midterm review I had three critics- Anthony Deen, Marco Tandefelt and Chris Prentice. Anthony, my studio professor is an architect who focuses on the integration of technology into his work. He is also very interested in community development and I feel that he has been a good advisor for me because of this innate understanding of the connection between public land and it's actual use by residents. Marco is a physical computing professor in the department, and I think because my project is anything BUT physical computing- he was able to offer up some good outsider advise. Chris, is my writing professor for thesis, however she is so much more. Anezka told us that Chris has an expertise in writing grants, and focusing on academic writing. However, I find that Chris is one of the few people who have really helped me to see the importance of my work and how the message of the project could be extended beyond the thesis.
Okay, so enough with the introductions. Here are the highlights of my feedback:
Overall, all of this was really useful. I am going to make some time to meet with Chris and Anthony to talk about how I can achieve these suggestions, and really polish up my presentation for the symposium. The end is neigh!!!!
- I need to present my "big picture" ideas in a different way, because it is not communicating all of the legs of the project. Chris referred to this by saying I need a "30,000 ft map" of the project and Marco said that I needed to do a sales pitch, (which for some reason as I was standing up there made me think of Crazy Eddy from tv- we've got cables, we've got widescreen tv's....)
- I need to give clear user scenarios about the project. What would the experience be for a teacher vs a student?
- I need to describe the different levels of goals for different developmental age ranges.
- Everyone responded positively to my new web design (thank goodness I was very n vous about this) but Anthony noted that I now need to refine it in terms of communication vs. design.
- Finally, as I knew, I need to show some of my user testing.
WEB DESIGN (Thursday crit)
I have to say that this was a refreshing crit. It has been a rare thing to get specific feedback on my designs in this program, usually the crits are focused on concept- which is fine, but sometimes you just need feedback. For this crit, my entire web class gave me feedback, as well as my professor Jay Van Buren. Jay has worked with a variety of clients, and is known for his work with non-profits and fine art institutions.
Highlights:And that's all. I am just going to keep chugging along and make my way to the end of the semester.
- think about the bubble background- maybe reducing the amount of bubbles and adding a more obvious gradient to achieve a "wave" effect.
- ABOUT page- split the page up into three pages. This will allow for tiered sponsors.
- TAGLINE- move the tagline to live underneath the logo. This came up in both crits. Apparently, placing it where I did, above the navigation produces legibility issues.
- the crab= "awesome", I need to go back and bring that same animated quality to the seagull and oyster. They don't have the same strength as the crab. (Chris also gave me this feedback so I am looking forward to doing this).
- LANDING page- I need to make the current beach conditions more kid friendly.
- There was also the suggestion of moving the characters to live just off the bubble shape. I need to try this out though, because I am not sure how it will look. I like how the whole site looks a bit like a big sticker.
CUNY on Wheels has signed on!
7 Scenes Test

Projects like this are exciting because they use mobile technology to augment the natural environment so that students can see it with a critical eye. I would like to continue to think about ways to implement this kind of project with students in Far Rockaway. It would be fantastic.










