-
Notifications
You must be signed in to change notification settings - Fork 0
/
Blog.html
67 lines (61 loc) · 9.48 KB
/
Blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<DOCTYPE! html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blog Cadenza </title>
<link rel= "stylesheet" href="home_style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
</head>
<body>
<ul class = "navbar">
<li><a href="https://alexsouthwick.github.io/index.html">Home</a></li>
<li><a href="https://alexsouthwick.github.io/AboutProduct.html">About Product</a></li>
<li><a href="https://alexsouthwick.github.io/IntroMusic.html">Intro to Music</a></li>
<li> <img class= "logo2" src="http://i63.tinypic.com/2hxone8.png" /> <li>
</ul>
<h1> Cadenza Blog</h1>
<div class = "journal_entry">
<h4> Day 1 </h4>
<p id = "entry">
<b>Monday 8/1, Alex: </b> Today was mostly brainstorming and firming up ideas. We wrote our MVP, stretch goals and our general “marketing strategy”. We also drew out a basic prototype for how we want it to look on Photoshop. We decided to make two set rhythms that the user can choose from, and assigning the notes to those rhythms. Chloe started by looking up possible rhythms and coding it out in a rectangular format. Shruti started researching ways in which we could include the audio part of our website and started testing different programs. I started researching how to make drag and drop blocks, and made the basic outline of the blocks and bar. We have made a schedule and are prepared for the rest of the week. I am excited about this project and I am sure that we can complete everything we want!
</p>
<div class= "JournalImage">
<img src="http://i64.tinypic.com/2uqes1l.png" />
</div>
<h4> Day 2 </h4>
<p id = "entry">
<b>Tuesday 8/2, Shruti: </b> Today we made a lot of progress on our project. Alex was able to create multiple draggable objects, and she found the length of the list! Chloe was able to create two rhythms (“Disney” and “Allegro”) and make the appropriate one appear under a draggable note box when clicked [and, to indicate selection, changes the color of the button]. I finished creating the pause button and created 4 individual buttons, each playing separate melodies (4 notes each) using the oscillator. Even though we’ve encountered numerous errors today (some still unresolved), I’m proud to say we’re actually ahead of schedule.
</p>
<div class= "JournalImage" id= "img2">
<img src="http://i65.tinypic.com/2gxocy1.jpg"/></div>
<h4> Day 3 </h4>
<p id = "entry">
<b>Wednesday 8/3, Chloe: </b> Today was a major work day for us. After laying down the groundwork on Monday and Tuesday, we began the difficult job of implementing the integral components of our website, including playing the song. This morning, Shruti greeted us with the news that she would have to spend a day figuring out how to use the oscillator to play the notes for different durations of time. Without it, the oscillator would naturally play all the notes for the same length of time (1000 divided by one specific number). In order to go around it, Shruti plans to use a dictionary to assign the note name (e.g. half, quarter, sixteenth, etc.) to the number by which 1000 divides and then run through a list to play all notes for the correct duration. Alex and Shruti spent the day working on adding elements to a song list. So, when the draggable object with the note combination is dragged into a droppable object, it adds the specific set of notes, in that order, to a list, which will be played when we press the play button (which we hope to implement later). I extended the Disney and the Allegro patterns to 12 measures each and finished the horizontal scroll on the window with the beats and the Drag-and-Drop. I also created a side panel to put the note combinations with a menu panel at the top for the different number of notes in the note combination. (Users must match the number of notes in the note combination to the number of notes in the measure (indicated by the rectangular blocks).
</p>
<h4> Day 4 </h4>
<p id = "entry">
<b>Thursday 8/4, Alex:</b> Today was a less intense workday today but we still got a lot done. We got text to appear on the droppable blocks when the draggable blocks are dropped in and we spent a lot of time fixing a bug that made the blocks move down when the text was changed. For some reason whenever we pulled or pushed our javascript file, parts of the code were duplicated. When I tried to delete some of the duplicates, a bug appeared that made the music not play. Shruti spent a lot of the day trying to make a final edit of the files because the duplicated were creating bugs. She (with the help of Erica) finally managed to make a final draft of the js file that didn’t have any bugs; we just have to be more careful pulling and pushing in the future. I added a basic homepage for our site that links to our blog, more information, and the application itself. I also added a home button to the app site so that people can go home from the app. I think we have come really far and I’m excited to see what else we can do with this project.
</p>
<div class= "JournalImage" id= "img3">
<img src="http://i64.tinypic.com/2il2b2r.jpg"/></div>
<h4> Day 5 </h4>
<p id = "entry">
<b>Friday 8/5, Shruti:</b>Today was a slow day for us. Chloe made the clear button physically clear the song, so users could restart a song. Alex worked on making our site more user friendly and better to look at (aka a smort looking website). She changed site colors and formatting. Chloe and Alex worked together to add links to the blog and other features on our home page. Today, I cleaned up some previous bugs and experimented with the oscillator to try to change the durations of the notes to match rhythms - a process that is still in progress. Even though today was a slow day, I’m really proud of where we currently are with our site and I’m excited to present our product next week!
</p>
<div class= "JournalImage">
<img src="http://i63.tinypic.com/1zwj6ug.png"/></div>
<h4> Day 6 </h4>
<p id = "entry">
<b>Monday 8/8, Chloe: </b> Today was quite an eventful and exciting day. We spent the morning working on various tasks and taking a break from playing the song with the correct beats, with Alex adding more note combinations and adding instructions (and disclaimers) in the form of pop-up alerts and Shruti adding information to the Intro to Music page of the website. Alex researched and experimented with the oscillator waves in an attempt to make the music less harsh and annoying. I spent the morning implementing the hover function, where the oscillator plays the note sequence when the mouse passes over it. Towards the latter part of the morning, I researched more into the oscillator (because Shruti worked all Sunday trying to figure it out) and found a module called Band.js, which simplified the oscillator and had many pre-made functions. Right after I figured out how to work it, I began implementing it on our own site, replacing our old oscillator code. We spent lunchtime thinking about how we might make it suit our own problems, and after lunch saw a major breakthrough, as we were finally able to play the notes for different durations. This completed our MVP, and I’m really looking forward to beginning to work on some of our stretch goals.</p>
<div class= "JournalImage" id= "img4">
<img src = "http://i65.tinypic.com/30mp95f.png"/></div>
<h4> Day 7 </h4>
<p id = "entry">
<b>Tuesday 8/9, Alex: </b> Although today was mostly fixing small problems and making the pages asthetically pleasing and user friendly, we still got a lot done. Shruti spent most of the day choosing background images for the pages and making them professional and also trying to make all of us happy, which is a hard job. Shruti also designed and made a logo for Cadenza on photoshop. Tha night before Chloe had made a completely new function in which the user can customize their rhythm. We spent most of the day perfecting this function and fixing small bugs that came up. She also redesigned the navigation bar to make everything sleeker and easier to use. In the morning I focused on changing the text in the beat boxes when beats were dragged in. Once we had made everything the way we wanted it, we asked a friend to try and use the app to make sure all of the instructions were clear. Both she and our teacher agreed that the alerts that we had our instructions in were annoying and unclear, which made the app very hard to use. Now we are trying to decide how to make the instructions more clear and concise for our users. Even though no huge changes were implemented today, I am super proud of our (almost) finished product. The pages are beautifully designed and written, and even if no one else can figure out how to use our app or take the time to read all of the pages that we have written, I am so immensely proud of my team and what we have created. </p>
<div class= "JournalImage" id= "img4">
<img src = "http://i66.tinypic.com/fxxdur.png"/></div>
</div>
</body>
</html>