FEED Validator

for Atom and RSS and KML

Congratulations!

This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

line 9, column 35: Self reference doesn't match document location [help]

      type="application/rss+xml" />
                                   ^

line 24, column 0: content:encoded should not contain original-url attribute (274 occurrences) [help]
```
      <content:encoded><![CDATA[<a href="https://msdnshared.blob.core.win ...
```
line 24, column 0: style attribute contains potentially dangerous content: currentcolor (105 occurrences) [help]
```
      <content:encoded><![CDATA[<a href="https://msdnshared.blob.core.win ...
```

Source: https://blogs.msdn.microsoft.com/studentdeveloper/feed/

<?xml version="1.0" encoding="utf-8"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
version="2.0">
<channel>
<title>Student Developer</title>
<atom:link
href="https://docs.microsoft.com/archive/blogs/studentdeveloper/feed.xml"
rel="self"
type="application/rss+xml" />
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/feed.xml</link>
<description />
<lastBuildDate>Wed, 17 Apr 2019 03:27:10 GMT</lastBuildDate>
<language>en-US</language>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<item>
<title>MSP+Sphero Pilot: Final Video Showcase (Group B)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-final-video-showcase-group-b</link>
<pubDate>Thu, 23 Jul 2015 10:09:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/07/23/mspsphero-pilot-final-video-showcase-group-b/</guid>
<description><![CDATA[The projects are officially complete. This has been quite the accomplishment for...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png" alt="" width="1000" /></a>
The projects are officially complete. This has been quite the accomplishment for these 10 Microsoft Student Partners and we hope everyone has enjoyed the journey they've taken us, and their Sphero robots, on. Throughout this last month we've witnessed the MSPs build some fun and exciting projects, we've seen them run into challenges and roll through them, and we've hopefully started a pilot program that will continue to grow and expand into the future. Congratulations to all the students involved for contributing and we look forward to next year's MSP program and more fun things to come!
Also, the MSPs were so awesome throughout the pilot that <a title="How these Microsoft student developers are using the Sphero robotic ball" href="http://www.geekwire.com/2015/how-these-microsoft-student-developers-are-using-the-sphero-robotic-ball/">GeekWire, a local tech blog, wrote an article about them</a> - so make sure and check that out and share it with your friends! 
Let's check out Group B's final video showcases! 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure, Windows Phone <a href="https://www.hackster.io/michstmatt/sphero-pilot">Hackster.io</a> <a href="https://github.com/michstmatt/Sphero-Azure-GPS">Github</a>
Project Recap: In the end my Sphero can be controlled remotely from anywhere in the world. You can even use Cortana voice commands from your phone or your Microsoft Band. From the beginning I came up with the idea to control a robot from another room and the ability for the robot to navigate it remotely. I began to think of the best way to send and receive the data, and Azure was the best solution. With lightning fast read write operations and real-time analytics Azure storage is the best way to go. So of the challenges that I faced actually had to do with the trigonometry, typically in math when a vector pointed at 0 degrees only the X value would change, whereas with the Sphero, the Y value changes when rolled at 0 degrees. So your Sphero would roll at its complementary angle, and since I implemented a simple PID theory (proportion, integral, derivative) as the ball got farther from its destination it would speed up!
Eventually I would love to use the native Windows SDK from Sphero once they have this finalized, this would cut down on lag and give the ability for people with just a Windows Phone to control the Sphero. The data could still be sent to Azure for analytics and possibly Machine Learning!
Project Showcase: <a title="Sphero Showcase" href="https://youtu.be/yYNxc5VqAW8" target="_blank"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2818.MattP_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2818.MattP_5F00_1.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, XB1 Controller <a href="https://www.hackster.io/Vitontonio/sphero-drive">Hackster.io</a> <a href="https://github.com/Assassin0795/MSP_SpheroPilot-Sphero-Drive">Github</a>
Project Recap: Sphero Drive, while being in a less favorable state than I’d prefer, has been a really fun project. At the start, I had zero experience with Node.js and only very basic experience with JavaScript. My main challenge came down to Xbox One controller support in Node.js and managing my time. Unfortunately there just isn’t enough support quite yet for the XB1 controller to work well with the project – it is detected and it sends input, but not the right input. Given the opportunity to expand on this project more, I would most likely develop a Node.js library that supports the XB1 controller. For now, keyboard input exists and it will also log the interpreted input of the XB1 controller. Project Showcase: <a title="Sphero Showcase" href="https://youtu.be/f3L40iQTrPg" target="_blank"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6431.Tony_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6431.Tony_5F00_1.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio, Node.js Tools for Visual Studio <a href="https://www.hackster.io/vadlak/sphero-floor-plan">Hackster.io</a> <a href="https://github.com/vadlak/MSP_SpheroPilot-Sphero-Floor-Plan">Github</a>
Project Recap: I can now generate an, albeit, basic floor plan by driving around my Sphero. Everything from learning the Sphero SDK to Node.js has been an absolute blast. I would say the majority of the problems I had stemmed from issues with blue tooth connectivity. The moment I generated a floor plan using the Sphero was definitely my favorite moment as I got to see the project I have been working on actually create something. Using the Sphero's odometer I was able to keep a track of the distance traveled and used the previous key press to determine the direction of movement and combined that all to put together a floor plan.
Project Showcase: In the video below I am showing off the various functions that I have created as well as the final floor plan that gets generated when I am finished and hit the generate floor plan button. <a title="Sphero Showcase" href="https://onedrive.live.com/redir?resid=CCBEE0080AF41FF5!75293&authkey=!AC-qsWxNqbe7T5o&ithint=video%2cmp4" target="_blank"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4426.Peyton_11.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4426.Peyton_5F00_11.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg" alt="" border="0" /></a>
Tech Toolkit: Sphero, Sphero SDK, Windows Phone Dev Kit, Visual Studio <a href="https://www.hackster.io/Nbot07/sphero-trainer">Hackster.io</a> <a href="https://github.com/Nbot07/MSP_SpheroPilot-Sphero-Trainer">Github</a>
Project Recap: Teaching Ax some new moves was not quite as simple as I imagined. When I first played the Sphero, I was thrilled to discover that it had a 3 axis accelerometer and a 3 axis gyro. As a robotics enthusiast, it wasn’t long before my mind drifted toward inertial navigation systems (INS). Unfortunately, there were many other things drifting, which made it extraordinarily difficult to integrate accelerometer and gyro data into velocities and distances. Within seconds the Sphero’s velocity readings were so far off that at rest the velocity would still read over 10m/s and climbing. Distance, being the second integration, was even further off.
So, how could I determine the accuracy of a move and give useful feedback? I tried simply calculating percent error point by point. However, the accelerometer values drift about 100 units (1/4096 G) even at rest. So, I eventually figured that I could simply allow the user to specify a margin of error and use that number to set a range that would determine accuracy.
Despite some of the not-so-trivial challenges, I really enjoyed being part of this pilot. I still want to solve that INS problem, and I recently found how to create html apps that include JavaScript for Windows Phones in Visual Studio Community. So, I think I’ll be playing with Ax a little more this summer. Overall this project was fantastic, but my favorite part is actually more of a quote from the kickoff call.: “We’re all Beta testers at heart” – Matt Secord, MSP Program Manager
Project Showcase: Sphero Trainer can record moves and asses the accuracy of a move being performed. <a title="Ax Sphero Showcase" href="https://youtu.be/nBav533L8tc" target="_blank"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2046.Nse_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2046.Nse_5F00_1.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero 2.0 Robotic Ball, Xbox 360 Gamepad, Xbox 360 Wireless Gaming Receiver for Windows (required only if using a wireless Gamepad), Windows Computer with Bluetooth <a href="https://www.hackster.io/HypersonicApps/msp-spheropilot-sphero360">Hackster.io</a> <a href="https://github.com/Shane904/MSP_SpheroPilot--Sphero360">Github</a>
Project Recap: I was able to achieve my goal of controlling the Sphero using an Xbox 360 Gamepad by making a C# frontend that talks to the Node.js backend. The official apps for controlling the Sphero make the Sphero roll in the direction that the virtual joystick is pressed. Sphero360 is different - it makes it function more like a racing game or a remote control car with turning and acceleration.
I was a bit nervous at the kick-off of the project, as I hadn’t worked with Node.js before this. After getting familiar with Node.js and the Orbotix SDK for Sphero, all of the pieces started to fit together.
My biggest challenge was figuring out how to get the Gamepad to work with Node.js. There were some ways to read Gamepad input with Node.js, but they didn’t give me all the information I needed. I overcame this by making a C# frontend that gets the information from the Gamepad using the Microsoft XNA Framework, and then sending the information to the Node.js backend.
My favorite moment during the MSP+Sphero pilot was when my program malfunctioned! I made a typo in some code, and the Sphero rolled away on its own. It was pretty difficult to catch it!
I plan on continuing to add on to Sphero360. While it is finished and does what I set out to do, I have some ideas to make it even better! I also plan on making the interface more user friendly.
Project Showcase: Here’s a video that shows how to use Sphero360, and an obstacle course to show it off! <a title="Sphero Showcase" href="https://youtu.be/appGwseon5Q" target="_blank"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2465.Shane_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2465.Shane_5F00_1.png" alt="" border="0" /></a> Thanks again, and congrats MSPs, for a successful and enjoyable journey.
Roll On]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Final Video Showcase (Group A)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-final-video-showcase-group-a</link>
<pubDate>Mon, 20 Jul 2015 15:48:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/07/20/mspsphero-pilot-final-video-showcase-group-a/</guid>
<description><![CDATA[What a journey! Over the last month these MSPs have gone above-and-beyond to complete their...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0358.Banner_SavePaint1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0358.Banner_5F00_SavePaint1.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0358.Banner_SavePaint1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0358.Banner_5F00_SavePaint1.png" alt="" width="1000" /></a>
What a journey! Over the last month these MSPs have gone above-and-beyond to complete their projects, but the MSP+Sphero Pilot has finally come to completion for Group A. Along the journey they've learned new skills, challenged themselves, and ultimately produced fun and exciting projects while utilizing Sphero and Microsoft technologies. 
Let's check out Group A's video showcases below!  
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure <a href="https://www.hackster.io/rkhadder/sphero-morse-code">Hackster.io</a> <a href="https://github.com/rkhadder/MSP_SpheroPilot-Sphero-Morse-Code">Github</a>
Project Recap: Creating Sphero Morse Code (SMC) was a blast. I set out to create a different and fun way to communicate using the Sphero and Azure and I think SMC does that. Leveraging the Sphero.js framework was super simple and straightforward, with little experience in JavaScript and no experience in node.js I was able to pick it up in a few hours. The most difficult part was setting up Sphero.js to work with Node-Web kit; it turns out Sphero.js has a dependency that needs to be recompiled to target node-web kit instead of node.js. Figuring out how to do that was the hardest part of the project. Using Azure’s JavaScript library was also surprisingly easy. I was able to set up an entire mobile service using the Azure portal and by writing a few lines of code I had a messaging service setup. My favorite part was when I was able to send and receive Morse code messages to my friend and fellow MSP Jacen Sherman. Going forward I want to refine the entire messaging aspect, implementing things like usernames, message history, and multiple message threads. I also want to improve on the UI and UX of the app.
Project Showcase: Sphero Morse Code is a new way to communicate – using Sphero you can send and receive encrypted messages to your friends! <a title="Sphero Morse Code - Sphero Showcase" href="https://youtu.be/Mlzsd-ZYrOY" target="_blank"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7558.Ramsey_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7558.Ramsey_5F00_1.png" alt="" border="0" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, Azure, Windows 8 <a href="https://www.hackster.io/jacensherman/tap-of-war">Hackster.io</a> <a href="https://github.com/jacensherman/MSP_SpheroPilot--Tap-Of-War">Github</a>
Project Recap: Now that this pilot program is coming to an end, I’m excited to share with you all the progress I have made. My biggest challenges along the way were centered on convincing the Sphero to connect properly to my computer or getting Sphero.js to work with Node-Web kit. I was able to get some help from other pilot program MSPs and am grateful for all their support. My favorite moment in the pilot program was seeing my code move Rupert (my Sphero) for the first time! I’ll never forget that first connection I had with Rupert. My plans for a finished product are nearly complete, I just have to finish the How To page and complete testing. I have not decided yet whether I will publish this game though. Hope you all learned as much as possible and enjoy playing the game yourself!
Project Showcase: Here it is guys! Here is everything I have been working towards laid out in one, sort of fun, video. Hope you enjoy!
<a title="Tap of War - Sphero Showcase" href="https://youtu.be/V3cloe6CMss"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6355.Jacen_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6355.Jacen_5F00_1.png" alt="" border="0" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero Robotic Ball, Sphero.js SDK, Apache Cordova, PeerJS, Microsoft Azure <a href="https://hackster.io/jbakita/sphero-share">Hackster.io</a> <a href="https://github.com/JoshuaJB/MSP_SpheroPilot_Sphero-Share">Github</a> Project Recap: This project is now over a thousand lines of open source code. From the beginning in learning Node.js and Sphero.js, to laying out the communication profiles and UI, to the final application – I’ve learned an unbelievable amount. I now have a multi-platform, multi-user, real-time Sphero control platform. It highlights the beauty of material design, the power of Azure, and the simplicity of Node. I can just remember my joy at the moment when I sent the first functional command to change the Sphero’s color wirelessly through the web.
Where to next: The next steps for this project lead towards integrating more of the Sphero’s SDKs – allowing a user to not only share control from their laptop, but from their phone as well. With the addition of the phone’s camera, the application could be made to work not only for users in the same room, but for users from across the globe. Contributions are welcome. Find that one odd bug in the app display on some obscure platform? Find a novel way to optimize the network traffic? Fork the repository and create a pull request; embrace the beauty of open source.
Project Showcase: Here’s a quick 2 minute demo of the Share Sphero Client. <a title="Sphero Showcase" href="https://youtu.be/zXpPmY83Vsg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0511.bakita_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0511.bakita_5F00_2.png" alt="" border="0" /></a>
Some final Sphero pics: I started with the most basic HTML --> The user interface has come a long way: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0537.old-client-ui.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0537.old_2D00_client_2D00_ui.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0537.old-client-ui.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0537.old_2D00_client_2D00_ui.png" alt="" border="0" /> </a><a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5811.new-client-ui.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5811.new_2D00_client_2D00_ui.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5811.new-client-ui.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5811.new_2D00_client_2D00_ui.png" alt="" border="0" /></a>
Who knew a Windows tablet, Android phone, and Ubuntu laptop could get along? <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3731.everything.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3731.everything.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3731.everything.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3731.everything.jpg" alt="" border="0" /></a>  #SpheroSelfie <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5543.bakita_1.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5543.bakita_5F00_1.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5543.bakita_1.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5543.bakita_5F00_1.jpg" alt="" width="300" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, Visual Studio <a href="https://www.hackster.io/gracelu/director">Hackster.io</a> <a href="https://github.com/gracelu/Sphero-Director">Github</a>
Project Recap: Director is an application that allows a user to enter coordinates to direct a Sphero and then have the robot ball roll along the chosen path. The front end consists of a web interface application to input the coordinates; the back end uses the Node SDK for Sphero. All the code is written in JavaScript. To build this app, many challenges were overcome, including navigating the Node SDK to move the Sphero and running the JavaScript code in a client-side webpage. Working through the issues that arose required constant trial and error. Overall, this project allowed me to gain great exposure to a variety of different technologies in working to create the application. As with any project, there are still improvements that can be made. The initial idea was to create a Windows phone app and integrate with GPS coordinates. I will continue to work on these features and may stumble upon new ideas to add to the current project or create another one!
Project Showcase: Director is an application using the Sphero and its Node SDK to direct the robotic ball along a chosen path. <a title="Director - Sphero Showcase" href="https://www.youtube.com/watch?v=Ye2RGEiCXsw"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0160.Grace_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0160.Grace_5F00_1.png" alt="" border="0" /></a> Ball-E and I have grown tight over the past few weeks & pretending my Sphero is a tennis ball: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8765.Grace_2.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8765.Grace_5F00_2.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8765.Grace_2.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8765.Grace_5F00_2.jpg" alt="" width="400" /></a> <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5706.Grace_3.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5706.Grace_5F00_3.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5706.Grace_3.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5706.Grace_5F00_3.jpg" alt="" width="400" /></a> Trying to balance Ball-E on my head while a friend looks on: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8524.Grace_4.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8524.Grace_5F00_4.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8524.Grace_4.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8524.Grace_5F00_4.jpg" alt="" width="400" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, MYO, Windows Phone, Web App, Azure <a href="https://www.hackster.io/noctisilva/project-elixia">Hackster.io</a> <a href="https://github.com/noctisilva/Project-Elixea">Github</a> Project Recap: Wow, what a journey! This was my first time developing a game to this scale and I may have overestimated the challenges and time it would take to finish it. In order to develop the game – even without the extra technologies I used like the Sphero and the MYO – I had to research each and individual different parts of the game I wanted to develop. Not only that, but there were a couple of technical challenges that the other MSPs and I faced along the way. One of the requirements was to be able to run node.js on the Windows phone. That was probably the toughest challenge because the Windows phone didn’t support it natively. In the end, I was able to run it by using Cordova and Azure’s Cloud and Mobile App services. The engine to be able to dynamic create individual games for user input songs were tough too due to synchronization and latency issues between the technologies talking to each other.
In the future, I plan on finishing my game – which is not quite completed yet. I want to implement a better UI, create a hassle free way of connecting all the devices tied together in order to play the game. Even though it is playable but I wouldn’t put it out on the Windows store just yet. I’ve learned a great deal throughout the game development but most importantly I learned that there are so many opportunities for app or game development using the Sphero. The Sphero is still fairly new to developers and I can see many apps being developed for it in the near future.
Project Showcase: <a title="Project Elixea- Sphero Showcase" href="https://www.youtube.com/watch?v=IKwmWKz5770"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7041.Tae_showcase%201.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7041.Tae_5F00_showcase-1.png" alt="" border="0" /></a>
Some more pictures: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1663.IMG_5633_Tae1.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1663.IMG_5F00_5633_5F00_Tae1.JPG"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1663.IMG_5633_Tae1.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1663.IMG_5F00_5633_5F00_Tae1.JPG" alt="" width="400" /></a> <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8053._Tae%202.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8053._5F00_Tae-2.JPG"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8053._Tae%202.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8053._5F00_Tae-2.JPG" alt="" border="0" /></a>
 Great work everyone! Stay tuned for Group B's projects showcasing Thursday, July 23rd!]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 4 Progress Report (Group B)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-4-progress-report-group-b</link>
<pubDate>Wed, 15 Jul 2015 14:00:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/07/15/mspsphero-pilot-week-4-progress-report-group-b/</guid>
<description><![CDATA[The projects are coming along nicely, and we're only one week away from...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png" alt="" width="1000" /></a>
The projects are coming along nicely, and we're only one week away from the final project video showcases! 
Let's see what Group B has for us this week! 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure, Windows Phone <a href="https://www.hackster.io/michstmatt/sphero-pilot">Hackster.io</a> <a href="https://github.com/michstmatt/Sphero-Azure-GPS">Github</a>
Where did I leave off last week? Last week, I made the app to allow Cortana integration, so you can control the Sphero with your voice.
What have I implemented/changed/updated/improved/etc. this week? This week, I made a custom control for Windows Phone that renders a graph of where the Sphero has been. All data from and commands to the Sphero are streamed through Azure Storage Queues.
What I’m looking to accomplish next: Finalize my project, work out any bugs, make the UI a little nicer and continue to fine-tune the PID control on the Sphero. Here are some visuals of my progress + code snippets: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7142.Matt_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7142.Matt_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7142.Matt_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7142.Matt_5F00_1.png" alt="" border="0" /> </a><a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.Matt_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.Matt_5F00_2.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.Matt_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.Matt_5F00_2.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1207.Matt_3.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1207.Matt_5F00_3.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1207.Matt_3.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1207.Matt_5F00_3.png" alt="" border="0" /> </a><a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0312.Matt_4.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0312.Matt_5F00_4.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0312.Matt_4.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0312.Matt_5F00_4.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, XB1 Controller <a href="https://www.hackster.io/Vitontonio/sphero-drive">Hackster.io</a> <a href="https://github.com/Assassin0795/MSP_SpheroPilot-Sphero-Drive">Github</a>
Where did I leave off last week? Last week I was getting things “rolling” (Ha!) with the gamepad. I’ve just about worked out the kinks with the gamepad, and once that’s over the rest should be a cakewalk.
What have I implemented/changed/updated/improved/etc. this week? This week has really just been a continuation of last week – working on the gamepad (specifically, the XB1 controller) working with the Sphero. I’ve been running demos of gamepad libraries and tests to keep trying to find what will eventually click with the XB1 controller. There are some hacky methods, but that’s half the fun!
What I’m looking to accomplish next: I would like to at least have this in a beta stage to where, while all the bugs may not be sorted out, there is functionality between the XB1 controller and Sphero. <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3157.working_hard_TOnyC.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3157.working_5F00_hard_5F00_TOnyC.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3157.working_hard_TOnyC.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3157.working_5F00_hard_5F00_TOnyC.jpg" alt="" width="300" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio, Node.js Tools for Visual Studio <a href="https://www.hackster.io/vadlak/sphero-floor-plan">Hackster.io</a> <a href="https://github.com/vadlak/MSP_SpheroPilot-Sphero-Floor-Plan">Github</a>
Where did I leave off last week? Last week I left off having cleaned up the data I was recording as well as the basic idea of how to track the vectors of the Sphero.
What have I implemented/changed/updated/improved/etc. this week? This week I cleaned up the code and managed to remove some unnecessary parts, however the main goal I accomplished this week was the ability to generate an image of the floor plan the Sphero just tracked. Using the distance and direction I was able to use the simple approach of drawing vectors “tip to tail” and combine this information into an image using node-canvas. Below is the floor plan created in the video.
What I am looking to accomplish next: This final week I plan on cleaning up the code I have and figuring out a way to calculate the area inside of the floor plan the Sphero created. Floor plan example: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.Peyton_1.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.Peyton_5F00_1.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.Peyton_1.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.Peyton_5F00_1.jpg" alt="" width="350" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg" alt="" border="0" /></a>
Tech Toolkit: Sphero, Sphero SDK, Windows Phone Dev Kit, Visual Studio <a href="https://www.hackster.io/Nbot07/sphero-trainer">Hackster.io</a> <a href="https://github.com/Nbot07/MSP_SpheroPilot-Sphero-Trainer">Github</a>
Where did I leave off last week? I found a way to generate Excel files using Node.js. This will serve as my record function and the basis of the statistical feedback for the user.
What have I implemented/changed/updated/improved/etc. this week? This week I dusted off my physics reference table read about inertial navigation systems and tried to compute velocity and distance from accelerometer values. I’m beginning to understand why my professors, and some articles that I read, say that this is not a trivial problem.
What I am looking to accomplish next: Working out a practical solution to this not-so-trivial problem. Accelerometer Feedback Values in Various Scenarios (data written via Node.js): <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8156.Nse_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8156.Nse_5F00_1.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8156.Nse_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8156.Nse_5F00_1.png" alt="" width="800" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero 2.0 Robotic Ball, Xbox 360 Gamepad, Xbox 360 Wireless Gaming Receiver for Windows (required only if using a wireless Gamepad), Windows Computer with Bluetooth <a href="https://www.hackster.io/HypersonicApps/msp-spheropilot-sphero360">Hackster.io</a> <a href="https://github.com/Shane904/MSP_SpheroPilot--Sphero360">Github</a>
Where did I leave off last week? Rumbling the Gamepad and changing the color of Sphero when Sphero runs into something.
What have I implemented/changed/updated/improved/etc. this week? This week, I polished up the frontend. I remapped the Gamepad keys to be a little more intuitive than they were before. I also updated the window that explains the Gamepad controls to have a diagram.
What I’m looking to accomplish next: I will continue to make the program more user friendly. Gamepad controller scheme: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6153.Shane_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6153.Shane_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6153.Shane_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6153.Shane_5F00_1.png" alt="" border="0" /></a>
 
Stay tuned next week as we unveil the final project showcases! Group A's goes live Tuesday, July 21st and Group B's goes live July 23rd!
Roll On]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 4 Progress Report (Group A)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-4-progress-report-group-a</link>
<pubDate>Tue, 14 Jul 2015 09:30:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/07/14/mspsphero-pilot-week-4-progress-report-group-a/</guid>
<description><![CDATA[The MSP+Sphero Pilot is rolling onward, but the time is coming for the MSPs to begin wrapping up...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0358.Banner_SavePaint1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0358.Banner_5F00_SavePaint1.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0358.Banner_SavePaint1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0358.Banner_5F00_SavePaint1.png" alt="" width="1000" /></a>
The MSP+Sphero Pilot is rolling onward, but the time is coming for the MSPs to begin wrapping up the projects. Next week the MSPs will be showcasing their final projects in video showcase form, but this week they're still working towards that finish line - let's check in and see where they're at.
Also, tomorrow, July 15th is the last day to apply to the 2016 MSP Program! Don't forget to visit our <a href="https://msdn.microsoft.com/microsoftstudentpartners">website</a> or apply directly here: <span style="line-height: 107%; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;"><a href="https://aka.ms/mspapplication2016">https://aka.ms/mspapplication2016</a>.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure <a href="https://www.hackster.io/rkhadder/sphero-morse-code">Hackster.io</a> <a href="https://github.com/rkhadder/MSP_SpheroPilot-Sphero-Morse-Code">Github</a>
Where did I leave off last week? Last week I used the pitch and roll values as input to determine a dot or dash.
What have I implemented/changed/updated/improved/etc. this week? This week I looked into the database setup. There doesn’t seem to be a good way for Azure to send push notifications to web apps. I’ve opted for the following workflow: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8360.SwimLane.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8360.SwimLane.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8360.SwimLane.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8360.SwimLane.png" alt="" border="0" /> </a>There are two databases, one to store all the users and one to store all the messages between users. For the sake of this demo each user will be assigned a unique id every time they load the application. Messages will be loaded into the second database with the following info: sender, receiver, time sent, message, received. The application will check every few seconds for new messages since the last time the application checked where the Boolean received is false.
What I’m looking to accomplish next: I’m hoping to clean up the application’s UI, write the ReadMe, update Hackster.io, and prepare my final blog! 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, Azure, Windows 8 <a href="https://www.hackster.io/jacensherman/tap-of-war">Hackster.io</a> <a href="https://github.com/jacensherman/MSP_SpheroPilot--Tap-Of-War">Github</a>
Where did I leave off last week? Last week I had set up the Sphero to calibrate using no physical interaction. Now to sum up everything I have completed this far… I have created all the pages for the UI with html and have gotten full connection to the Sphero and completed calibration. All of the graphics are complete and all that's left is to work in the online gameplay with more than one player.
What have I implemented/changed/updated/improved/etc. this week? This week I worked on connecting Sphero to an Azure database. It took me quite some time to figure out the correct node package to install in order to best connect to the Azure database. At this point, I have been able to connect to the Azure database from two separate computers and create a secure link between two players!
Here is an image of the design of the game table in the database: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5277.Jacen_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5277.Jacen_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5277.Jacen_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5277.Jacen_5F00_1.png" alt="" border="0" /> </a>The way the game works is that each player is given a player number (ID and Player_ID are the same). They give this number to their opponent who places in the join a match box. After they click join, the default “-” stored in the Opponent_ID column switches to their ID. Once the host machine checks and finds that the Opponent_ID is not “-” the game begins. From this point on, the host computer tracks its players clicks per second and compares that to the info coming through the database via the Opponents_Click_Per_Second field every second.
This is an example of the code that connects the game to the database: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8203.Jacen_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8203.Jacen_5F00_2.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8203.Jacen_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8203.Jacen_5F00_2.png" alt="" border="0" /> </a>What this code does is connect to the database, add a new row to indicate a new player is playing, then get the most recently added line to retrieve the new player’s auto-generated id.
What I’m looking to accomplish next: This next week I am going to finally put everything together. As of now I am very close to the final product. All that’s left is to put in the system to actually have the Sphero roll towards the player who is clicking the fastest. On that note, I also have to write the code to see which player is clicking the fastest. But, beyond that the game is basically complete. Of course, the last step is to test!
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero Robotic Ball, Sphero.js SDK, Apache Cordova, PeerJS, Microsoft Azure <a href="https://hackster.io/jbakita/sphero-share">Hackster.io</a> <a href="https://github.com/JoshuaJB/MSP_SpheroPilot_Sphero-Share">Github</a> Where did I leave off last week? Last week we had all the controls working and synced across clients.
What have I implemented/changed/updated/improved/etc. this week? This week I spent a lot of time working on the UI design. It needs to be intuitive and beautiful, but not too difficult to implement. At the beginning on this project, I decided to use the <a href="http://www.google.com/design/spec/material-design/introduction.html">Material Design Guidelines</a>. These not only define a cohesive design theme, but with the <a href="https://www.polymer-project.org/1.0/">Polymer library</a>, a theme that is easy to implement.
Design: In crafting the UI, I asked myself what features the user always wants access to. They are the Sphero controls. While chat, video chat, and user management are useful – those features are not critical to the application. Of the controls, driving is most important and calibration is least important. To reflect this importance hierarchy, the controls float over the rest of the UI. Each control’s distance from the user’s thumb is relative to that control’s importance. I’ll let the UI mockups speak for themselves.
What I’m looking to accomplish next: I hope to finish implementing the UI and deploy it to a phone with Cordova. The primary UI when driving:                                        The UI when changing the Sphero’s color:                 <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7701.server-ui-design.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7701.server_2D00_ui_2D00_design.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7701.server-ui-design.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7701.server_2D00_ui_2D00_design.png" alt="" width="400" /></a> <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4846.server-ui-design-color.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4846.server_2D00_ui_2D00_design_2D00_color.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4846.server-ui-design-color.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4846.server_2D00_ui_2D00_design_2D00_color.png" alt="" width="400" /></a>  The UI when calibrating the Sphero:  <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3021.server-ui-design-calibrate.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3021.server_2D00_ui_2D00_design_2D00_calibrate.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3021.server-ui-design-calibrate.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3021.server_2D00_ui_2D00_design_2D00_calibrate.png" alt="" width="400" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio <a href="https://www.hackster.io/gracelu/director">Hackster.io</a> <a href="https://github.com/gracelu/Sphero-Director">Github</a>
Where did I leave off last week? Last week I added front-end features to the website that allows users to enter coordinates to direct Sphero and started to work on hosting this site.
What have I implemented/changed/updated/improved/etc. this week? This week, I successfully hosted my website on GitHub at <a href="https://gracelu.github.io/">https://gracelu.github.io/</a>! See my new repository for this website at: <a href="https://github.com/gracelu/gracelu.github.io">https://github.com/gracelu/gracelu.github.io</a>. I also worked on connecting the web interface with the back-end code that actually moves the Sphero. I ran into some issues when trying this as the web interface is client facing, which limits the code that is run in browser especially for requiring JavaScript modules and connecting with ports. I installed some great packages to work through these issues but am still trying to get the back-end code working with the web interface. <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6708.Grace_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6708.Grace_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6708.Grace_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6708.Grace_5F00_1.png" alt="" border="0" /> </a>What I’m looking to accomplish next: In the next week, I am looking to complete the front and back end connection to make the Sphero app work seamlessly. I will also by tying up loose ends to ensure the code is working properly.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, MYO, Windows Phone, Web App, Azure <a href="https://www.hackster.io/noctisilva/project-elixia">Hackster.io</a> <a href="https://github.com/noctisilva/Project-Elixea">Github</a>
Where did I leave off last week? Last week, I had decided to pivot a little bit with my app because within the time limit it felt inefficient to find a way to reduce latency and remove synchronization problem between the MYO, Windows Phone, and the Sphero when I could simply remove the MYO. Hence, instead of removing the MYO altogether, I decided to use it for only part of the game. I added a theme to the game as well in order to make the use of MYO make sense by setting the environment where a DJ would be playing on his/her turntable while fist bumping in the air (where the MYO comes in).
What have I implemented/changed/updated/improved/etc. this week? This week, was a lot better in terms of making progress. I was able to move on with making the engine for my app. Now the synchronization and the latency problem was gone for the most part, there was now the problem of how it took to generate the game. My original idea was to generate the song file before playing the game so the user would be able to play over the game file and detect the hit and misses. Even though, that would theoretically work, it would be very annoying for the user to have to wait the duration of the entire song (3-5 min) to play the game. My next idea was to generate the game while the user was playing. When the user picks the song, the engine fire up the song to frequency parser, concatenating every 1 second (instead of every the recommended 1/60 for a typical rhythm since that was too precise for this kind of platform) into an array. The game would wait 4 seconds until the user can actually play the game. As the game file is being created, the user would be playing the same time. I haven’t tested this out yet but that is actually what I’ll be finishing up hopefully today.
What I’m looking to accomplish next: Next week, is the last week of the Sphero Pilot Project. I am very excited to get wired in the entire week and finish it before presentations. I would need to finish the engine, finish connecting all my technologies together and spice up the design a little bit. Thank you for keeping up with the Sphero Pilot Projects so far!
Video: <a href="https://www.youtube.com/watch?v=TklGa-CZJA4">https://www.youtube.com/watch?v=TklGa-CZJA4</a>
The stream of frequency data of the uploaded audio: <a href="http://media.giphy.com/media/3oEdv7G1bcDlq1euL6/giphy.gif">http://media.giphy.com/media/3oEdv7G1bcDlq1euL6/giphy.gif</a> The array of frequencies that it is producing. Instead of using the p5.js I decided to just use the we audio API. I’m using this to set the frequencies to certain ranges then reference them to a color on the Sphero. <img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0184.Tae_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0184.Tae_5F00_1.png" alt="" border="0" />
 Roll On]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 3 Progress Report (Group B)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-3-progress-report-group-b</link>
<pubDate>Wed, 08 Jul 2015 09:44:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/07/08/mspsphero-pilot-week-3-progress-report-group-b/</guid>
<description><![CDATA[ The projects are coming along nicely, and with only a couple weeks left before...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png" alt="" width="1000" /></a>
 The projects are coming along nicely, and with only a couple weeks left before the completed projects we should be seeing a lot of fun updates and changes. Let's see what Group B has for us today!
 Also, if you’re interested in becoming an MSP yourself, remember to visit our <a href="https://msdn.microsoft.com/microsoftstudentpartners">website</a>. Application deadline for the 2016 MSP Program ends July 15th! 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure, Windows Phone <a href="https://www.hackster.io/michstmatt/sphero-pilot">Hackster.io</a> <a href="https://github.com/michstmatt/Sphero-Azure-GPS">Github</a>
Where did I leave off last week? Last week, I worked on making data transfer faster as well as trying to fix some issues reading from the Sphero sensors.
What have I implemented/changed/updated/improved/etc. this week? This week, I made the app to allow Cortana integration, so you can control the Sphero with your voice.
What I’m looking to accomplish next: I would like to make the voice recognition more clear, currently I have issues with Cortana thinking that the word “to” gets turned to “two” after I say “one”. Cortana interacting with Sphero: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2450.Matt_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2450.Matt_5F00_1.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2450.Matt_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2450.Matt_5F00_1.png" alt="" width="400" /></a> <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2744.Matt_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2744.Matt_5F00_2.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2744.Matt_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2744.Matt_5F00_2.png" alt="" width="400" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, XB1 Controller <a href="https://www.hackster.io/Vitontonio/sphero-drive">Hackster.io</a> <a href="https://github.com/Assassin0795/MSP_SpheroPilot-Sphero-Drive">Github</a>
Where did I leave off last week? Last week I was able to get a work-in-progress diagram of the XB1 controller up, and I was working on adding a gamepad library to the project.
What have I implemented/changed/updated/improved/etc. this week? Hallelujah, the gamepad library is nearly set! I have it added to the project – and it runs with no errors, which was perhaps the most beautiful thing I’ve seen happen in this project thus far – and am right now working on trying to get the gamepad to work specifically with the XB1 controller.
What I’m looking to accomplish next: Next week I’m looking to have the XB1 finally controlling the Sphero and successfully working with my code. <span style="line-height: 107%; font-family: verdana,geneva; font-size: small; mso-bidi-font-family: 'Times New Roman'; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin; mso-bidi-theme-font: minor-bidi; mso-ansi-language: EN-US; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;"> An image of the gamepad variable: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1070.code_snippet.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1070.code_5F00_snippet.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1070.code_snippet.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1070.code_5F00_snippet.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio, Node.js Tools for Visual Studio <a href="https://www.hackster.io/vadlak/sphero-floor-plan">Hackster.io</a> <a href="https://github.com/vadlak/MSP_SpheroPilot-Sphero-Floor-Plan">Github</a>
 Where did I leave off last week? Last week I left off having the data recorded into a file and making sure that I filtered the useful pieces of information.
What have I implemented/changed/updated/improved/etc. this week? This week I really worked on cleaning up the data and preparing it to use for a graph. Just having odometer values and a direction isn’t particularly helpful as you still need to know the distance traveled. Using the previous direction and odometer values you can combine that with the current keypress and come up with a distance traveled in a certain direction. I also made sure to cut down the data recorded and instead record a vector, magnitude and direction, for every keypress.
What I’m looking to accomplish next: This week I plan on using the tip to tail method for vectors to draw a graph based on the recorded data.
Video:
 <a href="https://onedrive.live.com/redir?resid=CCBEE0080AF41FF5!74851&authkey=!ANaGxguN7CfNlxs&ithint=video%2cmp4"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2086.Peyton%20video.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2086.Peyton-video.png" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg" alt="" border="0" /></a>
Tech Toolkit: Sphero, Sphero SDK, Windows Phone Dev Kit, Visual Studio <a href="https://www.hackster.io/Nbot07/sphero-trainer">Hackster.io</a> <a href="https://github.com/Nbot07/MSP_SpheroPilot-Sphero-Trainer">Github</a>
Where did I leave off last week? I’ve discovered how to communicate between Arduino and Sphero. However, since the approach requires the Arduino to be tethered it doesn’t seem like I’ll be using the Arduino for this project. 
What have I implemented/changed/updated/improved/etc. this week? After the project I might expand on my work and add extra devices, but for now I’ll just stick to the Sphero. Another kind of hardware I looked into was the Myo. My friend, Edwin Santos, came over on Thursday with his Myo and the smarts to make it work. He wrote a script that generated keystrokes based on the yaw and pitch of his arm. These keystrokes were then used to drive the Sphero via the keyboard example provided in the JavaScript SDK. Besides interfacing with different hardware, I found a way to generate excel files using node.js. This will serve as my record function and the basis of the statistical feedback for the user.
What I’m looking to accomplish next: Next week will be focused on writing a function for the Sphero to approximate its relative position in space based on accelerometer feedback. I will also start developing a function for determining how well a move was performed.
Excel.js Image: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8625.Nse_!.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8625.Nse_5F002100_.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8625.Nse_!.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8625.Nse_5F002100_.png" alt="" border="0" /></a> File.xls Image: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4201.Nse_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4201.Nse_5F00_2.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4201.Nse_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4201.Nse_5F00_2.png" alt="" width="350" /></a> Check out Nse's <a href="https://www.hackster.io/Nbot07/sphero-trainer">Hackster.io project page </a>for the .myo script!
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero 2.0 Robotic Ball, Xbox 360 Gamepad, Xbox 360 Wireless Gaming Receiver for Windows (required only if using a wireless Gamepad), Windows Computer with Bluetooth <a href="https://www.hackster.io/HypersonicApps/msp-spheropilot-sphero360">Hackster.io</a> <a href="https://github.com/Shane904/MSP_SpheroPilot--Sphero360">Github</a>
Where did I leave off last week? Color changing via the Gamepad.
What have I implemented/changed/updated/improved/etc. this week? This week, I made it so that the Sphero’s color temporarily changes and the Gamepad rumbles if the Sphero bumps into something. Changing the color was easy – it was just done in the backend. However, making the Gamepad rumble was a little more difficult. Before this, the frontend only talked to the backend – not the other way around. To make the Gamepad rumble, I had to notify the frontend (which talks to the Gamepad) from the backend. I made the frontend listen on the NetworkStream that it uses to talk to the backend for data.
What I’m looking to accomplish next: I will hopefully eliminate some lag that happens after controlling the Sphero for a while. Also, I plan to make the gamepad’s controls a little more intuitive than they currently are.
Detecting collisions, sending message to frontend, and temporarily changing the color of the Sphero:
<img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0523.Shane_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0523.Shane_5F00_1.png" alt="" border="0" />
The projects are really coming alive! Stay tuned for next week and the new updates as we close in on the final project completion date of July 21st!
Roll On]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 3 Progress Report (Group A)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-3-progress-report-group-a</link>
<pubDate>Tue, 07 Jul 2015 09:40:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/07/07/mspsphero-pilot-week-3-progress-report-group-a/</guid>
<description><![CDATA[Welcome back to the MSP+Sphero Pilot! We all hope you had a great holiday weekend and fun 4th of...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1586.Blog%20Banner.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1586.Blog-Banner.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1586.Blog%20Banner.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1586.Blog-Banner.jpg" alt="" width="1000" /></a>
Welcome back to the MSP+Sphero Pilot! We all hope you had a great holiday weekend and fun 4th of July!
Hopefully you've been following along so far and checking out the MSP's Hackster.io and Github pages to follow along with the progress. 
Also, if you’re interested in becoming an MSP yourself, remember to visit our <a href="https://msdn.microsoft.com/microsoftstudentpartners">website</a>. Application deadline for the 2016 MSP Program ends July 15th!
Let's check out Group A's progress.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure <a href="https://www.hackster.io/rkhadder/sphero-morse-code">Hackster.io</a> <a href="https://github.com/rkhadder/MSP_SpheroPilot-Sphero-Morse-Code">Github</a>
Where did I leave off last week? Last week I leveraged the sensor streaming to read and analyze IMU data.
What have I implemented/changed/updated/improved/etc. this week? Unfortunately I have to abandon my idea of using soft and hard taps to replicate a dot or a dash because there is no way to see how hard a collision is with the Sphero. In addition, as I was testing the concept I quickly got sore knuckles from tapping on the Sphero hard enough to register a collision. Instead I’ve decided to represent a dot with a roll to the left and a dash with a roll to the right. This is why I investigated the IMU sensor to see which element I would need to do this. I decided on using the roll angle to check for left and right rotation. For this to properly work you must disable stabilization. There is no built in method so you have to actually make a call to the Sphero to manually set that.
What I’m looking to accomplish next: Next week I’m hoping to go through the Azure part of the project where I set up a database and start communicating with other Spheros!
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, Azure, Windows 8 <a href="https://www.hackster.io/jacensherman/tap-of-war">Hackster.io</a> <a href="https://github.com/jacensherman/MSP_SpheroPilot--Tap-Of-War">Github</a>
Where did I leave off last week? Last week I left off with the front end nearly complete. I had also gotten the Sphero to connect to the game using node-web kit; that was probably the biggest hurdle of all. I thought last week that this week would be more oriented around connecting to Azure, but it turns out that I spent most of my time this week working on the calibration of the Sphero.
What have I implemented/changed/updated/improved/etc. this week? This week I worked on calibrating the Sphero. It is very simple if you want the user to have to calibrate the Sphero themselves. By this I mean you can use the command startCalibration, which requires the player to manually rotate the Sphero to the correct direction. However, with the following code snippet, you can rotate the Sphero, and then later use the setHeading command to lock in that rotation. <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0310.Jacen_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0310.Jacen_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0310.Jacen_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0310.Jacen_5F00_1.png" alt="" border="0" /></a>
What I’m looking to accomplish next: Next week I will actually be trying to connect the game to an Azure database. However, I’m not sure how far I will get because I do have an exam! Thanks for checking in!
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero Robotic Ball, Sphero.js SDK, Apache Cordova, PeerJS, Microsoft Azure <a href="https://hackster.io/jbakita/sphero-share">Hackster.io</a> <a href="https://github.com/JoshuaJB/MSP_SpheroPilot_Sphero-Share">Github</a>
Where did I leave off last week? Last week we had basic messaging, driving, and color controls in place, but no way to calibrate the Sphero. These commands were also all one-way and only supported one client.
What have I implemented/changed/updated/improved/etc. this week? This week I made two major changes: the complete implementation of the communications schema that I defined last week, and state syncing between multiple clients.  Besides these two large changes, I made innumerable bug fixes and security improvements. As I can’t talk about even half my changes here, you can check them all out on my <a href="https://github.com/JoshuaJB/share-sphero-client">share-sphero-client</a> and <a href="https://github.com/JoshuaJB/share-sphero-server">share-sphero-server</a> repositories.
Implementing Multiuser: When implementing multiuser, it helps to think about the problem on a higher level first. Every connected controller has to display the same information. This means the message display function should be generalizable between the client and server. Here’s that function: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4011.Josh_1.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4011.Josh_5F00_1.JPG"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4011.Josh_1.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4011.Josh_5F00_1.JPG" alt="" width="750" /></a>   On the server we additionally validate each message and broadcast it to the other clients. We do validation by checking that all messages contain the required fields in an allowable range and are permitted for the current state of the sender. Message broadcasting is then as simple as:  <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6403.Josh_2.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6403.Josh_5F00_2.JPG"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6403.Josh_2.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6403.Josh_5F00_2.JPG" alt="" width="750" /></a>   What I’m looking to accomplish next: I hope to polish the implementation of all the logic and begin designing the UI. Click <a href="https://onedrive.live.com/redir?resid=100F89A39C60B7C9!77978&authkey=!AG8jYkw0voVG8ew&ithint=video%2cmp4">HERE</a> for a demo video of the real-time sync between multiple users <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio <a href="https://www.hackster.io/gracelu/director">Hackster.io</a> <a href="https://github.com/gracelu/Sphero-Director">Github</a>
Where did I leave off last week? Last week I started working on a website to allow users to enter coordinates to direct the Sphero. This provides a front-end interface to interact with the Sphero Director application.
What have I implemented/changed/updated/improved/etc. this week? This week, I added to the website I began working on last week to help users enter coordinates to direct the Sphero. The user now sees the entered coordinates appear on a coordinate grid on the bottom part of the webpage. In addition, a line is drawn between coordinates in the order they are entered and tooltips appear when the mouse hovers over a point.
A screenshot of the improved webpage. Entered coordinates are plotted with lines drawn between points. Tooltips also display the coordinates of a point: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6825.Grace_!.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6825.Grace_5F002100_.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6825.Grace_!.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6825.Grace_5F002100_.png" alt="" border="0" /></a>
I have also started to integrate the site with Azure. I am looking to be able to host this website on Azure to be easily accessible. 
My Azure dashboard for hosting the Director website: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1300.Grace_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1300.Grace_5F00_2.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1300.Grace_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1300.Grace_5F00_2.png" alt="" border="0" /></a>
What I’m looking to accomplish next: Moving forward, I will continue to work on the website integration with Azure. Then I will work on connecting the coordinates entered with the Sphero movements in the app.js file.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, MYO, Windows Phone <a href="https://www.hackster.io/noctisilva/project-elixia">Hackster.io</a> <a href="https://github.com/noctisilva/Project-Elixea">Github</a> 
Where did I leave off last week? Last week, I got an Azure account and started following directions on <a href="http://bit.ly/1ywVXLL">http://bit.ly/1ywVXLL</a>. Unfortunately, I wasn’t able to get the ball rolling still via phone. I was able to run node.js via Azure but not with Windows 8.1 phone using JavaScript. I also connected Azure via local Git account.
What have I implemented/changed/updated/improved/etc. this week? This week, I broke down my project into three different parts: connecting cross-platform devices using the phone as the medium, creating my engine to dynamically generate games on the fly, and the UI. With only 2 weeks left in the program, set myself up for scrum management with different tasks. Because I was wasting too much time to find a way to use run node.js on the Windows phone, I decided to start with the game generating engine. From one of my previous weekly updates, I stated that I found a JavaScript library that reads the frequency from any audio files and spits back out the values. Using the library, I set the frequencies to certain ranges.
This is where things got tricky. I would read the mp3 file and set the frequency ranges and allocate those ranges to certain colors that the Spheros would react to. The game was generated. But when the music plays, I would have to sync that data with the music. Because this is such a precise game, it was very hard for me to sync it perfectly. Also, not only would I have to sync it, I would have to detect whether the movement made by the MYO was on point perfectly, mildly, or not at all. This was also another point in which things got tricky. Sometimes, the MYO would have latency. The directional movements would sometimes either be put into queue before being read or disappear into thin air. As more bugs arise, the harder it seems for the Sphero to have perfect movement.
It was time to pivot.
The special uniqueness of my app was the fact that the user could dynamically create any mp3 file on the spot. Instead of having the entire game full of MYO movements, I would make MYO a part of the game. The game would now consist of tapping on the windows phone based on what is required by the game. The MYO would kick in at random moments throughout the game where the game would tell you to do certain movements where the users would be “fist bumping” into the air. Now the game is a modern EDM music production simulation game where the user would act as a DJ and would be on a Launchpad synthesizer where the user would tap on the screen and fist bump when needed.
What I’m looking to accomplish next: I think this would appeal more since now it has a theme. I didn’t completely scrap my last project but now it’s time to pick up the scraps and glue them together into something else. Behold for a prototype by the end of this week!
My app that pivoted from using MYO for the entire game, using it for certain movements generated within the game. The rest would be a tapping game directly on the Windows Phone.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5353.launchpad_Tae.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5353.launchpad_5F00_Tae.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5353.launchpad_Tae.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5353.launchpad_5F00_Tae.png" alt="" border="0" /></a> Roll On]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 2 Progress Report (Group B)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-2-progress-report-group-b</link>
<pubDate>Wed, 01 Jul 2015 15:17:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/07/01/mspsphero-pilot-week-2-progress-report-group-b/</guid>
<description><![CDATA[ 
 All the MSPs have been making some great strides this week and including more videos...]]></description>
<content:encoded><![CDATA[ <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4456.Banner_PNG.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4456.Banner_5F00_PNG.png" alt="" width="1000" /></a>
 All the MSPs have been making some great strides this week and including more videos as well. Let's see what Group B has for us today!
 Also, if you’re interested in becoming an MSP yourself, remember to visit our <a href="https://msdn.microsoft.com/microsoftstudentpartners">website</a>. Application deadline for the 2016 MSP Program ends July 15th! 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure, Windows Phone <a href="https://www.hackster.io/michstmatt/sphero-pilot">Hackster.io</a> <a href="https://github.com/michstmatt/Sphero-Azure-GPS">Github</a>
Where did I leave off last week? Last week, I worked on setting up the Azure storage queue for sending commands to the Sphero.
What have I implemented/changed/updated/improved/etc. this week? This week, I worked on making data transfer faster as well as trying to fix some issues reading from the Sphero sensors.
What I’m looking to accomplish next: I would like to start logging all of the data back into Azure and make a map of where the Sphero went, now since the sensors are able to be read.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, XB1 Controller <a href="https://www.hackster.io/Vitontonio/sphero-drive">Hackster.io</a> <a href="https://github.com/Assassin0795/MSP_SpheroPilot-Sphero-Drive">Github</a>
Where did I leave off last week? Last week, I essentially made a color wheel for the Sphero that will be cycled through with the left/right d-pad buttons on the gamepad. I also looked into making a diagram of the controller’s functions [WIP], which I will be able to share with you today!
What have I implemented/changed/updated/improved/etc. this week? This week I was able to get the diagram of the XB1 controller started. I’m also continuing to work on adding gamepad support into the JavaScript project.
What I’m looking to accomplish next: While I’m still working on getting the gamepad working with the project and I’d like to finish this, I’d also like to find other cool things to do with the Sphero robot using the unmapped buttons. I’m thinking of some interesting tricks. For example, randomly changing the direction of where the Sphero is facing – this could be toggled with the “A” key.
Controller Diagram: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2538.XboxOne%20Controller.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2538.XboxOne-Controller.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2538.XboxOne%20Controller.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2538.XboxOne-Controller.png" alt="" border="0" /></a> [Diagram from <a href="http://console.maban.co.uk/device/xboxone/">http://console.maban.co.uk/device/xboxone/</a> which is licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en_US">https://creativecommons.org/licenses/by-sa/3.0/deed.en_US</a> - my project is CC-By-SA licensed and is fair to use this.]
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio, Node.js Tools for Visual Studio <a href="https://www.hackster.io/vadlak/sphero-floor-plan">Hackster.io</a> <a href="https://github.com/vadlak/MSP_SpheroPilot-Sphero-Floor-Plan">Github</a>
Where did I leave off last week? Last week I ended my post having researched the basics of streaming data to the Sphero. This included Gyroscopic, odometer, and velocity data.
What have I implemented/changed/updated/improved/etc. this week? This week I worked to refine the data and come up with a way to meaningfully use it. I now record just the odometer data along with its corresponding key press and will use that to generate my floor plan. The Sphero’s odometer relies on a Cartesian plane recording system in that it starts recording from the origin and proceeds into negatives and positives depending on the direction.
The piece below is responsible for interpreting the Sphero recordings and streaming it into a file:
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7658.Peyton_!.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7658.Peyton_5F002100_.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7658.Peyton_!.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7658.Peyton_5F002100_.png" alt="" width="800" /></a>
What I’m looking to accomplish next: I am looking to have a meaningful way to interpret the data written up in code.
Here is a video of my Sphero: <a href="https://onedrive.live.com/redir?resid=CCBEE0080AF41FF5!74752&authkey=!AHHux3s52KEOHcw&ithint=video%2cmp4"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6232.Peyton_videosnap.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6232.Peyton_5F00_videosnap.png" alt="" width="400" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg" alt="" border="0" /></a>
Tech Toolkit: Sphero, Sphero SDK, Windows Phone Dev Kit, Visual Studio <a href="https://www.hackster.io/Nbot07/sphero-trainer">Hackster.io</a> <a href="https://github.com/Nbot07/MSP_SpheroPilot-Sphero-Trainer">Github</a> Where did I leave off last week? I tested the Sphero's sensors so I could gauge how precise and sensitive they are.
What have I implemented/changed/updated/improved/etc. this week? I intended to write a record function this week, but I discovered a file in the JavaScript SDK that made me wonder if the Sphero and Arduino could communicate via a computer’s COM ports. I looked into this a little then decided to get back to focusing on honing in on the right settings for sensor values. So, I decided to write a Color Wheel whose color would be changed based on a sensor’s feedback. This did not end up being as straight forward as I would have hoped, but the color wheel turned out relatively well. I also learned that one of the best ways to generate a rainbow using RGB lights is to use three out of phase Sin waves. Although that is to know, I decided to write a linear rainbow since it would be much simpler to add the sensor feedback that way.
What I’m looking to accomplish next: Next week will be a little more investigation into Arduino and hopefully some sort of record function. Simple Linear Rainbow script: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3377.Nse_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3377.Nse_5F00_1.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3377.Nse_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3377.Nse_5F00_1.png" alt="" width="350" /></a>
Color Wheel Script: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8662.Nse_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8662.Nse_5F00_2.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8662.Nse_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8662.Nse_5F00_2.png" alt="" width="450" /></a>
Videos: <a href="http://1drv.ms/1JbpX5H">SimpleLinearRainbow</a> <a href="http://1drv.ms/1JbqcO5">ColorWheel</a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero 2.0 Robotic Ball, Xbox 360 Gamepad, Xbox 360 Wireless Gaming Receiver for Windows (required only if using a wireless Gamepad), Windows Computer with Bluetooth <a href="https://www.hackster.io/HypersonicApps/msp-spheropilot-sphero360">Hackster.io</a> <a href="https://github.com/Shane904/MSP_SpheroPilot--Sphero360">Github</a>
Where did I leave off last week? Color changing via the UI
What have I implemented/changed/updated/improved/etc. this week? This week, I made it so that a user can change the color of the Sphero using the Gamepad. They can cycle through 12 different colors by using the left and right shoulder buttons. I also added a dialog that shows what each Gamepad button does.
What I’m looking to accomplish next: I want to possibly light up Sphero and rumble the Gamepad when Sphero bumps into a wall
Sphero showing off one of the cool preset colors: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5657.Shane_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5657.Shane_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5657.Shane_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5657.Shane_5F00_1.png" alt="" border="0" /></a>
We're one week closer to seeing the MSP's final project presentations! Stay tuned for more updates next week.
Roll On
 ]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 2 Progress Report (Group A)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-2-progress-report-group-a</link>
<pubDate>Tue, 30 Jun 2015 10:23:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/06/30/mspsphero-pilot-week-2-progress-report-group-a/</guid>
<description><![CDATA[Welcome back to the MSP+Sphero Pilot! Hopefully you've been following along so far and checking...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1586.Blog%20Banner.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1586.Blog-Banner.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1586.Blog%20Banner.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1586.Blog-Banner.jpg" alt="" width="1000" /></a>
Welcome back to the MSP+Sphero Pilot! Hopefully you've been following along so far and checking out the MSP's Hackster.io and Github pages to follow along with the progress. <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3731.Taecoffee.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3731.Taecoffee.jpg"><img style="border: 0px currentColor; float: left;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3731.Taecoffee.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3731.Taecoffee.jpg" alt="" width="188" /></a>We would also like to start off the week with a little cup of Sphero - courtesy of Tae Hong Min. Apparently, this is the proper way to use the JavaScript SDK ;)
Oh and don't forget - The application deadline for next year's MSP Program is coming up fast on July 15th! 
 
So, if you’re interested in becoming an MSP yourself and participating in cool pilots like this one, make sure to visit our <a href="https://msdn.microsoft.com/microsoftstudentpartners">website</a>.  Alright, let's see what Group A has been working on! <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure <a href="https://www.hackster.io/rkhadder/sphero-morse-code">Hackster.io</a> <a href="https://github.com/rkhadder/MSP_SpheroPilot-Sphero-Morse-Code">Github</a>
Where did I leave off last week? Last week I successfully setup sphero.js and node-web kit.
What have I implemented/changed/updated/improved/etc. this week? This week I created a simple UI to connect to the Sphero and read IMU sensor data. IMU sensor data tells me the roll, pitch, and yaw of the Sphero.
What I’m looking to accomplish next: Now that I have access to the IMU values I can map them to dots or dashes. So if the Sphero moves to the left then it’s a dot and if the Sphero moves to the right it’s a dash.
Here is the UI: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3324.UI.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3324.UI.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3324.UI.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3324.UI.png" alt="" width="400" /></a>
Here is how I connect to the Sphero and display the IMU values: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3324.sphero-js.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3324.sphero_2D00_js.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3324.sphero-js.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3324.sphero_2D00_js.png" alt="" width="400" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, Azure, Windows 8 <a href="https://www.hackster.io/jacensherman/tap-of-war">Hackster.io</a> <a href="https://github.com/jacensherman/MSP_SpheroPilot--Tap-Of-War">Github</a>
Where did I leave off last week? Last week I left of banging my head against the wall. For my life, I was unable to make Sphero.js work with nw.js. However, it turns out that one of the other MSPs, namely Joshua Bakita, found the path to the end of the tunnel and was kind enough to show me the way with him.
What have I implemented/changed/updated/improved/etc. this week? So basically, this week was the absolute opposite of last week. Once I broke through the nw.js barrier, it was full steam ahead. I knocked out the menu page and set up all of the other pages. The page I’m working on now is the host page, which spans from the time the connection to the Sphero is made to the time the players finish the game.
What I’m looking to accomplish next: The next thing I’ll be looking to accomplish will be to connect the app to Azure and get limited functionality working. I will be focusing on how to setup the database. 
I am using HTML, Node (JavaScript), and CSS to design the game. Here are some images of my progress: This is some of the code working to build the menu: <img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0576.Jacen_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0576.Jacen_5F00_1.png" alt="" width="450" />
This is the code that is making the Sphero connect and roll! <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8080.Jacen_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8080.Jacen_5F00_2.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8080.Jacen_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8080.Jacen_5F00_2.png" alt="" width="500" /></a> <a href="https://youtu.be/7hCZz0_UCMU">Here is a short video to see this code in action!</a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero Robotic Ball, Sphero.js SDK, Apache Cordova, PeerJS, Microsoft Azure <a href="https://hackster.io/jbakita/sphero-share">Hackster.io</a> <a href="https://github.com/JoshuaJB/MSP_SpheroPilot_Sphero-Share">Github</a>
Where did I leave off last week? Last week we had a proof-of-concept client and server implemented. However, the functionality was limited to just controlling the color.
What have I implemented/changed/updated/improved/etc. this week? The key success this week has been getting the JSON-based <a href="https://github.com/JoshuaJB/share-sphero-server/blob/master/SCHEMA.md">communications schema</a> written, implemented, and working. I’ve got the basic controls working – color control and rolling – along with the groundwork for calibration and user communication. I even had time to add better connection handling on the client.
Implementation: To handle the different types of messages on the server, I use a switch statement: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8015.Josh_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8015.Josh_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8015.Josh_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8015.Josh_5F00_1.png" alt="" border="0" /></a> On the client, the controls are made simple with HTML5. I’ll use the color selection as an example. The HTML couldn’t be easier: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0880.Josh_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0880.Josh_5F00_2.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0880.Josh_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0880.Josh_5F00_2.png" alt="" border="0" /></a>  The JS only has to register an event handler for when the color changes and send the message: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0218.Josh_3.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0218.Josh_5F00_3.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0218.Josh_3.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0218.Josh_5F00_3.png" alt="" border="0" /></a>  Because of how easy HTML5 makes input, all the commands follow this simple pattern.
Earlier I mentioned better connection handling, I do this by adding my own handler for PeerJS’s disconnected, close, and error events:  <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2210.Josh_4.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2210.Josh_5F00_4.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2210.Josh_4.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2210.Josh_5F00_4.png" alt="" border="0" /></a> What I’m looking to accomplish next: Finish implementing the calibration schema and start work on the mulit-user aspect. This includes stuff like interpolating together multiple roll commands and user permissions. I’ll also be putting together a mid-project video, so keep an eye on <a href="https://www.hackster.io/jbakita/sphero-share">my hackster</a>.
The upgraded client interface: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5732.Josh_5%20client%20ui.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5732.Josh_5F00_5-client-ui.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/5732.Josh_5%20client%20ui.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/5732.Josh_5F00_5-client-ui.png" alt="" width="519" height="500" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio <a href="https://www.hackster.io/gracelu/director">Hackster.io</a> <a href="https://github.com/gracelu/Sphero-Director">Github</a>
Where did I leave off last week? Last week, I added coordinate objects to the code to allow he Sphero to move from one point to another. The Sphero now is able to move rom its current position to a specified coordinate after calculating the distance between the two points and the direction needed to travel to the destination.
What have I implemented/changed/updated/improved/etc. this week? This week, I improved the code concerning direction calculation and traveling between coordinates. In addition, I worked on creating a front-end interface for the user to be able to enter coordinates.     This is a screenshot of my progress so far. The goal is to have the user enter coordinates and then a path will be drawn to move from each coordinate to the next. The Sphero will then move along the specified paths. <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0576.Grace_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0576.Grace_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0576.Grace_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0576.Grace_5F00_1.png" alt="" border="0" /></a>
What I’m looking to accomplish next: I am looking to improve this interface to be fully functional in allowing the user to enter coordinates, a path to be draw, and the Sphero to follow the given directions. In addition, I want to connect this project to Azure for backend hosting.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, MYO, Windows Phone <a href="https://www.hackster.io/noctisilva/project-elixia">Hackster.io</a> <a href="https://github.com/noctisilva/Project-Elixea">Github</a> 
Where did I leave off last week? Last week, I starting coding my app. I found this js library called p5.js which is a “JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing” (p5js.org). With this library, I was able to import mp3 files, create the visualization of frequency of audio files, and extract real time frequency and collect the decibel data while running it. I also created the splash screen and uploaded a non-copyrighted audio file to test it.
What have I implemented/changed/updated/improved/etc. this week? This week, I finally got an Azure (one of the happiest moments this summer so far) account. This week, I think I finally got it to work by following the directions on <a href="http://bit.ly/1ywVXLL">http://bit.ly/1ywVXLL</a>! Lots of work still needs to get done but I think now I got the ball rolling. I got node.js connected to Azure mobile services. Then, I got Visual Studios to connect to the same Azure backend using JavaScript. Because, I connected Azure to my local Git account (it helps you make one really easily), as long as my code compiles, I am able to run node.js via cloud and connect to my windows phone.
Simple initial test to see if node.js would run through localhost via Azure: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8004.Tae_1.5.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8004.Tae_5F00_1.5.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8004.Tae_1.5.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8004.Tae_5F00_1.5.png" alt="" border="0" /></a>
Run this to see if it actually works: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1263.Tae_@.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1263.Tae_5F004000_.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1263.Tae_@.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1263.Tae_5F004000_.png" alt="" border="0" /></a>
I decided that unless I found a way to run node.js on Windows Phone without being Wi-Fi dependent, this is the way I’m going to run my app. Now that I had concrete proof that everything to work, it seemed like I set the framework in place and I had to begin coding my engine to generate  a song file on the fly from the Windows Phone and be able to do it fast enough to in order to not be a hassle for the user. On Visual Studios manifest, I enabled the phone to be able to have access to the music library.
What I’m looking to accomplish next: Currently, I am in the middle of creating the input process for the mp3 file to create a game file that can be deleted on will which I will continue to do next week as well. This is an example snippet that is taken from the p5.js example to visualize the frequency of the audio file: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8877.Tae_3.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8877.Tae_5F00_3.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8877.Tae_3.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8877.Tae_5F00_3.png" alt="" border="0" /></a> Things are really coming along as we start to see more active coding and testing. Stay tuned for Group B's post on Thursday, July 2nd.
Roll On     ]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 1.5 Progress Report (Group B)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-1-5-progress-report-group-b</link>
<pubDate>Fri, 26 Jun 2015 09:58:00 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/06/26/mspsphero-pilot-week-1-5-progress-report-group-b/</guid>
<description><![CDATA[ 
Group B has been hard at work - let's see what they've been up to! Also, if you’re...]]></description>
<content:encoded><![CDATA[ <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1030.Banner_PNG.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1030.Banner_5F00_PNG.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1030.Banner_PNG.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1030.Banner_5F00_PNG.png" alt="" width="1000" /></a>
Group B has been hard at work - let's see what they've been up to! Also, if you’re interested in becoming an MSP yourself, remember to visit our <a href="https://msdn.microsoft.com/microsoftstudentpartners">website</a>. Application deadline for the 2016 MSP Program ends July 15th! 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3441.matt.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3441.matt.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure, Windows Phone <a href="https://www.hackster.io/michstmatt/sphero-pilot">Hackster.io</a> <a href="https://github.com/michstmatt/Sphero-Azure-GPS">Github</a>
Where did I leave off last week? Last week I began to figure out the navigation by using the on board odometer, the gyroscope and some logic. I added direct feedback with PID control.
What have I implemented/changed/updated/improved/etc. this week? This week, I worked on setting up the Azure storage queue for sending commands to the Sphero.
What I’m looking to accomplish next: I would like to start logging all of the data back into Azure and make a map of where the Sphero went.  <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4263.Pasco_1.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4263.Pasco_5F00_1.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4263.Pasco_1.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4263.Pasco_5F00_1.jpg" alt="" border="0" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7853.tony.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7853.tony.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, XB1 Controller <a href="https://www.hackster.io/Vitontonio/sphero-drive">Hackster.io</a> <a href="https://github.com/Assassin0795/MSP_SpheroPilot-Sphero-Drive">Github</a>
Where did I leave off last week? Last week, I got just about everything setup save the gamepad library I plan to use. I also made sure that my keyboard was mapping to the Sphero properly, and I ironed out some more details of what I want the XB1 controller to handle.
What have I implemented/changed/updated/improved/etc. this week? This week I came up with a list of 31 colors for the Sphero to cycle through! I have also started working on getting things ready for the gamepad to connect to the Sphero, but I have not pushed this to my repository yet (due to errors/bugs I’m encountering and want to iron out). I also have a pretty solid idea of what I want the XB1 controller to handle.
What I’m looking to accomplish next: Next I’d like to get the gamepad at least connected to the project, as well as upload a diagram of what the gamepad will control - i.e. a user guide as to what buttons do what. If I can get these two things nailed down, the project should speed ahead quite nicely!
Sphero showing off a nice white color in the dark! <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3022.sphero_after_hours.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3022.sphero_5F00_after_5F00_hours.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3022.sphero_after_hours.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3022.sphero_5F00_after_5F00_hours.jpg" alt="" width="300" /></a>
Code snippet showing all the color choices: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8715.code_snippet.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8715.code_5F00_snippet.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8715.code_snippet.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8715.code_5F00_snippet.png" alt="" width="200" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0677.peyton.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0677.peyton.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio, Node.js Tools for Visual Studio <a href="https://www.hackster.io/vadlak/sphero-floor-plan">Hackster.io</a> <a href="https://github.com/vadlak/MSP_SpheroPilot-Sphero-Floor-Plan">Github</a>
Where did I leave off last week? Last week I left off with having basic control of my Sphero using the keyboard. I used the read the input from the keyboard using standard input and looked for one of the WASD keys and translated that into movement.
What have I implemented/changed/updated/improved/etc. this week? This week I worked on getting the data to stream from the Sphero to my application and interpreting it in a certain way. I wanted to get a basic example of streaming the data back to the application and then recording that data for later use. I am using a mixture of the data to create a relationship between the gyroscope and odometer to keep track of where it has gone relative to its start state.
What I am looking to accomplish next week: With the basic digestion of my data done I am going to continue to refine how I am interpreting the data and work on using that to track the Sphero's movements.
The example I have below is a basic implementation of taking in the data and digesting it which I will then use to keep track of the Sphero and build a 2D map of its travels: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8228.Peyton_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8228.Peyton_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8228.Peyton_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8228.Peyton_5F00_1.png" alt="" border="0" /></a>
 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1882.nse.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1882.nse.jpg" alt="" border="0" /></a>
Tech Toolkit: Sphero, Sphero SDK, Windows Phone Dev Kit, Visual Studio <a href="https://www.hackster.io/Nbot07/sphero-trainer">Hackster.io</a> <a href="https://github.com/Nbot07/MSP_SpheroPilot-Sphero-Trainer">Github</a>
Where did I leave off last week?  I tested the Sphero in different conditions - grass, water, etc. I also started getting into the JavaScript SDK a little and tested out the roll example. What have I implemented/changed/updated/improved/etc. this week? During the week, I mostly went through the examples in the JavaScript SDK. They helped me gauge how precise and sensitive the Sphero’s sensors are. Sensitivity is high but the precision of each sensor varies. Some seem to have a relatively low margin of error while others vary much more. While testing, I thought of creating an initialization step to get more accurate results.
What I am looking to accomplish next week: My next step will be creating a very simple script that “records” senor values over a brief period. Then I intend to expand that script to make the ball glow a certain color based on how well I can replicate the motion.  Both aspects of this script will need to “record” the information coming from the sensor values. This will help me debug any disparities between the actual motions and the sensor data. So, figuring out this “record” feature will be my main focus as I move forward.
Here are some videos I made for a few professors who are interested in the project. They show a few of the JavaScript SDK examples:
<a title="The Roll Example" href="https://drive.google.com/file/d/0ByeGFQp_I7rleGVPZjM0YmI0dUk/view?usp=sharing">The Roll Example</a> <a title="Collision Detection Example" href="https://drive.google.com/file/d/0ByeGFQp_I7rlaEhrZjJiNzhYT00/view?usp=sharing">Collision Detection Example</a> <a title="Keyboard Example" href="https://drive.google.com/file/d/0ByeGFQp_I7rlXzQzd3Z3bnNkcWM/view?usp=sharing">Keyboard Example</a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1541.shaneklein.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1541.shaneklein.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero 2.0 Robotic Ball, Xbox 360 Gamepad, Xbox 360 Wireless Gaming Receiver for Windows (required only if using a wireless Gamepad), Windows Computer with Bluetooth <a href="https://www.hackster.io/HypersonicApps/msp-spheropilot-sphero360">Hackster.io</a> <a href="https://github.com/Shane904/MSP_SpheroPilot--Sphero360">Github</a>
Where did I leave off last week? Basic working program
What have I implemented/changed/updated/improved/etc. this week? - Made packets use JSON instead of being delimited by vertical pipes
- Allow color changing via the C# front end
- Style changes
What I’m looking to accomplish next: - Change color via Xbox 360 Gamepad
- Light up Sphero and possibly rumble controller when Sphero bumps a wall The now prettier frontend of Sphero360: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7776.Shane_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7776.Shane_5F00_1.png"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7776.Shane_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7776.Shane_5F00_1.png" alt="" width="300" /></a>
The projects are coming along nicely! Remember to check out all the code and more details on each MSP's Hackster.io and Github pages. Next week we'll check back in with the Groups and see what they've accomplished.
Roll On
 
 
 
 ]]></content:encoded>
</item>
<item>
<title>MSP+Sphero Pilot: Week 1.5 Progress Report (Group A)</title>
<link>https://docs.microsoft.com/archive/blogs/studentdeveloper/mspsphero-pilot-week-1-5-progress-report-group-a</link>
<pubDate>Thu, 25 Jun 2015 11:36:54 GMT</pubDate>
<dc:creator><![CDATA[Msecord17]]></dc:creator>
<guid
isPermaLink="false">https://blogs.msdn.microsoft.com/studentdeveloper/2015/06/25/mspsphero-pilot-week-1-5-progress-report-group-a/</guid>
<description><![CDATA[This week we have two updates from our MSP+Sphero Pilot MSPs! Check out what Group A has...]]></description>
<content:encoded><![CDATA[<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1586.Blog%20Banner.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1586.Blog-Banner.jpg"><img style="border: 0px currentColor;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/1586.Blog%20Banner.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/1586.Blog-Banner.jpg" alt="" width="1000" /></a> This week we have two updates from our MSP+Sphero Pilot MSPs! Check out what Group A has accomplished over the last couple week below, and remember to share these posts with other student developers so they can follow along! Also, if you’re interested in becoming an MSP yourself, remember to visit our <a href="https://msdn.microsoft.com/microsoftstudentpartners">website</a>.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/3554.ramsey.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/3554.ramsey.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Azure <a href="https://www.hackster.io/rkhadder/sphero-morse-code">Hackster.io</a> <a href="https://github.com/rkhadder/MSP_SpheroPilot-Sphero-Morse-Code">Github</a>
Where did I leave off last week? Last week I struggled a lot with setting up node-webkit to support Sphero.js. There was an issue with resolving the dependencies that Sphero needs to run.
What have I implemented/changed/updated/improved/etc. this week? Thanks to the amazing help of Joshua Bakita, the MSP from UNC, I was able to get node-webkit up and running. Here are the steps I took:
Requirements
<ul>
<li>Node.js</li>
<li>Python (2.5.0 < x < 3.0.0, but 2.7.3 is recommended)</li>
<li>Microsoft Visual Studio C++ 2012 for Windows Desktop</li>
</ul>
Steps
<ol>
<li>Navigate to the root of your project</li>
<li>Install sphero.js, node-pre-gyp</li>
<ol>
<li>npm install Sphero</li>
<li>npm install node-pre-gyp -g</li>
</ol>
<li>Navigate to node_modules/sphero/node_modules/serialport</li>
<li>Run configure</li>
<ol>
<li>node-pre-gyp configure --runtime=node-webkit --target=0.12.2</li>
<li>Note that the target should be the version of node-webkit you are using. I’m using nw 0.12.2 so my --target is set to 0.12.2.</li>
</ol>
<li>Run build</li>
<ol>
<li>node-pre-gyp configure --runtime=node-webkit --target=0.12.2</li>
<li>Note that the target should be the version of node-webkit you are using. I’m using nw 0.12.2 so my --target is set to 0.12.2.</li>
</ol>
<li>Now your app should be set up to use Sphero.js on nw!</li>
</ol>
What I’m looking to accomplish next: Next week I’ll dive into using Azure to send signals between Spheros. This will set up the foundation of the communication between clients. 
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4520.JacenJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4520.JacenJpg.jpg" alt="" border="0" /></a> Technology Toolkit: Sphero, Azure, Windows 8 <a href="https://www.hackster.io/jacensherman/tap-of-war">Hackster.io</a> <a href="https://github.com/jacensherman/MSP_SpheroPilot--Tap-Of-War">Github</a>
Where did I leave off last week? Last week I left of still trying to integrate the Node-Webkit with the Sphero.js API. I had looked at many solution but just kept hitting dead ends. 
What have I implemented/changed/updated/improved/etc. this week? Unlike last week, I have been focusing much more on the code this week. My main focus has been to figure out how to connect a front end to the sphero.js API. After searching all week for a way to get the API to work with a node-webkit front end, I just kept hitting very complicated problems that could not be resolved. So, sadly, I don’t have much of anything new to show you guys this week.
Although I don’t have any new code snippets to show you, I can give you a glimpse of what my week looked like…
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0841.Jacen_1.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0841.Jacen_5F00_1.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0841.Jacen_1.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0841.Jacen_5F00_1.jpg" alt="" border="0" /></a> What I’m looking to accomplish next: Next week, I am looking to move over to a solution that some of the other members of this pilot program are using. This is creating a front end and then using a port to connect that front end to node.js. I will probably spend a small portion of time looking for another solution but I think I have walked down almost every trail there is. Using node-webkit would be optimal but I will most likely have to settle for a mixed C# and node application.
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6761.JoshuaJpg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6761.JoshuaJpg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero Robotic Ball, Sphero.js SDK, Apache Cordova, PeerJS, Microsoft Azure <a href="https://hackster.io/jbakita/sphero-share">Hackster.io</a> <a href="https://github.com/JoshuaJB/MSP_SpheroPilot_Sphero-Share">Github </a> Where did I leave off last week? Last week I left off with my software stack on every platform defined, but nothing implemented yet.
What have I implemented/changed/updated/improved/etc. this week? I’ve got a basic WebRTC connection broker setup along with a proof-of-concept Sphero server/client pair. It allows a remote user to change the Sphero’s color in real-time.
The Connection Broker (Github: <a href="https://github.com/JoshuaJB/share-sphero-broker">share-sphero-broker</a>)
This uses PeerJS Server to broker connections between the Sphero server and client. PeerJS handles almost all the work, so all we have to do is import and start the server: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0407.Josh_1.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0407.Josh_5F00_1.JPG"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0407.Josh_1.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0407.Josh_5F00_1.JPG" alt="" border="0" /></a> The Sphero Server (Github: <a href="https://github.com/JoshuaJB/share-sphero-server">share-sphero-server</a>)
This uses PeerJS and NW to pass commands from the client to the Sphero. PeerJS gives each peer a unique ID and allows you to connect to anyone that you know the ID of. Here’s how I setup the server: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0728.Josh_2.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0728.Josh_5F00_2.JPG"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0728.Josh_2.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0728.Josh_5F00_2.JPG" alt="" border="0" /></a>  Once the connection event fires, we can attach a data listener: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7587.Josh_3.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7587.Josh_5F00_3.JPG"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7587.Josh_3.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7587.Josh_5F00_3.JPG" alt="" border="0" /></a> That does it for the server.
The Sphero Client (Github: <a href="https://github.com/JoshuaJB/share-sphero-client">share-sphero-client</a>)
We’ll eventually use Cordova to turn this into a mobile app, but for now we can develop in the browser. Connecting to the server only takes a couple steps: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7127.Josh_4.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7127.Josh_5F00_4.JPG"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/7127.Josh_4.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/7127.Josh_5F00_4.JPG" alt="" border="0" /> </a>Other code detects changes on the controls and:  <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0068.Josh_5.JPG" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0068.Josh_5F00_5.JPG"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0068.Josh_5.JPG" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0068.Josh_5F00_5.JPG" alt="" border="0" /></a>
What I’m looking to accomplish next: I’m hoping to get a communication schema implemented and a nicer looking UI (I only have a few raw HTML elements without CSS at the moment). Maybe start work on implementing more controls besides color.
The client interface: The server interface:  
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/2100.GraceJpeg.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/2100.GraceJpeg.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, Visual Studio <a href="https://www.hackster.io/gracelu/director">Hackster.io</a> <a href="https://github.com/gracelu/Sphero-Director">Github</a> 
Where did I leave off last week? Last week, I began working with the Node SDK to gather location data from the Sphero. I also wrote functions to calculate distance between points and move the Sphero between points.
What have I implemented/changed/updated/improved/etc. this week? This week, I worked on moving the Sphero between multiple coordinates. This required some refactoring of last week’s code by improving the functions and supporting additional inputs. I wrote functions to take in coordinates and add them to a list. Then I set up a for loop to iterate through the points.
Coordinate:
function coordinate(x, y) {
    this.x = x;
    this.y = y;
}
 
function add_coord(x, y, arr){
  arr.push(new coordinate(x, y));
}
Mutliple Coordinates:
for (i = i; i < coordinates.length; i++){
      curr_x = data.xOdometer.value[0];
      curr_y = data.yOdometer.value[0];
       roll_distance(curr_x, curr_y, curr_x + coordinates[i][0], curr_y + coordinates[i][1], 180);
      console.log("i: ", i, "(x,y): ", data.xOdometer.value[0], ",", data.yOdometer.value[0]);
    }
What I’m looking to accomplish next: There is still more work to be done to refine the multiple coordinate movement of the Sphero in terms of speed and distance. Once this is complete, then I am looking into integration with maps and the Windows phone to connect with real coordinates using user interfaces. Here the code I wrote is being run, outputting coordinates of the Sphero after moving between the given coordinates: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6428.Grace_1.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6428.Grace_5F00_1.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6428.Grace_1.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6428.Grace_5F00_1.jpg" alt="" border="0" /></a>
<a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/0243.taehong.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/0243.taehong.jpg" alt="" border="0" /></a>
Technology Toolkit: Sphero, MYO, Windows Phone <a href="https://www.hackster.io/noctisilva/project-elixia">Hackster.io</a> <a href="https://github.com/noctisilva/Project-Elixea">Github</a> 
Where did I leave off last week? Last week, I typed up the map of the menu navigation tree which is mainly for me to see how the screen order would look like. I also researched ways to natively implement node.js (we are required to use the node.js as part of the project which requires node.js) with the Windows 8.1 phone because currently it is not supported. I found a few things while approaching this path but they would only work in development and not in production.
What I would do is boot a web hosted node.js on a virtual machine via Azure cloud and send JSON data back to the phone through a listener. 
There are a couple problems with this: - I would always need the internet to use the app on my phone.
- I would not be connecting my EMG device to the phone but to the laptop, to send data over via cloud then back to the phone which then results in
- Latency.This is a very time crucial game. The whole point of the game is to get the arm movements in a very VERY specific time frame under 1.001 seconds. By the time the Sphero receive the data from my MYO, couples seconds would already pass losing the entire purpose of the game. 
Therefore, even though, right now since things are still in development, it’s ok to do it this way just to play around but soon, I would need to find another way. I’m thinking about just using a third-party cross platform engine to build the game such as Phonegap because if I use that, it should, theoretically, work.
What have I implemented/changed/updated/improved/etc. this week? This week, I started to code. And code. I found this JavaScript library called p5.js. P5.js is a “JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing” (p5js.org). There was a lot of things that I could do with this library to build my app so far.
I used p5.js for:         - Importing mp3 files. - Visualization of frequency of audio files.  - Extracting real time frequency decibel data while running.
Below you can see visually what I did this week. All of this is in Alpha-deployed mode. Things are subjected to change in production. If you have any questions or suggestions about Project Elixea, please feel free to contact me at <a href="mailto:taehong.min@studentpartner.com">taehong.min@studentpartner.com</a> or tweet me @taehongmin1
The menu screen. The Sphero jiggles and screen fades out when clicked on a nav.: <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6153.Tae_1.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6153.Tae_5F00_1.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6153.Tae_1.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6153.Tae_5F00_1.png" alt="" border="0" /> </a>Play Game Screen. There will be the list of songs that you can play from. There is only one on the screen for development testing. <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8726.Tae_2.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8726.Tae_5F00_2.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/8726.Tae_2.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/8726.Tae_5F00_2.png" alt="" border="0" /></a> This is the play game screen. Now, there is nothing on there for now other than the frequency visualization of the audio file that my app is playing. There will be some text in there to go back or pause but this minimalistic design will change colors depending on the frequency every few seconds and when it changes, the user must execute it. When it is done correctly, the Sphero will turn green. If perfectly, blue. If missed, then red. <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6278.Tae_3.png" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6278.Tae_5F00_3.png"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/6278.Tae_3.png" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/6278.Tae_5F00_3.png" alt="" border="0" /></a> Pictures of me and my Sphero! I was actually playing on the piano for a while to help me think about how I should go about my app =D. <img style="float: left;" src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4667.Tae_4.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4667.Tae_5F00_4.jpg" alt="" border="0" />
 
 
 
 
 
 
 
 
 
And one more! <a href="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4807.Tae_5.jpg" original-url="http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4807.Tae_5F00_5.jpg"><img src="https://msdnshared.blob.core.windows.net/media/MSDNBlogsFS/prod.evol.blogs.msdn.com/CommunityServer.Blogs.Components.WeblogFiles/00/00/01/65/74/4807.Tae_5.jpg" original-url="http://blogs.msdn.com/resized-image.ashx/__size/550x0/__key/communityserver-blogs-components-weblogfiles/00-00-01-65-74/4807.Tae_5F00_5.jpg" alt="" border="0" /></a>
Stay-tuned tomorrow for Group B updates!
Roll On]]></content:encoded>
</item>
</channel>
</rss>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

Download the "valid RSS" banner.
Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)
Add this HTML to your page (change the image src attribute if necessary):

<a href="http://www.feedvalidator.org/check.cgi?url=https%3A//blogs.msdn.microsoft.com/studentdeveloper/feed/"><img src="valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a>

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=https%3A//blogs.msdn.microsoft.com/studentdeveloper/feed/

Home · About · News · Docs · Terms