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

Slides:

Advertisements

Similar presentations

Chapter 10 Fine-tuning, Completing, and Publishing Your Project.

Advertisements

PRESENTER: MATTHEW DILLON E SCHOOL VIEW CMS TEACHER TRAINING.

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

Creating Dynamic Communities. Objectives that will be covered: 1.Creating your communityCreating your community 2.Styling your communityStyling your community.

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

UWWD In our quest to eliminate bad websites, we present…. HALLELUJAH!!

What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.

Taking the Headache out of. Reach your sphere of influence on a daily basis – AT NO COST? Reconnect with friends and stay in touch with family – AT NO.

Making the Most of Your Website A Guide for Business Coaches.

Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.

8/16/2015 Search Engine Optimization (SEO). Keyword Research After closely monitoring the competitors we have come up with the business keywords that.

Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.

Paul Trani Adobe Certified Instructor/Expert Resources:

IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

Content Management Systems Equals Distributed Web Site Maintenance Robert Gulick, EdD DBA / Technology Trainer Carmi Gulick.

A website is a collection of related web pages, images, videos or other digital assets that are addressed relative to a common Uniform Resource Locator.

Joel Bapaga on Web Design Strategies Technologies Commercial Value.

Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Web Based Inventory Site Building Room Asset Number Category Type Description Serial Number Manufacturer Model Vendor Name Acquired Date P O Number Budget.

Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.

HOW TO CREATE A THINGLINK Liz Ramos Alta Loma High School.

2009© Ineffable Solutions, LLC., All rights reserved. 1 Mockup Revision #2.

Session 1 SESSION 1 Working with Dreamweaver 8.0.

Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)

Website Project Development Presentation by APNARAJ.COM.

Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.

WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.

Building a Search Engine Friendly ™ eCommerce Website ECMTA Webinar July 2008 Mountain Media is a trademarks of New Earth Technologies. All other logos/images.

Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs.

Course created by Sarah Phillips BBCD Melbourne BAPDCOM Version 1 – April 2013.

WEP Presentation for non-IT Steps and roles in software development 2. Skills developed in 1 st year 3. What can do a student in 1 st internship.

GOAL User Interactive Web Interface Update Pages by Club Officers Two Level of Authentication.

Invention Universe Design Spec 2014 Invention Universe is a building community for playful inventors that is inspired by YouTube, MySpace and the computer.

FLIPPING WITH ANALYTICS USING OFFICE MIX A MICROSOFT POWERPOINT ADD-ON.

1 Podomatic Janet Holland, Ph.D. PC & Mac Browser Based Find, Create, & Share.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Web Development Process The Site Development Process Site Construction is one of the last steps.

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

WEB 2.0 TOOLS VIDEO HOSTING SITE YOUTUBE. WHAT IS YOUTUBE? Youtube is a video hosting site were anyone can upload videos expressing their talents, interests.

SEO Friendly Website Building a visually stunning website is not enough to ensure any success for your online presence.

Activity 4 Protecting Ourselves. Keeping Safe There are lots of different ways we can be at risk on the Internet. How can we protect ourselves and keep.

Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.

Facebook for Beginners One Session Class. What will you learn today? What can you do on Facebook? Creating a profile Privacy Connecting with friends Sending.

Dawn Pedersen. What is JavaScript? JavaScript is the basis for both jQuery and Spry applications JavaScript is referred to as a client-side scripting.

Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson

+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

An Introduction.  Introduction  Logging in from D1  Raison d'être  RSS and Podcasting  DragonDrop is…  What does it do?  Upload  Available Output.

 Smartphones – iPhone, Android, Blackberries, etc  Tablets – iPad, Android, Windows, Google, etc.  Computers Basically anything that can connect to.

HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.

Basics Components of Web Design & Development Basics, Components, Design and Development.

AUU Website Solution Purpose built for the AUU

Chapter 04: Specialized Application Software

Objective % Select and utilize tools to design and develop websites.

Personal Website Final Project

Pinterest Clone Features

Objective % Select and utilize tools to design and develop websites.

Facebook Clone Script | Social Network Script - Open Source Social Network Script

VT microaggressions.cs.vt.edu

Social Networking Script | PHP Social Network Script | Open Source Social Network PHP |Open Source Social Networking Script.

MAJOR PROJECT PPT ON B-TOGETHER A Social Networking Site.

KELLER WILLIAMS REALTY

Google Classroom Kelly Villa.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Cambridge TECHNICALS- LEVEL 3

How-to-use Guide Made by: ECI Youth Projects Coordinator, Christine Lacayo and ECI Intern, Ilka Vanessa-Vera.

ClubRunner Tutorial Rotary District 5050.

How-to-use Guide Made by: ECI Youth Projects Coordinator, Christine Lacayo and ECI Intern, Ilka Vanessa-Vera.

Presentation transcript:

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

Visit Four Corners

Questions?