SCRIPT 4/2/2014

// tag line for under main logo and cover sheet

A stunning 360º tour of DkIT Carroll’s Building with beautiful photography, sensational audio and and all your informational requirements.

TABLE OF CONTENT

1.    Table of Content

1.1.  Table of content

1.2.  Description of the project

1.3.  Project Roles

1.3.1.         Roles for the interview

1.4.  Aims, objectives and desired outcomes of the project

1.4.1.         Aims

1.4.2.        Objectives

1.5.  Target Audience

1.6.  Sitemap

1.7.  Navigation

1.8. Project management guidelines

1.8.1.        Internal communications

1.9.  A project timeline

1.9.1.         Regular meetings

1.9.2.        Individual Tasks

2.    Project development

2.1.  Script synopsis

2.2. Shooting script

2.3. Storyboards

2.3.1.        Storyboard for the website

2.3.2.        Storyboard of 360 view locations

2.3.3.        Storyboard for the interview

3.    Project content

3.1.  Visual style

3.1.1.         Fonts

3.1.2.        Colour palettes

3.1.3.        Sample graphics

3.1.4.        Branding

3.2. Audio Script

3.2.1.        Synopsis

3.2.2.        Where is sound needed? Where is it not?

3.2.3.        What kinds of interaction is each sound responding to?

3.2.4.        For each instance, what object sound do you think is most suitable?

3.2.4.1.   Navigation

3.2.4.2.    Mini map

3.2.4.3.    Ambience & Interaction

3.2.5.        Is music needed? How will you obtain this music?

3.2.6.         What theme/style/feel unites your sounds with each other and your visual design?

3.2.7.         How will you obtain your sound? Plan of action? Equipment? Spaces involved?

3.2.7.1.   Equipment

3.2.7.2.  Plan of action

3.2.7.3.  Spaces Involved

3.3. Technology and Interaction Design

3.3.1.         Choose Technology.

3.3.2.         Adobe Flash pros

3.3.3.        Adobe Flash cons

3.3.4.        Cross platforms

4.    References

      4.1. Images used

      2.2. Webography

1.2.        DESCRIPTION OF THE PROJECT

The main ambition of this project is to show future students of DKIT college the facilities and courses it has to offer. The project itself will be an interactive virtual tour of DKIT Carrolls Building. The sections we will show include Creative Media, Music, Computing & mathematics and Video & Film. Using the panoramic 360º photography we will show a Google Street View style tour of the building  and its points of interests. These points of interests include the rooms which the present students use daily. We will choose the rooms with the best technology to show off what the Carrolls Building has to offer their future creative students.

These classes will include the filming studio and booths, dark room, radio room, mac labs, 3d lab, editing labs for both audio and video, recording studios, cinema, staff offices, common areas and corridors.

From these classes we display information of each module using hotspots to pop up the information and interactive areas where students on the tour can view Photoshop, Pro Tools, Dreamweaver, Flash Etc. The tour can be navigated down through the corridors using hotspots and can view the college using the panoramic shots. This will be backed up with audio to give the impression to the person that they are physically walking around the college. We will include video interviews with the course coordinators and students for extra content of interactivity. The tour will be coordinated through the main corridor of our choice as it has the main classrooms and key points of interests that can easily be shown. The corridor has three main junctions where other corridors meet and from here the hotspots can be branched off to show the other various points of interests. This corridor has every room accessible so from here the user can go inside the room and view it in 360º view glory. We want our Tour to be attractive and stand out over other virtual tours are really advertise that our college is a great place to study and be a part of. As a project our group is very excited on getting started.

1.3.       PROJECT ROLES

·         Alina – Project Manager/Audio

·         Kevin – Audio/Design

·         Henry – Design/Programmer

·         Slawek – Programmer/Photographer

           1.3.1. Roles for the interview:

·         Alina  –  Camera

·         Kevin – Audio

·         Henry – Editing

·         Slawek – Lighting

1.4.       AIMS, OBJECTIVES AND DESIRED OUTCOMES OF THE PROJECT

1.4.1. Aims

The aim of this project is to show future students both young and mature that DKIT Carrolls is the best place to study. We will showcase various course, modules and rooms which will include mac labs, radio studio, editing suites, recording studio, audio labs, filming production room and dark room. Each course, module and room will have information on to explain key questions and we will also have video interviews with course coordinators and students. We will achieve this with photography and video panoramic graphics assisted with audio and a sharp interface. We hope by the end of this that the user will have a good understanding of what DKIT can offer them. They will have a good idea of how the college looks and sounds using the tour and will hope to have a good enough experience that they will apply for the relevant courses.

1.4.2. Objectives

We will start by planning on what courses and rooms we will display. From here we will gather the relevant information on each of these courses and modules. We also need to plan the interviews with the course coordinators and possible students that we will get to talk about their courses. The next goal is to map what rooms we are going to use and what we are going to show. The tour itself is website based and will need to be programmed. The graphical interface will be created using PhotoShop with images we have researched for our finished designs. The tour will of both video and photography and will require lots of time to get the building mapped and shot to a high standard. The audio for each area we shoot will have to be recorded to give the illusion of a busy active college. The information and looks will be key making our project stand out and make it attractive for the future students.

1. 5.   TARGET AUDIENCE

We are making a marketing web application for Dundalk Carroll’s building. This web app will be aimed at showcasing, the college, facilities and courses to students who are looking to join an institute.

This age group ranges from 17-24 year olds. They will be looking out for a few things the college has to offer before they can consider joining.

According to amesprep.com website, they listed out 10 things that students are most concerned about before making the ultimate decision and these findings will be very important in how we gather the information to put into our application. These are.

1-    Size

2-    Location

3-    Type

4-    Distance from home

5-    Cost scholarship and financial aid

6-    Majors and requirements

7-    Athletics and events

8-    Activities and social programs

9-    Gut feeling

10-  Accommodation

1.6.   A SITEMAP OF YOUR PROJECT – A CLEAR DESCRIPTION OF THE ENTIRE NAVIGATIONAL STRUCTURE OF THE PROJECT

1.7. Navigation

The website will open with full screen of main corridor in DkIT Carroll’s building. Once moving by scrolling the mouse the user will be able to move along the corridor. There will be hot spots showing on the  sides and the user will be able to click on them to open the panorama view  or images of the locations. There will be listed societies on the notice board and short description on each of them. We will make 360 pan view images with clickable map image on the screen. There will be designed icons (hot spots) of chosen locations on the map which the user will be able to click and visit. We will record interview for each of head of departments. The user will be able to hide the map within a click from the main screen by simply clicking on the icon on it.

There will be five  locations covered by 360 panorama view images listed below:

1. 3D lab (1119) or any Mac lab,

2. Dark Room,

3. Film Studio with Control Room,

4. Recording Studio,

5. Starbucks.

We might include some pictures and a short paragraph about some other rooms used by the students of CM if there will be any time left cover by 360.

Description of content of the pages:

There will be description on each of the page for each department from School of Informatics and Creative Arts.

In Department Music & Creative Media the music performance, technology education and multimedia production is strong part of the course with theoretical skills.

In Section of Creative Media we can educate  students engaging their creativity with new technology and cooperating with each other. Students has access to all equipment in Carrolls building.

Section of Music have well equipped labs and recording studios. Students have access to Mac labs and wide range of professional multimedia, audio and editing software.

Department Computing and Mathematics offers courses from software development to networking as well as information technology and more. (DkIT,)

1. 8.  GROUP PROJECT MANAGEMENT GUIDELINES INCLUDING INTERNAL COMMUNICATIONS

        Project management is the modern way of implementation of the projects. This study, which has a short, but turbulent history. Ideal noticeable and distinguishable over the years in a constantly growing educational offer.

        Project Managers are trained in many universities around the world, in both studies, extramural studies as well as studies. There is no lack of proposals as training courses and transferring knowledge in the field of project management. On the other hand, industry experts point out that project management can not be 100% learn. For the full development and to achieve satisfaction, which is the driving force behind the work, the need for the relevant traits: they simply must have.

        Project manager is responsible for developing the project and for managing the work process of the team.

        PM is managing and leading the project team and providing regular status reports and must ensure that the project is delivered on time.  Project Manager is also responsible for developing and maintaining a detailed project plan. It also up to PM to record and resolve any arising issues and to monitor project progress and performance. Final approval of the design specification is also response of the PM. (wbdg.org,2014)

Internal communications:

Project Manager is responsible for communicating with the group.

Our group blog is one of the way for the regular updates and progress of the project:

https://multimediagroupprojectmap.wordpress.com/

We also have Facebook group for any regular updates and arising issues. We have Pinteresr for the

– Pinterest for research:

http://www.pinterest.com/alinamejger/multimedia-group-project-interactive-audio-map

– Phone contact if needed.

– Set up regular meetings times and dates.

http://www.wbdg.org/project/pm.php, Project Planning, Delivery and Controls,  (Last updated: 06-11-2012) accessed 11- 2013

1. 9.  A project timeline with key dates and deadlines

1.9.1. Regular meetings:

We chose a group of four, we found it very helpful to make regular meetings at least 3 times every week. We have the meetings on three days a week:

  1. Monday 12-12.30,

  2. Tuesday 13-13.30,

  3. Thursday at 12-12.30

We also have a regular meeting with our group supervisor JJ Quinlan at Thursday 10 -11. As our timetable changed we had to change it temporary for Wednesday 11-12 and then decide on new regular time for the meeting.

1.9.2. More individual tasks:

ALINA –paperwork/minutes,agendas, blog updates from meetings, agendas, timetable chart, tasks, meetings, Audio research, Audio script to be worked with Kevin, shooting script, Audio recordings (selections on the map & for movements), storyboards for interviews.

KEVIN – research Audio, Audio navigation, Audio Minimap, Audio recordings (ambiances, interactions, interviews), script synopsis, brief description of the project.

HENRY – navigation, research similar websites, design, mood board, mock up, main look and feel of the website (fonts,branding, colour palettes, sample graphics), storyboards for website.

SLAWEK – navigation,menu flow, site map,  technology & platforms, 360 view panorama testing platforms, storyboards for websites pan view, images, panorama view , programming.

2. PROJECT DEVELOPMENT:

2.1. Script synopsis

A stunning 360º tour of DkIT Carroll’s Building with beautiful photography, sensational audio and and all your informational requirements. All the information we are going to display will be of all the relevant departments and from these departments we will break it up to the modules that are covered. Then break it down even more and show all the classes and technology that is used. The best part of this project is showing off the super technology that the Carroll’s Building has to offer to its future students. The tour will have all the relevant information to make the college as attractive as possible with a lot of interaction, stunning graphics and audio.

The script has been broken up into sections where each topic will be explained in full detail.The visual style, audio, storyboards and technology will be available to read and will explain the project in better detail.

2.2. Shooting script

There will be short intro to Interview saying that the School of Informatics and Creative Arts have a range of interesting courses covering areas of computing, creative media and technologies as well as music.

There is a combination of technical and creative skills to make sure that student is well educate and ready to start a career after college.(DkIT, Informatic, Creative Arts)

On each of the interviews will be a visible logo of the Department and name of the Head of the Department while interviewing him/her.

We will interview four Head of Departments. Interview will be accessible from the rooms once clicked on the specific item the interview will start and last for 1-2 minutes.

– Department of Creative Media

It will show the logo first then head of the department, Sarah McCann will introduce herself. We will ask the questions and try to edit it within the way to show her talking only.

Questions:

1. What would you say to students interested in the college facilities?

2. What would you say about the technology in college?

3. What would be the most interesting aspects of the course?

4. What would you say to student asking for the advice what course to choose between film and creative media? Differences and similarities?

5. What are the career possibilities?

Answer:

We will edit it to make it 1-2 minutes long with saying objectives of studying Creative Arts.

       – Department of Computing and Mathematics

It will show the logo first then Head of the department  Dr. Christian Horn will introduce herself. We will ask the questions and try to edit it within the way to show him talking only.

Questions:

1. What would you say to students interested in the college facilities?

2. What would you say about the technology in college?

3. What would be the most interesting aspects of the course?

4. What would you say to student asking for the advice what course to choose between film and creative media? Differences and similarities?

5. What are the career possibilities?

Answer:

We will edit it to make it 1-2 minutes long with saying objectives of studying.

  – Department of Music and Creative Media

It will show the logo first then Head of the department  Dr Eibhlís Farrell will introduce herself. We will ask the questions and try to edit it within the way to show him talking only.

Questions:

1. What would you say to students interested in the college facilities?

2. What would you say about the technology in college?

3. What would be the most interesting aspects of the course?

4. What would you say to student asking for the advice what course to choose between film and creative media? Differences and similarities?

5. What are the career possibilities?

Answer:

We will edit it to make it 1-2 minutes long with saying objectives of studying .

   – Head of Section of Music

It will show the logo first then Head of the department Adele Commins will introduce herself. We will ask the questions and try to edit it within the way to show her talking only.

Questions:

1. What would you say to students interested in the college facilities?

2. What would you say about the technology in college?

3. What would be the most interesting aspects of the course?

4. What would you say to student asking for the advice what course to choose between film and creative media? Differences and similarities?

5. What are the career possibilities?

Answer:

We will edit it to make it 1-2 minutes long with saying objectives of studying .

Researched contact details of Head of Departments accessed from DkIT website:

Dr. Christian Horn

Head of Department of Computing and Mathematics

christian.horn@dkit.ie

+353 42 937 0283

Ext No 2283

Dr Eibhlís Farrell

Head of Department of Music and Creative Media

Eibhlis.Farrell@dkit.ie

Ext No 2611

Adele Commins

Head of Section of Music

Adele.Commins@dkit.ie

+353 42 937 0286

Ext No 2614

Sarah Mc Cann

Head of Section of Creative Media

Sarah.McCann@dkit.ie

+353 42 937 0285

Ext No 2924

https://www.dkit.ie/informatics-creative-arts, accessed February 2014

2.3. Storyboards

                2.3.1. Storyboard of the website:

2.3.2. The storyboard is covering the locations for 360 panorama view  and corridor which is navigating our tour.


2.3.3. Storyboard for the interview:

PROJECT    CONTENT

3.1. Visual style

We are targeting a teen age group with our application,our research was to find out what style of things where they into and what they follow most and we found out they are so much into everything that is contemporary and they followed everything that is on fashion.

We then decided if we are to keep up with their needs, we would design a web application that fits their taste. This also meant we looked at different websites that are trending not only in the teen category but overall in design, they all had a few things in common and these where

  • All simple clean and with lots of visuals

  • All colourful using a mixture of cool and warm colours

3.1.1. Fonts

According to “webdesignerdepot” website, they listed what typeface to consider for which particular work you are designing whether print or web design. For web design, they listed reasons why it’s best to use san serif fonts and labeling it as modern, minimal and magnificent. We are working with a website and we will take not of what their research proved and use the sanserif font.

Web design about.com website also mentions why its not very clever to use serif fonts for web design as computer screens do not have a high resolution as paper and once serif fonts are used, the little serifs can blur and start making the text harder to read.

Urban fonts website offers a wide number of free to use. We did find a few fonts good to use because they are modern, clean and friendly

1.      Slimania font

2.     FolksDecoon font

3.     Helvetica

3.2.Colour pallet

Color is to play a very important role in the overall design and feel for this website. The transformationaltools.com website lists how colour can affect mood and feel. “Each colour has a specific vibration. We react according to that vibration “

“Certain web sites are bright.  They use reds, yellows and oranges to grab your attention.  The whole page seems to shout at you.  The font is bold.  The sentences are short. You are told you must act now if you want this great price!  It feels like you are given no time to think—much like the traditional salesman.”

(Arlene Arnold, transformational tools)

There is a constant use of cool and warm colour’s now in contemporary design and this is seen through all sectors from fashion all the way to web design.

Cool colour’s consist of green, blue and purple. “webopedia.com “website gives a brief description of what cool colour’s can do

·      They can be soothing

·      They are calm

·      They tend to recede in space

Warm colour’s are red, yellow and orange.”interiordec.bout.com”website mention about

warm colour’s being the come forward.

Color does affect the mood of a website and by adding color to a dull website might make it

exciting. Color can affect readability depending on how it’s combined. Color can affect

legibility if for example the links are not differentiated from the text.

We focused on our target audience to determine what way to go with colour and this meant

we had to look at what colour’s are trending right now. This meant we looked at websites

that are frequented by the teens, clothing that is on fashion,and other well designed

websites.

3.2.1.TEEN WEBSITES

“inspirationfeed.com” website offers a few tips to look out for when designing websites for

the teen age group. When we looked at most websites aimed at this age group we found that

they all had the same visual style.

1.     Bright is beautiful

2.     Lights, camera, action

3.     Less text, more interest

4.     Keep them engaged

5.     Watch your tone

6.     Going mobile

7.     Stale doesn’t sale

8.     Need for speed

9.     Act their age

10. Socialize

Looking at the points listed above and the sample pictures from the websites we have

looked at, its right to see why teen websites are colourful and they all look similar from

content to the visual style.


The same style that is followed when designing websites also crosses through to interiors

for this age group as we can see from the pictures below how colourful and simple these

spaces are.


After a thorough search of different websites and contemporary art based around our age

group, we realized the colour’s that are mostly used are a mixture of warm and cool colors.

We came up with a pallet we think well suits our look and feel but its not final it might

change as we move along.

3.3.Sample graphics

We want to move away from the traditional look where by there is a lot of clutter on the

page to the use of icons for the most part of our navigation. The reason for this is that this

will give us a lot of white space, also keeping in mind that icons are universal so this wont

affect English non-speakers. Icon navigation has been taking off at a fast speed and it is

something we see being used a lot on new branding and also applications on phones for

example the iPhone.

According to “community.qlikview.com” website Icon use is important since pictures speak

louder than words.We tried out a few websites that used icon menus to see why these

websites where more appealing than the traditional ones.

These icons are very familiar to us and we can see this same style crossing over from mobile

phones to websites and also a few buildings have started using icons for signs.



Another thing to note from the websites above apart from the use of icons, they are all

simple and clean looking

with a lot of space allowing you to concentrate on the needed information. Another thing

that is on all these contemporary websites is the use of strong photography and visuals,

which is a common thing with the teen websites too.

We did try to sketch a few icons since that’s the direction we are taking and we tried to give them a contemporary

look and feel as you can see the colours are bright. We will continue to develop them more

to suit the overall feel of the website.


3.4.Branding

According to the website “marketing.about.com” the define branding as the name, term,

sign, symbol or design.

They also explain that good branding helps to.

1.     Confirm your credibility

2.     Deliver the message clearly

3.     Connect your target prospects emotionally

4.     Motivate the buyer

5.     Concrete user loyalty.

“Behance.net” offers 11 tips on how to make a very good logo

1.     Does it work vertically?

2.     Does it work without a box around it?

3.     Can you sketch it?

4.     Less than two fonts?

5.     Abstract comes before literal?

6.     The brand is the sum of everything. The logo isn’t

7.     A logo is an impression, a suggestion, a clue

8.     A logos job is to provide a legible, recognizable, face to your brand

9.     Don’t ask blue or green, ask technical or trendy

10.   Define the brand then execute

11.    Face it, someone isn’t going to be happy with your choice

“Creativemarket.com “website has a list of modern cotemporary logos. These logs are all

very simple clean and have strong imagery that can be understood clearly because it stands

for what it represents. They are using a lot of cool and warm colours in their design and a

few are displayed below.

Social media today website looks at the most popular social network logos and these are

good to look at for inspiration since these are places that teens spend most of their time.

These logos are colourful, simple, and clean, representing what they stand for.

With ideas generated and the name of our application confirmed “PeekDKIT” we started to

make a few sketches in order to present ourselves clean and clear. We tried a few ideas but

the one that would stand out more was the use of the camera and incorporate the eye with

in the lens.



The final logo is the one with a camera and an eye in the lens to represent the name of the

application “Peek”. The logo is simple and we feel like it does cover all the rules you need to

follow in creating a good logo. The simplicity of it is that its easily remembered, easily

drawn and can work . well even when the title of the log is removed. So we are happy to be

represented with this logo.

Moodboard on pinterest

 

3.2. Audio Script

3.2.1. Synopsis

The type of audio we are trying to achieve is all ambiance based over the 360º view tour of the Carroll’s Building. The sound style will be all natural and be created all from stock recordings. The audience is young so we will create sounds that are contemporary and suit the graphics style of the website.

3.2.2. Where is sound needed? Where is it not?

For our project audio is needed in all areas of the website. The emphasis of sound in our project is extremely important in giving the realism and a physical presence of been in the building as the user takes the tour. The sound elements are present in all pages of the website. The type of sound required is around 70% for ambiance recordings of key spaces around the college. This type of audio will sit in with the graphics and photography as the tour is taken. There will be 20% designated to the interaction sounds we will use. This will include the buttons and interactive areas of the tour. The last 10% is designated for the navigation, which is not that big in total. The buttons in the menu and taskbar will be included in this. The navigation sounds are not entirely important and could get frustrating with repetitive use but we plan to use subtle quiet sounds so that the user can hear what they’re clicking but not really realize that the sound is too empowering or loud. The buttons and hot spots will work similar to the navigation sounds. The project is going to have a large sound database because of all the ambient recordings of the building. Another section we will take into consideration with the audio is the shooting and recording of the interviews we plan to have with the course coordinators and students.  The project has a lot of audio in total but will not be hard to achieve a high quality result.

3.2.3. What kinds of interaction is each sound responding to?

This project has interaction but will mostly be required for buttons on the navigation and header. The whole lot will be “click” orientated interaction so this process will be repetitive and require the same sounds. There are also evolutionary objects that will be prolonged sounds throughout the tour. These will be the ambient recordings that take up the majority of the tour and will be the recordings of key spaces. Most to nearly all of the recordings will be similar so the library will not be full of lots of different sound effects. The ambient recordings will be the only files that will build up the library as they will be long and of the different key spaces.

3.2.4. For each instance, what object sound do you think is most suitable?

The audio for the project can be split into three sections.  The first will be the navigation section. Second will be the mini map section and third will be the ambiance and interaction sound effects. As a project there will be a vast amount of sound that can repeat and be reused throughout the website. The sounds that can be repeated the most will be on the navigation, which is iconic and will keep its sounds consistent.

//IMAGE OF ICON NAVIGATION

3.2.4.1. Navigation

The navigation is made up of key icons that will be used for moving the user around the website. The arrows for movement we will create short shallow sounds. The shallow sounds will be quite low pitched and quick. We want it to be quick and of a low frequency like a sound similar to a swoosh would be adequate to recreate the idea of movement.  The rest of the icons will be quite individual so that they can be distinguished apart from each other. The “zoom in and out” icons will have separate sounds and we will create them similar to the movement keys. The idea of keeping this part of the navigation audio short and of a low frequency so that it doesn’t get too frustrating for the user after multiple clicks as it will be used the most by the user. The sound for the “zoom in and out” can be a high pitch to a low pitch for zooming out and the reverse procedure for zooming in.

The options that follow are clickable options that will not be used as much as the other movement icons. These icons are now more option based and these options are “Auto Rotate” which will do a quick rotate of the room that the user is looking in. This sound we can create for this will be a long swoosh noise that can be similar to wind whistling at speed. The next few buttons that we are making will work from similar sound effects but will all be at a different pitch. These buttons are as follows, “Information” which will show relevant information in area the user is visiting. The next button is “Map” which will bring up the mini map in the corner of the screen. The next button is “full screen/reduce screen” and this will bring the tour to full screen if its on small screen and the same reversed. These icon/buttons will have a similar sound but will be different to distinguish them apart. The audio for this will be created using both MIDI and recorded sounds and we will see what works best when we start putting it all together with the graphics. The final button on the navigation is the “Audio on/off” which will play the audio on the tour and the other turns off all sound effects and ambiances. This sound will be straightforward, a sound effect will be created for the audio been turned back on as the audio will always be “on” as the tour is started. Other considerations will be the main navigation that will include “Home”, “About” and “Apply”. These will also be icons but in a different location to the movement and menu tabs. The sound effects for these buttons will go through the same process as the other option icons.

Here is a useful link for menu example sound effects.

http://www.soundsnap.com/tags/menu (SoundSnap 2014)

3.2.4.2. Mini Map

The next section of the audio interface is minimap. This mini map will give the user the option to see where they are in the college and use a quick jump option to quickly move around the Carroll’s building.  This mini map will have its own sound interface and will be different to the other sections. This mini map HUD will be in top left/right corner of the screen. This type of interaction will have a system of hotspots and graphics. For the audio of this we create mostly in MIDI, as it will have all the sound elements we require to create a good sounding interface. The sound type will be a series of beeps and clicks and when a quick jump is initiated it will play a whoosh sound similar to one we will create for selecting the a hotspot to move along the building when on the tour.

3.2.4.3. Ambiance & Interaction

This is the last section where the last of the audio for the project is present. This section will have the ambiance and miscellaneous sound effects. The ambiance is straightforward, wherever the user is on the tour there will be sound playing from that area. An example of this is if the user is in the Starbucks area there will be an ambiance recording playing over the 360º imagery. This will give the impression that the user is physically in the room and put some life into the tour instead of it been quiet and lifeless. This will be the same for every other room we add in the tour. The ambiance will be the key audio throughout the tour as it is key on giving a realistic reality to the tour. The last few parts of audio that we will need to record will be in the smaller interaction sides. We will need to record sounds of items the user might click. Like if the user selects the door we will want the sound of a door opening when entering a room and the sound of the door closing when leaving the room. Other sounds we will take into consideration will be when in the corridors and the user wants to move to the next hotspot. We will want a whoosh sound to jump to give the impression of movement to the next hotspot. There will also be sounds of interaction with the software in some case so we will need sounds of keyboards and mouse clicks. Other sound effects will be needed as the project grows but for now we have all the areas covered. The last audio files to record will be for the interviews with students and coordinators. This is obvious as the video will need audio or the video will be pointless. That is all areas covered were audio is required until the project possibly expands more.

3.2.5. Is music needed? How will you obtain this music?

For this website there will be absolutely no music required. The reason for this is that the project is all natural sounds and the ambiance will act as the soundtrack to each area of the website. The main menu will be quiet but when the tour is initiated it will begin to play the audio files required. If there will be music in some areas it will be due to whatever the students are up to in class or in the corridors.

3.2.6. What theme/style/feel unites your sounds with each other and your visual design? You can refer to film/games/applications that have inspired your choice.

The design for this project is aimed at teenagers mostly so the word that came up mostly in the research was “trendy” and this means what is contemporary at the minute is the graphic design styles. The graphics are warm and cool colours so from here the audio will need to be designed to match this. We will want to keep the audio nice and bouncy but it is an education environment so it will have to be serious also. But the whole majority of our keeping it natural as regards to the ambiance that will make up the majority of the tour. So to create sounds we feel that they will have match the design. The template will always be on full screen sand the graphics that will appear are the icons for navigation, hotspots and the pop up bubbles that will hold the information. As the sounds we are using are created in MIDI or recorded from scratch there will have to be a lot of consideration into how we can make them match. When the designs are finally complete and when it comes to recording and creating sounds there will be a lot of editing involved so until that stage we can simply plan what we might use.

The Langstrasse website was the best example of how our website tour will look and feel. I do believe the website is offline now but here is a link of it working and there is a lot to take from this website and it keeps the nice ambiances of the streets and how their interview and interactive audio is very sharp and matches the design.

http://vimeo.com/33529166 — Langstrasse video in motion. (Volkart 2012)

As regards other applications in this same category there is practically none.  Many tours do not have audio but just cut the audio off and play the voice over. Our project will have warm and cool colours so we will be looking to creating audio to match this so if we use a bronze or steel colour’s in places we can record objects that match that like metal and from here this can create cool sound effects that will match the look and feel. The ambiance will also have a big part in planning what sounds to use as it will have to not sound out of place, as the ambiance will be playing in every page.

3.2.7. How will you obtain your sound? Plan of action? Equipment? Spaces involved?

3.2.7.1.           Equipment

For the equipment we don’t need a too much. For recording the miscellaneous sound effects we require the “Zoom Recorder”. This will give the best quality for recording sounds we need to create. For recording the ambiance of an area we will require the NT4. This is a stereo microphone and will be best for recording all the areas of the college. The stereo channels will be best for playing this type of audio back through the speakers. The last piece of equipment we need will be the shotgun microphone. This will be for the interviews to make the audio clean and so it doesn’t pick up unnecessary sounds.  All of the equipment named above has been used before so we should be able to produce a high quality finish.

3.2.7.2.        Plan of action

The plan of action for our project is once all the planning is complete we will start to gather all of the audio required. We will start with the ambiances. With the photography started we can work in conjunction with each other so that the audio will match the photos.  This will give a better realism to the image. The ambiances will play over the 360º views of the main rooms and the corridors. This will be the procedure until all the ambiances are collected. We will have to make sure that all the recordings are as clean as they can be and not too busy but have enough noise so that it gives the impression that the corridors and rooms are alive. To record the navigation and miscellaneous sound effects we can use both MIDI in Pro Tools to create our own navigation sounds for the buttons and minimap. But we hope to record our own sounds using stock sound noises using props and editing them in Pro Tools for professional use in  the website. This will require as gathering the suitable props and getting a recording room and making sure the stock sounds can be as clean as possible. This will make it easier for us to edit and use. The plan of action is not too hard but there is a lot to do and record so the workload will be heavy and the right amount of time has to be put into the audio so it can be as good as it can be. A rushed project will make the project really bad.

3.2.7.3.       Spaces Involved

The spaces we are recording for the ambiance are quite open with the exception with the couple of small rooms. The corridors will have a lot echos and so will the common areas such as StarBucks and Winter Gardens. We will have to make sure the audio will all be recorded the same and edited so that it will match the other rooms so it doesn’t sound too jumpy and rough.   The enclosed spaces will be the dark room, filming rooms, cinema and editing suites. These will have different sounds have no echo as they are sound proofed so they will sound a lot different to the other rooms. Then there is the main average sized rooms and these include the mac lab, offices and editing labs. All these sounds will all have a different sound of ambiance and it will take a lot of editing to make sure they all run smooth and we have to take into consideration of how busy these rooms might be.

3.3. Technology and Interaction Design

3.3.1. Choose Technology.

Very important role in our project plays technology used to deliver desired informations. As we are planning to design a Website and there is few technologies available to develop and deliver it to our potential customers we need to gain certain informations about the devices, platforms used by the target audience. We have carried a few researches as our project was evolving all the time and the technical and software related aspect is changing.

The main research was done on the usage of mobile devices in Ireland; According to Marketing Institute Ireland (2014) 57% of Irish people have a smartphone.  Among them 82% 18-24years olds, 79% of 25-35 year olds and 29% 0f 55+ have smartphone.

Another survey carried by Thinkhouse (2014) on Irish teenagers shows that 89.9% have smartphone and 59.3% of smartphone users own an iPhone.

According to Our Mobile Planet (2014) General mobile usage of internet is 92% and 67% of smartphone users in Ireland use desktop computers 7 days a week.

Another research was carried on the most popular desktop, tablets and mobiles Operating Systems used within last year.  According to StatCounter (2014) you can observe that:

·         Desktops are mostly using Microsoft Windows 7 fallowing Windows XP and then iOS.

·         The most popular platform for tablets is iOS fallowing by Android.

·         For the mobiles is Android and then iOS.

One of the main technologies used in modern websites supported by Microsoft Windows is Adobe Flash. Flash is a multimedia platform and a Rich Internet Applications tool used for adding intense animation and interactivity, and is the most popular platform for developing RIA, providing a large set of tools that are both powerful and user friendly. There is number of pros and cons of Adobe Flash.

3.3.2 Adobe Flash pros:

  • Adobe Flash is well established technology so is distributed by a major software company. Adobe, a large amount of effort has been invested in making it a stable and feature-rich platform.

  • Provides animated graphical experience because it uses powerful algorithms for rendering graphical content, making the scenes running smoothly. Also it provides various built-in visual effects to enrich the experience.

  • Good performance as is enhanced on most Windows platforms to bring good performance even on less powerful computers.

  • Good pixel-level control as it has the ability to specify measurements in sub-pixel increments. This can result in a crisper and generally more pleasant appearance of Flash applications.

  • Suitable for developing visual effects, 3D graphics as it provides developers with a series of useful tools for creating and manipulating graphical content. Also, it natively supports animations and various transformations and effects, so it is a suitable choice for developing complex graphical applications.

3.3.3. Adobe Flash cons:

  • Requires a “player” application to be installed on the client machine as a plug-in. The device and OS on the consumer side need to be compatible with Flash, and Flash version needs to be the same as the one used for development.

  • It is not supported by iOS this means that a Flash file can’t be run on an iOS device (smartphones and tablets).

  • Search Engine Optimisation problem because texts and links are embedded in Flash, search engines will not read it, decreasing the website’s rankings in search engines. Some improvements in the SEO area of Flash are done, but the issues are still present.

As the flash cannot be run on iOS and Android therefore on many devices as tablets and mobile phones which are used mostly to surf in the internet there is alternative way to display the graphical content of our website. The alternative is HTML5.

Since HTML5 is on the market there has been an increase in its popularity and usage. Many of HTML5′s features revolve around the integration of previously separate technologies, such as Flash, directly into the HTML protocol. Responsive design refers to the ability for an application to dynamically re-size and alter itself for any type of device, whether that be full sized screen, a tablet, or a smartphone browser. The only disadvantage on HTML5 is to have browser up to date as there is an issue challenge to consider is backwards compatibility. Although most major browsers now have complete HTML5 support, including the most recent versions of Internet Explorer, some legacy IE versions still do not have support for it.

3.3.4. Cross platforms

Another aspect of ability to create a website compatible with Android is programming language in our case we decided to use Processing because is free, has many libraries, is easy to use and compatible with:

  • Java

  • HTML5

  • Java script

  • Cross platforms (Windows, iOS, Linux, Android)

Our consideration includes also creation of Website contains elements of jQuery as it is a fast, small, and feature-rich JavaScript library.

As our time for the project is limited and logarithms used to show 360 panoramas are very difficult to work with, we keep in mind possibility to use some sophisticated software to create 360 views and achieve desired high quality effect using only few still images. After research carried on the field of software available on the market, the best for the price and futures is Pano2vr software.

http://ggnome.com/pano2vr/examples/sound

4. References

peterson.com. (). 10 things you should consider when choosing a college. Available: http://www.amesprep.com/info_10things.htm. Last accessed 19th Feb 2014.

Stacey Kole. (15th March 2013). serif vs sanserif the final battle. Available: http://www.webdesignerdepot.com/2013/03/serif-vs-sans-the-final-battle/. Last accessed 19th Feb 2014.

Dieter Schumacher. (). slimania. Available: http://www.urbanfonts.com/fonts/Slimania.htm. Last accessed 19th Feb 2014.

Manfred Klein. (). folks decoon. Available: http://www.urbanfonts.com/fonts/FolksDecoon-Light.htm. Last accessed 19th Feb 2014.

webopedia. (). cool colurs. Available: http://www.webopedia.com/TERM/C/cool_colors.html. Last accessed 19th Feb 2014.

tRyMe. (22 april 2009). effect of colour in web design. Available: http://erlichmis.blogspot.ie/2009/04/effect-of-color-in-web-page-design.html. Last accessed 19th Feb 2014.

icateens. (). icateens. Available: http://www.icateens.org. Last accessed 19th Feb 2014.

teen girls. (). girl. Available: http://www.gurl.com. Last accessed 19th Feb 2014.

corrupted development. (2013). 25 iPad and iPhone Icons Pack Download. Available: http://corrupteddevelopment.com/25-ipad-and-iphone-psd-icon-pack-download/. Last accessed 19th Feb 2014.

qlickview. (15th March 2013). use of icons in design. Available: http://community.qlikview.com/servlet/JiveServlet/previewBody/3933-102-2-4578/Use%20of%20Icons%20-%20tech%20brief.pdf. Last accessed 19th Feb 2014.

awwwards. (). 31 Examples Of Icons In Navigation Menus. Available: http://www.awwwards.com/31-examples-of-icons-in-navegation-menus.html. Last accessed 19th Feb 2014.

about.com. (2014). What is Branding and How Important is it to Your Marketing Strategy?. Available: http://marketing.about.com/cs/brandmktg/a/whatisbranding.htm. Last accessed 19th Feb 2014.

orja Acosta de Vizcaíno. (2014). 11 steps to a perfect logo. Available: http://www.behance.net/gallery/11-STEPS-TO-A-PERFECT-LOGO/12463667. Last accessed 19th Feb 2014.

creative market. (15th July 2013). 2013 Logo Design Trends. Available: https://creativemarket.com/blog/2013/07/15/2013-logo-design-trends. Last accessed 19th Feb 2014.

Sorav Jain. (6th October 2012). 40 Most Popular Social Networking Sites of the World. Available: http://socialmediatoday.com/soravjain/195917/40-most-popular-social-networking-sites-world. Last accessed 19th Feb 2014.

inspirationfeed. (18th July 2012). 13 Tips to Designing Websites for Teens. Available: http://inspirationfeed.com/articles/design-articles/13-tips-to-designing-websites-for-teens/. Last accessed 20th Feb 2014.

Arlene Arnold. (). Use Colors that Draw in Those Interested in What You Offer. Available: http://www.transformationaltools.com/web_site_colors. Last accessed 20th Feb 2014.

https://www.dkit.ie/informatics-creative-arts, accessed February 2014

Audio Links:

SoundSnap. (2012). Available: http http://www.soundsnap.com/tags/menu [Accessed 16 February 2014].Hinderling Volkart. (2012) 360º Langstrasse, , available: http://vimeo.com/33529166 [accessed 17 February, 2014].

  4.1. Images Used

Guitar Center. (2014). Zoom. [online], available: http://images.guitarcenter.com/products/optionLarge/Zoom/DV016_Jpg_Large_H70237_V.jpg [accessed 17 February 2014].

Rode Microphones. (2014). NT4. [online], available: http://media.rodemic.com//images/mics/nt4/nt4_accessories2.jpg [accessed 17 February 2014].

Amazon. (2014). Audio-Technica ATR-6550 Video Camera Condenser Shotgun Microphone [online], available:http://g-ecx.images-amazon.com/images/G/01/musical-instruments/detail-page/B002GYPS3M_img1_lg.jpg [accessed 17 February 2014].

4.2. Webography:

Marketing Institute (2014). [online] http://mii.ie/attachments/wysiwyg/20234/The-Irish-Digital-Consumer-Report-2013.pdf [accessed 10 Feb 2014]

Thinkhouse (2014). [online] www.thinkhouse.ie/mobilereport  , [accessed 10 Feb 2014]

StatCounter (2014). [online] http://gs.statcounter.com/ , [accessed 10 Feb 2014]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s