http://joshcarpenter.ca Josh Carpenter Mon, 27 Feb 2012 12:25:57 +0000 http://joshcarpenter.ca en http://joshcarpenter.ca/Boot-to-Gecko http://joshcarpenter.ca/following/joshcarpenter.ca/Boot-to-Gecko Mon, 27 Feb 2012 12:25:57 +0000 Josh Carpenter 2888526 <img src="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_hero_1000.jpg" width="1000" height="618" width_o="1000" height_o="618" src_o="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_hero_o.jpg" data-mid="14725355" border="0" align="left"/> It's official: Mozilla is creating an an Open Web platform for mobile. Built of the web, enabling powerful new functionality, and completely open. It's very exciting stuff! In order to demonstrate the progress that the Boot to Gecko team has made, we've created a concept UX called Gaia. Our goals for Gaia were to demonstrate the functionality, reliability and creative potential of the open web as a mobile platform. "It works, and it's going to be amazing." We're very excited with the result. The following is a quick tour of Gaia, and what it means. <img src="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_screens_1_11_1000.jpg" width="1000" height="618" width_o="1000" height_o="618" src_o="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_screens_1_11_o.jpg" data-mid="14773139" border="0" align="left"/> It works Imagine making a phone call... from a web app. Mozilla is working with vendors to enable the web as an open platform for mobile. Creating standard API's for messaging, accelerometers, radios, batteries, cameras, and more. Everything you see in these layouts has been implemented and actually works. It's pretty unreal the first time you see it in action. The web is getting a heck of an upgrade. <img src="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_screens_2_1000.jpg" width="1000" height="618" width_o="1000" height_o="618" src_o="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_screens_2_o.jpg" data-mid="14806588" border="0" align="left"/><img src="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_screens_3_6_1000.jpg" width="1000" height="618" width_o="1000" height_o="618" src_o="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_screens_3_6_o.jpg" data-mid="14756848" border="0" align="left"/> It's the Web! Being able to View Source on a mobile OS is very, very cool. In fact, we made a button for it. Press the "menu" hardware button on one of our Samsung Galaxy SII demo devices, and an overlay appears, displaying the HTML of the current page. See something you don't like? Fire up Git, grab the Gaia repository and start hacking. The feeling of empowerment is pretty awesome. The first time I tried it, I called it a personal power of grayskull moment. Dislike your phone's letter spacing? Annoyed at the scrolling performance? Want to create a new WebGL game? You can do it. You already know how. Just check out at the following: <img src="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_dev_1_2_1000.jpg" width="1000" height="618" width_o="1000" height_o="618" src_o="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_dev_1_2_o.jpg" data-mid="14707471" border="0" align="left"/> It's powerful Performance and responsiveness are crucial to quality mobile user experience. The immediacy of touch input demands equal immediacy in device response. We're just not as patient as we used to be. In response (and full agreement), the Boot to Gecko project has made performance a fundamental project priority, and our engineers have already achieved impressive results. On even modest hardware we're seeing competitive boot times, hardware accelerated CSS animation, smooth video playback with transparent overlays, prioritized responsiveness, and more. We are fully committed to empowering an explosion of Web-based UX creativity. <img src="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_videoplayer_1000.jpg" width="1000" height="618" width_o="1000" height_o="618" src_o="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_videoplayer_o.jpg" data-mid="14725534" border="0" align="left"/> It's just getting started Building Gaia has been an awesome experience, and we've only scratched the surface. By leveraging skill sets and tools we've been using for years, our team has been able to put together a functioning concept with remarkable efficiency and minimal learning curve. Gaia and the enabling technologies that drive it are only going to get better, and we're very excited for what comes next. It's going to be awesome. <img src="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_process_9_1000.jpg" width="1000" height="618" width_o="1000" height_o="618" src_o="http://payload29.cargocollective.com/1/0/24332/2888526/b2g_process_9_o.jpg" data-mid="14774636" border="0" align="left"/> As always, we're looking forward to your participation and feedback! To learn more about Boot to Gecko, check out some of the following: The Boot to Gecko Project Mozillas Boot to Gecko – The Web is the Platform Brendan Eich on the Mobile Web API Evolution The Web is the platform, and you can hold it in your hand It's official: Mozilla is creating an an Open Web platform for mobile. Built of the web, enabling powerful new functionality, and completely open. It's very... http://joshcarpenter.ca/Pollution-Table http://joshcarpenter.ca/following/joshcarpenter.ca/Pollution-Table Wed, 03 Aug 2011 01:53:03 +0000 Josh Carpenter 1547119 2010 — Educational interactive exhibit. School children learn about the downstream effects of river basin pollution by applying water and food-based "pollutants" to an infographic map. Worked with a volunteer team of designers in creative director role, sketching concept, designing prototypes, and overseeing fabrication and assembly. Big thanks to an amazing crew: German Pombo, Roger Dario, Jesse Lang, and Casey Yee <img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_Sketches_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_Sketches_o.png" data-mid="8950645" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_Form2_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_Form2_o.png" data-mid="8950643" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_3D_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_3D_o.png" data-mid="8950630" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_Measurements_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_Measurements_o.png" data-mid="8950644" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_CNC2_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_CNC2_o.png" data-mid="8950642" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_Assemble1_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_Assemble1_o.png" data-mid="8950634" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_Assemble2_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_Assemble2_o.png" data-mid="8950636" border="0" align="left"/>{image 4}<img src="http://payload.cargocollective.com/1/0/24332/1547119/PT_Assemble4_1000.png" width="1000" height="600" width_o="1000" height_o="600" src_o="http://payload.cargocollective.com/1/0/24332/1547119/PT_Assemble4_o.png" data-mid="8950640" border="0" align="left"/> 2010 — Educational interactive exhibit. School children learn about the downstream effects of river basin pollution by applying water and food-based "pollutants"... http://joshcarpenter.ca/Alarm-Talk http://joshcarpenter.ca/following/joshcarpenter.ca/Alarm-Talk Wed, 03 Aug 2011 00:08:11 +0000 Josh Carpenter 1547116 2011 — Synthesized spoken alarms wrapped in Dieter Rams design cues. Prototyped in Keynote, initial aesthetics in Illustrator (Pattern + Gradient Mesh + Envelope Distort for the grill), completed in Photoshop, and exported for assembly in XCode. Programming and implementation by Jot Kailay. Available for iOS from the iTunes Store. <img src="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_0_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_0_o.png" data-mid="11747250" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_1_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_1_o.png" data-mid="11747251" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_2_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_2_o.png" data-mid="11747253" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_3_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_3_o.png" data-mid="11747257" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_4_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547116/AlarmTalk_4_o.png" data-mid="11747258" border="0" align="left"/> 2011 — Synthesized spoken alarms wrapped in Dieter Rams design cues. Prototyped in Keynote, initial aesthetics in Illustrator (Pattern + Gradient Mesh + Envelope... http://joshcarpenter.ca/Compositing-Experiment http://joshcarpenter.ca/following/joshcarpenter.ca/Compositing-Experiment Tue, 07 Jun 2011 22:02:52 +0000 Josh Carpenter 1560264 2009 — Fun with compositing. Filmed on a Canon T1i, hand held for extra difficulty. Mirrorball HDRI photographed then prepped (converted to equirectangular) in HDR Shop. Match moved in PFTrack, 3D created in Cinema4D, and composited in After Effects. Created as a tutorial accompaniment while instructing an Advanced 3D Graphics course. 2009 — Fun with compositing. Filmed on a Canon T1i, hand held for extra difficulty. Mirrorball HDRI photographed then prepped (converted to equirectangular) in... http://joshcarpenter.ca/Smart-Home-iPad http://joshcarpenter.ca/following/joshcarpenter.ca/Smart-Home-iPad Mon, 06 Jun 2011 12:22:17 +0000 Josh Carpenter 1547126 2011 — Smart home control from an iPad app. Designed in Illustrator and Photoshop, and assembled in a proprietary UI development environment. Enables home owners to control their security, lighting, climate, home theatres and more. Focused on ease of use, convenience, and adherence to iOS interface guidelines. Forerunner to the iPhone version. <img src="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Room_1000.png" width="1000" height="813" width_o="1000" height_o="813" src_o="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Room_o.png" data-mid="7637036" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Tuner_1000.png" width="1000" height="813" width_o="1000" height_o="813" src_o="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Tuner_o.png" data-mid="7637046" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Pool_1000.png" width="1000" height="813" width_o="1000" height_o="813" src_o="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Pool_o.png" data-mid="7637027" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Blinds_1000.png" width="1000" height="813" width_o="1000" height_o="813" src_o="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Blinds_o.png" data-mid="7637020" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Climate_1000.png" width="1000" height="813" width_o="1000" height_o="813" src_o="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Climate_o.png" data-mid="7637024" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Weather_1000.png" width="1000" height="813" width_o="1000" height_o="813" src_o="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Weather_o.png" data-mid="7637050" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Security_1000.png" width="1000" height="813" width_o="1000" height_o="813" src_o="http://payload.cargocollective.com/1/0/24332/1547126/NSiPad_Security_o.png" data-mid="7637041" border="0" align="left"/> 2011 — Smart home control from an iPad app. Designed in Illustrator and Photoshop, and assembled in a proprietary UI development environment. Enables home owners... http://joshcarpenter.ca/Video-Conferencing http://joshcarpenter.ca/following/joshcarpenter.ca/Video-Conferencing Mon, 06 Jun 2011 10:47:32 +0000 Josh Carpenter 1550344 2010 — Conceptual boardroom touch screen interface. Enables operators to manage conference calls and room ambiance, from lights to AV to audio. Wireframed in Keynote and built in Photoshop over a weekend in Fall 2010. Never implemented. <img src="http://payload.cargocollective.com/1/0/24332/1550344/Haywood_01_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1550344/Haywood_01_o.png" data-mid="7636832" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1550344/Haywood_02_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1550344/Haywood_02_o.png" data-mid="7636833" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1550344/Haywood_03_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1550344/Haywood_03_o.png" data-mid="7636834" border="0" align="left"/> 2010 — Conceptual boardroom touch screen interface. Enables operators to manage conference calls and room ambiance, from lights to AV to audio. Wireframed in... http://joshcarpenter.ca/Smart-Home-iPhone http://joshcarpenter.ca/following/joshcarpenter.ca/Smart-Home-iPhone Sun, 05 Jun 2011 16:04:07 +0000 Josh Carpenter 1547123 2011 — Smart home control from an iPhone app. Prototyped in Keynote, aesthetics in Photoshop, and assembled in a proprietary UI development environment. Enables home owners to control their security, lighting, climate, home theatres and more. Focused on ease of use, convenience, and adherence to iOS interface guidelines. <img src="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_MasterBed_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_MasterBed_o.png" data-mid="7571389" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Systems_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Systems_o.png" data-mid="8949725" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Bluray_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Bluray_o.png" data-mid="8949652" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Climate_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Climate_o.png" data-mid="7571387" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Presets_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Presets_o.png" data-mid="8949656" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_iPod_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_iPod_o.png" data-mid="8949684" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Security_1000.png" width="1000" height="924" width_o="1000" height_o="924" src_o="http://payload.cargocollective.com/1/0/24332/1547123/NSiPhone_Security_o.png" data-mid="8949718" border="0" align="left"/> 2011 — Smart home control from an iPhone app. Prototyped in Keynote, aesthetics in Photoshop, and assembled in a proprietary UI development environment. Enables... http://joshcarpenter.ca/Stadium-Control http://joshcarpenter.ca/following/joshcarpenter.ca/Stadium-Control Sun, 05 Jun 2011 14:51:53 +0000 Josh Carpenter 1547076 2011 — Stadium control room touch screen interface. Enables operators to monitor, schedule and control the event-related operations of a major North American stadium complex. Wireframed in Keynote, aesthetics in Illustrator and Photoshop, assembled in a proprietary UI development environment, and documented in InDesign. <img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_PASystem_8_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_PASystem_8_o.png" data-mid="7579252" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_FoP_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_FoP_o.png" data-mid="7579181" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Alarm_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Alarm_o.png" data-mid="7579172" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Confirmation_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Confirmation_o.png" data-mid="7579175" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Countdown_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Countdown_o.png" data-mid="7579179" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_ScoreboardHeight_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_ScoreboardHeight_o.png" data-mid="7579187" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Hoist_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Hoist_o.png" data-mid="7579183" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Weather_1000.png" width="1000" height="777" width_o="1000" height_o="777" src_o="http://payload.cargocollective.com/1/0/24332/1547076/BCP_Weather_o.png" data-mid="7579189" border="0" align="left"/> 2011 — Stadium control room touch screen interface. Enables operators to monitor, schedule and control the event-related operations of a major North American...