This document provides an overview of how to customize an Adobe Flash pathways development file to create a customized academic pathways guide for a college or university. It discusses downloading the demo file, opening it in Flash, editing the graphical and textual elements to reference the correct school and academic programs. Specific instructions are provided on customizing the title, linking course information boxes to the school's online descriptions, editing connectors to show prerequisites, and coding mouseover behaviors to highlight related courses. The goal is to demonstrate how to adapt the pathways graphics and coding to create a tailored academic pathways guide for an individual institution.

1. PATHWAYS DEVELOPMENT-- WEB FILES -- Bob Devine Web ProgrammerWilliam Mitchell College of Law 2010

2. Overview Some familiarity with Adobe Flash is assumed Pathway Demo Link and Download Development Environment Editing and Customizing the Pathways Graphics Coding Changes and Tips 2 William Mitchell College of Law

3. William Mitchell College of Law 3

4. Creating a Pathway Guide using the Demo File provided Loading up the demo file The editing environment Linking to your school’s courses Graphical widgets and changes Signaling related Pathways Pathway Guide Worksheet. 4 William Mitchell College of Law

5. Creating a Pathway— Getting the Files Where are the files? Steps: Download Save Unzip Open the files in the Flash editor http://www.wmitchell.edu/pathways/demo/DownloadForm.asp 5 William Mitchell College of Law

6. William Mitchell College of Law 6

9. Creating your own Pathway Guide Important Terms, Editing regions and Development tips Linking to your Institution’s online course descriptions Adding & removing course information in the workspace area 9 William Mitchell College of Law

11. Pathways Timeframe

12. Workspace

13. Properties WindowIt is important to note that this layout is only one of many possible setup situations and your environment may be configured differently. William Mitchell College of Law 10

14. William Mitchell College of Law 11

16. William Mitchell College of Law 13

17. William Mitchell College of Law 14

21. Then select the <embed> button in the properties window at the bottom.William Mitchell College of Law 17

22. William Mitchell College of Law 18

23. After selecting the <embed> button – you will see the following screen: Select <Auto Fill> to ensure the pathways title appears correctly on the Pathways Guide. William Mitchell College of Law 19

24. Select any Class Name Box to begin the process of customizing your school’s course information.Then press <Shift> <F3> to bring up the “Behaviors” screen (see below). William Mitchell College of Law 20

26. This allows users who click on your course info box to open the detailed course information in their web browser.William Mitchell College of Law 21

27. William Mitchell College of Law 22

29. Select Frame 10 – Proceed to the associated movie control in the ActionScript and change the name to your Institution’s corresponding course name (see text in red box).William Mitchell College of Law 23

31. By using the course connector tool we can make multiple connections. Finally to fully implement the effect we use coding to highlight the course boxes when appropriate.

32. Slide 26 shows how we code for the highlighting behavior of connected courses.

33. See Frame 10 of the ActionScript in the “Actions” window (press <F9> to bring this up if it isn’t already.

34. The onRollOverfunctionallows us to determine which movie controls will be highlighted. Just cut and paste the code and put in the correct movie control ID.

36. William Mitchell College of Law 26

37. Thank you!Questions? Contact Bob Devine atbob.devine@wmitchell.edu651-290-6372