Bid for Technical Prize

Four Corners

Technologies Used

• HTML/CSS• Javascript/JQuery• PHP/MYSQL• Adobe Flash/Flex• Papervision3D• XML

• Facebook/Twitter API• Adobe After

Effects/Premier• Adobe

Photoshop/Illustrator• Audacity

HTML/CSS

• Complex website linking over 20 pages• Over 10 style sheets for various components• Rigorously tested for compatibility on all major

browsers and degradation on older versions - Browser Shots/ Microsoft Virtual PC

• Written to maximise SEO – title, tags, headers, key words etc

• W3C compliant, being careful to avoid deprecated tags

Javascript/JQuery

• Slide effects on side tabs• Autocomplete in search boxes• Client-side validation in forms• Modal windows• Image upload/resize• Photo Galleries

PHP/MYSQL

• Security Important• Peoples data is kept safe– Passwords are encrypted – Users can not upload HTML to our site– Users are required to sign up to use Four Corners• Gives a community feel• Stops bot-spammers

PHP/MySQL

• Users Profile– Sign Up and Log in/Log Out (sessions)– Profile Page– Search for Friends– Add friends to own Profile– Write on Friends Profile

PHP/MYSQL

• Destinations– Add Reviews– Add Photos – Add Videos– Link users uploads to their profile

Content Management System

• Admin site– Add/edit destinations easily• Images/captions• Descriptions• Icons

– Approve Comments– View feedback and error responses– View users

Combined Technologies

• Mashup• Number of APIs• PHP/MYSQL/Jquery Rating System

Flash/Flex

• Interactive Globe• Upload Video Reviews• Augmented Reality Marketing• Advergame to draw visitors to site

Flash/Flex – 3D Globe

• Yahoo Maps API• Flash Papervision 3D• XML – populate app with data and images• HTML– Regular Expressions– AS3 Arrays– MXML

Flash/Flex – 3D Globe

Flash/Flex - Webcam

• Record footage from a users webcam• Play back through a footage stream from the

website

• Create custom barcode• View through webcam on Four Corners

Facebook/Twitter API

• Facebook and Twitter integration• Planning to use Facebook Connect – Log in/Sign up to site, with one click

Media Production

• Trailer

Media Production

• Podcasts using Audacity• Demonstration of website

Screenshots – Admin Site

Screenshots – Admin Site

Screenshots – Admin Site

Visit Four Corners

• www.four-corners.org.uk

Questions?