Holmesglen Information Commons Virtual Tour www.ic.holmesglen.vic.edu.au.

Slides:



Advertisements
Similar presentations
2.02B Methods and Uses of Animation
Advertisements

Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Evaluation in Digital Media Graphics Basic Concepts.
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
Welcome to Multimedia Authoring. B.Sc. (Hons) Multimedia Computing Multimedia Authoring Principles and Techniques in Multimedia Production.
Explaining the principles of web animation Gladys Nzita-Mak.
Business Definition Analysis & Design Phase. Development Team Smit Shah (System Analyst, Web Developer) Harsha Balagere (Web Designer) Abdullah Alsubaiei.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
Web Design Basic Concepts.
COM 205 Multimedia Applications
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
Getting Started with Flash
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Getting Started with Flash
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Chapter 11-Multimedia Authoring Tools. Overview Introduction to multimedia authoring tools. Types of authoring tools. Cross-platform authoring notes.
© 2004, Guidance Communications, Inc.1 of 29 Web Tools and Techniques for E-Learning Presented by Jack Massa Guidance Communications Inc.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Dynamic Web Pages (Flash, JavaScript)
An external Perspective http: McDaniel.hu. Develop skills in obtaining and modifying effective digital images: exposure, cropping, compositing, greytoning,
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Flash.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Dm 11 – Intro. To Flash Macromedia Flash MX GETTING STARTED WITH.
Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.
COM 205 MULTIMEDIA APPLICATIONS St. Joseph’s College Fall 2004.
1 Lecture 16 Prototyping Software Engineering. 2 Outline Definitions Uses of prototyping in the design process Prototyping approaches Prototyping “technologies”
Adobe Flash CS3 Revealed Chapter 1 - GETTING STARTED WITH FLASH.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
Tutorial 7 Planning and Creating a Flash Web Site.
Susan Boone Westside High School Houston Independent School District.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
2.02B Methods and Uses of Animation
Louisa Lambregts, Louisa Lambregts
Web Development Process The Site Development Process Site Construction is one of the last steps.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Louisa Lambregts, Louisa Lambregts
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
2.02B Methods and Uses of Animation 2.02 Develop Computer Animations.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
MMPR30023 Research Project Artefact 1 N Tanya Wood.
Louisa Lambregts, Louisa Lambregts
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
Multimedia Fundamentals
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
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.
Interface Programming 2 Week 6. Interface Programming 2 :: Week 6 :: Calendar.
Web and presentation software
Creating a Flash Web Site
Basic Knowledge of Web creation
LO2 – Welcome and Navigation Screens - DA202
Term Project Evaluations Guiding Principles Summary
2.02B Methods and Uses of Animation
Web and presentation software
Web and presentation software
LO4 – New This Year and Find Out More
Kapi’olani Community College
Question Examples Is the interactive Google map useful?
Presentation transcript:

Holmesglen Information Commons Virtual Tour

Holmesglen Background  Established in  Three campuses – Chadstone, Moorabbin, Waverley.  Student population of 50,000+ (both full and part-time).  Over 1500 staff.  Teach over 600 courses, from certificates to degree and post-graduate certificates.

Information Commons background 4 Branches 2 at Chadstone 1 at Waverley 1 at Moorabbin Over 1 million people came through the doors of Chadstone 8 IC in 2003.

Strategic Priorities  Utilizing new technologies.  Innovative delivery modes.

Main Objective  To develop an online virtual tour of the Building 8 Information Commons, with an emphasis on visual metaphors and visual information.

Target Audience The 75% of students, including regular and international Students, who don’t come into the facility for a physical tour. Flexible learning and off-campus students. Prospective regular and international students. Prospective and new staff.

Masters degree major assignment Nicole – Project manager, content producer (Artist/ Librarian) Jane – 3D drawing, art direction (Architect) Stewart - general illustrator, animator (Industrial Designer) Torika - photographer, animator (Web Mistress/photographer)

Information Commons LogoHolmesglen Corporate Logo Visual Identity Colour scheme

Process of development Research other online virtual tours – the good, the bad and the ugly – see what is out there. Identify elements of tours which work really well. Decide which software to use (Flash v 360 degree panoramic software). Mock up designs. Design user interface along with navigation. Gather images and animate. Program. Test.

Software used Flash MX (including ActionScript coding) Dreamweaver MX (including XML data) Photoshop 7.0 Illustrator 10.0 Vectorworks (3D architectural software)

ActionScript Object-oriented programming language used for interactive website animation. // find named swf movies, load movies stop(); _root.createEmptyMovieClip("m1", 1); _root.m1.loadMovie("eight.swf", get); _root.createEmptyMovieClip("m2", 2); _root.m2.loadMovie("five.swf", get); _root.createEmptyMovieClip("m3", 3); _root.m3.loadMovie("wav.swf", get); _root.createEmptyMovieClip("m4", 4); _root.m4.loadMovie("moo.swf", get); // // resets back to splash buttons function resetButtons() { for (i=1; i<=4; i++) { _root["m"+i]._visible = 1; _root["m"+i].gotoAndStop(2); } // chooses movie // hides other movies ie. if m2 chosen, hides m1,m3 & m4 function revealMovie(which) { for (i=1; i<which; i++) { _root["m"+i]._visible = 0; } // for (i=which+1; i<=4; i++) { _root["m"+i]._visible = 0; } // plays chosen movie without splash intro sequence _root["m"+which].gotoAndPlay(3); // stops on last frame of map animation _root["m"+which].mapcopy.gotoAndStop("end"); }

XML eXtensible Markup Language ‘enables the definition, transmission, validation, and interpretation of data between applications’ on the WWW. Welcome! Use the 3d map above to navigate. You can also explore via the images below - look for a shaded rollover area and click to move through. Keep an eye out for links in this textbox where you further explore and view 'how to' animations. Please give us your feedback about this tour.

Information Commons Virtual Tour

Building 8 tour

How to animations

Building 5 tour

Waverley tour

Moorabbin tour