{"id":792,"date":"2012-04-12T16:09:39","date_gmt":"2012-04-12T20:09:39","guid":{"rendered":"http:\/\/explorecreateshare.org\/?p=792"},"modified":"2019-02-26T12:44:24","modified_gmt":"2019-02-26T20:44:24","slug":"family-kitchen-table-hack-jam","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/family-kitchen-table-hack-jam\/","title":{"rendered":"Family + kitchen table = hack jam"},"content":{"rendered":"<p>In preparation for <a href=\"https:\/\/wiki.mozilla.org\/Summer_Campaign_2012\" target=\"_blank\">Mozilla&#8217;s Summer Code Party<\/a> campaign, I beta-tested three small events over the past week.\u00a0 I was visiting with family for Passover and Easter, and I knew between my mom, my older daughter, my sister and my three teen nephews, I&#8217;d be addressing a range of ages, web experience levels, and areas of interest.\u00a0 The common thread is that they&#8217;d be willing to take part in my &#8220;work homework&#8221; and they&#8217;d likely provide a balanced mix of feedback &#8211; a bit forgiving and totally critical.<br \/>\nI&#8217;m only just learning the basics of coding myself, but in advance of my trip, I did some Hackasaurus pre-training. \u00a0I took the <a href=\"http:\/\/www.p2pu.org\/en\/groups\/get-to-know-the-hackasaurus-xray-goggles\/\" target=\"_blank\">P2PU X-Ray Goggles challenge<\/a>, reviewed the <a href=\"http:\/\/www.hackasaurus.org\/en-US\/educators\/\" target=\"_blank\">Hactivity Kit<\/a>, played around a bit with the tool on my own and asked a few q&#8217;s of Hackasaurus co-creator (and office-mate) <a href=\"http:\/\/jessicaklein.blogspot.com\" target=\"_blank\">Jess Klein<\/a>.\u00a0 I felt as ready as I could be, and also knew that one of the tenets of Mozilla&#8217;s campaign is that we&#8217;ll all learn together.<br \/>\nCut to Hopewell, NJ: my mom&#8217;s place.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignleft  wp-image-793\" title=\"IMAG1288\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/imag1288.jpg?w=1024\" alt=\"\" width=\"819\" height=\"489\" \/><br \/>\nWe have two laptops and a netbook, and I&#8217;ve installed the X-Ray goggles on all machines.\u00a0 I explain what we were going to do, give a brief introduction to the tool, and then find myself moving from person to person trying to help everyone individually.\u00a0 My mom&#8217;s computer gets all wonky due to unwanted Verizon Family Protection settings &#8211; she&#8217;s out (for now).\u00a0 My sister apparently already knows a bit of HTML but was really in a rush to hit the road so humored me by doing <a href=\"http:\/\/poof.hksr.us\/yjqbgvxv\" target=\"_blank\">this quick remix<\/a> of the Google homepage <em>(note: she spent several years living in Kenya studying hyenas, so this was no surprise)<\/em> &#8211; she&#8217;s out.<br \/>\nMy daughter thought it was pretty cool that you could swap out photos on a webpage, but we were experiencing some buggy issues with the Goggles so she tuned out. \u00a0I knew I had a cooler project in store for her later in the day so she was released.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\" wp-image-795 alignnone\" title=\"IMAG1291\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/imag1291.jpg?w=168\" alt=\"\" width=\"168\" height=\"300\" \/><br \/>\nOnce mom&#8217;s computer was back in action, I helped her remix this story\u00a0about the &#8220;Real Housewives of New Jersey.&#8221;<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-full wp-image-794\" title=\"momhack\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/momhack.jpg\" alt=\"\" width=\"584\" height=\"365\" \/><br \/>\nUnpacking event #1:<\/p>\n<ul>\n<li>I lacked focus up front &#8211; I purposely didn&#8217;t plan one challenge because I thought I&#8217;d be dealing with a wide range of basic computer skills. \u00a0But, I should have kept it simple, stuck to one thing so everyone was on the same page, then they could play around with it on their own if interested.<\/li>\n<li>Maybe I wasn&#8217;t yet familiar enough with the tool &#8211; it was difficult for me to troubleshoot and we lost a hack or two in the process of trying to figure things out.<\/li>\n<li>Sis felt the X-ray Goggles were cool, but that there should be instructions or a lesson built in, so people know what to do without their annoying sister trying to explain it.<\/li>\n<li>Sis also admitted that she didn&#8217;t feel she learned anything, but that it was a unique tool for introducing kids to HTML.<\/li>\n<li>Mom liked her finished hack, but more for a chuckle &#8211; I don&#8217;t think she was necessarily inspired to take it further.<\/li>\n<\/ul>\n<p>Cut to Silver Spring, MD: Sister-in-law&#8217;s house.<br \/>\nThree nephews, between the ages of 17 and 24, none have their own blogs or Tumblrs, one has taken an HTML class. \u00a0Same computer set-up as before, but this time I&#8217;ve pre-loaded Jess&#8217; <a href=\"http:\/\/jessicaklein.com\/kitchen.html\" target=\"_blank\">Kitchen Party Invite page<\/a>. \u00a0I liked it because it gave us a simple page with images and text that could be easily remixed.<br \/>\nAgain, explained a bit about Mozilla&#8217;s summer campaign and that their feedback would be useful in our continued planning leading up to the launch. \u00a0Once I explained how to use the X-Ray Goggles, they were off.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-large wp-image-798\" title=\"P1020294\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/p1020294.jpg?w=1024\" alt=\"\" width=\"1024\" height=\"683\" \/><br \/>\nMy eldest nephew spent A LOT of time just trying to decide what to hack, but he was hell-bent on making something clever\/funny\/ironic. \u00a0<a href=\"http:\/\/poof.hksr.us\/xnymlbys\" target=\"_blank\">Here&#8217;s<\/a> what he eventually came up with. \u00a0Youngest nephew went on a serious journey through his past pop culture obsessions &#8211; \u00a0Power Rangers, Beavis &amp; Butthead, Spongebob &#8211; also on some fruitless search to come up with something great. \u00a0Then we ended up with this page featuring his band!<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-799\" title=\"Screen Shot 2012-04-12 at 2.21.12 PM\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/screen-shot-2012-04-12-at-2-21-12-pm.png?w=1024\" alt=\"\" width=\"1024\" height=\"572\" \/><br \/>\nMiddle nephew, the one who was most familiar with HTML, channeled Bill Cosby for this remix:<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-800\" title=\"Screen Shot 2012-04-12 at 2.25.39 PM\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/screen-shot-2012-04-12-at-2-25-39-pm.png?w=1024\" alt=\"\" width=\"1024\" height=\"471\" \/><br \/>\nWe had some issues with CSS, specifically that when we published, the background images didn&#8217;t seem to stick. They also asked about moving images\/elements around, but I couldn&#8217;t help them &#8211; that&#8217;ll be part of my own continued HTML\/CSS training.<br \/>\nUnpacking event #2:<\/p>\n<ul>\n<li>Their feedback &#8211; &#8220;The Goggles make it simple to help people figure out HTML.&#8221; \u00a0&#8220;I didn&#8217;t really learn anything, plus Web 2.0 tools make it so you don&#8217;t even need to know code.&#8221;<\/li>\n<li>They all worked very independently, and were more open to figuring things out themselves.<\/li>\n<li>They spent tons of time trying to find the perfect images for their remixes, like, too much time &#8211; I never said I was grading them!<\/li>\n<li>I also noticed other interesting computer habits, like they didn&#8217;t use\u00a0\u00a0ctrl + c\/v to cut and paste. \u00a0Time savers, guys!<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-803 alignleft\" title=\"IMAG1314\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/imag1314.jpg\" alt=\"\" width=\"143\" height=\"215\" \/><br \/>\nMy final beta test was a multi-phased, multi-city effort. \u00a0On the first day (in NJ), my older daughter, Amelia, and I read two episodes from\u00a0<a style=\"color:#1b8be0;font:normal normal normal 15px\/normal 'Helvetica Neue', Helvetica, Arial, sans-serif;font-style:inherit;font-weight:inherit;line-height:1.625;text-decoration:none\" href=\"http:\/\/www.inanimatealice.com\/\" target=\"_blank\">Inanimate Alice<\/a>, a digital novel that encourages people to engage and create the next episode. \u00a0The second day, she spent some time considering her character and her story &#8211; and wrote it all out in my notebook on our car ride back home (from MD). \u00a0Then, back home in Brooklyn, we sat on the couch in her room with the laptop, we found a pretty website we could remix, and got to work.<br \/>\nWe switched up some parts of her story, and by far her favorite part was doing image searches for her remixed page. \u00a0First I&#8217;d ask her what kind of image she wanted, then while reviewing the search results, she&#8217;d improve on my query by telling me to try &#8220;cartoon dad on phone&#8221; or &#8220;picture of man talking on phone.&#8221; \u00a0\u00a0It was like watching her develop web literacy skills before my very eyes.<br \/>\nShe was so proud of <a href=\"http:\/\/poof.hksr.us\/lithgemg\" target=\"_blank\">her finished remix<\/a> and said she was already starting to think about what her next story would be about.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-818\" title=\"AmeliaRemix\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/ameliaremix.png?w=1024\" alt=\"\" width=\"1024\" height=\"539\" \/><br \/>\n&nbsp;<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-806\" title=\"IMAG1321\" src=\"http:\/\/explorecreateshare.files.wordpress.com\/2012\/04\/imag1321.jpg?w=1024\" alt=\"\" width=\"1024\" height=\"575\" \/><br \/>\nUnpacking event #3:<\/p>\n<ul>\n<li>I have to say, this was my favorite. \u00a0I loved that it was one-on-one. \u00a0I didn&#8217;t feel like she was doing me a favor. \u00a0She really seemed to be enjoying herself. \u00a0She learned stuff!<\/li>\n<li>She was the only one who seemed genuinely activated\/interested in doing more with what I showed her.<\/li>\n<li>It was also the most directed of the events I led &#8211; she knew her charge was to create a character and a story, and the web remix was her way to make it cool.<\/li>\n<\/ul>\n<p>Overall, I feel like I learned a few things, and it was fun! \u00a0We got to spend some quality family time &#8211; and we made things! \u00a0Whether or not my mom, sister or nephews feel compelled to build on these new or basic webmaking skills remains to be seen. \u00a0I do know, however, that Amelia and I will continue to tinker and play on the web. \u00a0Because I said so! \u00a0:)<br \/>\nCheck <a href=\"http:\/\/jessicaklein.blogspot.com\/2012\/04\/beta-testing-kitchen-tables.html\" target=\"_blank\">here<\/a> and <a href=\"http:\/\/www.zythepsary.com\/techie\/kitchen-table-beta-with-adults\/\" target=\"_blank\">here<\/a> to see the results of some other Mozilla &#8220;kitchen table&#8221; beta tests.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In preparation for Mozilla&#8217;s Summer Code Party campaign, I beta-tested three small events over the past week.\u00a0 I was visiting with family for Passover and Easter, and I knew between my mom, my older daughter, my sister and my three &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/family-kitchen-table-hack-jam\/\">Continue reading<\/a><\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[378228],"tags":[9156,328713,328990,5,23085],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/792"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/comments?post=792"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/792\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/media?parent=792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/categories?post=792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/tags?post=792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}