Sanman Media

2010 Year in Review

2010 Year in Review

courierpostonline.com/2010

Completion:  2 days.

Launch:  December 2010

• The purpose of this project is for the reader to vote for the top stories of 2010 in each category.  They given a list of headlines and should order them from most to least important.
• The page was hosted on a LAMP server.  MySQL was used to store and query the headlines and update the rankings.
• PHP was used for server-side page processing.
• A jQuery library function was used to allow the user in ordering the headlines form.
• HTML and CSS was used for presentation.

2010 Year in Review Voting Form

2010 Year in Review - jQuery

Varsity All-Stars, Front and Back-Ends

Varsity All-Stars, Front-End

courierpostonline.com/allstars

Total project turnaround time:  Two weeks.

Utilizing:  PHP for dynamic server-side processing, MySQL for data storage, and HTML, CSS and Photoshop for GUI design.

Purpose:  For readers to browse and view the best high school athletes in the area and for administrators to import them onto the database.

Varsity All-Stars, Back-End Data Entry Form

Varsity All-Stars, Athlete Image Upload Form

Varsity All-Stars, Back-End Home

Game of the Week, Version 2 (Co-Brand Template Example)

courierpostonline.com/varsitylive

Used table-less HTML, CSS and Photoshop for GUI design.  This second version design of this sponsored, co-branded website, is loosely inspired by the Comcast SportsNet GUI interface.  (See below.)

Black History Month

courierpostonline.com/blackhistory

Help Wanted

Help Wanted, 2011

courierpostonline.com/helpwanted

Use: HTML, CSS, Photoshop

Republican National Convention 2008

Republican National Convention, 2008 Section Front

Used HTML, CSS, Saxotech Script (for headline display), and Photoshop for section titles.

The Obama Presidency

The Obama Presidency - January 2009

All HTML, CSS and Photoshop.

Election 2008

Before I created the Election 2010 frontpage template, there was this back in 2008…

Election 2008 Frontpage Template

I used HTML, Photoshop for graphics, Saxotech script (a proprietary programming language used to display news articles), and JavaScript to run the vertical scroll (running under “Key New Jersey Results”).  See picture.