Digital Media Dr. Jim Rowan ITEC 2110. First, a bit about GGC/MediaWiki.

Slides:



Advertisements
Similar presentations
Login The process of identifying oneself on a computer,usually by entering ones username or password.
Advertisements

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
SETTING UP A PROJECT Adobe Premiere Pro CS6. Getting started… Adobe Premiere Pro project file stores links to all the video and sound files-aka…clips.
The Medium is the Message THE INTERFACE. TWO AESTHETICS OF THE FUTURE NOW Blade Runner Mac GUI circa 1984.
Microsoft Word 2010 Lesson 1: Introduction to Word.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
. Website and file organization. How websites work.
Definition and Aspects
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
How to Create Accessible PowerPoint Presentations Elizabeth Tu and Thayer Watkins April, 2010.
How to Use Microsoft PowerPoint What is PowerPoint? Presentation software that allows you to create slides, handouts, notes, and outlines. Slide.
IWebFolio Using a Template Tutorial Images in this tutorial:
Multimedia Enabling Software. The Human Perceptual System Since the multimedia systems are intended to be used by human, it is a pragmatic approach to.
                      Digital Video 1.
The Internet & The World Wide Web Notes
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
Exploring the Basics of Windows XP
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
MIS 218A Multimedia for the Web Andy Stokes Week 1.
An Introduction to Microsoft Word. Microsoft Word This program allows you to type letters, papers, reports and even books. It is available through the.
Copyright © Allyn & Bacon 2008 POWER PRACTICE Chapter 6 Academic Software START This multimedia product and its contents are protected under copyright.
Making a Virtual Book With PowerPoint 2007 How to make a virtual book Using PowerPoint 2007 This is not a presentation template. This is not the venue.
Microsoft ® Office 2007 Get up to speed with the 2007 system Murray State University College of Education:
© Commonwealth of Australia 2009 Using OneNote in the Classroom.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
1 Lesson 6 Exploring Microsoft Office 2007 Computer Literacy BASICS: A Comprehensive Guide to IC 3, 3 rd Edition Morrison / Wells.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Making Movies with Adobe Premier Elements 4 Matt Monjan.
MULTIMEDIA What is Multimedia? The word MULTIMEDIA is made up from two words, MULTI meaning more than one and MEDIA meaning a way of displaying or passing.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
TERMS TO KNOW. Desktop This does not mean a computer desktop vs. a laptop. You probably keep a number of commonly used items on your desk at home such.
Blogs & Web pages & Wikis. Silent Movie Visual story telling.
PowerPoint Basics (for Macs) 1. Before you start your project, you need: Completed project storyboard. Files with images, sound, or video already saved.
Digital Media Dr. Jim Rowan ITEC August 23.
 Using Screenr, Jing, and QuickTime Plus some alternatives!
Overview In this tutorial you will: learn different ways to conduct a web search learn how to save and print search results learn about social bookmarking.
Virtual Books Judy Kinz Software: PowerPoint 2003 Tutorial and Templates:
Digital Media Dr. Jim Rowan ITEC August 22.
Digital Media Dr. Jim Rowan ITEC Roll Call using Banner.
Chapter 6 Publishing to the iPad. Installing Software for Working with the iPad When you create layout in InDesign, you can use the Adobe Content Viewer.
Digital Media Dr. Jim Rowan ITEC Open Book Question! What is one book that is meant to be read in a non-linear fashion?
MULTIMEDIA DEFINITION OF MULTIMEDIA
 Multi (Latin): Many/Much  Media (Latin): An intervening substance through which something is transmitted on.
Virtual Book Tools How to insert a Text Box Click on Insert Go to Text Box Click on slide to insert OR Click on Drawing Toolbar picture of Text Box Click.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
Digital Media Dr. Jim Rowan ITEC Open Book Question! What is one book that is meant to be read in a non-linear form?
Creating an Effective PowerPoint Presentation
World English Dictionary Web 2.0 —n the Internet viewed as a medium in which interactive experience, in the form of blogs, wikis, forums, etc, plays.
Project 6 Advanced File and Web Searching. 2 CHAPTER OBJECTIVES  Begin a new file or folder search, save a search, and find a file using a saved search.
Technology in the Classroom Continue. So what is technology in the classroom? Click on a picture! END.
Digital Media Dr. Jim Rowan ITEC Roll Call using Banner.
Digital Media Dr. Jim Rowan ITEC So far… We have compared bitmapped graphics and vector graphics We have discussed bitmapped images, some file formats.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Glog All! Glog One! Glog On!. A Glog is like a poster... only better Glogs allow students to create an online poster using photographs images graphics.
Digital Media Dr. Jim Rowan ITEC Chapter 1!
Digital Media Dr. Jim Rowan ITEC Vector Graphics Elegant way to construct digital images that –have a compact representation –are scalable –are.
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.
Photoshop Actions Lights, Camera, Actions in Photoshop.
Creating Games with PowerPoint: The SECRET: Sequence – the order of the slides Connection – how the slides link together.
CREATING A POWERPOINT 4 th Grade Technology Benchmarks for 4 th grade that will be covered in this Lesson:  Log onto district computers using individual.
Resources in Moodle Dubravka Crnić. Moodle supports a range of resource types which teachers can add to their courses. In edit mode, a teacher can add.
 The same story, information, etc can be represented in different media  Text, images, sound, moving pictures  All media can be represented digitally.
Introduction to Digital Media 1. What is digital media? Digital media is a form of electronic media where data is stored in digital (as opposed to analog)
Making the Most of PDFs PDF (portable document format) is a file format developed by Adobe Systems. PDFs make it possible to send documents with original.
Windows Vista Configuration MCTS : Internet Explorer 7.0.
Third Grade Home Directory/H-Drive The location on the server where individual users can save their work. This directory is named the same as the username.
Digital Media Lecture 1: Basic Concepts Georgia Gwinnett College
Digital Media Lecture 1: Basic Concepts Georgia Gwinnett College
Presentation transcript:

Digital Media Dr. Jim Rowan ITEC 2110

First, a bit about GGC/MediaWiki

MediaWiki Stuff: Internal Links to a New Page Linking within the wiki (and creating a new page) placing [[myNewPage]] in the edit window... ==> the link “myNewPage” showing up on your wiki page The first time you click on “myNewPage”... you will find yourself in the edit window for that new page If you put something on the new page, the next time you click myNewPage you will go to the new page

MediaWiki Stuff: Internal Links Fancier version placing [[myNewPage | New Page!]] in edit window... ==> the link “New Page!” showing up on your wiki page The first time you click on New Page!... you will find yourself in the edit window for the page named “myNewPage” If you type something into the new page, the next time you click New Page! you will see that new stuff

MediaWiki Stuff: External Links To place an external link (a link to a web page that is not on the MediaWiki) get the URL of the linked-to page put it in double square brackets For example: [ Go to Google!] placed on your page during an edit will show up on your page as: Go to Google! Clicking on it would send you to:

MediaWiki Stuff: Uploading files …other than image files You can store many different kinds of files on the wiki for downloading later NOTE: Some file types cannot be uploaded… like.exe files Example: MSWord file called myMSWordFileName.doc Use the “ Upload file ” link to upload the file to the wiki Edit the Mediawiki page you want this file accessible from and using the media: tag put a link on the page with this format: [[media:myMSWordFileName.doc]] then save the edited page… The link: media:myMSWordFileName.doc will appear on your page Clicking it will cause it to download… but not display.

MediaWiki Stuff: PDF files PDF files can be displayed (rather than just downloaded) inside the wiki If you upload a pdf and you put [[media:myFile.pdf]] in the edit page… You will see media:myFile.pdf on your page and when you click it your file will be displayed, not downloaded Fancier form: [[media:myFile.pdf | my PDF file]] shows “my PDF file” as the link displays the file called myFile.pdf when clicked

How to make a pdf on a Mac Any file that is open on a Mac Pull File down to Print In the lower left hand corner of the print window Click “PDF” Then select “Save as pdf”

Now to Chapter 1!

The Effect of Media Choice and the use of new Technology The media you choose has an effect on the way the story is told Print? you must describe things well Still Image? you have to tell it visually by setting the scene Film/Video? you have moving images and sound... does the sound emphasize the moving image or vice versa? 3-D amusement ride? moving images, sound and some actual motion... 3 modalities

New Media/New Technology Consider if you had spent your life working with the SCROLL… and you were asked to change to the BOUND BOOK... HMMMmmmm... WR6hzZek

Different Media? Different Affordances affordances is a term from ecological psychology – – –different things afford different interaction –consider door knobs, levers, push-plates and pulls Don Norman and Psychology of Everyday Things

Consider… the Scroll, Book & WWW The Scroll –can’t stack scrolls like books –can’t skip around except to beginning or end –but… reading flows without the interruption of pages The Book –you can stack them –you can level a table leg with them! –but.. the reading is interrupted by page turns –add a TOC & page numbers you can skip around –with index & page #s you can go to a specific place

Scroll, Book and now... WWW –you can consume it in any order you want –links take you to a place (and back!) does a book do this? –the page is in one place… one change changes everyone’s version Now compare to the Book –doesn’t allow this universal change –doesn’t take you back... but you can stick a piece of paper or a finger in it to hold your place… or fold down the corner of the page –you can take notes in the margins

WWW vs Book WWW –allows corrections immediately to everyone –but no history kept like with book editions you go back to “the same place” and it’s different... were you mistaken or did it change? Did you read everything? –Book is easy, read front to back – not so much...

WWW vs Book WWW affords searching –You can Google it and find it Book? Not so much.. –the Index will help… if the thing you are looking for is in the index... –Ever read a book and think... where did I see this before? …and then reach for the search tool? …and then you feel kinda foolish?

New Media/New Technology Adoption It takes time for conventions concerning usage to be formed Consider the history of Film... –No sound –then performed sound –then recorded sound With time… film developed its own forms Hitchcock told the story visually, long scenes Tarrentino accents the violence with rapid, quick cuts

Usage of New Media follows a predictable path At first the new form tries to act like the old form to make the new stuff look more familiar –In the movies, Newsreels “copied” newspaper-like layouts –With computers, the desktop metaphor “copied” the office desk Alan Kay, XEROX PARC –personal computer usage exploded Before desktop metaphor C: is all you got –few people used personal computers

So… What is Multimedia? Mix of audio, film, graphics, haptic (what’s haptic?) –that address the different senses We are just beginning to understand what the possibilities are... We are just beginning to understand how to best build multimedia stuff –Mix of animation and live action The movie 300? The movie Sin City? Beowolf? –TV series 24 and the movie Phone Booth? several scenes are played simultaneously

In this class We are interested in media forms found on and transmitted across the Internet and how to manipulate them We will build them as projects –audio –still images bitmapped vector graphics –moving images video camera 3D animation

Media Linearity Scroll - linear Book – linear… broken, but linear –Must turn the pages –but… Table of Contents and Index allow some non-linearity –encyclopedia and dictionaries are media that are meant to be used in a non-linear manner Film/Videotape - linear DVD – primarily linear –Chapters allow some non-linearity

Hypermedia Organization Time-based uses time as its central organizing theme –Film –Audio Page-based uses a page as its central organizing theme –Book –Internet… originally, yes but now?

Is media interactive? Yes and No Yes: Programs appear interactive, but only within the constraints placed on the interaction by the programmer and the interaction designer –Myst looked like a real world but you only had a few choices you could make No: Improvisation (on the part of the user) can’t happen unless it is planned and provided for in advance by the interaction designer and the programmer

How do you interact? User Interface This is what I do: HCI There are standard forms –buttons –sliders –radio buttons –check boxes –pull-down menus –pop-up menus …the kind of stuff you see when using the computer on the internet

Ethical Considerations Is technology –neutral? –ethical? –unethical? Does how we use it define it as ethical or unethical? Consider that new technology –affords a new means of interaction –affords opportunities for behavior that previously didn’t exist –MUD: Multiple User Domain –Second Life

Social Considerations: Access Expensive Reduce the world to 100 people.. – ate.asphttp:// ate.asp Access to internet worldwide? 1/100 would have a computer But... there are internet cafes so…

Social Considerations: Access What about people with disabilities? – Blind prior to the desktop metaphor this was the largest group of online users now the desktop REQUIRES sight to be operated –Can be mitigated by screen readers images are provided alternate text representations

WWW use broadens Initially seen as a “source”... you go to “look something up” –seen as economic advantage… only have to put stuff in one place and everybody can get to it Now it is also a transmission medium –streaming content: live radio –streaming content: view tv shows online –podcasts:

In Summary Media is changing Internet is changing Affecting us socially Giving us new capabilities Challenging our views of legality Challenging our view of appropriate behavior Allowing new uses and new interactions This class is about media and how it works

Questions?