Beta Barn Website
The Beta Barn is a resource for people who have an interest in upgrading and maintaining their personal computers.

Role
Designer/Developer

Skills Used
  • -HTML5
  • -CSS
  • -JQuery
  • -PHP
  • -MySQLi
  • -Flash

  • The Beta Barn is a resource for people who have an interest in upgrading and maintaining their personal computers.
    Role
    My role as the web designer and developer was to film six tutorials on subjects ranging from removing and installing a power supply on a desktop PC, to removing and installing a keyboard on a laptop.
    Production
    I went step by step to make it easy to follow along, and added some of my classic humor to keep the viewer interested.
    Target Audience
    I tried to make it as general as possible so that it would appeal to a wide audience, from people who are just learning about maintaining their own computers, to people who just need a refresher on how to go about a procedure.
    Development
    For those who don’t understand all of the terminology, I created a glossary of technical terms so the viewer could refer to the glossary as the tutorial was going on. One challenge that I came across was how to dynamically pull flash video from the MySQL database with PHP. I ended up doing research on php.net and I learned that I had to write custom syntax that referred to my specific flash videos. By embedding my source video and using html5 embed tag, I made the video pull from the database dynamically. On the home page I developed a ‘Featured Tutorials’ section that contains my most favorite tutorials that I want to share with all viewers, and to the right of that is the ‘Currently Popular’ videos section which contains the most watched and popular videos of that time.