1 / 18

Mobile Prototype

Mobile Prototype. By Jacob Lizama. MUL 370. COURSE HOME WEEK 1 WEEK 2 WEEK 3 WEEK 4 EXIT COURSE LOGOUT USER SETTINGS. GRADEBOOK EMAIL LIVE DOC SHARING DROPBOX JOURNAL WEBLIOGRAPHY TECH SUPPORT. MUL 370 COURSE HOME. DEPARTMENT INFORMATION NETIQUETTE SPECTRUM LIBRARY

marcie
Download Presentation

Mobile Prototype

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Mobile Prototype By Jacob Lizama

  2. MUL 370 • COURSE HOME • WEEK 1 • WEEK 2 • WEEK 3 • WEEK 4 • EXIT COURSE • LOGOUT • USER SETTINGS • GRADEBOOK • EMAIL • LIVE • DOC SHARING • DROPBOX • JOURNAL • WEBLIOGRAPHY • TECH SUPPORT

  3. MUL 370 COURSE HOME • DEPARTMENT INFORMATION • NETIQUETTE • SPECTRUM LIBRARY • WRITING CENTER • ACCESSIBILITY • ONLINE eCOLLEGE HELP • TURNITIN.COM • PROFESSOR TOMPKINS’ USABLE RANTS • SYLLABUS • COURSE OUTLINE • COURSE AT-A-GLANCE • INTRODUCE YOURSELF • VIRTUAL OFFICE • STUDENT LOUNGE • TECHNOLOGY YOU’LL NEED • PREPERATION FOR MUL 370

  4. MUL 370 SYLLABUS Course Description Provides a hands-on introduction to the basics of Web interactivity and its potential for e-business, entertainment and education. Students apply aesthetic and usability criteria to visual, textual and aural components integrated into interactive presentations, games and instructional media. Covers technological constraints of Web delivery, interactive design and composition and media integration techniques. Software instruction is in Macromedia Director. Learning Outcomes Identify technological constraints on web-based, interactive media. Demonstrate proficiency in compression techniques and plug-in use. Apply aesthetic and usability criteria to the design and integration of interactive media. Conduct usability testing of interactive media. In Macromedia Director, demonstrate proficiency using basic tools, palettes, and Lingo.

  5. MUL 370 COURSE OUTLINE • TEXTBOOK • COURSE PREREQUISITE(S) • SOURSE DESCRIPTION • LEARNING OUTCOMES • SOURSE STRUCTURE • COURSE REQUIREMENTS • GRADING • PLAGIARISM • ETHICS • TECHNOLOGY • DIVERSITY • CIVILITY • STUDENTS WITH DISABILITIES • WRITING ACROSS THE CURRICULUM • LIBRARY SERVIES AND RESOURCES

  6. MUL 370 INTRO Introduce Yourself! Since we can't look around the room and take stock of our fellow classmates, and since having our names on the roster doesn't make us three-dimensional, let's take some time to show each other our personalities and points of view. Please take the opportunity to introduce yourself to your classmates and your instructor. As a way of saying thank you, your introduction is counted toward your participation grade. What does this Link do? Get to know each other! Is the role of interface designer a new or familiar to you? How do interfaces fit in with your lifestyle? How does digital interactivity fit in with your overall career goals? What experience(s) have you had with interactivity and interface design? What intrigues you about it? Tell us what you'd like to get from this class! RESPOND

  7. MUL 370 VIRTUAL OFFICE This threaded discussion is a publicly visible place to interact with your instructor about any of the course topics. If you have questions, you can be certain that your classmates do, too. Post your questions here, and I'll post responses. This is the best place to ask clarifying questions about assignments, lectures, concepts, and topics. I have a question Ask clarifying questions about assignments, lectures, concepts, and topics here. RESPOND

  8. MUL 370 STUDENT LOUNGE This threaded discussion is a publicly visible place to interact with your fellow students about any topic you can think of. I won't be coming through here too often, so this is the place to engage with the expectation that it's for student-to-student communication. This is the best place to start off-topic discussions. What's on your mind? Get a topic going and engage. This is totally up to you, but in my experience, the ability to form and manage relationships with the largest number of different kinds of people proved to be the key to success. RESPOND

  9. MUL 370 TECH YOU’LL NEED Windows Intel® Pentium® 4 or AMD Athlon® 64 processor (Intel Core™2 Duo or AMD Phenom® II recommended) Processor with 64-bit support 64-bit edition of Windows Vista or Windows 7 2 GB of RAM (4GB or more recommended) 60 GB of available hard-disk space for software installation; additional free space for projects 1280x900 display (1280x1024 recommended) with qualified hardware-accelerated OpenGL graphics card, 16-bit color, and 256MB of VRAM 7200 RPM hard drive for editing compressed video formats; RAID 0 for uncompressed Adobe-certified card for capture and export to tape for SD/HD workflows OHCI-compatible IEEE 1394 port for DV and HDV capture, export to tape, and transmit to DV device Sound card compatible with ASIO protocol or Microsoft Windows Driver Model DVD-ROM drive compatible with dual-layer DVDs (DVD+-R burner for burning DVDs; Blu-ray burner for creating Blu-ray Disc media) Java™ Runtime Environment 1.6 (or higher) QuickTime 7.6.2 (or higher) Adobe Flash® Player 10 (or higher) Broadband Internet connection Mac OS Multicore Intel processor with 64-bit support Mac OS X v10.5.7 or v10.6.3 2GB of RAM (4GB or more recommended) 60 GB of available hard-disk space for software installation; additional free space for projects 1280x900 display (1280x1024 recommended) with qualified hardware-accelerated OpenGL graphics card, 16-bit color, and 256MB of VRAM 7200 RPM hard drive for editing compressed video formats; RAID 0 for uncompressed Core Audio–compatible sound card DVD-ROM drive compatible with dual-layer DVDs (SuperDrive for burning DVDs; external Blu-ray burner for creating Blu-ray Disc media) Java Runtime Environment 1.6 (or higher) QuickTime 7.6.2 (or higher) Adobe Flash Player 10 (or higher) Broadband Internet connection

  10. MUL 370 PREPARATION Course Prerequisite(s): COM 100 AND COM 103 OR COM 220 Other MUL Courses: While the courses in the MUL undergraduate curriculum may be taken in any order, this course assumes that students will already have completed the following MUL courses in sequence: MUL 300 Convergence Media BRO 305 Media Storytelling MUL 305 Applied Graphic Design MUL 309 Camera and Image MUL 365 Applied Digital Audio & Video MUL 461 Motion Graphics MUL 345 Applied Web Design MUL 370 will call on experiences, aesthetic and design knowledge, and competencies gained from these earlier courses. Technical Background: Students are expected to be competent when using current technology appropriate for this discipline. For this course, students will need to be familiar with web page creation, image editing, and interactive authoring software, as well as word processing, spreadsheet, and presentation software. Use of the Internet and e-mail are required.

  11. MUL 370 DEPT INFO Preparation for the Major(2 courses; 9 quarter units) * COM 100 Intro to Mass Communication or COM 103 Public Speaking and COM 220 Media Literacy Requirements for the Major(16 courses; 72 quarter units) MUL 300 Convergence Media BRO 305 Media Storytelling MUL 305 Applied Graphic Design MUL 309 Camera and Image MUL 365 Applied Digital Audio & Video MUL 461 Motion Graphics MUL 345 Applied Web Design MUL 370 Digital Interactivity MUL 315 Video Game Design MUL 355 Game Scripting MUL 375 Applied 3-D Modeling & Rendering MUL 462 Digital Audio Creation MUL 399 Emerging Technologies MUL 445 Management of Web Projects MUL 430 Advanced 2-D Imaging MUL 471 Advanced Digital Interactivity Project Capstone Core Course(1 course; 4.5 quarter units) MUL 420 Multimedia Arts Portfolio Project This is a two-month long class occurring after completion of all concentration courses. Prerequisite: All general core courses and concentration courses. MAJOR IN DIGITAL ENTERTAINMENT AND INTERACTIVE ARTS Bachelor of Arts Degree The Bachelor of Arts in Digital Entertainment and Interactive Arts consists of courses that prepare the student for a broad range of positions requiring a background in digital entertainment and interactive design, multimedia and game production. Students learn and apply theory and practice for producing digital media with a focus on creating original works. Successful completion of the program will enable graduates to compete for employment because they possess a relevant combination of skills and knowledge vital to today’s workplace. Positions in the fields of gaming, video and multimedia production, motion graphics and design include Art Director, Web Designer, Game Designer, Video Editor, Project Manager and Multimedia Specialist. Program Learning Outcomes: Upon successful completion of this program, students will be able to: Develop a personal vision in the creation of original multimedia content. Apply the principles of graphic and information design in the generation of digital media projects. Examine current trends and key technologies in the media industry. Demonstrate oral, visual, and written communication skills with clients, project managers, and media production team members. Describe and implement the phases of media production, from the initial planning to the final delivery of a professional product. Explain the legal and ethical issues related to media production and distribution. Create active and interactive content with graphics, animation, sound and video using media authoring software. Degree Requirements: To receive a Bachelor of Arts degree with a Major in Digital Entertainment and Interactive Arts, students must complete at least 180 quarter units as articulated below, 45 of which must be completed in residence at National University, and 76.5 of which must be completed at the upper-division level. The following courses are specific degree requirements. In the absence of transfer credit, students may need to take additional general electives to satisfy the total units for the degree.

  12. MUL 370 … • I will do the same process for each of the sub pages of the Course Home: • Netiquette • Spectrum Library • Writing Center • Accessibility • Online eCollege Help • Turnitin.com • Professor Tompkins’ Usability Rants

  13. MUL 370 WEEK 1 • EVALUATION • ONLINE MEETING • CONCEPTS • DISCUSSION • ASSIGNMENT

  14. MUL 370 WEEK 1 - EVALUATION Pre-test Access dates: 9/30/2012 12:00:00 AM to 11/3/2012 11:59:00 PM Number of times this exam can be taken: Unlimited Time allowed to complete: Unlimited Pre-assessment This is just a quick pre-test with questions about this week's content. Take this first, before completing any of the other materials. Then use the contents of this quiz to indicate where to pay special attention during the week's lectures. This pre-evaluation does not count toward your final grade. BEGIN EVALUATION

  15. MUL 370 ONLINE MEETING WEEK 1 ONLINE CLASS MEETING AGENDA Online Meeting Day and Time: Tuesdays 6:30-8:00 p.m. First Week Online Meeting: Tuesday, October 2, 2012 Click Here for Online Meeting Location Each week we will meet online to review the previous week, and to take a look ahead at the week coming up. This week: The online discussion will provide you with an overview of this course 1. We will introduce you to your classmates, and (re)introduce you to me 2. I will review the structure of the course 3. I will answer administrative questions 4. We will review the content for the week, and other course materials 5. Open Discussion Introduction Lecture Slides Black Text White Background

  16. MUL 370 CONCEPTS WEEK 1 CONCEPT PRESENTATIONS • INTRODUCTION TO MUL 370 VIDEO • INTRODUCTION TO MUL 370 SLIDES • LESSONS FROM DON NORMAN SLIDES • LESSONS FROM DON NORMAN 1/5 • LESSONS FROM DON NORMAN 2/5 • LESSONS FROM DON NORMAN 3/5 • LESSONS FROM DON NORMAN 4/5 • LESSONS FROM DON NORMAN 5/5

  17. MUL 370 DISCUSSION Select one item from the following list that hasn't been described: Auto remote Bike shifter Blender Books Car door handles Clock Cruise control Curtain Door Drain Drawer / cabinet pull Drill Drinking fountain DVD/CD packaging Faucet File cabinet Kitchen Stove Light switch For the object you select, do the following: Write down the name of the object. Take a picture of the object (with your mobile phone or digital camera), or draw the object Describe the object, name its parts, and indicate whether these parts move or are fixed. Analyze the object: Imagine that you have forgotten how to use this object. Before interacting: What action(s) come(s) to your mind when you see the object and its parts? Which parts move, and which fixed? Where do you put your hand? How/should the object be touched? What is to be held? If it's speech sensitive, where do you talk? What part is to be manipulated? What kind of movement (or other action) is possible: pushing, pulling, turning, rotating, touching, stroking, etc…? How hard is it to manipulate the object? How far do you expect it to move? What parts are supporting surfaces? How strong is the object? Imagine you are now interacting with the object for the first time. Follow your intuition and perform the action(s) that you thought of. Did it work? Were you able to accomplish the action(s) that you imagined? How do you know the action(s) was/were successfully performed? After interacting with the object: Was the action(s) successful or not? How did you feel after performing the action(s)? What was your reaction? Considering the way the object is built (its parts), can you think of actions that cannot be done with the objects, even though these actions look like they could be done? Could you imagine various mistakes people could make using this object? Which part(s) of the object could lead people to make such mistakes? Lock Pen Shower control Table saw Television Toilet Window Windshield wiper Hair dryer Blender Coffee maker Security door panels Hotel or office phone Microwave oven interface Old-school jukebox Today's jukebox Video camera interface RESPOND

  18. MUL 370 ASSIGNMENT Course Learning Outcomes associated with this activity: Be aware of physical and digital interactions, and understand when an interaction with an interface is satisfying or frustrating according to its usability and appropriateness for the task it was designed for. Be able to apply aesthetic and design principles, and usability criteria to discuss the reasons why interactions are either satisfying or frustrating Prepare to develop usable user interfaces ... know users, their diverse needs, their tasks, their domain and the environment where they use the interface Evaluate user interfaces using a variety of techniques Instructions: Select four objects: three objects from the threaded discussion list, and one object not on the list. Suggestion: pick something simple for the fourth object. ( Examples of things that are not simple: ATM, vending machines) Requirement: you must have at least 1 unusable thing. Suggestion: If you find all 3 things from our list usable, then pick something you find unusable as your fourth object. For each object: Write down the name of the object. Take a small picture of the object (with your mobile phone or digital camera), or draw the object (640x480) Describe the object, name its parts, and indicate whether these parts move or are fixed. Analysis: For each thing, reformulate your answers to the Before, While, and After subsections of Section 4 in terms of the following 4 principles introduce the 2nd lecture. NOTE! This instruction is different from the threaded discussion. Describe the AFFORDANCE? Are the relevant interfaces VISIBLE? What are the physical, semantic, cultural and logical CONSTRAINTs? Does each action provide immediate FEEDBACK? Conclusion: State whether you find the object usable or not. Make sure your analysis supports your conclusion. If you do not find the object usable, suggest a more usable solution, i.e., redesign the object so as to make it more usable. Draw your solution: Explain why your solution is more usable than the original object (perhaps using some/all of the 4 principles in your explanation) The analysis of each object should take about one page, with the unusable object taking a bit more.

More Related