1 / 23

Bid for Technical Prize

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

race
Download Presentation

Bid for Technical Prize

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

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. 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

  7. 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

  8. PHP/MYSQL • Destinations • Add Reviews • Add Photos • Add Videos • Link users uploads to their profile

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

  10. Combined Technologies • Mashup • Number of APIs • PHP/MYSQL/Jquery Rating System

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

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

  13. Flash/Flex – 3D Globe

  14. 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

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

  16. Media Production • Trailer

  17. Media Production • Podcasts using Audacity • Demonstration of website

  18. Screenshots – Admin Site

  19. Screenshots – Admin Site

  20. Screenshots – Admin Site

  21. Visit Four Corners • www.four-corners.org.uk

  22. Questions?

More Related