Interface Programming 2 Week 6 CALENDAR

Total Page:16

File Type:pdf, Size:1020Kb

Interface Programming 2 Week 6 CALENDAR Interface Programming 2 Week 6 CALENDAR Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8 8.26 9.2 9.9 9.16 9.23 9.30 10.7 10.14 HW – Simple Flash HW – Controlling HW – Moving Movie HW – Moving Movie HW: Flash site to HW: Flash site to HW: Flash site to Site; Movie Clips; Clips w/ Buttons; Clips w/ Math; date. date. date. Lesson: Intro to Lesson: Actionscript Lesson: Actionscript Lesson: Actionscript Lesson: Actionscript Lesson – Flash Site Lesson – Flash Site Lesson – Flash Site Actionscript; Tips; Tips; movie clips. Tips; movie clips. Tips; movie clips. Tips; movie clips. using the timeline w/ nested sub w/ advanced how to build a sections; Flash Site features (hi-lite simple flash site w/ advanced state, scrolling text); using the timeline transitions Flash Site w/ advanced features INTRO DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY Week 9 Week 10 Week11 Week 12 Week 13 Week 14 Week 15 Week 16 10.21 10.28 11.4 11.11 11.18 11.25 12.2 12.9 HW: Flash site to NO CLASS - CHRIS NO CLASS - NO CLASS - HW - 2nd draft of FINAL – flash web date. ON MAINLAND; ELECTION DAY; VETERAN'S DAY; site due. site HW – final designs HW - 1st draft of due. site due. Lesson: Loading & Lesson: preloaders unloading external files (jogs, swfs); Publishing (swf object) WORK DAY WORK DAY CRITIQUE WORK DAY WORK DAY WORK DAY WORK DAY CRITIQUE Interface Programming 2 EXAMPLES • Moma.org Tall Buildings • http://www.moma.org/exhibitions/2004/tallbuildings/main.html • Corzo Tequila • http://corzo.com/flash.htm • Mr. Picasso Head • http://www.mrpicassohead.com/ Interface Programming 2 LESSON • Creating a Flash Web Site from Scratch Interface Programming 2 LESSON • Creating a Flash site from scratch – the full production process: • Designing in Illustrator (or Photoshop) • Importing from Illustrator (or Photoshop) • Adding a Flash Intro • Adding Advanced Transitions • Nesting Content into Movie Clips • Nesting Content into separate Swfs • Loading external content • Adding a custom preloader • Publishing to HTML using SWF Object Interface Programming 2 BASIC INTER- INTER- INTER- INTER- ADVANCED ADVANCED ADVANCED MEDIATE A MEDIATE B MEDIATE C MEDIATE D A B C DESCRIPTION Entire Flash All content in Content in Content in Content in Content in Content in Content in site on one one movie clip many many many many many many timeline separate separate separate separate swfs separate swfs; separate swfs; movie clips movie clips; movie clips; custom custom custom Transitions in transitions in transitions in & transition in & out out TRANSITION Yes (manual Yes (same Yes (same Yes (custom Yes (same Yes (same Yes (custom Yes (custom IN? for each transition for transition for transition for transition for transition for for each for each scene) each section) each section) each section) each section) each section) section) section) TRANSITION No No No No Yes (same for No No Yes (custom OUT? all) for each section) STRUCTURE One timeline, One large Each section Each section Each section Each section Each section Each section Multiple content movie is its own is its own is its own is its own swf is its own swf is its own swf labels clip movie clip movie clip and movie clip (home.swf, and own and own (mc_content); (mc_home, transition (mc_home, about.swf, transition transition one transition mc_about, (mc_home, mc_about, etc.); one (home.swf, (home.swf, movie clip etc.); one mc_transhom etc.); one transition mc_transhom mc_transhom (mc_transition transition e, mc_about, transition movie clip e, about.swf, e, about.swf, ) movie clip mc_trans_abo movie clip (mc_transition mc_trans_abo mc_trans_abo (mc_transition ut, etc.) (mc_transition ) ut, etc.) ut, etc.) ) ) VARIABLES None 1 variable 1 variable 1 variable 1 variable 1 variable 1 variable 2 variables USED (destination) (destination) (destination) (destination) (destination) (destination) (currentsectio n, destination) PRELOADERS 1 preloader in 1 preloader in Each movie Each movie Each movie Each swf has Each swf has Each swf has USED the beginning the beginning clip has its clip has its clip has its its own its own its own own preloader own preloader own preloader preloader preloader preloader Interface Programming 2 ASSIGNMENT Due: Week 7 • Complete both video lessons (2) posted under week 6: • Flash site in a Day • Flash site – subsections + nested movie clip Interface Programming 2 MIDTERM ASSIGNMENT Due: Week 9 • Weekly Assignments & Flash Web Site • assignment: Use ActionScript to create a flash web site with advanced functionality. A basic design will be provided for you, which you can change to your liking. New features will be introduced on a weekly basis. Features must include: a custom preloader, a flash intro, advanced scene transitions, and publishing via HTML using SWFObject. • purpose/objective: To learn how to incorporate motion graphics into a user-based interactive interface. • format: 30 frames per second • Flash site displayed via .html • Post a link to your site off your class web page. Interface Programming 2 .
Recommended publications
  • Advances in the Application of Information and Communication Technologies in Healthcare at the Patient's Home
    Advances in the application of information and communication technologies in healthcare at the patient's home Valentina Isetta Aquesta tesi doctoral està subjecta a la llicència Reconeixement- CompartIgual 3.0. Espanya de Creative Commons. Esta tesis doctoral está sujeta a la licencia Reconocimiento - CompartirIgual 3.0. España de Creative Commons. This doctoral thesis is licensed under the Creative Commons Attribution-ShareAlike 3.0. Spain License. ADVANCES IN THE APPLICATION OF INFORMATION AND COMMUNICATION TECHNOLOGIES IN HEALTH CARE AT THE PATIENT'S HOME Memòria presentada per Valentina Isetta per optar al títol de Doctora Director de la tesi: Dr. Ramon Farré Ventura Unitat de Biofísica i Bioenginyeria Facultat de Medicina Universitat de Barcelona If you put your mind to it, you can accomplish anything. Marty McFly, “Back to the future”, 1985 ACKNOWLEDGMENTS I would like to thank all the people that supported me in these intense years of work. First of all, my gratitude goes to Prof. Ramon Farré, for his solid trust since my early beginning in Barcelona and for seeing in me a researcher that I never imagined I could be. Many thanks to Dr. Josep M. Montserrat, for his irreplaceable mentoring in the clinical world and for his advice and affection. Thanks also to all his medical and nursing staff of the Sleep Lab of the Hospital Clinic of Barcelona, where I have learned a lot and I have felt as another team member. A special thank to Carmen Lopez, for her affectionate help and splendid work to create “Petits a casa”. Without her tenacity and the collaboration of all nursing and medical staff of the Hospital de Sant Pau Neonatology department this successful service to the community would not exist.
    [Show full text]
  • Modern Javascript: Develop and Design Larry Ullman
    TEMPORAry SPINE WIDTH: 0.000” Designer-Developers are hot commodities today. But how do you build your development chops fast enough to join their ranks? With Peachpit’s Develop and Design series for visual learners. Modern Modern JavaScript DEVELOP AND DESIGN Modern JavaScript JavaScript IT’S TIME FOR A CURRENT, DEFINITIVE JAVASCRIPT BOOK, “A breath of fresh air in the over-complicated and in this comprehensive beginner’s guide, bestselling author world of JavaScript books. This is one I’ll keep DEVELOP AND DESIGN close by!” Larry Ullman teaches the language as it is implemented today. Jay Blanchard Larry demonstrates how to build upon JavaScript’s ease of use, Web developer and consultant and author of while demystifying its often-cryptic syntax, especially for those Applied jQuery: Develop and Design who have not programmed before. This book enforces modern JavaScript’s best practices and embraces key Web development THIS BOOK INCLUDES: approaches such as progressive enhancement and unobtrusive J Easy step-by-step instruction, ample scripting. The author demonstrates loads of real-world code illustrations, and clear examples DEVELOP and makes it freely available for download. J Real-world techniques to build your You’ll learn about JavaScript itself and the relationship between skills JavaScript and HTML. Next you’ll explore variables, common J Insight into best practices from a operators, and control structures. Then you’ll create functions, veteran Web expert AND handle events, and do more with HTML forms. You’ll master J Emphasis on strategies for creating Ajax, work with frameworks, and use JavaScript with PHP to reliable code that will work on all of create a complete example.
    [Show full text]
  • Haxe Game Development Essentials
    F re e S a m p le Community Experience Distilled Haxe Game Development Essentials Create games on multiple platforms from a single codebase using Haxe and the HaxeFlixel engine Jeremy McCurdy In this package, you will find: The author biography A preview chapter from the book, Chapter 1 'Getting Started' A synopsis of the book’s content More information on Haxe Game Development Essentials About the Author Jeremy McCurdy is a game developer who has been making games using ActionScript, C#, and Haxe for over four years. He has developed games targeted at iOS, Android, Windows, OS X, Flash, and HTML5. He has worked on games that have had millions of gameplay sessions, and has built games for many major North American television networks. He is the games technical lead at REDspace, an award-winning interactive studio that has worked for some of the world's largest brands. They are located in Nova Scotia, Canada, and have been building awesome experiences for 15 years. Preface Developing games that can reach a wide audience can often be a serious challenge. A big part of the problem is fi guring out how to make a game that will work on a wide range of hardware and operating systems. This is where Haxe comes in. Over the course of this book, we'll look at getting started with Haxe and the HaxeFlixel game engine, build a side-scrolling shooter game that covers the core features you need to know, and prepare the game for deployment to multiple platforms. After completing this book, you will have the skills you need to start producing your own cross-platform Haxe-driven games! What this book covers Chapter 1, Getting Started, explains setting up the Haxe and HaxeFlixel development environment and doing a quick Hello World example to ensure that everything is working.
    [Show full text]
  • Marketing Cloud Published: August 12, 2021
    Marketing Cloud Published: August 12, 2021 The following are notices required by licensors related to distributed components (mobile applications, desktop applications, or other offline components) applicable to the services branded as ExactTarget or Salesforce Marketing Cloud, but excluding those services currently branded as “Radian6,” “Buddy Media,” “Social.com,” “Social Studio,”“iGoDigital,” “Predictive Intelligence,” “Predictive Email,” “Predictive Web,” “Web & Mobile Analytics,” “Web Personalization,” or successor branding, (the “ET Services”), which are provided by salesforce.com, inc. or its affiliate ExactTarget, Inc. (“salesforce.com”): @formatjs/intl-pluralrules Copyright (c) 2019 FormatJS Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    [Show full text]
  • Rich Internet Applications
    Rich Internet Applications (RIAs) A Comparison Between Adobe Flex, JavaFX and Microsoft Silverlight Master of Science Thesis in the Programme Software Engineering and Technology CARL-DAVID GRANBÄCK Department of Computer Science and Engineering CHALMERS UNIVERSITY OF TECHNOLOGY UNIVERSITY OF GOTHENBURG Göteborg, Sweden, October 2009 The Author grants to Chalmers University of Technology and University of Gothenburg the non-exclusive right to publish the Work electronically and in a non-commercial purpose make it accessible on the Internet. The Author warrants that he/she is the author to the Work, and warrants that the Work does not contain text, pictures or other material that violates copyright law. The Author shall, when transferring the rights of the Work to a third party (for example a publisher or a company), acknowledge the third party about this agreement. If the Author has signed a copyright agreement with a third party regarding the Work, the Author warrants hereby that he/she has obtained any necessary permission from this third party to let Chalmers University of Technology and University of Gothenburg store the Work electronically and make it accessible on the Internet. Rich Internet Applications (RIAs) A Comparison Between Adobe Flex, JavaFX and Microsoft Silverlight CARL-DAVID GRANBÄCK © CARL-DAVID GRANBÄCK, October 2009. Examiner: BJÖRN VON SYDOW Department of Computer Science and Engineering Chalmers University of Technology SE-412 96 Göteborg Sweden Telephone + 46 (0)31-772 1000 Department of Computer Science and Engineering Göteborg, Sweden, October 2009 Abstract This Master's thesis report describes and compares the three Rich Internet Application !RIA" frameworks Adobe Flex, JavaFX and Microsoft Silverlight.
    [Show full text]
  • THE FUTURE of SCREENS from James Stanton a Little Bit About Me
    THE FUTURE OF SCREENS From james stanton A little bit about me. Hi I am James (Mckenzie) Stanton Thinker / Designer / Engineer / Director / Executive / Artist / Human / Practitioner / Gardner / Builder / and much more... Born in Essex, United Kingdom and survived a few hair raising moments and learnt digital from the ground up. Ok enough of the pleasantries I have been working in the design field since 1999 from the Falmouth School of Art and onwards to the RCA, and many companies. Ok. less about me and more about what I have seen… Today we are going to cover - SCREENS CONCEPTS - DIGITAL TRANSFORMATION - WHY ASSETS LIBRARIES - CODE LIBRARIES - COST EFFECTIVE SOLUTION FOR IMPLEMENTATION I know, I know, I know. That's all good and well, but what does this all mean to a company like mine? We are about to see a massive change in consumer behavior so let's get ready. DIGITAL TRANSFORMATION AS A USP Getting this correct will change your company forever. DIGITAL TRANSFORMATION USP-01 Digital transformation (DT) – the use of technology to radically improve performance or reach of enterprises – is becoming a hot topic for companies across the globe. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-02 Companies face common pressures from customers, employees and competitors to begin or speed up their digital transformation. However they are transforming at different paces with different results. VERY DIGITAL CHANGING NOT VERY DIGITAL DIGITAL TRANSFORMATION USP-03 Successful digital transformation comes not from implementing new technologies but from transforming your organisation to take advantage of the possibilities that new technologies provide.
    [Show full text]
  • Making Speech Recognition Work on the Web Christopher J. Varenhorst
    Making Speech Recognition Work on the Web by Christopher J. Varenhorst Submitted to the Department of Electrical Engineering and Computer Science in partial fulfillment of the requirements for the degree of Masters of Engineering in Computer Science and Engineering at the MASSACHUSETTS INSTITUTE OF TECHNOLOGY May 2011 c Massachusetts Institute of Technology 2011. All rights reserved. Author.................................................................... Department of Electrical Engineering and Computer Science May 20, 2011 Certified by . James R. Glass Principal Research Scientist Thesis Supervisor Certified by . Scott Cyphers Research Scientist Thesis Supervisor Accepted by . Christopher J. Terman Chairman, Department Committee on Graduate Students Making Speech Recognition Work on the Web by Christopher J. Varenhorst Submitted to the Department of Electrical Engineering and Computer Science on May 20, 2011, in partial fulfillment of the requirements for the degree of Masters of Engineering in Computer Science and Engineering Abstract We present an improved Audio Controller for Web-Accessible Multimodal Interface toolkit { a system that provides a simple way for developers to add speech recognition to web pages. Our improved system offers increased usability and performance for users and greater flexibility for developers. Tests performed showed a %36 increase in recognition response time in the best possible networking conditions. Preliminary tests shows a markedly improved users experience. The new Wowza platform also provides a means of upgrading other Audio Controllers easily. Thesis Supervisor: James R. Glass Title: Principal Research Scientist Thesis Supervisor: Scott Cyphers Title: Research Scientist 2 Contents 1 Introduction and Background 7 1.1 WAMI - Web Accessible Multimodal Toolkit . 8 1.1.1 Existing Java applet . 11 1.2 SALT .
    [Show full text]
  • Zen Flash Gallery Userguide
    Zen Flash Gallery version 1.1 User Guide 0 Contents Starting the Work 2 Publishing the gallery on your website 2 Configuring the Gallery 4 XML File Format 5 Gallery Parameters 6 Localization 8 1 Starting the Work To start working simply paste object’s HTML into your page and setup xml configuration file. You can place configuration file anywhere on your server. Publishing the gallery on your website To ensure smooth operation of a gallery on your website you need to have the following files: 1. SWF-file (GalleryName.swf) – flash gallery file 2. XML-file (gallery.xml) – gallery configuration file 3. HTML-file (GalleryName.html) – this file shows how to paste the gallery code into the HTML-page on your site where you plan to use the gallery. 4. <Images> folder where you should place your images. 5. SWFObject.js – a special JavaScript for the correct display of your gallery. In the gallery distribution file (the downloaded archive) there is already a working example for which you can change the settings as you see fit and upload it to your site. Let’s analyze the gallery publishing procedure step by step: 1. On your computer open the folder where you extracted the gallery distribution file. 2. Copy an image that you want to use in your gallery to <Images> folder (some sample images are saved there already, which you may delete). 3. Set the appearance of your gallery, define the path to the images in your gallery and write the names of the files with your images in the settings file (XML-file).
    [Show full text]
  • Framework Overview with UML Diagrams
    Framework Overview with UML Diagrams Learn to Build Robust, Scalable and Maintainable Applications using PureMVC Framework Overview This document discusses the classes and interfaces of the PureMVC framework; illustrating their roles, responsibilities and collaborations with simple UML (Unified Modeling Language) diagrams. The PureMVC framework has a very narrow goal. That is to help you separate your application’s coding concerns into three discrete tiers; Model, View and Controller. In this implementation of the classic MVC design meta-pattern, the application tiers are represented by three Singletons (a class where only one instance may be created). A fourth Singleton, the Façade, simplifies development by providing a single interface for communications throughout the application. The Model caches named references to Proxies, which expose an API for manipulating the Data Model (including data retrieved from remote services). The View primarily caches named references to Mediators, which adapt and steward the View Components that make up the user interface. The Controller maintains named mappings to Command classes, which are stateless, and only created when needed. The Façade initializes and caches the Core actors (Model, View and Controller), and provides a single place to access all of their public methods. AUTHOR: Cliff Hall <[email protected]> LAST MODIFIED: 3/05/2008 Façade and Core The Façade class makes it possible for the Proxies, Mediators and Commands that make up most of our final application to talk to each other in a loosely coupled way, without having to import or work directly with the Core framework actors. When we create a concrete Façade implementation for our application, we are able to use the Core actors ‘out of the box’, incidental to our interaction with the Façade, minimizing the amount of API knowledge the developer needs to have to be successful with the framework.
    [Show full text]
  • Actionscript 3.0 from the Ground up Tour
    Adobe Presents Colin Moock’s ActionScript 3.0 From the Ground Up Tour Materials provided by O’Reilly Media, Inc. Welcome Key Learning Welcome to the ActionScript 3.0: From the Ground Up Tour! In collaboration with Colin Moock, FITC Design and Technology The following table lists some of today’s most important concepts. Events, O’Reilly, and participating academic institutions around the world, Adobe is thrilled to bring you this world-class day of training. Following the tradition of Flex Camp (http://flex.org/camp/) and the onAIR bus tour (http://onair.adobe.com/), this Concept Example lecture is an important part of Adobe’s ongoing initiative to bring knowledge to the development community. Classes are blueprints for objects. class VirtualPet { At Adobe, we understand that a tool is only useful when you know how to use it. And we’re committed to helping you gain that knowledge. So sit back, get ready for a high-paced day of learning, and most of all have fun! } Objects (or instances) are the things in a program, new VirtualPet() Links and Resources such as a number, a car, a button, a point in time The entire set of notes for today’s lecture are available at: Some classes are built into ActionScript, others are MovieClip, TextField, Sound, String custom-made. http://moock.org/lectures/groundUpAS3 A package contains a class so its name doesn’t package zoo { The code for the virtual zoo application can be obtained at: conflict with other names. class VirtualPet { http://moock.org/eas3/examples/moock_eas3_examples/virtualzoo_final } For a prose version of today’s lecture in book form, see Colin Moock’s Essential ActionScript 3.0 (O’Reilly, 2007).
    [Show full text]
  • Slideshowpro for Flash Customization Guide
    SlideShowPro for Flash Customization Guide (Version 1.8.x) Contents Introduction.......................................................................................................................................................................................3 Customization.basics....................................................................................................................................................................4 How.to:.SlideShowPro.for.Flash.Button.Packs..................................................................................................................5 How.to:.Custom.navigation.buttons...................................................................................................................................... 7 How.to:.Embed.SWF.in.a.separate.HTML.document.....................................................................................................9 How.to:.External.navigation.....................................................................................................................................................12 How.To:.Change.default.English.text....................................................................................................................................13 How.to:.Prevent.XML.caching................................................................................................................................................. 14 How.to:.Dynamically.assign.an.XML.file..............................................................................................................................15
    [Show full text]
  • Enterprise Development with Flex
    Enterprise Development with Flex Enterprise Development with Flex Yakov Fain, Victor Rasputnis, and Anatole Tartakovsky Beijing • Cambridge • Farnham • Köln • Sebastopol • Taipei • Tokyo Enterprise Development with Flex by Yakov Fain, Victor Rasputnis, and Anatole Tartakovsky Copyright © 2010 Yakov Fain, Victor Rasputnis, and Anatole Tartakovsky.. All rights reserved. Printed in the United States of America. Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472. O’Reilly books may be purchased for educational, business, or sales promotional use. Online editions are also available for most titles (http://my.safaribooksonline.com). For more information, contact our corporate/institutional sales department: (800) 998-9938 or [email protected]. Editor: Mary E. Treseler Indexer: Ellen Troutman Development Editor: Linda Laflamme Cover Designer: Karen Montgomery Production Editor: Adam Zaremba Interior Designer: David Futato Copyeditor: Nancy Kotary Illustrator: Robert Romano Proofreader: Sada Preisch Printing History: March 2010: First Edition. Nutshell Handbook, the Nutshell Handbook logo, and the O’Reilly logo are registered trademarks of O’Reilly Media, Inc. Enterprise Development with Flex, the image of red-crested wood-quails, and related trade dress are trademarks of O’Reilly Media, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O’Reilly Media, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps. While every precaution has been taken in the preparation of this book, the publisher and authors assume no responsibility for errors or omissions, or for damages resulting from the use of the information con- tained herein.
    [Show full text]