Home Resume Personal Xanga Gallery Family Media StarCraft
Development - MTV - MTV Movie Awards

MTV MOVIE AWARDS 2009

Project Start Date: April 1, 2009

Project Launch Date: May 31, 2009

URLs:
  • http://ma.mtv.com.au
  • http://ma.mtv.com.br
  • http://ma.mtv.tv
  • http://ma.mtv.fr
  • http://ma.mtv.de
  • http://ma.mtv.it
  • http://ma.mtvla.com
  • http://ma.mtv.pt
  • http://ma.mtvasia.com
  • http://ma.mtv.es
  • http://ma.mtv.co.uk
Regions (11): Australia, Brazil, Europe Emerging Markets, France, Germany, Italy, Latin America, Portugal, South East Asia, Spain, UK

Languages (9): English, Brazilian Portuguese, French, German, Italian, Latin American Spanish, Portuguese, Spanish, UK

Purpose: International Sites for MTV Movie Awards 2009 Tent Pole.

Technology: JHTML, JavaScript, CSS, TeamSite

Functionality: Internationalization, Localization, JavaScript Generated Playlist, Global Media Player, Rotating Slideshow Promotion, Ad Serving using CODA, Reporting using CODA.

File Structure:
  • Shared Files: Files that are shared among all locales are within the images and includes folder.
    • images - includes all shared images
    • includes - includes all shared code
      • JHTML:
        • template_index.jhtml - displays index page based on local file content. includes rotating promo.
        • template_about.jhtml - displays about page based on local file content.
        • template_poll.jhtml - calls droplet code to display poll.
        • template_video.jhtml - goes through array of playlists and displays thumbnails and links to video player.
        • template_player.jhtml - displays video player with playlist by pulling video id and playlist id arguments from URL.
        • template_header.jhtml - displays header based on local file content.
        • template_footer.jhtml - displays footer based on local file content.
        • template_ad_main.jhtml - displays MPU ad pulled from local file content.
        • template_ad_narrow.jhtml - displays skyscraper ad pulled from local file content.
        • geocode.jhtml - sets geodetected variables automatically pulled from akamai.
        • poll_placer.jhtml - displays poll c/o droplet code.
      • Style/CSS:
        • style.css - is the main stylesheet used to implement design. Padding, alignment, background images, font styles and colors are set here.
      • Javascript:
        • javascript.js - is the main javascript file.
          • sets reporting variables
          • loadSlide() and changeSlide(num) - sets values for button states, links, copy and images. Also starts timer for slides.
          • pollDisplay() - sets copy for poll divs used in conjunction with Cogix
        • swfobject.js - renders the video player that loads by default (separate from the playlist).
        • ad_160x600.js - renders skyscraper ad
        • ad_300x250.js - renders MPU ad
        • ad_728x90.js - renders leaderboard ad
        • ad_reporting.js - ad and site reporting CODA
        • ad_reporting_config.js - configures ad and site reporting CODA
  • Locale Files: Files that are unique to each locale.
    • site_images - this folder includes all region specific images
    • JHTML/JS:
      • *index.jhtml - includes information to feed into template.
      • *about.jhtml - includes information to feed into template.
      • *poll.jhtml - includes information to feed into template.
      • *video.jhtml - includes information to feed into template.
      • *player.jhtml - includes information to feed into template including local video code.
      • *header.jhtml - includes information to feed into template.
      • *footer.jhtml - includes information to feed into template.
      • *playlist_local.jhtml - array database of local playlist information to feed into javascript.
      • *javascript_local.js - sets local javascript variables.
      • tracker_local.js - Google Analytics code.
    *-Files marked with an asterisk (*) need to be saved in UTF-8 encoding to display correctly. Underlined files and params may need to be updated.


« Previous - Next »