Our Bristol.

Slides:



Advertisements
Similar presentations
Name: Group: Teacher: 1. Task 1 Task 2 Task 3 Task 4 Task 5 2.
Advertisements

Specialized Application Software
Computing ESSENTIALS     CHAPTER Ch 9Copyright 2003 The McGraw-Hill Companies, Inc Graphics, Multimedia, and Artificial Intelligence computing.
PBA Front-End Programming Search Engine Optimisation.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
Specialized Application Software Chapter Specialized Applications Graphics Programs Audio and Video Software Multimedia Programs Web Authoring.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Web Design Basic Concepts.
Banner Home Page Text Image Picture Image JavaScript Hyperlink text Animated image Navigation link To a different webpage Date and time.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
4.5 Multimedia Production. Learning Outcome 1. Design the structure and user interface for a multimedia project. 2. Produce a successful multimedia project.
A web design firm! Champyon Shots. The Proposal The purpose of this website is to promote Greenville College Soccer for future recruits. The terms of.
Specialized Application Software © 2013 The McGraw-Hill Companies, Inc. All rights reserved.Computing Essentials 2013.
Specialized Application Software Chapter Copyright © 2011 by The McGraw-Hill Companies, Inc. All rights reserved.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
McGraw-Hill/Irwin Copyright © 2008 by The McGraw-Hill Companies, Inc. All rights reserved. Chapter 4 Specialized Application Software.
Specialized Application Software Chapter 4 McGraw-HillCopyright © 2011 by The McGraw-Hill Companies, Inc. All rights reserved.
Certificate in Digital Applications – Level 02 Website Design and Creation.
Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Tutorial 7 Planning and Creating a Flash Web Site.
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.

Designing Web Interfaces AGED 3141(L). Designing Web Interfaces Interface: how a web page looks and how it is designed for people to use People want easy-to-use,
ONLINE SERVICES ADVERTISING. ONLINE ADVERTISING Search Engine Results Pages Companies register with large search engines so that their websites appear.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Graphics for the Web AO2. Objectives  Become familiar with the unit.  Understand the importance of planning graphics  Know what is meant by file types.
Intro to Multimedia Unit 1.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Learning Aim B.  In this section, you will consider the resources necessary for designing your website.  You will also think about any constraints that.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Unit 13 – Website Development FEATURES OF WEBSITES.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Website Tools & Resources Navy League of the United States Citizens in Support of the Sea Services Building an Online Presence for Your Council What is.
Lesson Objectives 1) Review the steps involved in problem solving 2) Review the stages of the System Life Cycle 3) Describe what prototyping is and the.
Web Software Year 11.
Chapter 04: Specialized Application Software
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Section 9.1 Section 9.2 Identify multimedia design guidelines
Creating a Flash Web Site
3.02 Explain basic motion graphic programming.
Using AppInventor2 for teaching
3.02 Explain basic motion graphic programming.
Objective % Select and utilize tools to design and develop websites.
Web-based structures, links and testing
Working with Links and Navigation
3.02 Explain basic motion graphic programming.
Accessibility with Lectora Inspire 16
Web software.
Designing Information Systems Notes
Objective % Select and utilize tools to design and develop websites.
Getting Started with Dreamweaver
Web Design and Development
Copyright © 2011 Pearson Education, Inc. Publishing as Prentice Hall
2.02B Methods and Uses of Animation
3.02 Explain basic motion graphic programming.
OCR Level 02 – Cambridge Technical
Create and edit web pages 2
NASS Web Site Projected to launch in December 2005, this will satisfy a USDA initiative to standardize the “look and feel” of the Department’s agency web.
3.02 Explain basic motion graphic programming.
Overview The World Wide Web has changed the way that people
3.02 Explain basic motion graphic programming.
Helpful Things To Know For Successful Digital Marketing Strategy Presented By:- Abhinav Shashtri.
Adobe Flash CS3 Revealed
Presentation transcript:

Our Bristol

OurBristol-An Interactive HUB Bristol is a culturally and historically diverse city which is famous for many different things. With our project we aim to achieve something alternative, to bring to life aspects of Bristol that many haven’t seen or experienced before. Any Ideas that subvert cultural norms (such as Street artist Banksy) and anything that the local people of Bristol find culturally/historically significant will be considered for our platform, creating a diverse representation of Bristol.

Aims/Goals Our project aims to create an interactive hub which allows users to experience a truly submersible platform, detailing cultural and historical aspects of the City of Bristol. Street art to home grown musicians, social activists to historical landmarks Any Ideas that subvert cultural norms (such as Street artist Banksy) and anything that the local people of Bristol find culturally/historically significant will be considered for our platform, creating a diverse representation of Bristol

Research Vannevar Bush: Director of the Office of Scientific Research and development during the second world war stated “Our ineptitude at getting at the record is largely caused by the artificiality of systems of indexing, when data of any sort is placed in storage they are filed alphabetically of numerically” We see these processes occur in many platforms of web media. Categorizing in such a way takes the fluidity of motion and creates an altogether boring experience for the user

Research We decided to carry out surveys to get general ideas from local residents about what is most important to them, from these we have picked some key locations and will continue to base the site around user input

Choices from feedback

Interface Our project will be HTML based but not limited to HTML code structures. To create a truly interactive interface we will incorporate imbedded media, such as, but not limited to.. -Flash buttons -Flash animation -Flash motion tweens (inc. video and still images) -RSS feeds -Social media feeds -Google maps

Interface An interactive navigation, inspired by Bristol Graffiti Art Different colours represent different things, hover over commands will display location names This animated graphic is the equivalent of a navigational map

Interface Simple hyperlink navigation, is it engaging? Is it interactive? “randomly” generated suggestions based on user input Tourist based, “Itinerary Builder” “Top Tours” What algorithms are used to determine these? Do these reflect peoples top choices? Often companies pay for this type of promotion.

Interface Google maps helps user navigate through the locations Animated flash tween displaying latest offers and news, simple, but can be used in more imaginative ways We will implement a similar feature that will include links and relevant info on locations in sequence with video clips Eg, st nicks market- as the user takes the virtual tour links to shops will appear in the banner as you approach each shop

Prototype Within our prototype you can see in the simplest form how we plan to implement and create an interactive experience. Using the example of Clifton suspension bridge, the user is presented with a looped video, in landscape view, of the bridge. This video is imbedded within the HTML page and is created using a motion tween in Adobe Flash. Our original thought was to use HTML pages and hotspots to achieve this, but after implementing this you can see that it doesn’t achieve the desired effect of a fluid interactive experience, as you navigate between videos another page has to load creating a clunky experience.