Home

University of Hertfordshire

1. a o No of students o N A o o Scale from 1 5 What type of training bases would you use B Handout E Online Both Saijal Patel MDB4 47 2 Have you used an on line training KT package before Se M EY 15 M No of students 10 0 Yes No M y ES What would the user prefer E N A d H Text Animated Bit of both 18 O RY C Ze Ca Y an RK QY aS m AA Sy AES A SU Saijal Patel MDB4 48 Appendix C Saijal Patel MDB4 No Title 1 INTENSITY 2 BEAM FIND 3 FOCUS 4 TRACE ROTATION 5 POWER 6 Power Indicator 7 9 POSITION 8 TRACE SEP 10 CH 1 BOTH CH 2 11 NORM INVERT 12 ADD ALT CHOP 13 VOLTS DIV 14 Variable CAL 15 AC GND DC Saijal Patel MDB4 Function Adjusts trace brightness Compresses display to within CRT limits Adjusts for finest trace thickness Adjusts trace pafallel to centerline Turns power on and off Illuminates when power is turned on Moves trace up or down screen Moves the magnified trace vertically with respect to the unma gnified trace when HORIZONTAL MODE is set to ALT Selects signal inputs for display Inverts the Channel 2 signal display ADD shows algebraic sum of CH 1 and CH 2 signals ALT displays each channel alternately CHOP switches between CH 1 and CH 2 signals during the sw
2. on rollOut tellTarget rolloverNav gotoAndPlay Controls2 on release loadMovieNum oscillosco peMenu4 s wf 0 on rollOver Fourth Button tellTar get rolloverNav gotoAndPlay learningl on rollOut f tellTarget rolloverNav gotoAndPlay learning2 on release loadMovieNum oscilloscopeMenu5 s wf 0 on rollOver Fifth Button tellTar get rolloverNav gotoAndP lay display 1 Saijal Patel MDB4 63 on rollOut tellTar get rolloverNav gotoAndPlay display2 KS on release loadMovieNum oscilloscopeMenu6 s wf 0 3 on rollOver ixth Button tellTarget rolloverNav gotoAndPlay dig1 SS on rollOut tellTarget rolloverNav O gotoAndPlay dig2 Sy on release Sy loadMovieNum oscilloscopeMenu7 s wf 0 on rollOver tellTar get rolloverNav gotoAndPlay testl on rollOut tellTar get rolloverNav O gotoAndPlay test2 Seventh Button on release loadMovieNum oscillos Sa swf 0 Section b Screen shot of the first SS mplementation for scrolling text A FootPrints In the Sand One night I dreamed I was walking along the beach with the Lord Many scenes from my life flashed across the sky In each scene I noticed footprints in the sand Sometimes there were two sets of footprints Other times there we
3. 2 6 Controls The scope has 33 controls in total Each control on the oscilloscope operates a nae function to one orizon another These controls are slip into sections as follows Vertical controls tal controls and Trigger controls di When starting up the oscilloscope the controls need to be set to a parti setting before work can proceed If this is not done then the results you would obtain will pro be of no use as results would be inaccurate Refer to appendix C for the table of controls the names a use 2 7 Measurements The two basic measurements you can make are v measurements are base on these fundamental Ee m oscilloscope screen e time measurements Most if not all asurements are taken visually using the 2 7 1 Amplitude This is the height of the wave Th is the maximum positive displacement from the undisturbed position of the medium to the top of a crest Divisions on the scope measure this each square on the scope is equal to 1 div Y i Figure 4 Indicates where the amplitude is on a waveform 2 7 2 Freq MINAS to how many waves made per interval i e the number of complete cycles per second in altern ing current direction The standard unit of frequency is the hertz abbreviated Hz If a current je cycle per second then the frequency is 1 Hz 60 cycles per second equals 60 Hz Saijal Patel MDB4 2 7 3 Wavelength z Wavelength of a wave is the distance between any two adjacent co
4. what it has to offer Saijal Patel MDB4 28 Rollover buttons to the side of the page scope screen image were used to view u on this page These buttons were created in Flash first creating it as a graphic then c the behaviour to a button The colours of the button change once it is rolled over to indic te y that the button is active and an action will appear Refer to figure 23 y N f Macromedia Flash Player 6 Mj Macromedia Flash Player 6 Fie View Contro Help Fie View Control Help UND On rollover On lout J Figure 23 Rollover SSC home intro information Ze 6 2 1 How the animation worked bid T The information that appears when me roll SA buttons was in a separate movie This movie was then dragged onto the workspace a Ls ad scripting on the buttons were added to call the particular layer frame action from that hoven fer to figures 24 The movie must be given an instance y C name otherwise the action on the bu pf would not have worked YN AN v Timeline Red flag indicates s frame name TIL AE p a4 meid The letter a indicates that there is an action 999 0 w E on this frame The Mon roliover action here is STOP 2 tellTarget rollover OV 3 goto pndPlay itext instance E R E name EE on rollOut n tellTarget rollover E gotoindPlay iback 9 3 io dc Line 10 of 10 Col 2 Figure 24 Action scripting f
5. the names of the controls function of the controls and recommended use e Learning the controls This information for the page indicates on how to use the controls whenever you first start using the oscilloscope Explaining the initial settings of the controls and why the they are set in this way Saijal Patel MDB4 19 e Displays There a 4 main display controls sections Display controls vertical controls horizontal controls and trigger controls This information will help to describe what they are and mean e Photographs This page will hold images of the oscilloscope they see in the laboratories e Test A test incorporated in the training package will help to test the users knowledge and see how much they have learnt from the package e Information on waves This includes information on the oscilloscope output Information about different waveform and information about what is displayed on the screen ofsth scope Generating background knowledge to the user and allowing the user to understanding the meaning and purpose of a scope Saijal Patel MDB4 20 5 2 Content Flow Chart Figure 9 Showing design flow of training package Flash Introduction Home Page What is an Controls Learn the controls flash intr
6. 24 Figure 25 Figure 26 Figure 27 Figure 28 Figure 29 Figure 30 Figure 31 Tektronix 2225 Oscilloscope Dl Diagram of the axes 1 Indicates where the amplitude is on a waveform esee Indicates where wavelength is measured 4 Diagram showing different phase shifts 4 Voltage of peak to peak amp Voltage of one pa 1 sat egere ee reto v ee ETE Different waves 2 Showing design flow of Gaming package Showing navigation of training pee First idea for navigation design Colour scheme amp background BEE Fill transform tool in Macromedia Flash MX Adobe Photoshop image of ee VAS Proposed layout with images d Final lay out design T First stage of Flash Intro design Second stage of Flash Intro design x Third stage of Flash Intro Final Flash Intro design Se Time line of oscilloscope puzle antnation Rollover buttons and home intro formation Timeline of scope button movie Navigation bar before E after a First imp lemented animation for controls Change of timeline Display page Design of button for photo slide VI Colour scheme amp background desint Action scripting for the first scope Er o Eds First and final design of photo background using Adobe Photoshop ENEN CHAPTER 1 1 1 Introduction Multimedia wasn t widely used in the past but in the last 10 years this technology has become apart of everyday life Breaking
7. File name 1 Navigation Animations ALL 2 Navigation Links ALL 3 Sub titles 4 Intro exe Flash Intro Page 5 oscilloscope Menu2 swf Home Page 6 oscilloscopeMenu3 swf What is an oscillosc ope Page 7 oscilloscope Menu4 swf Testing Action ALL Navigation Rollover animation ALL Navigation Links ALL Animations Flash Intro Enter Button TEKTRONIX Rollover scope buttons Scroll Bar Flash Scope animation on right Rollover button find out more on waves amp Button link Scope image animation Expected result On rollover of navigation buttons animation should play On click should go to the page that is requested On viewing a requested page sub title animation should play Once clicked on file flash intro animation should play Once clicked on button should go to home page of package On rollover animation should play When click on the arrows of the scroll bar or move the bar up or down text should move too Once entered the page animation should work in a continues loop The button find out more about waves on rollover image should change amp on click go to the page requested When entered into this page scope animation should be played Saijal Patel MDB4 Does it work Ss v See Notes below 54 10 11 Controls Page oscilloscope Menu5 swf Learning the controls oscilloscope Menu5b swf Learning the controls next part to the page before o
8. Indicator lights when sweep is triggered in P P AUTO Indicate trigger state NORM or TV FIELD 29 RESET Arms trigger circuit for SGL SWP 30 HOLDOFF Varies sweep holdoff time 10 1 Improve ability to trigger from aperiodic signals 31 SOURCE CH 1 CH 2 and EXT trigger signals are selected directly Select source of signal that is coupled to the trigger circuit In VERT MODE trigger source is determined by the Saijal Patel MDB4 51 32 COUPLING 33 EXT INPUT Saijal Patel MDB4 VERTICAL MODE switches as follows CH 1 trigger comes from Channel 1 signal CH 2 trigger comes from Channel 2 signal BOTH ADD andBOTH CHOP trigger is algebraic sum of Channel 1 and Channel 2 signals BOTH ALT trigger comes from Channel 1 and Channel 2 on alternate sweeps AC blocks dc components and attenuates signals below 15 Hz LF REJ blocks dc Components and attenuates signals below about 30 kHz HF REJ blocks de components and attenuates signals above about 30 kHz DC couples all signal components Connection for applying Connection for applying external signal thatcan_ external signal that can be used be used as a trigger for intensity modulation Select how the triggering signal is coupled to the trigger circuit Trigger from a source Provide reference blips by intensity other than vertical signal modulation from independent source Also used for single shot application 52 Appendix D Saijal Patel MDB4 Test
9. O Button to enter the start L of the training package Y KJ Figure 20 Third stage of Flash Intro Design uses Ger in amp fading out of oscilloscope images A button was also added to link the intro to the E ge e training package F lash Intro Design Figure 21 shows the final design for the intro Instead of using fade in and fade out images I have used a orm for making up the image This is more effective The image was split up into squares using Adobe Photoshop Each image was saved separately and imported into Flash MX A separate movie was created for this animation placing the images on to different layers of the timeline to create this sliding puzzle effect 14 different layers were used Saijal Patel MDB4 sq Figure 21 Final h Intro design v Timeline CHAPTER 6 Implementation 6 1 Package nino It has been di S the previous chapter about the package design The design and basic implementati SEN package layout and flash introduction have been explained and discussed for each cgi ene This section concentrates on the training package implementation as a whole Work Zo discussions of various parts of the package and encountering the problems and solving of pro 6 2 Home page implementation e home page was design as a welcome page for the user This is what they first see once they have viewed the flash intro It is an introduction to the package telling the user what the package is about and
10. come this problem when creating the text in the properties dialog box for the text the icon selectable should not be selected If this is selected it indicates the text is selectable on screen Using this text can also be used to create buttons 6 4 What is an oscilloscope page implementation This page contents information about what an oscilloscope is To present this information to the user a scrolling method of text was to be implemented Refer to appendix F section b which shows a screen shot of the first method of implementation for this page This page also contains a link that goes to a page with information about waves explaining the meanings of the functions of a waveform and other types of waveforms 6 4 1 Problem When creating the scrolling text errors would appear each time it was tested The reason being was that the textual information for the page was written in the action scripting and it would not recognised some characters such as explanation marks comers speech marks and bullet points Then arrows were used as buttons to scroll the text up and down Due the problem of the text not being recognised these down did not work 6 4 2 Problem Solution To over come this problem of the text not being read a different method was used to create the scrollable text box A new movie animation was created In this the written information was written in a text box field Instead of using buttons for scrolling text
11. it down it combines forms of images text sound and interactivity to present information in the senses of visually seeing and hearing from what you would read for example from a book Generating ideas and information as visual content to create ase of use and a new way of leaming providing greater knowledge The aim is to use the general aspects described above and create a visually suitable and user friendly training package 1 2 Projectscenario amp Authors Background Engineering students BEng and Multimedia students BSC at the University of Hertfordshire will sometime during their degree be using an oscilloscope_in their laboratory sessions Often new students would need help in using such an instrument sp cially if they are first time users These technical instruments are often used in laboratories D405 D411 D421 where lab students conduct investigations and experiments using this particular machine with other instruments and devices At present the type of information used to present the instructions on how to use the oscilloscope is a laminated sheet showing the initial setting of various controls on the reverse there is written information about the controls and there settings To first time users of the scope this might be a bit daunting to them as it is rather cluttered and visually boring They may not be taking in as much information as they should b and might be a little confusing There is room for improyement o
12. up and down a scroll bar was inputted from the components tool in Flash MX This movie was then dragged on to the existing page on a different layer Refer to appendix F section c it shows a screen shot of the final method of implementation for this page Saijal Patel MDB4 3324 6 5 Controls page implementation This page is part of a sub page which has a menu within that goes to the controls profile The creation of this page was straightforward Creating a button to enlarge the oscilloscope image which when it is clicked on the image is swap to a different image This method for enlarging the image was used rather then creating an animated timeline so that the user is able to view the image as they please The drop down menu was created as a separate animation When the image is hovered over the drop down menu appears allowing the user to select click on the button ofthe group of controls they wish to see To see a screen shot and explanation of drop down menu refer to appendix F section d 6 5 1 Controls Profile implementation This page shows information about the controls e name and the function of the control and recommended use of the control To implement this idea the image of the scope was broken up into the numbered sections displayed on the image There are 33 controls for the scope so the menu was split into 4 sections The first three containing 10 controls and the last containing the last 3 controls Each menu dis
13. was used to create the basic La manipulate and change the look of the shape creating a 3D look to the image to give it depth and make e Photoshop To create these two images the ired Then using layer prosperities was able to it look realistic Adobe Photoshop 2 slideShowbkgr4 jpg 100 RGB M icr mp Figure 31 Design of button for photo slide Saijal Patel MDB4 35 6 8 The Test The test was created to test the knowledge of the students once they have run through the package To create this test 8 questions are asked and the student has a choice of two answers aor b If they get the question right there is a scoreboard at the top of the page that indicates to th user whether they have got the question right or whether they have got it wrong Scores of plus 10 fora right answer and minus 10 for a wrong ans wer indicate to the user whether the question they answered is right or wrong Here s an example of the action script that is added to the buttons a and b of the first ques tion on the second part of the test Button a on release root total root total 10 Button b on release root total _root total 10 j A variable name is given to the text box that shows the score The variable is named total so the action above tells it to display the answer in that text box Saijal Patel MDB4 36 CHAPTER 7 Testing When the package is completed a method of testin
14. with this particular area of technology understand and follow the work through of this project There are 8 chapters to this report Saijal Patel MDB4 4 1 5 1 Chapter 1 Introduction This chapter includes project scenario author s background aims and objectives and methodology specific to this project 1 5 2 Chapter 2 Background Information This section highlights the background knowledge and information need d to create a successful training package It looks into the particular oscilloscopes that are used in the university laboratories Tektronix 2225 Oscilloscope 50 MHz Looking into much detail about the scope the controls its settings what it s used for and how it works and any other additional information that would be suitable training purposes Reasons for obtaining a questionnaire 1 5 3 Chapter 3 System Analysis Res earch This looks into the results gathered from questionnaires Questionnaires used to obtain vital information and findings of what the end user the students would want out of such a training package Analysing the sort of system that is required and if and how it could be obtained by the developer To help with the system analysis research is carried out to obtaim the requirements needed Looking into the type of software packages to be used and using one or many of these packages how they could be used to the developers advantage of creating a successful package 1 5 4 Chapter 4 Project
15. CHAPTER 2 Background Information 2 1 Introduction R The final package will intend to be used by the first year engineering a multimedia students at the University The package will aim to be used at the student s inductio in mind students who are not familiar with this machine or only have d little knowledge of this gt instrument need to know all of what is available by the machine and the purpose of using such an instrument y Nature moves in the form of a sine wave be it an ocean gt earth quake sonic boom explosion C J sound through air or the natural frequency of a body i otion 1 Using sensors these waves can be fe converted into electrical signals that can be observed and studied using an oscilloscope They are used so scientists engineers technicians and educators ve able to see events that change over time use 2 2 Oscilloscope Image Saijal Patel MDB4 7 beyon A X time Figure 3 Diagram of the axes 1 2 4 Representation of a Signal A graph of a signal can tell you many things about the signal begin transmitted The time and voltage values of a signal Frequency of an oscillating signal Moving parts of a circuit represented by the signal Frequency with which a particular portion of the signal is occurring relative to other portions Whether or not a malfunctioning component is distorting the signal How much of a signal is direct cur
16. Evaluating Final Demo Project Report Poster Presentation Revised Tak October November December January February March May Week Commencing d 132027 3 101724 18 t 2 2d 512 9 2d 2963 1 8 15 2 29 5 12 19 26 3 10 Reseach Feesetilty Suh 1stidaaslDesign amp parirg Fira DesignPracticd adet PgedSemrer a Comddintesingeatating Fird Dero Prep Kei Debt Poster Prestation Saijal Patel MDB4 60 Appendix F Saijal Patel MDB4 Section a Action scripting and timeline for the navigation bar v Timeline deest antes q e vo REEF ae ae EN Da X D ss k ae Dee Zeep Wi 0 li ala ml Ef feos oos Section a continued on next page N d O Saijal Patel MDB4 62 Action scripting Button on rollOver First button tellTar get rolloverNav gotoAndPlay homePg j Rollover on rollOut SE tellTar get rolloverNav gotoAndPlay hme PgBck On click action on release on button to loadMovieNum oscilloscopeMenu2 s wf 0 load swf movie on rollOver Second Button tellTar get rolloverNav gotoAndP lay WhatlsAScope on rollOut tellTar get rolloverNav gotoAndPlay WhatIsAScope2 on release loadMovieNum oscilloscopeMenu3 s wf 0 on rollOver Third Button tellTar get rolloverNav gotoAndPlay Controls
17. Keeping score Sinusoidal wave animation Scroll bar Amplitude wavelength frequency phase sinusoidal other waveforms rollo ver amp links Animation Rollover button 1 10 Rollover button 11 20 Rollover button 21 30 Allthe answer buttons should be in working order Each button giving a positive or negative number depending on if answer is right or wrong Once an answer is selected then the score board should show the score On entering the page the animation should play When click on the arrows of the scroll bar or move the bar up or down text should move too When buttons are rolled over colour of test should change When clicked on these buttons information should be shown for each of the titles Other waves button should load oscilloscopeMenul 0 swf movie On entering this page animation should play On rollover of each button the information animation should appear On rollover of each button the information animation should appear On rollover of each button the information animation should appear Saijal Patel MDB4 257 21 Controls4 swf Rollover button 3 1 33 On rollover of each button the information animation should v Controls 31 33 appear Saijal Patel MDB4 58 Appendix E Saijal Patel MDB4 Gantt Chart Original De Feb 04 Juan Long May 04 Feasibility Study j j j j j 1st ida az Design Planning Final DasigrePractical development Project Seminar Completing Testing
18. Plan The project plan is broken down into sections Describing an overview of how the project is carried out A stage by stage development of work The task and stages are broken down into duration of weeks using the method of a gaunt chart 1 5 5 Chapter 5 System Design Approach This chapter looks into major detail of the system design in this case the design style and layout of the training package to be This looks into the creation of the actual package the steps taken before actually implementing the design Storyboarding ideas 1 5 6 Chapter 6 Implementation The chapter discusses the actual execution of the package from taking ideas and design from paper and actually implementing it on the screen for visual content This section also encounters problems and how and if they were solved 1 5 7 Chapter 7 Testing When the package is complete testing has to take place Testing the package as a whole by end users This is done to encounter any problems that may have been over looked by the developer Saijal Patel MDB4 5 1 5 8 Chapter 8 Evaluation Conclusion Further Developments The chapter discusses the original aims and objectives of the project whether ornot the requirements have been meet successfully Evaluating the project as a whole giving an overall conclusion on the work carried out It also looks at project time management alternative methods further developments and problems Saijal Patel MDB4 6
19. TER 6 inplenieutition o pm 6 1 Package implementation 6 2 Home page REESEN 6 2 1 How the animation work d uina verdenken ote e cs sederet eter A tanden entres 6 2 2 Explanation of the Action EE EEN 6 2 3 Problems E 6 2 4 Solving ES 6 3 Navigation Implementation See E dee hehe Ee AE 6 3 1 Problem 6 4 What is an oscilloscope page E er mate eint 6 4 1 Problem 6 4 2 Problem Satur A 6 5 Controls page ipie niente 6 5 1 Controls Profile Onnen A A 6 5 2 Problems SA R S dee lt han R a Sea 6 5 2 Problernmg o Ves iia sales 6 6 Learning the controls iii 6 7 Displays 6 7 Oscilloscope pictures 6 8 The E EEEN RNN CHAPTER 7 Testing 7 1 Method of teine 7 2 Viewing results table 7 3 Feedback CHAPTER 8 eee Evaluatibn Conclusion Further Developments 8 1 E sia o o iu c EN ENE a ee 5 2 Time Management eo Pene it netics 8 3 Conclusion 8 4 Further developments Be C NADA AMO ENE R A NERIS IV RT Appendix Content miini i a adi Appendi A cani Moet ou akak ieaiao Appendix Bird ca Appendix Cuil EE Append KD A oia M UR Appendix Ear EE Appendix EV da Si Content of Figures Figure 1 Waterfall Diagram Figure 2 Figure 3 Figure 4 Figure 5 Figure 6 Figure 7 Figure 8 Figure 9 Figure 10 Figure 11 Figure 12 Figure 13 Figure 14 Figure 15 Figure 16 Figure 17 Figure 18 Figure 19 Figure 20 Figure 21 Figure 22 Figure 23 Figure
20. UNIVERSITY OF HERTFORDSHIRE Faculty of Engineering and Information Science BACHELOR OF ENGINEERING SCIENCE DEGREE DEGREE WITH HONOURS IN MULTIMEDIA TECHNOLOGY amp DIGITAL BROADCASTING Project Report INTERACTIVE OSCILLOSCOPE TRAINING PACKAGE Saijal Patel April 2004 Abstract The report discusses and provides in depth detailed documentation of the work catried out to create a suitable visual training package to introduce an oscilloscope The purpose of creating this training was to aid 1 year BEng students at the University of Hertfordshire Hatfield camp s The design and implementation of the package has been based upon the knowledge of Cuirent first year students and what is likely to be required by them as they are to be the end user The report goes through several procedures that had to be taken into consideration these include research investigations testing and results to create the end result of a user friendly computerised leaming tool package This report discusses and illustrates in great detail on how the tra ning package was created from ideas to design to actual implementation highlighting particular points problems and drawbacks that occurred Acknowledgement I would like to thank my original supervisor Colin White who had been of greatsupport to me during the start of my final year project I would like to thank Naj Khadhim who had taken over from Colin White in being my supervisor half way throu
21. and faults that are not always notice or have been missed by the developer Also generating some form of feed back of any further improvements that may be add before final production goes ahead 1 4 5 Integration amp System Testing This involves working closely with implementation and testing Making sure all software that is used to create the package is available to the end uset Using additional software programs that the client does not have could arise in problems with costing unless there has been a budget set that is available to use 1 4 6 Review amp System Maintenance The final stage of the waterfall is carried out once the system is completed and up and running in the live environment it has been created for The reviewing method needs to be devised in order to keep check of the system and check that it is meeting the requirements that were set at the beginning of the project This also helps to identify the weaknesses or strengths of the system that could lead to possible improvements 1 5 Report Overview The report pro vides in depth detailed documentation of the work carried out to create the visual training package to introduce an oscilloscope The various chapters highlight the stages of work going into detail how the project was carried out and how the developer handled it Giving insight into the research results design and problems that came about Reading this report should help people who are not as familiar
22. are has many features to offer such as standard paint and drawing tools so you re able to draw good graphics Many layer styles that allow special and instant effects Special effect filters to jazz up graphics Saijal Patel MDB4 16 CHAPTER 4 Project Plan 4 1 Plan Gathering background information research establishing the requirements for th proposed system and working with the aim and objectives a suitable project and development plan needs to be brought into action Managing time is an important factor when starting up a new project Using time wisely and effectively will lead to successful completion of the project Arranging time and dividing the project tasks into sections will help to generate a manageable timeline i e Gantt chart If targets and deadlines are not meet accordingly to the dates set then this would cause set backs delays and working errors 4 2 Tasks Stages of work A general plan of work had been set out see below To see a detailed project plan and dates please refer to appendix E Gantt chart a shows the initial chart and Gantt chart b shows the revised chart Research and ideas This would take a fair an ount of time Gather as much information and background knowledge Developing first ideas Although the bulk of the research would be done at the start of the project there may be at times in the project where looking back at research and searching more information will be needed Develop
23. asuring the period pulse Frequency is the reciprocal of the period 2 8 Waves Wave meaning the generic term for a pattern that repeats over time Waves are a part of everyday life from brain waves ocean waves to electronic waves these are all repetitive pattems moving in continuous motion A cycle of a wave is where it repeats itself on the waveform which is a repetition of one cycle The most common waveform is the sine wave sinusoidal wave Other waveforms include square wave saw tooth the ramp and the triangular wave We AN Sawtooth Wave Triangle Wave Sine Wave Square Wave Figure 8 Different waves 2 Saijal Patel MDB4 11 The shape of a waveform reveals a lot of information about its signal If there is a change in the height of the wave this indicates that there has been a changed in voltage Any time a flat horizontal line appears this indicates there has been no change for that length of time 2 8 1 Sine Wave Sine wave has harmonious mathematical properties For example the voltage in wall outlets varies as a sine wave 2 sinusoidal waveform A waveform which oscillates periodically with the amplitude of points on the waveform proportional to the sine of the phase angle of the point 5 A periodic oscillation The fundamental waveform from which other waveforms may be generated by combinations of various group of harmonics The voltage and current waveforms produced from the power company generators alterna
24. ate how much in depth information content in the package would need to be The likely hood of this would be that many were beginners and so basic and in depth but not to over whelming content would need to be provided in the training package How useful are the manuals that are provided in the laboratories Was the manual straightforward to follow This was to indicate how useful the manuals were that are currently provided to them This would also help to analysis the current system What sort of manual would you prefer to use printed handout copy on screen on line manual or both This would indicate the sort of help guidance the user would prefer when using the scope Have you used an on line training package before If yes how useful has it been to your learning What sort of online training tutorials sites haye you used This would give an idea of how many students have used a training package before and are familiar with this sort of teaching learning concept Also indicating the usefulness of a training package Finding out about the sites they have used already would help in researching and creating knowledge of how these sort of sites are layout and help to encourage the development of this package Do you prefer information text guide an interactive animated guide or bit of both What the user would like to see on the package how the y would like the information to be set out Would you have foundsu
25. ch a training package useful during indication week Indicating how usefulthis package would be to them and encourage a better learning outcome Saijal Patel MDB4 13 CHAPTER 3 System Analysis Research 3 1 Questionnaire results amp analysis A questionnaire was handed out to individual students of a first year engineering class during one of their lab sessions They were asked to fill out the questionnaire as though they wer in there first week of induction at university To see the questions and completed questionnaires please refer to appendix A 3 1 1 Results amp Analysis The results from the questionnaire that were considered the most important are shown below Question 1 had been asked to see how many of the students had used an oscilloscope before the results show that over half the class had never used an oscilloscope before This indicates that most of these students and likely students in years to come have never used an oscilloscope before therefore having little or no knowledge of an oscilloscope a training package would be of great use to these students as a sort of beginners guide Question 2 was asked to find out how seful the manuals in labs were Results show that about 11 out of 25 students found the manual to be of average use giving it a rating of 3 froma scale of to 5 where 1 no use and 5 very useful 6 out Of 25 students found it quite useful Although the students found the manual of average use t
26. dix A Saijal Patel MDB4 QUESTIONNAIRE From Saijal Patel final year BSc project Student Please pretend that this is Induction Week and you are in our labs for the very first time 1 Have you used an oscilloscope before Yes No 2 How useful are the manuals in the labs for using an oscilloscope From a scale of 1 5 12 no use 5 very useful 12 3 4 5 3 When using the manual for the first time was it straightforward to follow Yes No Sort of 4 When using the oscilloscope for the first time would you prefer using a user manual which Handout print copy manual On screen on line manual Both 5 Have you used an on line training package before Yes No 6 If yes how useful had it been to your learning from a scale of 1 5 17 no use 5 very useful 1 2 3 4 5 7 What sort of on line tutorial sites have you used 8 Do you prefer Information text guide An interactive animated guide Bit of both 9 Would you have found such a training package useful during your induction week program Yes No Thank you for taking the time to fill out this questionnaire It has been very much appreciated Saijal Patel MDB4 45 Appendix B Saijal Patel MDB4 Questionnaire results in graph format These are the graph of the questions that were of most importance Have you used an oscilloscope before No of students N How useful was the manuals in the labs
27. e This is done right towards the end where the report is written up this would have been Started about 4 weeks before deadline Poster presentation This is due a week later after the report is handed in This includes a poster of the progress of work carried out over the academic year which due to be presented in the second week of May 2004 Saijal Patel MDB4 18 CHAPTER 5 System Design Approach This chapter show the design ideas for the proposed system Using the user requirements and objectives that are required for the system generating a general plan for implementation 5 1 Basic Content of training package This shows the basic content of information how it was initially and the revised content to be included in the package 5 1 1 Initial Content Home Page What an oscilloscope is Controls About the controls Displays This was at the beginning of the project The client had described that the very basics of the oscilloscope was required from the package not too much information was needed But over the weeks of development it had been decided that more information was required from the training package to make asuccessful learning package 5 1 2 Revised Content e Home Page General introduction to the training package Showing the user what the package is about e What is an oscilloscope Information about what the oscilloscope is and what it does e Controls Information containing the controls
28. e colours used A particular tool in Flash MX was used to create the spot light effect The colours pale yellow and white are also used because they are colours that stand out well with the colour blue The colours complement with each other and do not clash as for example how yellow would clash with white Figure 14 Fill transform tool in Macromedia Flash MX 5 7 Development to final design There had been several design ideas for the layout of the package and navigation method It had been concluded that the main colours that would be used and constant throughout the package would be the colours which he v in the first image of figure 13 above pale blue pale yellow and white Reasons for using these particular colours they complement one another very well The colour blue is referred Io as the working colour it has psychological meaning behind it were it s a colour which makes people work and learn making them active and interested and in this case it is ideal The colour blue is widely used in environments such as healthcare hospitals in education such as schools and universities and different work forces such as the police and the royal navy Saijal Patel MDB4 24 Figure 16 show the proposed layout with integrating images into the bac Photoshop to create the image Figure 15 shows the layout without the image 1 choosing this sort of design rather then the one shown in figures 12 amp 13 wa an abstract d
29. ear step by step and easy to follow instructions to user Implementing useful and detailed content but so much so that the learning experience is not Aime consuming and user is able to refer back to at their own convenience e Ability to download s ctions of be package and print out any information as required by user e Adequately demonstrate the fundamental requirements for operating an oscilloscope 1 4 Methodology Establishing a methodology is very useful as it helps to prevent faults when developing the system therefore resulting in fewer errors Waterfall also known as the cascade model has been is the chosen methodology for this particular task It isthe most commonly used method when creating a system from scratch Saijal Patel MDB4 2 An important feature of the waterfall method is that each stage of the diagram must be completed before moving on to the next stage This development life cycle of the system is used to help plan and guide development and progression of the project effectively Problem Definition I Testing Tk K Integration System testing h Review System Maintenance Figure 1 Waterfall Diagram The following concludes a brief breakdown and understanding of the waterfall diagram and reasons for its use 1 4 1 Problem Definition Clearly identify the current problem or the task that has been set This can be done either by observations questionnaires interviews or all thr
30. ed to be difficult in completing this project due the vast amount of time spent on implementing Appendix E indicates the original Gantt chart that was created at the start of the project estimating the time of completion for each of the tasks according to how big the task was It also shows the revised Gantt chart indicating the adjustments of time for certain tasks e g implementation and tes ting 8 3 Conclusion The general report outlines the way the task that was given has been handle Detailing the procedures been through to implement the project giving the reader a feed back of events over the months and bring the project to a conclusion The package was created using the multimedia software application Macromedia Flash MX Although this package has been rather time consuming to use it has brought good results to the overall completed package It has benefited the package with the input and creativity of the developer with interactive and animated feature and giving the presentation of work a high quality of viewing The project as a whole has been a good working experience and has been carried out successfully although future developments can be made 8 4 Further developments Further developments can be made to improve the package functionality For example some of the developments are listed below Introducing audio to aid the user The ability to down load Incorporating and a lab exercise for the students to follow throu
31. ee if need be Also taking into account further research into the topic surrounding the problem put forward trying to gather as much information as possible to create a greater understanding Without a clear overview or background knowledge of the problem it would be rather difficult for the developer to achieve the requirements 1 4 2 Requirements amp Analysis This stage discusses the user requirements Certain requirements or specifications that are required for the system and been put forward by the user and or client need to be looked at in detail e g looking back atthe obj ctives of the system and any additional requirements obtained by the questionnaires Saijal Patel MDB4 3 1 4 3 System Design Designing the system or in this case a suitable training package is a major part in development and creating a successful package Storyboarding brainstorming ideas is a necessity in aiding the developer when planning and developing the end package A break down of the system could be of some help such as user interface layout some form of navigation etc 1 4 4 Implementing amp Testing Working closely with system design stage in the waterfall method Itis a process by which developer tests the system during the designing and implementing stage also a form of trial and error Once the system package is fully implemented the package as a wholeis tested an outside party does this testing normally This helps to check for errors
32. eep at 500 kHz rate Selects vertical sensitivity positions of the Provides continuously The CAL control can be variable deflection factors pulled out to vertically between calibrated magnify the trace by a factor of 10 Limits bandwidth to 5 VOLTS DIV switch MHz 25 1 Reduces gain by at least In AC isolates dc component of signal In GND gives Recommended Use Compensate for ambient lighting trace speed trigger frequency Locate off screen phenomena Optimize display definition Compensate for earth s field Control power to the instrument Know power condition Position trace vertically and compensate for dc component of signal Position unmagnified and horizontally magnified traces for convenient viewing and measurement View either channel independently or both channels simultaneously Provide for differential CH 1 CH 2 or summed CH 1 CH 2 signals when ADD is selected Display summed or individual signals Adjust vertical signal to suitable size Match signals for common Inspecting small signals mode readings Adjust height of pulse for rise time calculations Selects method of coupling input signals to the vertical deflection 50 reference point and allows recharging of input coupling system capacitor In DC couples all components of signal 16 CH 1 OR X CH Provides for input signal connections CH 1 gives Apply signals to the vertical deflection system 2 OR Y horiz
33. esign k Sate idea of using line reflect the object being described This design also reflects a better position fora navigation bar effect Using lines rather than the oval effect suits the topic of the pac d menubackground psd 50 topright RGB N op image of proposed layout 01 d menubackground2 psd 50 Layer 3 copy 4 RGB Buttons on homepage Incorporated Navigation point scope images 5 LN Figure 16 Proposed layout with images 5 7 1 Problem with layout Altho 16 design of pages was quite favoured it did not seem to be practical for the package not s em to quite take the likeness of the sketched idea The images were very difficult to work with and the images that were being used did not seem to be the ideal images to use The images that Ww sed were digital photos taken of the oscilloscope in lab D421 They were of poor quality pixel resolution When trying to enlarge the image the picture would distort Saijal Patel MDB4 25 d using Adobe The reason for 5 7 2 Solution to layout z p After careful consideration and further design development the final layout was created in Flash MX as En shown in figure 17 It was implemented using a number of layers and on a te layer shape text or buttons were added The final design is much simpler but at the sa ime effective The logo is constant throughout the package It is bold and visible on the Gen it is faded out but is still visible on res
34. g has to take place This is done to insure that functionality of the package is running well and encounter any problems that may have been over looked during the implementation of the package It is an essential part of the project process providing the developer with answer on how well the package is working in the environment it has been designed for 7 1 Method of testing The most common procedure of testing is called Black Box testing This involves testing the package once it is fully completed insuring the requirements are met It focuses on the testing of functional requirements During the package development testing also took place while the package was being implemented The problems that were encountered during the production of the package as specified in the previous chapter indicate the evidence of testing during implementation Testing needed to be carried out during implementing the package to insure functions and scripting were working well along side each other It s a procedure of trail and error that takes place during the implementation Students and fellow colleagues tested the package in order to see whether or not the package was running smoothly 7 2 Viewing results table To refer to the table of test that took place look at appendix D This give the full testing that went ahead after the package was full implemented Below are some notes that refer to the testing table Test No 3 The answer to this
35. gh Incorporating actual lab movies of students showing how to use the oscilloscope All the above could be included in a further improvement of the package with investigating the use of other software to develop it on Saijal Patel MDB4 40 Reference Tektronix website 1 http www tek com Measurement c gi bin framed pl 2 http www tek com Measurement A pp_Notes XYZs signal_inte grity pdf 3 http physics ucsd edu s tudents courses summer2002 ss2 phys ics2c phys2C Lmanual pdf Waves websites 4 Section IVhttp id mind nett zzondinsshnipphyysassiwaaess poate BAM oe ed Parts Him 5 www cpccorp com pqglossary htm 6 www liebert com support glossary power_gloss asp Saijal Patel MDB4 4 Bibliography http www tek com Measurement c gi bin framed pl Document Measurement A pp_Notes XY Zs Andex html amp FrameSet oscilloscopes http www phys washington edu jeff co urses 433 A lab writeups sc ope html http www engga u wo ca people hladak ECE 20240A LAB 202 200SCILLOSCOPE 20AUG 202003 20LM 1 pdf http www doctronics co uk scope htm VOLTS_DIV http www tek com Measurement scopes selection pdf 55W_13768_1_ease pdf http www phy olemiss edu thomas weblab 222 20Lab 20Manu l Exp 25_Osc ope sum2002 pdf http www bkprecision com download scope Scope Safety pdf http www singaren net sg library presentations 14Mar03 presentation 16 pdf http www tektronix com http phys ic
36. gh the project He has brought enthusiasm in helping me to complete my final year project and seeing it to the end I would like to thank the all the staff of the department who have helped with quires and problems and the use of the equipment in labs I would also finally like to thank the help of friends and family who have help and encouraged me through the completion of the project 2 CHAPTER 1 1 1 Introduction d 1 2 Project scenario o amp Authors Background 1 3 Project Aim amp bai 1 3 1 Aim ENTE 1 3 2 Objectives 1 4 Methodology 1 4 1 Problem Deeg 1 4 2 Requirements amp ee E EN TE 1 4 3 System Design 1 4 4 Implementing amp Testu 1 4 5 Integration amp System ed FEDT 1 4 6 Review amp System Maintenance EE 1 5 Report Overview i 1 5 1 Chapter 1 to duction d 1 5 2 Chapter 2 Background fifosinti n c NI 1 5 3 Chapter 3 System Hahn EE ie S AO 1 5 4 Chapter 4 Project Plan 1 5 5 Chapter 5 System Design eeh 1 5 6 Chapter 6 Implementation E Np Vaan vene iiaii e iiiaae aieri kerkii iaa 1 5 7 Chapter 7 Testing 1 5 8 Chapter 8 Evaluation Conduit Dn CHAPTER 2 Background Information 2 1 Introduction 2 2 Oscilloscope ee 2 3 What is an EE EE 2 4 Representation ofa DM 2 5 Types of Oscilloscopes e Geiger 2 5 1 Analog Oscilloscopes how Hoes it t work 2 5 2 Digital Oscilloscope how does work 2 0 COME a teres aa 2 7 Measurement ic iii pat
37. here is still room for improvement Question 4 results show far Il out 25 students would like to use both on screen manual and handouts and another 11 out of 25 students would still find using handout manuals useful The results of question 5 indicate not many students have used an on line training package before This shows that when designing and developing the training package careful consideration needs to be taken into account iN creating a user friendly package that is very clear and easy to use The results to question 8 reveal that the potential end user would like to see a bit of both textual inform tion as well as interactive animated guide This shows that users like to interact while they are working Seeing visual content and being able to interactive with images makes the user more interested in what they are doing Saijal Patel MDB4 14 3 2 Current system analysis The current form of teaching students how to use the controls on the oscilloscope is done by using a typed up information sheet This sheet is presented with an image of the scope and its initial settings for the controls when it is first used On the reverse side of this sheet there is written information informing the student of the name of the controls usage of the controls and reasons why they need to be set at particular settings Although this method has been used over the years and has been dveragely successful tutors would like to see students get
38. ing ideas content gathering General ideas for the package layout would be set at this period in time in the project timeline This would also included content gathering The content and information that is most likely to bevincluded in the package e g images of the scope break down of the images using adobe Photos hop written content that needs to be in the package Design and implementation This part of the project is the most time consuming and time needs to be planned accordingly Good time management equals successful outcome The steps that were follow Story boarding ideas and design A record of development of work in progress is kept in a logbook which is used to refer during the weeks of development of the training package Implementation of design This includes on screen or visual de velop ment of work Creating the pages for the package layout navigation colour scheme etc Creating animations for the package is very time consuming and therefore considerable time is needed for this part of the project Saijal Patel MDB4 17 Tes ting Testing is carried out in accordance with implementation as well as a fulltesting plan at the end of development of the system Considerable needs to be taken out for this imorder for it to be done properly Evaluation amp conclusion This part in the project timeline is where the project is evaluated and concluded The overall project and development are evaluated and a conclusion is mad
39. ing movie within a movie method 6 6 Learning the controls Summarising this page of the package flash intro introduces the page before the user clicks the enter button where a new page is opened up where the information on how the initial settings of the controls should be set are show in a djagram form User is able to skip the intro by clicking on the skip button A button linked to the summary of the controls is also available on this page A flash animation of the oscilloscope was incorporated in the design to bring interest and animation to the package Making the useninterested in what else the package might have to offer 6 7 Displays The display meru has a lot of information for the user In order to make this information manageable to the reader it has been split in to 4 sections Display controls vertical controls horizontal controls and trigger controls The same sort of method movie within a movie was used Figure 29 illustrates this Saijal Patel MDB4 34 f Macromedia Flash Player 6 Eila y AE 4 VERTICAL CONTROLS _ Input Coupling Channel Selection ADD amp INVERT CHOP or ALT Increasing Sensitivity Movie 6 7 Oscillosco pe pictures The pictures were taken using a digital camera D iffer nt a s of the scope were taken and the best 6 were chosen to place in the package The backgro SO picture slide was designed and created in Adobe Photoshop The buttons were also created rectangle tool
40. ion on which design is bestsuited to the package 5 5 First idea for page layout 2 I zu m Men Image of scope Navigation X TAN bar AN MV Figure 11 First idea for navigation design This was the very first idea for a navigation method This idea was not well suited to the package It does not use the space provided very well 5 6 Backgrounds amp Colour scheme These are the colour schemes ideas that had been designed and a basic background design for the package Both figures 12and were created using Flash MX K Figure 12 Colour scheme amp background design1 Saijal Patel MDB4 293 Figure 12 shows a colour scheme that is very basic but at the same time it is very dual It does not seem visually appealing they do not bring out much enthusiasm These colours are not suitable for the package being designed its very black and white making the package look and feel black and white in other words boring One of the requirements is to make the user feel interested by what they see something that is striking and bold Figure 13 below shows development of colour design Figure 13 Colour scheme amp background design2 The colour combination in figure 13 is more of the look which is intended for the package They are not too bright or overpowering but still have certain professionalism about them The first two images in figure 13 bring out a certain character due to th
41. isplay screen animation Scrolling bars Button 1 6 n the panel a amp b answer buttons all Keeping score Next button Flash intro Rollover button click to begin and link These buttons should display information once clicked on Button should change image on rollover Link should go to next bit of information Button should change image on rollover Link should display scope screen animation Animation should run as planned When click on the arrows of the scroll bar or move the bar up or down text should move too On clicking on these buttons different pictures should appear for each button Six different images in total Allthe answer buttons should be in working order Each button giving a positive or negative number depending on if answer is right or wrong Once an answer is selected then the score board should show the score On rollover colour should change On click should load oscilloscopeMenu8b swf movie test part 2 Once entering this page test flash intro should play On rollover colour should change and on click should load oscilloscopeMenu8 swf movie test part 1 Saijal Patel MDB4 x 56 15 16 17 18 19 20 oscilloscope Menu8b swf Test part 2 oscilloscope Menu9 swf Waves oscilloscope Menul 0 swf Other waves Controls1 swf Controls 1 10 Controls2 swf Controls 11 20 Controls3 swf Control 21 30 a amp b answer buttons all
42. n this particular area for students to get to grips with handling the do s and don ts of the scope andthe gathering of further information for students to understand what they are dealing with 1 3 Project Aim amp Objectives 1 3 1 Aim The aim of this project is to create and produce an interactive audio visual multimedia training package to introduce and aid first time users e g new students in understanding how to use an oscilloscope A computer based training package that will enable Saijal Patel MDB4 unsupervised or of minimum supervision instructing the user in operating the basic functions available in an oscilloscope The trainee will be working alongside the PC and will be instructed to perform any operations before proceeding to the next stage 1 3 2 Objectives The objectives of the project are as follows e Developing a successful multimedia package providing the user with useful learning material that will enable them to learn and remember making the package success ful e Consists of the basic functions available on an oscilloscope e g on screen images of the different parts of the machine e Use of interactivity between the user and package user able to interact with the package and respond to the interaction e Development from 2D to 3D images good use of images and developing a creative and imaginative package design e Develop an effective and educational training package providing cl
43. ns available in an oscilloscope unsupervised or with minimum supervision The overall objective of the required package and the user requirements were followed carefully during the development of the package The following were achieved success fully from the project e Providing the user student with useful learning material useful and detailed content e Provides user with the basic functions of the oscilloscope e The use of some interactivity were by the introduction of providing a test was included e Good use of images and developing a creative and imaginative package design e Providing clear step by step and easy to follow instructions to user e Demonstrate the fundamental requirements foroperating an oscilloscope The following shows the user requirements that were obtained successfully from the project e Computer based training package e User friendly e Easy to navigate through the package e Easy to follow instructions amp Break down of the relevant information e Clear use of information amp Interesting content e Eye catching lay out of package In order to obtaiy the objectives and user requirements for the package provided to be rather time consuming Some of the achievements that could not be obtained were use of audio and the ability for user to down load work and print information that they would require Although audio was not implemented in the package and one of the objectives was to implement this due to the timing
44. o Displays Digital Pictures Test flash intro oscilloscope Waves 1 10 11 20 21 30 31 33 Recommended Display Horizontal Vertical Trigger Test Part1 settings Controls Controls Controls Controls Other Summary of Test Part2 Waves controls Saijal Patel MDB4 5 3 Navigation Through Package Figure 10 Showing navigation of training package Flash Introduction Home Page What is an Controls Learn the controls flash intro Displays Digital Pictures Test flash intro oscilloscope Waves 1 10 11 20 21 30 31 33 Recommended Display Horizontal Vertical Trigger Test Part1 settings Controls Controls Controls Controls Other Summary of Test Part2 Waves controls Saijal Patel MDB4 22 5 4 General Page design and Layout This section shows the general page design and layout The package design was based up on the look of a website to present the package to have a professional look and feel to it All the pages of the package will have the same layout reason being to illustrate consistency throughout the package and therefore creating no confusion to the user Several design ideas using sketches were created and logged into a logbook improving each step of development and coming to a conclus
45. o Ope ee tete litte o dtu eet ETEN Mono EEC KCR RPR er EEn DTD AA P ER 2 1 3 EN eiie eee RR A 2 7 4 Phase Shift 2 7 5 Measuring Voltage ET 2 7 6 Time amp Frequency Masire neiss 2 8 Waves 2 8 1 SIR Wave 2 8 2 Square Wes 2 8 3 Triangle Wave GS 2 9 Further information Gathering 29 1 Questions CHAPTER System Analysis Research s 3 1 Questionnaire results amp analysis 31 1 Results amp Analysis 3 2 Current system SEENEN ned 3 2 1 Disadvantages of current nis had byte 3 3 Requirements OR HAMO UNA ANC MEC EE RARE CNN e AMT 3 3 1 System Requirements A voee euer nene eon ehe a de en eee eren III 000000000 A A AAA a LU uu tn UnL b Fb bb E 00 B2 H to en ao 3 4 Software 3 4 1 Mactomedia Flash MX 34 2 Adobe Photoshop H HE eege Eech eet preter recen halles Project Plan 4 1 Plan 4 2 Tasks Stage es s of a CHAPTER System Design A Ucet Siete 5 1 Basic Content of training packages 5 1 1 Initial A EE OA IA A 5 1 2 Revised Content 5 2 Content Flow Chart 5 3 Navigation Through Package 5 4 General Page design and Dayies nds dese IT Nen Mer EEAS TEE 5 5 First idea for page bont ANEN 5 6 Backgrounds amp Colour scheme Bee 5 7 Development to final desen 35 7 I Problem with l yout ooo RE eee Meet EE suas rene do deua Ee coves 5 7 2 Solution to layout 5 8 Flash Intro Design Se 5 8 1 Final Flash Intro Desie CHAP
46. oAndPlay 8 on rollOut gotoAndPlay 1 on rollOver gotoAndPlay 9 on rollOut gotoAndPlay 1 on rollOver gotoAndPlay 10 on rollOut gotoAndPlay 1 on rollOver gotoAndPlay 9 on rollOut gotoAndPlay 1 on rollOver gotoAndPlay 11 on rollOut gotoAndPlay Dy Control 6 Control 7 Control 8 Control 9 Control 10 Saijal Patel MDB4 67
47. of time management a lot more time was spent on the interactivity of the package package look and layout and the good use of information material Looking at it further this is where the main bloke of the project lays so in order to follow this much time was spent to successfully complete these objectives and requirements It had come to the conclusion that using audio may not be of much use as the package is mainly based on visual communication Not discarding the audio factor it could still be regarded and looked into as further development Saijal Patel MDB4 39 Using Macromedia Flash MX to build the package has provided to be time consuming Producing the individual movies using the time line was where was the most Although flash bas been used in the past they were very basic implementation learning how to use and incorporate action scripting into the animation was a major part of the project which also was relatively time consuming 8 2 Time Management The reason for time management is to keep to a time scheduling plan in order to keep to date and complete the project in the given time Creating a Gantt chart to follow during the development of the project was a good way to keep a schedule of project management A Gantt chart helps to manage tasks by breaking major tasks into more manageable smaller task and setting deadline of completion for the task Keeping to such a plan leads to a successful end result Time keeping was found
48. ontal deflection when SEC DIV is in X Y 17 POSITION COARSE is convenient for moving unmagnified traces Control trace positioning in horizontal direction COARSE 18 POSITION FINE is convenient for moving magnified traces when Control trace positioning in horizontal direction FINE either ALT or MAG is selected 19 X1 ALT MAG X1 displays only normal horizontally unmagnified Select normal comparative or expanded waveforms waveform ALT displays normal and magnified waveforms alternately MAG displays nly the magnified waveform 20 SEC DIV Selects time base speed Set horizontal speed most suited to requirements 21 Variable CAL Provides continuously varia ble uncalibrated sweep speeds Extend the slowest speed to at least 1 25 s div to at least 2 5 times the calibrated setting 22 MAG XS5 X10 Selects degree of horizontal magnification Examine small phenomena in detail X50 23 Provides safety earth and direct connection to signal Chassis ground connection source 24 PROBE Provides approximately 0 5 V 1 kHz square wave Match probe capacitance to individual circuit This source may be ADJUST used to check the basic functioning of vertical and horizontal circuits but is not intended to check their accuracy 25 SLOPE Selects the slope of the signal that triggers the sweep Provide ability to trigger from positive going or negative going signals 26 LEVEL Selects trigger signal amplitude point Select actual point of trigger 27 TRIG D
49. op layer the buttons do not disappear The formality that en created here is a movie y playing within another movie Stop action is added to the frame to stop it from playing further until another command is set 6 3 Navigation qur The navigational SERE implemented on the home page first and then a template of this page was d ackage created and used for the rest of the pages of the package The templates were used in order to keep consistency throug he p Mime Whats Controls Leam Displays Digital Test a scope Control Pictures Figure 26 Navigation bar before amp after The animation for the navigation works in the same way as the action scripting described in section 6 2 2 see appendix F section a Which shows the action scripting and timeline for the navigation bar Saijal Patel MDB4 237 Onginally the navigation bar button had no text to show what each button represents only when the button was rolled over could you tell what the button was After development textwas added so it was easily recognised as a navigation bar and with out having to rollover the button you would know which button was link to which page 6 3 1 Problem When in putting the text on the buttons they were difficult to hov r over Text would be recognised as a selectable icon In order to click on the button the cursor would h ve to hover over just the button and not the text This would be rather frustrating for the user To over
50. or the first scope button 6 2 2 Explanation of the Action Scripting In the action scripting a Tell Target function is used This creates an action where by it tells target when on rollover to look in the movie with the instance name for example here it is rollover and it tells it to Saijal Patel MDB4 29 go to and play the frame with the name ltext On rollout target is told to look in that same movie with the instance name rollover and tell it to go to and play the frame with be name lback Stop actions are added in the timeline so once the movie is played then reaches this frame in the timeline the movie will stop playing 6 2 3 Problems Problem 1 Originally the home page is where the main point was where all he other movies would open up in To do this a blank movie was added to the timeline layer and given an instance name Every time a button on the navigation bar was click on the page would appear in that blank movie on the home page This works but because there was information e g images and text on the homepage when clicked on a button to go to the next page there would be a brief second where the homepage would be seen before the page intended to go to appeared Problem 2 Also when going back to the home page a drolled over the scope buttons the information that is meant to appear would not appear 6 2 4 Solving problems Problem 1 In order to solve this problem changes had to be made Ins
51. plays the number of the control and when hovered over an animation appears showing the information about the control 6 5 2 Problems Creating the animation for this section was founded to be rather tricky Creating the animation at first was created the same way as the animation for the navigation bar But this limited the design of the animation L2 Layer 3 L2 Layer 2 L2 Layer 1 92340 Name of Control BEAM FIND Number of Control 2 2 a Function of Control Compresses display to within CRT limits Recommended Use Locate off iscreen phenomena Figure 27 First implemented animation for controls Saijal Patel MDB4 238 The idea initially was to break up the image shown above as separate graphics eg Oe bar would fade in then the background then the image and finally the text but because this was not possible the whole image had to be saved as one graphic To create the animation as designed in logbook a different approach to the animation had to be taken Movies Buttons EEE Figure 28 Change of timeline 6 5 2 Problem solved Figure 30 shows the change of development for this animation Separate individual movies were created for each control this enabled the animation hat was intended initially e g having the sequence of events appearing one after the other The buttons were created as a movie which call the individual control movies Again us
52. re one set of footprints This bothered me because I noticed that Saijal Patel MDB4 64 Section c Screen shot of final method of implementation for scrolling text Section d Screen shots of drop down menu timeline and image on scre D FOther buttons Sahl animation sets the drop down menu as closed Action script is written to the image on rollOver gotoAndStop open Wo Once the image is rolled over it is saying go to and play frame j y named open See figure on next page Saijal Patel MDB4 65 Only dropDwn gf other buttons D eeen EEN 92340 Sall cal el Ol 20 120665 16s 4 Once the image is rolled over the drop down menu will appear The rectangle boxes are buttons that link to other pages which holds gt information about the controls Section e Example of the action scripting used for the buttons on the controls 1 10 page Action script S Control Number on rollOver N Control 1 gotoAndPlay 3 2 on rollOut gotoAndPlay 1 on rollOver _ Control 2 goto Arid Play 4 on rollOut goto AndPlay 1 A on rollOver Y Control 3 gotoA ndPlay 5 on rollOut n gotoAndPlay 1 e Mon rollOver Control 4 PR gotoAndPlay 6 on rollOut gotoAndPlay 1 on rollOver Control 5 gotoAndPlay 7 on rollOut gotoAndPlay 1 Saijal Patel MDB4 66 on rollOver got
53. rent DC or alternating current AC How much of the signal is noise and whetherthe noise is changing with time 2 5 Types of Oscilloscopes Electronic devices can be classified into 2 categories analog and digital Analog devices work with continuously variable signals and digital devices work with discrete binary numbers that represent voltage samples For applications either an analog or digital scope would do however each type has unique characteristics that can make more or less suitable for the specific application 2 5 1 Analog Oscilloscope how does it work It works by applying the measured signal voltage directly to the vertical axis of an electronic beam that moves from left to nght across the oscilloscope screen using a cathode ray tube The backside of the screen is treated with luminous phosphor that glows wherever the electron beam hits it The signal voltage deflects the beam up and down proportionally as it moves horizontally across the display tracing the waveform on the screen The more frequently the beam hits the brighter the glow 2 5 2 Digital Oscilloscope how does it work A digital scope uses an analog to digital converter ADC to convert the measured voltage into digital information It acquires the waveform as a series of samples and stores these samples it accumulates enough samples to describe a waveform The digital scope then re assembles the waveform for display on the screen Saijal Patel MDB4
54. rresponding locations on the wave train This distance is usually measured in one of three ways crest to n xt crest gh to next trough or from the start of a wave cycle to the next starting point Figure 5 Indicate vir ength is measured 4 right the wave slides 2 7 4 Phase Shift The phase shift describes how far to th of electric potential expressed in volts between two points in a circuit Voltage igure 6 Diagram showing different phase shifts 4 2 7 5 Bee e Voltage is thea can be es peak to peak from the maximum point of a signal to its minimum point The sa ecc a voltage measuring device but other quantities can also be calculated using the Scope iple Ohm s law states that voltage between two points in a circuit equals the current e sistance From any of these quantities you can calculate the third using the following formula 1 Voltage Current x Resistance Current Voltage Resistance Resistance Voltage Current Saijal Patel MDB4 Take Amplitude Measurements at Center Vertical Graticule Line Take Time Measurements at Center Horizontal Graticule Line Figure 7 Voltage of peak to peak Voltage of one peak 1 Method of taking voltage measurements is by counting the n mber of divisions a waveform spans on the oscilloscope vertical scale 2 7 6 Time amp Frequency Measurements Using the horizontal scale on the screen of the scope does time measurement This includes me
55. s ucsd edu students courses summer2002 ss2 physics2el p hys2C Lmanual pdf http vlab ee nus edu sg vlab vr osci index htmt http www smaphysics ca phys30s waves30s basics html http id mind net zona mstm phys ics waves Antroduc tion introd uctionWaves html http id mind net zona mstm phy ics waves partsOfA W ave wa ve Parts htm http www tie pie nl http www s fu ca sonic st dio handbook Sine_ Wa ve html http phys ics usask ca hirose ep225 animation wave general anim sine htm http www2 s fu ca sonic studio handbook Triangle_Wave html hows tuffworks com http www creationstudio co uk flash index htm http www sy nergy design co uk pages training_director01 htm http www cdsm co uk leaming e_learning htm http www macromedia com software fireworks productinfo re views news http www maxhelp com http www macrome dia com software flash promoid home_prod_flash_082403 www kirupa com Saijal Patel MDB4 42 Appendix Content A Questionnaire B Questionnaire results C Table of controls D Testing table E Gantt Chart Before amp After F Action scripting timelines amp screen shots a Action scripting and timeline for the navigation bar b Screen shot of the first method of implementation for scroHing te xt c Screen shot of final method of implementation for scrolling text d Screen shot of drop down menu e Action scripting for control buttons Saijal Patel MDB4 43 Appen
56. scilloscope MenuSc swf Learning the controls next page to previous page oscilloscope Menu6 swf Displays Button Click to enlarge image Rollover amp action Drop down menu Drop down menu links Intro flash animation for page Click to begin button Flash animation Skip button Here button Scroll Bar Rollover scope buttons amp Button links On vollover image should change colour and the enlarge action should work once clicked on On rollover drop down menu should appear On click the button requested should go to the requested page On entering the page flash intro animation for page should play On rollover button image should change and on click should load oscilloscopeMenu5b swf movie next part to the page On entering the page flash animation for page should play On click should skip the flash animation On click should load oscilloscopeMenuSc swf movie next part to the page When click on the arrows of the scroll bar or move the bar up or down text should move too Scope images should change colour once rolled over On click buttons should animation a drop menu showing other headings amp buttons Saijal Patel MDB4 55 See notes below 12 oscilloscopeMenu7 swf Digital pictures page 13 oscilloscopeMenu8 swf Test part 1 14 oscilloscopeMenu8a swf Test intro Drop menu button links Display Button rollover and link Next display button and link D
57. sting content e Clear use of information e Eye catching lay out of package e Use of audio 3 4 Software To create this training package the main software that was used to build the package was Macromedia Flash MX Microsoft Word was used to create paragraph textual information and Adobe Photoshop was used to help create images for examples buttons and adjust nd improve photographic images 3 4 1 Macromedia Flash MX Flash was used as the bases of design for the whole package Macromedia flash can also be used to create fully functional websites or can be just sed to create animations The reason for using flash software to create the package was because it has gr at features for creating interactive and animated sites or packages The presentation of work done in flash is of high quality allows user to create smooth graphics while maintaining a low file size which is important as these files would have a faster download time Using flash the useris able to create animated movie clips using a timeline Method of using Action Script language which is available to use in flash enables to create user interactivity in the application To view flash files the user must have a flash plug in to view them otherwise it will not be seen on their computers 3 4 2 Adobe Photoshop 7 0 1 This software was used beca se it allows you to edit images The software also allows the user to manipulate photos so that they appear clearer The softw
58. t of the pages A simple navigation bar is added to om of the page it is easily noticeable and accessible N TEKTRONIX 2225 OSCILLOSCOPE 1 Page Content Navigation Bar ig ure 17 Final layout design 5 8 Flash Intro Design A flash introduction is what the On when they open up the package This went through many design stages too Figure 18 shows the first stage of design This was created in Flash MX This design incorporated using a typewriter effect where each letter would appear one after the other as though someone was using a riter The background again was created using the fill transform tool in Flash With this MSN to manipulate the fill background colour That is how the indented white bright looking 85 was created an Y eee TEN 2220 N OSCILLOSCOPE CY Figure 18 First stage of Flash Intro design Saijal Patel MDB4 26 Figure 19 shows the second stage of development for the intro rticular design used a fading in Figure 19 Second stage of Flash 7 ver and fading out effect of the words As one word fades in ents o fade out the next word fade in as the word before it fades out This was a much smoothe AU and using a darker colour for the text helps it stands out and is legible RI This seem to be a very basic intro there wasn t mu oing on in this clip so adding pictures made it more interesting Figure 20 shows a development fi AS 19 Fade in fade out images NN
59. tead of having the other pages of the package open up the home page the actions that were applied to the buttons is as follows on release loadMovieNum escillescopeMenu3 swf 0 Each of the pages of the package was saved as separate files This action means when the button is released load movie and in brackets is the name of the movie in this case oscilloscope Menu3 swf that it will open All the swf movies must be saved in the same folder The movies load up separately and mot as part of the home page Problem2 To overcome this problem the actions on the buttons that were calling the movie had to be deleted and the animation had to be changed The buttons had to be converted to a movie and separate movies of the information that appears had to be created Figure 25 illustrates this Saijal Patel MDB4 30 el 10 _ This layer contains Movie layer arate movies Buttons m lalala r when layer button 1s rolled over TI layer ctions applied to the buttons Figure 25 Timeline of scope butto Here is the action script applied to the buttons of the buttons layer First button Second button O Third button on rollOver on rollOver on rollOver goto AndPlay 3 gotoAndPlay 4 gotoA nd Play 5 on rollOut on rollOut on rollOut goto AndPlay 1 gotoAndP gotoAndPlay 1 On the buttons layer the frames are duplicated so when the movies are played from the t
60. test is yes and no Yes because all the sub title animations do work but on the test page of the package the sub title reads What is an oscilloscope when is should read test Test No H There is fault t the clicking of the scope buttons This is if you were to click the button twice in one action the animation of the drop menu will open then when click the same button to close the drop menusthe next drop menu would open without you having clicked the next scope button Saijal Patel MDB4 237 2 7 3 Feedback Some of the main pointers that had to be considered while testing the package The interaction the user has with the package Could the package be said to be user friendly Over all layout amp design The quality of information that has been provided in the package Quality of navigation and links Due to the overall testing of the package as a whole a conclusion can be made that 90 of the package is running well The idea of creating a test in the package was founded very interesting All the above points were commented on well although there is room for improvement Saijal Patel MDB4 38 CHAPTER 8 Evaluation Conclusion Further Developments 8 1 Evaluation The main aim of the project was to create an interactive multimedia training package to introduce and aid first time users i e students in understanding how to use an oscilloscope Instructing the user in operating the basic functio
61. ting more involved and gaining a bit more understanding and knowledge about oscilloscope their function and purpose of use in labs 3 2 1 Disadvantages of current method system e There is a lot of information on one single sheet Itis rather cluttered with written content Thus putting the user off reading the information sheetand finding it difficult to follow missing vital information or instructions e There is no further information such as wayes and calculations which is considered important when learning how to use an oscilloscope e Not slip up in easy to follow sections can be rather confusing when reading e Not very interesting to read As time moves on so do the traditional ways of working introducing new and improved methods of working and learning keeping p with technology taking what multimedia has to offer 3 3 Requirements Analysis As the end user has alreade been identified and what the specific need for the system is system requirements need to be set as general guidelines for the developer to follow Following these requirements closely would help create a successful package having the user in mind and what would be best suited to them 3 3 1 System Requirements e Computer based training package es User friendly e Easy to navigate through the package e Break down of the relevant information e Easy to follow instructions e Good use of images Saijal Patel MDB4 15 e Use of interactivity e Intere
62. tors are basic sine waves 6 2 8 2 Square Wave Square wave is voltage that turns on and off or go s from high to low at regular intervals 2 It s a wave for testing amplifiers amplifiers of good quality increase amplitude of the square wave with very little distortion 2 8 3 Triangle Wave A triangle waveform is one with altemating positive and negative sloped ramps Its frequency spectrum includes all of the odd harmonics It results from circuits designed to control linear voltages 2 9 Further Information Gathering Gathering further information and creating a backbone for the project further investigation had to take place Creating this training package user involvement is rather important The purpose of this project was to create a suitable outcome for the end users who are students A questionnaire was design for this particular purpose to help identify what the potential users require from such a system Certain types of questions were asked to find about the student and how familiar they are with using an oscilloscope if they have used one before and how helpful was the handout manual which is given to them 2 9 1 Questions The questions that were asked were based on the students using the equipment in the induction week at the university Have you used an oscilloscope before Saijal Patel MDB4 12 This was to identify how many students have or have not used an oscilloscope before This would indic

University of Hertfordshire

Contents

Download Pdf Manuals

Related Search

Related Contents