Presentation is loading. Please wait.

Presentation is loading. Please wait.

Bid for Technical Prize. Four Corners Technologies Used HTML/CSS Javascript/JQuery PHP/MYSQL Adobe Flash/Flex Papervision3D XML Facebook/Twitter API.

Similar presentations


Presentation on theme: "Bid for Technical Prize. Four Corners Technologies Used HTML/CSS Javascript/JQuery PHP/MYSQL Adobe Flash/Flex Papervision3D XML Facebook/Twitter API."— Presentation transcript:

1 Bid for Technical Prize

2 Four Corners

3 Technologies Used HTML/CSS Javascript/JQuery PHP/MYSQL Adobe Flash/Flex Papervision3D XML Facebook/Twitter API Adobe After Effects/Premier Adobe Photoshop/Illustrator Audacity

4 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

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

6

7 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

8 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

9 PHP/MYSQL Destinations – Add Reviews – Add Photos – Add Videos – Link users uploads to their profile

10 Content Management System Admin site – Add/edit destinations easily Images/captions Descriptions Icons – Approve Comments – View feedback and error responses – View users

11 Combined Technologies Mashup Number of APIs PHP/MYSQL/Jquery Rating System

12 Flash/Flex Interactive Globe Upload Video Reviews Augmented Reality Marketing Advergame to draw visitors to site

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

14 Flash/Flex – 3D Globe

15 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

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

17 Media Production Trailer

18 Media Production Podcasts using Audacity Demonstration of website

19 Screenshots – Admin Site

20

21

22 Visit Four Corners www.four-corners.org.uk

23 Questions?


Download ppt "Bid for Technical Prize. Four Corners Technologies Used HTML/CSS Javascript/JQuery PHP/MYSQL Adobe Flash/Flex Papervision3D XML Facebook/Twitter API."

Similar presentations


Ads by Google