bid for technical prize
DESCRIPTION
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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/1.jpg)
Bid for Technical Prize
![Page 2: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/2.jpg)
Four Corners
![Page 3: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/3.jpg)
Technologies Used
• HTML/CSS• Javascript/JQuery• PHP/MYSQL• Adobe Flash/Flex• Papervision3D• XML
• Facebook/Twitter API• Adobe After
Effects/Premier• Adobe
Photoshop/Illustrator• Audacity
![Page 4: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/4.jpg)
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
![Page 5: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/5.jpg)
Javascript/JQuery
• Slide effects on side tabs• Autocomplete in search boxes• Client-side validation in forms• Modal windows• Image upload/resize• Photo Galleries
![Page 6: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/6.jpg)
![Page 7: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/7.jpg)
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
![Page 8: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/8.jpg)
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
![Page 9: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/9.jpg)
PHP/MYSQL
• Destinations– Add Reviews– Add Photos – Add Videos– Link users uploads to their profile
![Page 10: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/10.jpg)
Content Management System
• Admin site– Add/edit destinations easily• Images/captions• Descriptions• Icons
– Approve Comments– View feedback and error responses– View users
![Page 11: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/11.jpg)
Combined Technologies
• Mashup• Number of APIs• PHP/MYSQL/Jquery Rating System
![Page 12: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/12.jpg)
Flash/Flex
• Interactive Globe• Upload Video Reviews• Augmented Reality Marketing• Advergame to draw visitors to site
![Page 13: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/13.jpg)
Flash/Flex – 3D Globe
• Yahoo Maps API• Flash Papervision 3D• XML – populate app with data and images• HTML– Regular Expressions– AS3 Arrays– MXML
![Page 14: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/14.jpg)
Flash/Flex – 3D Globe
![Page 15: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/15.jpg)
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
![Page 16: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/16.jpg)
Facebook/Twitter API
• Facebook and Twitter integration• Planning to use Facebook Connect – Log in/Sign up to site, with one click
![Page 17: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/17.jpg)
Media Production
• Trailer
![Page 18: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/18.jpg)
Media Production
• Podcasts using Audacity• Demonstration of website
![Page 19: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/19.jpg)
Screenshots – Admin Site
![Page 20: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/20.jpg)
Screenshots – Admin Site
![Page 21: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/21.jpg)
Screenshots – Admin Site
![Page 23: Bid for Technical Prize](https://reader035.vdocuments.us/reader035/viewer/2022081800/56814932550346895db67738/html5/thumbnails/23.jpg)
Questions?