Bid for Technical Prize. Four Corners Technologies Used HTML/CSS Javascript/JQuery PHP/MYSQL Adobe...
-
Upload
eileen-tarver -
Category
Documents
-
view
213 -
download
0
Transcript of Bid for Technical Prize. Four Corners Technologies Used HTML/CSS Javascript/JQuery PHP/MYSQL Adobe...
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
Questions?