Here is the design that I created in response to the user feedback.
|
|
- Barbra Murphy
- 5 years ago
- Views:
Transcription
1 Mobile Creative Application Development Assignment 2 Report Design When designing my application, I used my original proposal as a rough guide as to how to arrange each element. The original idea was to create an application called Growlr, which consisted of 2 oscillators with various effects in which the user manipulated to generate sounds. This concept still exists within my application; however, it is based a lot less around the idea of a pure synthesis application. Before moving onto the production of the application I decided to consult some friends and family about the design. Most of them liked the original idea, but when asked, 70% of them said is there any percussion to go along with it?. From here I decided that the application was going to need some sort of percussion element. I decided that the best way to implement this on a small screen, was to incorporate a sequencer. For the design, I took some inspiration from a piece of software called Drumbit (João Santos, 2017). Below is the original and new idea for the main interface. Here is the design that I created in response to the user feedback.
2 As can be seen, the designs are very different in comparison to one another, however some elements remain such as the play, pause and stop buttons in the top right hand corner as well as the synthesis element. As the user feedback suggested that I should still keep the synthesizer element, I designed a screen that can be swiped down to, that housed the synthesizer elements (below). From here the user would be able to choose different wave shapes associated with the oscillators as well as change the semi tone and octave, as mentioned in the original proposal. The amplitude of each oscillator can also be controlled, to allow for greater control over the sound being produced. Below is the design for the octave and semi tone pages/ overlays.
3 Once I had designed the oscillator page view, I went on to design the other pages/ overlays. In my original proposal, I was against the idea of implementing a midi keyboard due to the lack of space available of the display of mobile devices. However, after consulting with friends and family about the design, it was apparent that I was going to need a way of allowing the user to play along to the percussion beat created on the previous page. To achieve this, I designed a midi keyboard that could be accessed by pressing the keyboard button at the top of the page. Below is how the design of the keyboard would roughly look.
4 I took the same approach for the other sections on the top navigation bar. Below is the filter page/ overlay. Below is the delay page/ overlay.
5 And finally, the distortion page/ overlay.
6 Once I had a rough idea of the design of the application, I had to complete some research into which algorithms I was going to need in order for the application to function correctly. To do this I split the application sections into different manageable tasks as shown below. The Sequencer o How to play samples at the correct time o How to get samples to play if a certain box/ step is clicked o How to change the color of a box/ step if it has been clicked on o How to adjust the tempo o How to adjust the swing o How to connect sequencer output to speakers o How to associate these parameters to controls The Synthesizer o How to create oscillators o How to change attributes of the oscillators o How to route sound of the oscillators o How to connect the oscillators to the keyboard o How to associate these parameters to controls The Keyboard o How to create the buttons of the keyboard o How to associate the buttons on the keyboard with midi note numbers o How to connect the keyboard to the oscillators The Effects o How to create a delay o How to create distortion o How to create a filter o How to route the audio through the effects o How to associate these parameters to the controls o Logarithmic range slider To create the application, I decided to use HTML, CSS and Javascript. In my original proposal, I stated that I would be using Swift. However, due to accessibility in regards to the technology, I decided that web technologies would be better suited. As a result, I was able to tailor my research into the above areas, towards the web technology. In my research, I found the I would be able to make use of web-audio (Mozilla, 2017), which is built into Javascript. This would allow me to create oscillators, as well as the effects with relative ease. I also discovered a library called MCAD (Dr J Ferraris, 2017). This library allows users to be able to create pattern schedulers, which I believed would allow me to create the sequencer with relative ease. With a small amount of research into the field completed, I decided that the best way to grasp an understanding of the technology, was to start creating the application.
7 Implementation When creating the GUI I used 4 main elements within the HTML. <button> <table> <div> <input type= range> First I had to create a div that would be used as the surface of the entire application. Inside the surface div, I needed to create a container div that would fill out to all four corners of the surface. This would then allow me to place other div s within the container div. Here is the code needed to achieve this. Within the container div I created two other div s called top and bottom. I then split the top div into further sections, which would then be used to house the controls at the top of the sequencer design. Below is screenshot of the code needed to achieve this. As can be seen above I have filled these div s with HTML elements, that allow the user to interact with the sequencer such as the play, pause and stop buttons, as well as some range controls/ sliders.
8 Once I had created the top part of the sequencer, I moved down to the bottom div and created a div to house the sequencer and then filled the div with a table element. In this case, the name of the parent div is called sequencer and the table div is housed within in. Each td element represents 1 cell within the table. Each td element also has an attribute called data-step-xxx which has a number attached to it. This is used later on within the Javascript to identify each square within the table.
9 Within the bottom div there are 2 more div s, which house the range sliders for the volume, as well as labels for each channel of the sequencer, which can be seen below.
10 This was the first page of the application complete. I then went on to create the second page within the application which housed the synthesiser. To do this I created another div which inherited from the same class as the first surface. In turn this created a second page underneath the first, which could be scrolled down to. As the dimensions of the surface adhered to the aspect ratio of 16:9, each surface filled the entire display of the device. Within the second surface was another container which housed all of the elements within the synthesiser, including buttons, images and ranges/ sliders, using the same technique as above. However, on this page I created div s called overlays. The purpose of the overlays was to act like a page within the parent page. This meant that I could show and hide elements of the synthesiser without them needing to be constantly on show. To do this I created an overlay div and filled it with HTML elements such as ranges/ sliders, buttons and labels, as can be seen below. In order for the overlays to operate properly they needed to be positioned at the end of the HTML document, otherwise elements of the surface would be shown underneath the overlay, which is not the intended outcome. As can be seen each element within my HTML code has its own div, usually defined as xxxarea. This could be seen as inefficient, however in order for the display to be completely responsive, I found that this was the best method. Using elements such as HTML lists would be a lot easier and less time consuming, however I found that the text would shift out of position when scaling to a larger or smaller size, which was causing an issue on smaller screen devices.
11 Once I had all of the HTML laid out in the correct location, I had to use CSS to style the actual page. First, I needed to define the area of the surface. As mentioned above I needed to use the aspect ratio in order for it to scale correctly on mobile devices. To do this, within the CSS, I had to set the width of the surface to 100%. I then needed to use a CSS attribute called padding-bottom with a percentage of 56.25%. This allowed the surface to be scaled in accordance to the 16:9 ratio. To get 56.25%, I needed to divide (height) 1080 (p) by (width) 1920 and times by 100. This in turn gives the percentage needed to scale the surface accordingly. I then needed to fill the surface with the container. This was done by giving the container a position of absolute and defining the left, right, bottom and top as 0. This pushes out the container to fill the entire area of the surface.
12 As I had created an area for each element in the HTML in order for it to scale correctly, I had to give each element an id which allowed me to then take the same approach as above. Instead of filling the div with another div however, it would be filled with the HTML element (button, range/ slider, label). For this to work, the parent element needs to have a position of relative. This then allows the element to be assigned a position of absolute, which will then allow the top, bottom, left and right to be assigned the value of 0, which can be seen below. I took this approach for many of the elements within my application which can be seen in my CSS code. I also experimented a little bit with Flexbox (W3Schools, 2017) in some areas of the CSS, which allowed me to position items centrally within a div, without needing to define the left, right top and bottom. To do this the parent is set to display: flex which allows the child to have a margin of auto.
13 Once I had created and styled my design/ layout, I needed to add some functionality to the application. To do this I used Javascript along with JQuery. In order for the HTML to recognise the Javascript, I needed to import it at the bottom of the HTML document, as well as the MCAD and JQuery libraries, as can be seen below. As mentioned above I split the algorithm section of the application up into manageable parts. I started with the sequencer as this seemed the most time-consuming task. I first needed to create an audio context and a scheduler. To gain an insight into how I would go about creating the sequencer, I looked at some sample code from John Ferraris (John Ferraris, 2017). The sample code included a sequencer which loaded samples from an online source and stored them, ready for playback. The samples were then loaded into a buffer and played when the step was on. However, it was only for one track and I needed to have 6 separate channels. I therefore decided to dissect the code and implement changes step by step, until I was able to create a 6 channel version of the original code. The code started with an array which would store whether or not a certain box within the sequencer table had been clicked.
14 I then needed to create an if statement that would look to see if the pattern within the array is on, and if so load the sample into the buffer for playback when the play head reaches its position. In the example below the source of audio is connected to a gain node which is for its channel and that gain node is connected to a second gain node, that is used for the master volume. The master volume is then connected to the audio context destination, which is the sound card on each device. Next, was to create the function that was activated when the cell within the table was clicked. The code below shows the click handler for the table cells. First, variables are created for each channel. Then, a few more variables are created to get the data-step value as mentioned above from the HTML. Finally, the 2 variables are used to toggle on and off the sample within the array, which was defined at the start.
15 Next, was to create the synthesiser. To do this I followed a guide from (Mozilla, 2017) which explained how to create an oscillator and the attributes that can be assigned to the oscillator. Below is the code needed to create an oscillator with a sine wave. From here the oscillator could be connected to the audio context destination which would send it to the output. However, as I wanted the oscillator to be controlled by a keyboard, so I needed to route the audio elsewhere.
16 When an oscillator is created, it can only be started once. This meant that in order to create the sense of a note on and note off, a gain node is needed. By using a gain node an event handler can be attached to a button, which would bring the gain node up to full volume, when the button is clicked, and go back to mute when the button is released. Below is a screenshot of the code required to do so. The code below also takes the value associated with the HTML buttons, called data-midi. The value of data-midi is the midi value of that particular key. The data-midi attribute can then be manipulated by the range sliders in the octave and semi tone section of the synthesiser, which in turn changes the midi value entering the mcad.midinotetohz section of the code. The value is then sent to the oscillator which in turn plays the note associated with that key.
17 I then needed to create a keyboard using buttons, which I could then assign different midi numbers to. Below is a screenshot of the buttons created in the HTML document and their associated midi numbers.
18 Once I had the synthesiser playing when different keys were pressed, I moved onto the effects section of the synthesiser. In web audio, effects are easy to implement and only a small amount of audio routing is needed in order for them to function correctly. For the filter, it was as simple as creating a biquad filter node and associating certain attributes to the filter. I decided to create controls to allow the users to manipulate different aspects of the filter. Below is the implementation of the biquad filter node. I then assigned that attributes of the filter, such as the filter frequency and the filter type, to buttons and a range/ slider. When creating the range/ slider I decided to use a logarithmic scale, to allow for better control over the filter. This can be seen in the screen shot below which adds a logarithmic scale to the range/ slider between 200 and
19 Implementing the delay was similar to the filter whereby the delay effect could be accessed in web audio by simply creating a delay node. When creating the delay, I also needed to create a bypass and feedback gain node. This was to allow for the delay to repeat the sound at a later point in time. From here is was a matter of routing the audio between the delay node, feedback gain node and the bypass gain node, before being sent to the audio context destination. I took the same approach the filter, whereby I assigned the attributes of the delay to ranges/sliders to allow the user to control the delay attributes.
20 Finally, was to create the distortion module and again the same approach was taken. However, for the distortion, an algorithm was needed in order to create an intercepting wave which would then create the distortion. The algorithm came from (Mozilla, 2017), which creates a sine wave shape and stores it within an array. The amount of distortion that is applied to the sound is dependent on the number that enters the array. Therefore, I have given the user several options which changes the amount of distortion that is applied to the output, by changing the number that enters into the array, through the press of a button.
21 User Testing When it came to testing my application, I was lucky enough to have an android device to deploy to. I was also able to ask a few friends to complete some testing on their android devices too. All of the people who I deployed my application to, had no experience in music technology. I asked them to use the application and tell me how easy they thought it was to use. Most replied saying it was simple and clear to understand and use. However, some of them explained that they did not understand the synthesis part of the application, but liked the drum kit. As none of them were from a musical background, I was happy for them to not completely understand how this particular element worked. As the application has a single view and uses overlays instead of being directed to separate pages, the response is very quick. As the application is technically only on one page, this makes all of the available options to the user visible from the start. This means that there are no hidden items or hard to reach controls, as they are all displayed straight away. I have also created controls that are large and spacious to allow the user to control the parameters easily even on a smaller screen. This was also something that was mentioned by the users who were testing the application.
22 One of the biggest changes to the application, was the removal of the synthesiser channel on the sequencer. The original idea was to use a similar idea to my original proposal, which consisted of creating the growl in the synthesiser, and then using the sequencer to play the growl back. However, the user feedback suggested that the synthesiser section of the sequencer was not being used, due to the lack of control. Because of this I decided to remove this section, which can be seen in the final product. When I deployed the application to my friend s android devices for the first time, I was told that the sequencing section of the application was running very slow and the beats were out of time. At first I thought that this issue may have been because of the phones that they were using not having enough processing power. However, after close analysis of the issue, I found that the reason for this, was the scheduler not being able to look ahead quick enough. To solve this issue a small piece of code needed to be added to the scheduler, in order to give the scheduler a longer time to look ahead. Below is a screen shot of the code that needed to be added to the scheduler instance.
23 During the user testing, I also was made aware of an issue that did not allow the users to play the midi keyboard. Every now and again the keyboard would play a note, but it would cut out shortly after. At first I thought this may have been an issue with the scheduler/ the performance specs of the devices. However, this issue was apparent throughout all devices. On the desktop simulation tests, I could not replicate this issue, as it was only happening on the devices. After adding a break point in the code deployment, it was made clear that the code responsible for clicks within the Javascript, was not having the same effect on the device as it was within the browser. The mouse down event handler, was not able to process the tap and hold gesture on the midi keyboard, when on a mobile device. In turn, the code responsible for making the keys sound, was not being triggered. To remedy this bug, I had to use a separate gesture recogniser, which was developed especially for mobile devices, which in turn recognises the tap and hold, and allows the notes to be played back correctly. I have also included the mouse down and mouse up events, as this allows the application to be used within the desktop browser as well as mobile devices.
24 Analysis Overall I believe that the final application was a success. There are many strengths to the application, such as the simple user interface as well being an all in one instrument. The ability to play keyboard notes alongside the sequencer percussion, I believe is the biggest strength that differentiates the application from competition, which usually only focus on one aspect, such as sequencing or synthesis. Although the application has many strengths, it also has a few weaknesses. On the midi keyboard, the user is only able to play one note at a time, due the synthesizer only being monophonic. Implementing a polyphonic synthesizer could be something to look at in a future application update. The midi keyboard also has an ever so slight delay when pressing the keys, due to the way in which the bind touchstart method works. There is a way around this with an external library which tackles the delay, called Hammer Time. However, this was something that I was not able to successfully implement. This could also something to consider looking into in a future update. Compared to the original proposal, the application has changed and expanded considerably. However, I believe that the overall product is a lot more user friendly and lot more feature rich, in comparison. In terms of the MOSCOW analysis, the application fulfills all of the must haves and combats a few should have items. As for any future improvement of the application, I would like to address the issues mentioned above in relation to the keyboard. I would also like to address some of the could have items in the MOSCOW analysis such as the ability to upload and have creations ranked on a social platform. However, instead of a Growl the uploaded creation would now be an 8 bar loop of percussion and synthesis.
25 References João Santos, Drumbit. Available from: [Accessed 13 December 2017]. Mozilla, Web Audio API. Available from: US/docs/Web/API/Web_Audio_API [Accessed 13 December 2017]. Dr J Ferraris, MCAD.libraary. Available from: [Accessed 13 December 2017]. W3Schools, CSS3 Flexible Box. Available from: [Accessed 15 December 2017]. John Ferraris, Multiple Tracks - Plunkr. Available from: [Accessed 15 December 2017]. Mozilla, OscillatorNode. Available from: US/docs/Web/API/OscillatorNode [Accessed 15 December 2017]. Mozilla, Waveshaper. Available from: US/docs/Web/API/WaveShaperNode [Accessed 15 December 2017].
PSP Rhythm User s Manual
PSP Rhythm User s Manual Introduction pg. 02 Main Menu pg. 03 Button Icon Legend pg. 03 User Interface pg. 04 Pattern View pg. 05 Track View pg. 07 Wave View pg. 09 Effects View pg. 11 Song View pg. 14
More informationUser Manual. for ArcTrax UWP version
User Manual for ArcTrax UWP version 1.0.3.0 Table of Contents 1 Overview... 2 1.1 Introduction... 2 1.2 Structure... 2 2 Panel Reference... 3 2.1 Overview... 3 2.2 Controls... 4 2.3 Oscillator... 5 2.4
More informationWorking with Apple Loops
7 Working with Apple Loops So you want to create a complete song, but you don t know how to play every instrument? An Apple Loop is a short piece of music that you can add to your song. It can be either
More informationPush. Figure A4.1 Push.
Push Figure A4.1 Push. Push is a hardware controller designed by Ableton and Akai to drive Live s Session View. Simply connect the Push unit using the provided USB cable to your computer and off you go.
More informationUser Manual. Drum Machine
User Manual Drum Machine Overview Interface Overview Interface 1 Nithonat s interface is split into three parts: Internal sequencer Responsible for editing patterns in Int.Seq. mode. Internal sequencer
More informationContents. Overview...3. Song Editor Clip Editor Browser and Rytmik Cloud Keyboard Controls Support Information...
User Manual Contents Overview...3 Song Editor...4 Clip Library...4 Song Playback...4 Tracks...5 Export...5 Clip Editor...6 Note Sequence...6 Instrument...7 Instrument Effects...7 Tempo Setting...8 Other
More informationCOMP519 Web Programming Lecture 8: Cascading Style Sheets: Part 4 Handouts
COMP519 Web Programming Lecture 8: Cascading Style Sheets: Part 4 Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University
More information1. Welcome to System 9 Pattern Sequencer
Version 1.5 1. Welcome to System 9 Pattern Sequencer We would like to welcome you to our new Rack Extension, System 9! A multi pattern sequencer for the Reason Rack! About a year ago, in early 2014, we
More informationClient-Side Web Technologies. CSS Part II
Client-Side Web Technologies CSS Part II Topics Box model and related properties Visual formatting model and related properties The CSS Box Model Describes the rectangular boxes generated for elements
More informationBlaze Audio Karaoke Sing-n-Burn
Blaze Audio Karaoke Sing-n-Burn Manual Copyright 2005 by Singing Electrons, Inc. Contents 1.0 Getting Started...3 1.1 Welcome to Karaoke Sing-n-Burn!...3 1.2 Features...3 1.3 Learning to Use Karaoke Sing-n-Burn...3
More informationAn Honors Thesis (HONRS 499) Thesis Advisor Rui Chen. Ball State University Muncie, Indiana. Expected Date of Graduation
The Development of BeatCred.net An Honors Thesis (HONRS 499) by Peter Kaskie Thesis Advisor Rui Chen Ball State University Muncie, Indiana May 2012 Expected Date of Graduation May 2012 Peter Kaskie The
More informationJoomla! extension JSN EasySlider User Manual
Joomla! extension JSN EasySlider User Manual (for JSN EasySlider 2.0.x) www.facebook.com/joomlashine www.twitter.com/joomlashine www.youtube.com/joomlashine This documentation is release under Creative
More informationAdvanced CSS. Slava Kim
Advanced CSS Slava Kim CSS is simple! But is it? You have some boxes on the screen Boxes have text Use CSS to change colors and move boxes slightly away from each other are we done yet? Web in 1994 Most
More informationJSN EasySlider Configuration Manual
JSN EasySlider Configuration Manual Introduction Product Overview JSN EasySlider JSN EasySlider is the cutting-edge way to present content on website: Informative - Impressive - Interactive. It helps you
More informationLiveProfessor 2. User Manual. Rev audiostrom.com
LiveProfessor 2 User Manual Rev 1.0 - audiostrom.com Contents Introduction 4 System Requirements 4 License files 4 First Run 5 Installing Plugins Plugin Manager Audio Settings MIDI Inputs 7 Replacing A
More informationSupport Notes (Issue 1) September Snap it! Certificate in Digital Applications (DA105) Coding for the Web
Support Notes (Issue 1) September 2014 Certificate in Digital Applications (DA105) Coding for the Web Snap it! Introduction Before tackling the Summative Project Brief (SPB), students should have acquired
More informationCreating Buttons and Pop-up Menus
Using Fireworks CHAPTER 12 Creating Buttons and Pop-up Menus 12 In Macromedia Fireworks 8 you can create a variety of JavaScript buttons and CSS or JavaScript pop-up menus, even if you know nothing about
More informationScythe Synthesizer for iphone
Scythe Synthesizer for iphone http://www.bitmaskstudio.com/ https://twitter.com/bitmaskstudio Scythe is a polyphonic wavetable synthesizer which can load custom sounds and has a Wavetable Creator tool.
More informationFrontend guide. Everything you need to know about HTML, CSS, JavaScript and DOM. Dejan V Čančarević
Frontend guide Everything you need to know about HTML, CSS, JavaScript and DOM Dejan V Čančarević Today frontend is treated as a separate part of Web development and therefore frontend developer jobs are
More informationREADSPEAKER ENTERPRISE HIGHLIGHTING 2.5
READSPEAKER ENTERPRISE HIGHLIGHTING 2.5 Advanced Skinning Guide Introduction The graphical user interface of ReadSpeaker Enterprise Highlighting is built with standard web technologies, Hypertext Markup
More informationGraduating to Grid. An Event Apart Orlando
Graduating to Grid An Event Apart Orlando 2018 And there was great rejoicing. https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6514853-update-css-grid https://caniuse.com/#search=grid
More informationKeynote 08 Basics Website:
Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program
More informationver 1.61 User Manual
ver 1.61 User Manual Contents Overview...3 Song Editor...4 Clip Library...4 Song Playback...4 Tracks...5 Export...5 Clip Editor...6 Note Sequence...6 Instrument...7 Instrument Effects...7 Drawsynth...9
More informationIntroduction: -The Beat Kangz
Introduction: Thank you for choosing Beat Thang Virtual as part of your creative process. As artists ourselves, we know how important this decision is. We understand that you have many products to choose
More informationCSS Selectors. element selectors. .class selectors. #id selectors
CSS Selectors Patterns used to select elements to style. CSS selectors refer either to a class, an id, an HTML element, or some combination thereof, followed by a list of styling declarations. Selectors
More informationCOMSC-031 Web Site Development- Part 2
COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal December 5, 2013 Chapter 13 13 Designing a Web Site with CSS In addition to creating styles for text, you can use CSS to create
More informationPage Layout. 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning
Page Layout contents of this presentation are Copyright 2009 Marty Stepp and Jessica Miller 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning 2 1 4.1
More informationecho collective ORION - user guide
echo collective ORION - user guide ORION system requirements ORION is a fully featured drum set and step sequencer built on and for Kontakt by Native Instruments. In addition to the sequencer, ORION contains
More informationSTRANDS AND STANDARDS
STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the
More informationChaos Culture. MIDI Modulators / Multiclip Note preview 1.6. Edited by Jason Cowling
Chaos Culture Introduction... 2 Important stuff... 2 Setup... 3 Editing clips... 4 Using the editor... 5 Modulators... 8 Settings... 9 Work$ow settings... 10 Performance... 13 Future updates... 13 1.8.99
More informationHeader. Article. Footer
Styling your Interface There have been various versions of HTML since its first inception. HTML 5 being the latest has benefited from being able to look back on these previous versions and make some very
More informationPresents: PowerPoint 101. Adapted from the Texas State Library s TEAL for All Texans Student Resources Manual
Presents: PowerPoint 101 Adapted from the Texas State Library s TEAL for All Texans Student Resources Manual PowerPoint Topics Intro to PowerPoint Designing a Presentation The Next Level Goals and Objectives
More informationCUSTOMER PORTAL. Custom HTML splashpage Guide
CUSTOMER PORTAL Custom HTML splashpage Guide 1 CUSTOM HTML Custom HTML splash page templates are intended for users who have a good knowledge of HTML, CSS and JavaScript and want to create a splash page
More informationDiscovering the Mobile Safari Platform
Introducing the iphone and ipod touch Development Platform The introduction of the iphone and subsequent unveiling of the ipod touch revolutionized the way people interacted with handheld devices. No longer
More informationUsing Sitecore 5.3.1
Using Sitecore 5.3.1 An End-User s Guide to Using and Administrating Sitecore Author: Sitecore Corporation Date: December 12, 2007 Release: Rev. 1.0 Language: English Sitecore is a registered trademark.
More informationSelection tool - for selecting the range of audio you want to edit or listen to.
Audacity Quick Guide Audacity is an easy-to-use audio editor and recorder. You can use Audacity to: Record live audio. Convert tapes and records into digital recordings or CDs. Edit sound files. Cut, copy,
More informationCOPYRIGHTED MATERIAL. Lesson 1
Lesson What you ll learn in this lesson: Adding files to the Organizer Understanding workspaces Using the Photo Downloader Creating an album Importing your Photos into Adobe Photoshop Elements Adobe Photoshop
More informationPortable Music Studio
Everything you need, all in one. いつでも どこでも 作曲 Instruction Manual (08-2018) Portable Music Studio 1 Contents Features... 3 Basic Controls...4 - Menus and saving.. 5 Pattern Mode... 6 Global Pattern Settings...7
More informationIndex LICENSED PRODUCT NOT FOR RESALE
Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using
More informationContact at Once Widget..5. Contact Us Widget...5 Contact Info Widget. 6 Dealership Contacts Widget. 6
Table of Contents Flexible Design Overview. 3 Selecting the Flex Design. 3 Widget Overview. 4 Configuring Widgets..5 Contact at Once Widget..5 Contact Us Widget...5 Contact Info Widget. 6 Dealership Contacts
More informationThe Kurzweil K2000 & Galaxy Intro: Phase One: Phase Two:
The Kurzweil K2000 & Galaxy Intro: The Kurzweil K2000 is arguably the most powerful synthesizer in the OU MIDI Lab. It is definitely the most flexible and programmable. But to realize this power and flexibility
More informationAeolian Meditation. User Manual. All that we see or seem is but a dream within a dream. - Edgar Allan Poe
Aeolian Meditation User Manual All that we see or seem is but a dream within a dream. - Edgar Allan Poe The ultimate soundscape generator. Pure and meditative or an alien landscape. Ocean waves or an industrial
More informationORB Education Quality Teaching Resources
These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best
More informationFORMS. The Exciting World of Creating RSVPs and Gathering Information with Forms in ClickDimensions. Presented by: John Reamer
FORMS The Exciting World of Creating RSVPs and Gathering Information with Forms in ClickDimensions Presented by: John Reamer Creating Forms Forms and Surveys: When and What to Use them For Both Allow you
More informationInDesign UX Design Patterns. by Justin Putney
InDesign UX Design Patterns by Justin Putney InDesign UX Design Patterns Hi, I m Justin Putney, Owner of Ajar Productions. Thanks for downloading this guide! It s full of ways to create interactive user
More informationWorking with Sound in PowerPoint
IMC Innovate Make Create https://library.albany.edu/imc/ 518 442-3607 Working with Sound in PowerPoint Adding sound to a PowerPoint presentation can be very useful. Most people know that music can be inserted
More informationINSTALLATION. UNDERSCORE is a sample library for Native Instruments Kontakt 5.3 and later. It will NOT work with the free Kontakt Player.
INSTALLATION UNDERSCORE is a sample library for Native Instruments Kontakt 5.3 and later. It will NOT work with the free Kontakt Player. Before loading any of the instruments in the Instruments folder,
More informationAgent and Agent Browser. Updated Friday, January 26, Autotask Corporation
Agent and Agent Browser Updated Friday, January 26, 2018 2018 Autotask Corporation Table of Contents Table of Contents 2 The AEM Agent and Agent Browser 3 AEM Agent 5 Privacy Mode 9 Agent Browser 11 Agent
More informationFor today, choose Format: NTSC Rate: Use: DV-NTSC Anamorphic (North American, widescreen)
Final Cut Pro Final Cut Pro is a sophisticated video-editing program made by Apple. It is the editing software of choice for multimedia journalists using Apple computers, and is comparable to Adobe's Premiere
More informationVideos...31 Training Videos...32 Webinar recording: Monday 5th December
GATORCREATOR Table of Contents Articles... 3 Drag and Drop Email Editor (Overview)... 4 Hidden Elements...15 Tracked Mailto: Links...18 Template Restrictions Custom Templates...21 Nifty Images User Guide...22
More informationYuJa Enterprise Video Platform WCAG 2.0 Checklist
Platform Accessibility YuJa Enterprise Video Platform WCAG 2.0 Checklist Updated: December 15, 2017 Introduction YuJa Corporation strives to create an equal and consistent media experience for all individuals.
More informationSounds of the Delta Kontakt instrument.
Sounds of the Delta Kontakt instrument. INDEX 1...How to Install/Load presets. 2...Overview of instrument. 3...Sequencer 4...Effects section and controls. 5...Credits. Thank you for buying our latest Kontakt
More informationEasyStart. EMX1 Main Features. EasyStart CONTENTS
EasyStart EMX1 Main Features ValveForce Technology adds tube warmth using two 12AX7 tubes with a separate gain knob. MMT Technology with 16 different types of synthesis for totally new and dynamic sounds.
More informationEmbeddedSPARK 2010 Round 2 Description
EmbeddedSPARK 2010 Round 2 Description Randall Maas 6604 Silent Creek Ave SE Snoqualmie, WA 98065 This is a description of my prototype for the EmbeddedSPARK 2010 challenge. I built an interactive entertainment
More informationPSQ-1684 Operation Manual
PSQ-1684 Operation Manual Version 3.0.0 1 Table of Contents Table of Contents Introduction Quick Start Main Clock Section Run Sync & Rate Shuffle Reset CV Reset CV Run Chaining PSQs Pulse Section Generator
More informationUser Manual. Administrator s guide for mass managing VirtueMart products. using. VM Mass Update 1.0
User Manual Administrator s guide for mass managing VirtueMart products using VM Mass Update 1.0 The ultimate product management solution for VirtueMart! Contents Product Overview... 3 Feature List...
More informationBefore you begin, make sure you have the images for these exercises saved in the location where you intend to create the Nuklear Family Website.
9 Now it s time to challenge the serious web developers among you. In this section we will create a website that will bring together skills learned in all of the previous exercises. In many sections, rather
More informationPS04 Pattern Editor. Last Update: Feb,
PS04 Pattern Editor www.soundside.de Last Update: Feb,12 2004 Index 1. Introduction. 2. Overview of the Pattern Editor. 3. Setting up the Pattern Editor. 4. Loading and playing a Rhythm Pattern in the
More informationXMReality 6. User Manual for Windows XMReality AB Teknikringen 10, 8 fl SE Linköping Sweden
XMReality 6 User Manual for Windows - 6.3 1 XMReality AB Teknikringen 10, 8 fl SE-583 30 Linköping Sweden Introduction This is a user manual for XMReality Remote Guidance Generation 6 for Windows. An account
More informationCOMPUTER DESCRIPTION...
Conventions used in this document: Keyboard keys that must be pressed will be shown as Enter or Ctrl. Controls to be activated with the mouse will be shown as Start button > Settings > System > About.
More informationInear Display AMALGAME
Inear Display AMALGAME User Guide Version 1.1 Table Of Contents Introduction 3 Overview 4 Installation and First Launch 5 Interface Overview 6 Loading and Saving Presets 7 Effects 8 XY Pad 9 Sequences
More informationMintySynth Software Manual v. 4.2
MintySynth Software Manual v. 4.2 mintysynth.com info@mintysynth.com Contents Introduction I. Demo Song and Live Mode a. Demo Song b. Tempo c. Swing d. Waveform e. Duration f. Envelope II. III. IV. Photocell
More informationI. Introduction General Introduction Features Requirements Design View Device View... 4 II.
I. Introduction... 2 1. General Introduction... 2 2. Features... 3 3. Requirements... 3 4. Design View... 3 5. Device View... 4 II. Build-in Devices... 5 1. ASIO Audio Interface... 5 2. MIDI In/MIDI Out...
More informationWorkshop. Automation ÂØÒňΠMV-8000
ÂØÒňΠMV-8000 Workshop Automation 2006 Roland Corporation U.S. All rights reserved. No part of this publication may be reproduced in any form without the written permission of Roland Corporation U.S.
More informationUsing The Akai MPC With Ableton Live
Using The Akai MPC With Ableton Live Written By Andy Avgousti (MPC-Tutor) Copyright Andy Avgousti 2012 Published by MPC-Samples.com 2012 All rights reserved. No part of this book, nor any of its associated
More informationUser Manual. Page-Turning ebook software for Mac and Windows platforms
User Manual Page-Turning ebook software for Mac and Windows platforms 3D Issue is a digital publishing software solution that converts your pdfs into online or offline digital, page-turning editions. Getting
More informationWelcome Installation Authorization The T-Pain Engine: Quick Start Interface Sound Check... 10
CONTENTS Welcome... 5 Installation... 5 Authorization... 6 The T-Pain Engine: Quick Start... 8 Interface... 8 Sound Check... 10 The T-Pain Engine: First Steps... 11 Beat... 11 Vocals... 14 FX... 15 Mixdown...
More informationIntroduction to HTML & CSS. Instructor: Beck Johnson Week 5
Introduction to HTML & CSS Instructor: Beck Johnson Week 5 SESSION OVERVIEW Review float, flex, media queries CSS positioning Fun CSS tricks Introduction to JavaScript Evaluations REVIEW! CSS Floats The
More informationStyles, Style Sheets, the Box Model and Liquid Layout
Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of
More informationABOUT THIS COURSE... 3 ABOUT THIS MANUAL... 4 LESSON 1: MANAGING LISTS... 5
Table of Contents ABOUT THIS COURSE... 3 ABOUT THIS MANUAL... 4 LESSON 1: MANAGING LISTS... 5 TOPIC 1A: SORT A LIST... 6 Sort a list in A-Z or Z-A Order... 6 TOPIC 1B: RENUMBER A LIST... 7 Renumber a List
More informationMV-8800 Production Studio
ÂØÒňΠWorkshop MV-8800 Production Studio Auto Chop 2007 Roland Corporation U.S. All rights reserved. No part of this publication may be reproduced in any form without the written permission of Roland
More informationInstructions for Web Content Creators and Web Editors Web Transformation design extensions
Web Services and Information Policy Instructions for Web Content Creators and Web Editors Web Transformation design extensions Version 1.2 December 2013 I:\UIWS\Projects\Web Transformation Program\Projects\Completed\2012\Web
More informationINTRODUCTION TO SAMPLING 1
INTRODUCTION TO SAMPLING 1 1.1 What is sampling? This book is an introduction to the creation of virtual instruments through sampling. Sampling is the process of recording a sound source one part at a
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationWeb Design and Implementation
Study Guide 3 - HTML and CSS - Chap. 13-15 Name: Alexia Bernardo Due: Start of class - first day of week 5 Your HTML files must be zipped and handed in to the Study Guide 3 dropbox. Chapter 13 - Boxes
More informationUI Elements. If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI)
UI Elements 1 2D Sprites If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI) Change Sprite Mode based on how many images are contained in your texture If you are
More informationHome Concert Xtreme 3 for ios User Guide
Home Concert Xtreme 3 for ios User Guide Copyright 2014, 2017 TimeWarp Technologies Inc. All rights reserved worldwide. No part of this publication may be reproduced, stored in a retrieval system, or transmitted,
More informationDreamweaver: Web Forms
Dreamweaver: Web Forms Introduction Web forms allow your users to type information into form fields on a web page and send it to you. Dreamweaver makes it easy to create them. This workshop is a follow-up
More informationACCUFAST. LPX Printer Printing Guide
ACCUFAST LPX Printer Printing Guide Printing Overview The first step in printing a file is loading that file. The GUI has a number of features that allow it to read a large number of different file types,
More information16A CSS LAYOUT WITH FLEXBOX
16A CSS LAYOUT WITH FLEXBOX OVERVIEW Flexbox terminology Flexbox containers Flow: Flow direction and text wrap Alignment on main and cross axes Specifying how items in a flexbox "flex" Changing the order
More informationConversations at the Kitchen Table Anna Bartlett, Ben Papp, Spencer Perry, Jake Zaslav
Electronic Musical Instrument Design Spring 2018 Anna E. Bartlett Conversations at the Kitchen Table Anna Bartlett, Ben Papp, Spencer Perry, Jake Zaslav 1. Introduction Conversations at the Kitchen Table
More informationUser Interfaces for Web Sites and Mobile Devices. System and Networks
User Interfaces for Web Sites and Mobile Devices System and Networks Computer Systems and Networks: Device-Aware Interfaces Interfaces must take into account physical constraints of computers and networks:
More informationIAB Digital Video Filmstrip Digital Video Rising Star Ad Unit. Style Guide and Tech Specs
1 IAB Digital Video Filmstrip Rising star - Style Guide and Tech Specs V9 for Public Comment IAB Digital Video Filmstrip Digital Video Rising Star Ad Unit Style Guide and Tech Specs Created by In Partnership
More informationTips and Techniques for Designing the Perfect Layout with SAS Visual Analytics
SAS2166-2018 Tips and Techniques for Designing the Perfect Layout with SAS Visual Analytics Ryan Norris and Brian Young, SAS Institute Inc., Cary, NC ABSTRACT Do you want to create better reports but find
More informationMorphEdit for Windows. Copyright 1994,1995,1996 PJA White
MorphEdit for Windows Copyright 1994,1995,1996 PJA White Table of Contents 1. INTRODUCTION... 1 2. REQUIREMENTS... 2 3. INSTALLATION... 3 4. STARTING THE EDITOR... 4 5. MODES OF OPERATION... 5 5.1 STAND-ALONE
More informationNotes - CSS - Flexbox
Notes - CSS - Flexbox Dr Nick Hayward A general intro and outline for using flexbox with HTML5 compatible apps. Contents intro basic usage axes flex direction flex item wrapping flex-flow shorthand sizing
More informationMV-8000 Production Studio. When asked So what s up with the new MV-8000? Here are the opening points to hit The MV-8000 has:
The Main Points When asked So what s up with the new MV-8000? Here are the opening points to hit The MV-8000 has: Integrated Sampling, MIDI Sequencing, and Audio Recording 2 Samplers In One High Quality
More informationFPDJ. Baltazar Ortiz, Angus MacMullen, Elena Byun
Overview FPDJ Baltazar Ortiz, Angus MacMullen, Elena Byun As electronic music becomes increasingly prevalent, many listeners wonder how to make their own music. While there is software that allows musicians
More informationMastertracks Pro 4 Review
Mastertracks Pro 4 Review Introduction The Macintosh sequencer wars are really starting to hot up with the release of Mastertracks Pro 4 from Passport Designs Inc. First this year there was OpCode s Vision,
More informationUser Guide. FingerBeat 2.0. manual version 1.1
User Guide FingerBeat 2.0 manual version 1.1 1 Dear Friend, Thank you for downloading & supporting our work. FingerBeat is an easy to use pocket sampler, drum machine designed for intuition and creative
More informationWindows 10: Part 2. Updated: May 2018 Price: $1.80
Windows 10: Part 2 Updated: May 2018 Price: $1.80 A Special Note on Terminology Windows 10 accepts both mouse and touch commands. This means that you could either use mouse clicks or touch gestures interchangeably.
More informationRyan Parsons Chad Price Jia Reese Alex Vassallo
Ryan Parsons - Paper Prototype, Writing Chad Price - Paper Prototype, Digital Mockup Jia Reese - Paper Prototype, Usability Testing Alex Vassallo - Usability Testing, Writing All we have to decide is what
More informationCreating Content with iad JS
Creating Content with iad JS Part 2 The iad JS Framework Antoine Quint iad JS Software Engineer ios Apps and Frameworks 2 Agenda Motivations and Features of iad JS Core JavaScript Enhancements Working
More informationSAINT LOUIS DREAMA Page 2 of 12
Page 2 of 12 END USER LICENCE AGREEMENT (EULA) Do not use or install the product, software and sound ware and all contents, If you do not agree with these following conditions. By installing or using this
More informationand close the various Traktor Panels. Setup: click on the setup icon to open the setup dialog. Close: clicking this icon will close TRAKTOR DJ Studio.
Welcome... TRAKTOR DJ Studio 2 Quick Reference...to TRAKTOR DJ Studio 2, the latest and most advanced version of the software that changed the way DJs think about computers. We ve introduced a number of
More informationIntegrating Facebook. Contents
Integrating Facebook Grow your audience by making it easy for your readers to like, share or send pages from YourWebShop to their friends on Facebook. Contents Like Button 2 Share Button.. 6 Send Button.
More informationCollaborate in Qlik Sense. Qlik Sense February 2018 Copyright QlikTech International AB. All rights reserved.
Collaborate in Qlik Sense Qlik Sense February 2018 Copyright 1993-2018 QlikTech International AB. All rights reserved. Copyright 1993-2018 QlikTech International AB. All rights reserved. Qlik, QlikTech,
More informationEastern Percussion Module
Eastern Percussion Module VERSION 1.0 USER MANUAL 1. INTRODUCTION Thank you for purchasing the Zero-G Eastern Percussion Module. This fantastic library was created to help musicians and composers to achieve
More informationXMReality 6. User Manual for Windows XMReality AB Teknikringen 10, 8 fl SE Linköping Sweden
XMReality 6 User Manual for Windows - 6.2 1 XMReality AB Teknikringen 10, 8 fl SE-583 30 Linköping Sweden Introduction This is a user manual for XMReality Remote Guidance Generation 6 for Windows. An account
More informationSH-2. PLUG-OUT Software Synthesizer Owner s Manual
SH-2 PLUG-OUT Software Synthesizer Owner s Manual Copyright 2014 ROLAND CORPORATION All rights reserved. No part of this publication may be reproduced in any form without the written permission of ROLAND
More information