Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Open Source Design - FSOSS 2008

Exploring the world of Open Source Design, looking at what designers are doing with open source tools like gimp, inkscape, and blender3d. We also look at how designers get creative with interface design using various designer friendly open source languages like CSS, PHP, JS, and more.

  • Be the first to comment

Open Source Design - FSOSS 2008

  1. 1. Open Source Design Brendan Sera-Shriar Geoff Palin
  2. 2. What is Open Source Design?
  3. 4. The Movement Is Growing! <ul><li>Open Source Design is more than just designers using free software. It’s about using open source tools to create an interactive, engaging, accessible, and intuitive experience for the user. We believe code is poetry ! More and more designers are moving towards, design oriented code , like CSS, PHP, and Java, in order to achieve a more functional design. </li></ul><ul><li>The Open Source Design movement is growing everyday. As we move from paper, TV, and radio to the web and mobile technology designers are realizing very quickly that there is more to their pretty pictures ! </li></ul><ul><li>However, not all DESIGNERS can code, and not all DEVELOPERS can design! </li></ul>
  4. 5. This leads us to…
  5. 6. Open Source Design Arsenal <ul><li>Current Tools: </li></ul><ul><li>Gimp – Raster Based Image Creation and Manipulation </li></ul><ul><li>Inkscape - Vector Based Image Creation and Manipulation </li></ul><ul><li>Blender 3D – 3D rendering and animatics </li></ul><ul><li>WordPress – CMS site and blog creation </li></ul><ul><li>Drupal – Large scale CMS and community development </li></ul><ul><li>CSS – Design layouts and Typography </li></ul><ul><li>PHP – Web forms and database interactivity </li></ul><ul><li>Java – Goes well with bacon and eggs! </li></ul>
  6. 7. Open Source Design Arsenal <ul><li>What’s New: </li></ul><ul><li>In 2005 a group of well known Flash developers and designers got together to form OSFlash. OSFlash has become the largest ActionScript open source community online and offline. They are responsible for some of the most powerful and influential open source AS tools, apps, libraries, and more. </li></ul><ul><li>In 2007 Adobe Open Sourced the AS3 context and FlexSDK! </li></ul><ul><li>OSFlash Projects – just to name a few </li></ul><ul><li>Ajax Animator </li></ul><ul><li>Open Dialect </li></ul><ul><li>FlashDevelop </li></ul><ul><li>haXe </li></ul><ul><li>AMFPHP </li></ul><ul><li>Swfmill and SWFobject </li></ul><ul><li>Red5 and Spark </li></ul><ul><li>papervision3D </li></ul><ul><li>Tweener </li></ul><ul><li>Eclipse IDE </li></ul>
  7. 8. Open Source Design in the Commercial workspace <ul><li>The first large professional project in which Blender was used was in Spider-Man 2 , where it was primarily used to create animatics and pre-visualizations for the storyboard department. </li></ul><ul><li>&quot;As an animatic artist working in the storyboard department of Spider-Man 2, I used Blender's 3D modeling and character animation tools to enhance the storyboards, re-creating sets and props, and putting into motion action and camera moves in 3D space to help make Sam's vision as clear to other departments as possible.&quot; - Anthony Zierhut, Animatic Artist, Los Angeles </li></ul><ul><li>Blender has been collaborating with animators from PIXAR and ILM to produce animated shorts in a effort to promote their software. This has also led to the Blender Foundation which promotes free education on Blender 3D and incentives for animated contests and festivals. </li></ul>
  8. 10. Open Source Design in the Commercial workspace <ul><li>Gimp has been used to design countless websites and interfaces, and has been used in the following Hollywood movies, Harry Potter , The Last Samurai , The Lord of The Rings , and 2 Fast 2 Furious. </li></ul><ul><li>Others using Gimp are Sam Richards at Sony Pictures; Nathan Wilson at DreamWorks; Drew Hess at ILM; Andy Prock with Apple; and too many others to name. </li></ul>
  9. 11. Open Source Design in the Commercial workspace <ul><li>WordPress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability. WordPress is both free and priceless at the same time. </li></ul><ul><li>More simply, WordPress is what you use when you want to work with your blogging software, not fight it. </li></ul><ul><li>This is the fastest growing area for Open Source Designers, they are finding a niche as WP themers, designers, developers, and more. </li></ul>
  10. 12. Open Source Design in the Commercial workspace <ul><li>An Open Source Flash Media Server Built on Java (Mina & Spring). Red5 uses RTMP (Real Time Messaging Protocol), Streaming Audio/Video (FLV and MP3), Recording Client Streams (FLV only), Shared Objects, Live Stream Publishing, Remoting (AMF),Multi-User Environments. </li></ul>
  11. 13. Open Source Design in the Commercial workspace <ul><li>Papervision3D is an open source 3D engine for the Flash platform. PV3 allows </li></ul><ul><li>Flash developers an designers to take advantage of real 3D environments, lights, cameras, importing characters and objects from 3DSMax, Maya, and SoftImage. </li></ul>
  12. 14. Where Do Designers & Developers Meet?
  13. 15. <ul><li>PHUG – Open Source Culture, was founded over a year ago. It is our goal to develop an Open Source Culture where developers and designers meet to share their knowledge, experience, tools, and expertise in order to bridge the gap between both their communities. </li></ul><ul><li>We have successfully built a community of over 4000 members online, we host FREE workshops across Toronto, and will be hosting WordCamp Toronto 2009! </li></ul>
  14. 16. Open Source Culture
  15. 18. <ul><li>What this means to Open Source Culture, for designers and developers! </li></ul><ul><li>We are nurturing a new community of designers and developers </li></ul><ul><li>Bringing Open Source to the commercial workspace </li></ul><ul><li>Educating students and professionals on alternatives </li></ul><ul><li>Changing the face of design as we know it </li></ul><ul><li>Building a better web </li></ul><ul><li>Fostering Social Media and Networking </li></ul><ul><li>Q: How do we accomplish this? </li></ul><ul><li>A: FREE Workshops led by experts in these areas of open source </li></ul>
  16. 19. <ul><li>FREE PHUG Workshops </li></ul><ul><li>Current Scheduled Workshops: </li></ul><ul><li>Drupal </li></ul><ul><li>James walker </li></ul><ul><li>Tuesday Oct 28 2008 @ 630pm </li></ul><ul><li>Papervision3D - Using Papervision3D and Parallax to build environments </li></ul><ul><li>Ryan Andal - Owner/Technical Director, Zero Pattern </li></ul><ul><li>Tuesday Nov 5 2008 @ 630pm </li></ul><ul><li>Firefox UI Design </li></ul><ul><li>Mike Connor – Mozilla Firefox </li></ul><ul><li>Tuesday Nov 18 2008 @ 630pm </li></ul><ul><li>Flash Media Server and BeatMaker </li></ul><ul><li>Dan Zen – Inventor and Professor at Sheridan College </li></ul><ul><li>Tuesday Jan 13 2009 @ 630pm </li></ul><ul><li> </li></ul>
  17. 20. Get Involved
  18. 21. <ul><li>Bridging Two Worlds! </li></ul><ul><li>FlashPress is an extension to WordPress, which allows Flash designers/developers to use the WordPress engine to communicate with a Flash site. The use of the WordPress CMS in Flash overcomes many obstacles involved with maintaining and updating a Flash site. </li></ul><ul><li>The FlashPress development thread is restricted to contributors of this group. If you would like to contribute to this project please contact us at [email_address] </li></ul><ul><li>Launching soon and </li></ul><ul><li>Another Great PHUG Project! </li></ul><ul><li>Major contributors: Alex Nasser and Logan Aube of BNOTIONS. </li></ul>
  19. 22. <ul><li>Other PHUG Projects </li></ul>WordCamp Toronto 2009
  20. 23. WordPress Plug-in Competition <ul><li>Time to break out that old code! </li></ul><ul><li>One of the important rules that we have is that the plug-ins should be new, i.e. no updates to already existing plug-ins. One great place to get inspired is WordPress Ideas ( ). WordPress Ideas is a place where the people from the WordPress Community, both users and developers vote for what they would like included in WordPress. Some have been implemented, while some may actually appear in future versions and still others that may not be. So, why not make a plug-in to accommodate for the latter two? </li></ul><ul><li> </li></ul>
  21. 24. <ul><li>WordPress2.5 with Brendan Sera-Shriar </li></ul><ul><li>A Full day of WordPress2.5, focused on design and development. </li></ul><ul><li>We'll cover the essentials of setup, installation, and management. </li></ul><ul><li>We'll learn how to build custom themes using CSS, PHP, and image </li></ul><ul><li>architecture. We'll also jump into custom code and template files, best </li></ul><ul><li>practices for design and management, integrating Flash, and how to build </li></ul><ul><li>and install WP and custom plug-ins. Time: 10:00am - 6:00pm (~8 classroom hours) </li></ul><ul><li>Price: $99 </li></ul><ul><li>Location: Toronto </li></ul><ul><li> </li></ul>
  22. 25. Resources <ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul><ul><ul><li> </li></ul></ul>
  23. 26. Thank You <ul><li>Open Source Design </li></ul><ul><li>Brendan Sera-Shriar, Director </li></ul><ul><li>Geoff Palin, Technical Director </li></ul><ul><li>BackSpaceStudios </li></ul><ul><li> </li></ul><ul><li>Founder of PHUG – Open Source Culture </li></ul><ul><li> </li></ul>