Post Author PD Admin, April 17th, 2012
Course: Streaming Media Servers
Application: Card Sharks
Student Name: Troy Grant
Instructor: Joshua Donlan
Instructor Comments: Troy did a fantastic job with branding research and market analysis for the Card Sharks application. Included with his application, Troy went above and beyond to provide helpful documentation that defined his project, launch procedures, and testing process. The application itself uses the Red5 streaming server to deliver rich media content in real time as well as provide a live chat interface for the end user. The assignment is a great example of what streaming media is capable of, and how it will be used more and more as technology advances and user demands shift toward instant and real-time communication.
Project Overview: CardSharks is a dynamic application developed in Adobe AIR that allows users to view instructional videos on proper poker strategy. A chatroom is included so that students of the game can chat with poker instructors and get answers to their questions in real time.
This application will have a tiered subscription model. Access to the videos and chatrooms will be limited to those without a membership. This content is constantly updated so customers will be satisfied with the service and renew their subscriptions when they expire.
This entry was posted
on Tuesday, April 17th, 2012 at 6:27 pm and is filed under Front End Projects, Interactive Projects, Server-Side Projects.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author PD Admin, April 17th, 2012
Course: Rich Media Optimization
Student Name: Marcos DeSousa
Instructor: Alejandro Campos
Project Overview: The purpose of this Project is to provide the user with a Web environment that will allow them to view Rich Media instantly. Marcos not only met these requirements but greatly exceeded them while putting his own spin on it as well. The main idea is to give people the ability to watch videos without the limitations that most browsers set for themselves. In following this concept, Marcos was able to give the user a very well styled control for selecting different formats. This not only empowers the user but it helps implement cross browser compatibility to support a much wider target demographic.
I must also mention that Marcos took the initiative to shoot his own content. Although not a requirement of the class I like to encourage everyone to think outside the box, to raise the bar, and he definitely achieved this goal. In his design, Marcos took the very inventive approach of putting the user directly in a “theater” with the help of Rich Static Media in the form of rows of chairs and a stage curtain. Having a great knowledge of Javascript and jQuery also came in handy for this project. Marcos was able to style all playback controls as well as some very elegant transitions when “opening and closing” the stage curtains.
One of the most rewarding aspects of this project in my opinion was actually the process itself. In a realm where feedback is key for Designers and their work, it was nice to see a student with both the capacity and willingness to design with purpose, appreciation and responsibility. Marcos did this while still showcasing his skills and respecting the project specs. At the end of the day, a beautiful cross browser Rich Media Website was completed. This course of action will help students like Marcos not only learn new techniques that are ahead of the curve, it will also help reinforce the importance of the process and adaptability of our industry.
This entry was posted
on Tuesday, April 17th, 2012 at 5:58 pm and is filed under Front End Projects, Interactive Projects, Web Standards.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author IP Admin, March 27th, 2012
Forecast Finder by Lindsey Daniels
Course: Flash ActionScript Techniques
Student Name: Lindsey Daniels
Project Overview: This application will provide real-time weather information from a given zip code using a 3rd party API. Students will learn how to load data from an external source and effectively visualize it using MVC and other Object Oriented concepts while maintaining code reusability. You can get Forecast Finder at www.iamlindsey.com.
This entry was posted
on Tuesday, March 27th, 2012 at 5:08 pm and is filed under Interactive Projects.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author SUD Admin, March 4th, 2012
Course: Web Standards Project
Student Name: Romain Simon
Project Overview: This is a user interface redesign for an existing real world client. The look and feel is specific to the intended audience determined by client specifications. Student used their acquired design and markup skills to design and deploy a working prototype of this clients website.
This entry was posted
on Sunday, March 4th, 2012 at 11:41 pm and is filed under Uncategorized.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author SUD Admin, March 4th, 2012
Course: Web Standards Project
Student Name: Rene Blunt
Project Overview: This is a user interface redesign for an existing real world client. The look and feel is specific to the intended audience determined by client specifications. Student used their acquired design and markup skills to design and deploy a working prototype of this clients website.
This entry was posted
on Sunday, March 4th, 2012 at 11:38 pm and is filed under Uncategorized.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author SUD Admin, March 4th, 2012
Course: Web Standards Project
Student Name: Brad Beltowski
Project Overview: This is a user interface redesign for an existing real world client. The look and feel is specific to the intended audience determined by client specifications. Student used their acquired design and markup skills to design and deploy a working prototype of this clients website.
This entry was posted
on Sunday, March 4th, 2012 at 11:36 pm and is filed under Uncategorized.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author SUD Admin, March 4th, 2012
Course: Human Computer Interaction & Usability
Student Name: Blair Zeno
Project Overview: The Human Computer Interaction and Usability Course teaches students the concepts and strategies needed to create successful interfaces and implementations for the web industry. In this course, students examine usability patterns combined with the concepts of human-computer interaction (HCI) to address the creation of logical, intuitive, and clear system designs and interfaces.
This entry was posted
on Sunday, March 4th, 2012 at 11:31 pm and is filed under Uncategorized.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author SUD Admin, March 4th, 2012
Course: Human Computer Interaction & Usability
Student Name: JP Charles
Project Overview: The Human Computer Interaction and Usability Course teaches students the concepts and strategies needed to create successful interfaces and implementations for the web industry. In this course, students examine usability patterns combined with the concepts of human-computer interaction (HCI) to address the creation of logical, intuitive, and clear system designs and interfaces.
This entry was posted
on Sunday, March 4th, 2012 at 11:30 pm and is filed under Uncategorized.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author SUD Admin, March 4th, 2012
Course: Human Computer Interaction & Usability
Student Name: Edward Almeida
Project Overview: The Human Computer Interaction and Usability Course teaches students the concepts and strategies needed to create successful interfaces and implementations for the web industry. In this course, students examine usability patterns combined with the concepts of human-computer interaction (HCI) to address the creation of logical, intuitive, and clear system designs and interfaces.
This entry was posted
on Sunday, March 4th, 2012 at 11:25 pm and is filed under Front End Projects, Web Standards.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Post Author PD Admin, February 14th, 2012
Media Player Project
Blake Compton
Instructor: Alejandro Campos
Project Overview: When Blake first approached me to discuss the look and feel of the page we had one thing in mind: “less is more” Blake wanted the design to be clean, minimalistic and open while maintaining a sense of direction and grouping. The problem he was trying to avoid was broad areas of nothing but negative space in conjunction with limited content that is neatly grouped together and given behaviors with JavaScript which may sometimes mask it as well. I believe his vision was well executed and reflected on this small yet well-put together page. The subtle colors of both background and foreground allow for a very well thought out yet muted organization. This way the content hierarchy does not get disrupted; muted colors are saved for structure while more saturated and contrasting colors are allowed to push the areas of interest up. Everything that’s active or inactive, not part of the current video information, etc. should be extremely clear to the viewer. In this sense, Blake also did a great job in approaching this project from a more “user-interaction” standpoint.
The goal of this small website was to house a small array of videos on a gallery page along with their corresponding list of playable formats and codecs. The main page acts as a gallery page where some of the content created by the student is laid out. Once the user drills down into the detail page of any of the clips, more information is then revealed. A brief description on how the video was created, tools used, editing software, durations and authors should all be present for each Media. Also the user has the possibility to watch that same video in different formats. The idea is to avoid browser based problems in viewing your video. Whether you are a Windows user, a Mac user, Firefox or Safari, everyone should have access to the same content.
Blake was responsible for everything that’s currently on the page. All graphics were created and edited by the student as well as the encoding of all different formats increasing the production value considerably. The scripting languages used to create this page include: HTML5 (for the video and audio players), CSS3, jQuery as well as some light PHP.
This entry was posted
on Tuesday, February 14th, 2012 at 8:56 pm and is filed under Front End Projects, Interactive Projects, Web Standards.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
Course: Streaming Media Servers
