How Sphero Leveraged Windows App SDK for a Great User Experience

Published Oct 12 2021 01:02 PM 616 Views
Microsoft

Introduction

Sphero is transforming K-12 education with accessible tools that encourage exploration, imagination, and perseverance through STEAM and computer science.  In addition to its pre-built coding robots and STEAM kits, a key part of this experience is the Sphero Edu app which gives students a platform for creating programs and completing educational activities with Sphero robots.  

 

Sphero had a version of the Sphero Edu for Windows devices, but it had several challenges:

  • It was built with outdated technology and was difficult to maintain
  • It did not support an offline experience
  • It required users to login to create and save programs
  • It wasn’t compatible with a new version of the Sphero Edu platform that was in development

 

Sphero decided to build a new version of the Sphero Edu app for Windows from scratch.  The new app would need to deliver all the functionality in the old app that had been built with the investment of many developer-years of effort.  But Sphero’s goal was to build the new app in a few months with only a few developers.  To do this, Sphero decided to utilize the Windows App SDK.

 

A New Tool for a New App

Building an app with cutting edge technology can be a challenge.  Sphero was greatly aided by quick answers from Microsoft App Consult experts as questions arose.  In turn, Sphero was able to provide feedback on the development experience of using the new technology.  

 

One of the critical value-adds of using Windows App SDK was that Sphero was able to reuse a significant amount of code from the prior Sphero Edu app.  The user interface where kids assemble blocks to create programs for their robots and the layers of code that interpret those programs and send instructions to the robot could largely be re-used.  This was critical for delivering within the time and staffing constraints.

 

A Sphero Edu app utilizes a wide range of capabilities of a device.  All Sphero apps require a Bluetooth connection to communicate with robots.  Internet connectivity is important for access to educational content as well as storing programs on the Sphero Edu platform.  Local storage is key for creating and storing programs on the device.  The list goes on, but the key point is that Sphero was able to find a way to deliver all the critical functionality using the Windows App SDK.  The payoff for the user, however, mostly comes from the enhanced experience.

 

image3.png

 

Creating a Better User Experience

The Sphero Edu platform is primarily used in classrooms.  In this context, having technology that is simple, performant and reliable is especially important.  Whereas in the prior version of the Sphero Edu app, a teacher would need to get all students through the process of logging in (and potentially needing to create accounts to be able to login), the new Sphero Edu app allows students to dive in and start creating programs immediately.  It has a very responsive UI and takes advantage of caching data locally to increase performance.  The user interface takes advantage of the Windows App SDK’s ability to adapt to whatever screen size is available and works with both Windows 10 and 11 touch-enabled devices and keyboards.  For schools where an internet connection is unavailable, the ability to use the app offline is critical.  It’s a lot easier to inspire the creators of tomorrow when the tools fit their needs.

 

image2.png

 

 

Conclusion

Thanks to the Windows App SDK and great developer support from Microsoft, Sphero was able to quickly build a better version of a critical app in a very short timeframe.

 

image1.png

 

 

%3CLINGO-SUB%20id%3D%22lingo-sub-2824955%22%20slang%3D%22en-US%22%3EHow%20Sphero%20Leveraged%20Windows%20App%20SDK%20for%20a%20Great%20User%20Experience%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2824955%22%20slang%3D%22en-US%22%3E%3CP%20class%3D%22c1%22%3E%3CSTRONG%3E%3CSPAN%20class%3D%22c7%22%3EIntroduction%3C%2FSPAN%3E%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c5%22%3E%3CA%20class%3D%22c10%22%20href%3D%22https%3A%2F%2Fwww.google.com%2Furl%3Fq%3Dhttps%3A%2F%2Fwww.sphero.com%26amp%3Bsa%3DD%26amp%3Bsource%3Deditors%26amp%3Bust%3D1633653962642000%26amp%3Busg%3DAOvVaw1sUKJlf5MiMcQYVWH820cq%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3ESphero%3C%2FA%3E%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3Bis%20transforming%20K-12%20education%20with%20%3C%2FSPAN%3E%3CSPAN%3Eaccessible%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%3Etools%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3Bthat%20encourage%20exploration%2C%20imagination%2C%20and%20%3C%2FSPAN%3E%3CSPAN%3Eperseverance%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3Bthrough%20STEAM%20and%20computer%20science.%20%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%20class%3D%22c0%22%3EIn%20addition%20to%20its%20pre-built%20coding%20robots%20and%20STEAM%20kits%2C%20a%20key%20part%20of%20this%20experience%20is%20the%20Sphero%20Edu%20app%20which%20gives%20students%20a%20platform%20for%20creating%20programs%20and%20completing%20educational%20activities%20with%20Sphero%20robots.%20%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c0%22%3ESphero%20had%20a%20version%20of%20the%20Sphero%20Edu%20for%20Windows%20devices%2C%20but%20it%20had%20several%20challenges%3A%3C%2FSPAN%3E%3C%2FP%3E%0A%3CUL%20class%3D%22c3%20lst-kix_952j3xrlnjft-0%20start%22%3E%0A%3CLI%20class%3D%22c1%20c8%20li-bullet-0%22%3E%3CSPAN%20class%3D%22c0%22%3EIt%20was%20built%20with%20outdated%20technology%20and%20was%20difficult%20to%20maintain%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%20class%3D%22c1%20c8%20li-bullet-0%22%3E%3CSPAN%20class%3D%22c0%22%3EIt%20did%20not%20support%20an%20offline%20experience%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%20class%3D%22c1%20c8%20li-bullet-0%22%3E%3CSPAN%20class%3D%22c0%22%3EIt%20required%20users%20to%20login%20to%20create%20and%20save%20programs%3C%2FSPAN%3E%3C%2FLI%3E%0A%3CLI%20class%3D%22c1%20c8%20li-bullet-0%22%3E%3CSPAN%20class%3D%22c0%22%3EIt%20wasn%E2%80%99t%20compatible%20with%20a%20new%20version%20of%20the%20Sphero%20Edu%20platform%20that%20was%20in%20development%3C%2FSPAN%3E%3C%2FLI%3E%0A%3C%2FUL%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c0%22%3ESphero%20decided%20to%20build%20a%20new%20version%20of%20the%20Sphero%20Edu%20app%20for%20Windows%20from%20scratch.%20%26nbsp%3BThe%20new%20app%20would%20need%20to%20deliver%20all%20the%20functionality%20in%20the%20old%20app%20that%20had%20been%20built%20with%20the%20investment%20of%20many%20developer-years%20of%20effort.%20%26nbsp%3BBut%20Sphero%E2%80%99s%20goal%20was%20to%20build%20the%20new%20app%20in%20a%20few%20months%20with%20only%20a%20few%20developers.%20%26nbsp%3BTo%20do%20this%2C%20Sphero%20decided%20to%20utilize%20the%20Windows%20App%20SDK.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSTRONG%3E%3CSPAN%20class%3D%22c4%22%3EA%20New%20Tool%20for%20a%20New%20App%3C%2FSPAN%3E%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c0%22%3EBuilding%20an%20app%20with%20cutting%20edge%20technology%20can%20be%20a%20challenge.%20%26nbsp%3BSphero%20was%20greatly%20aided%20by%20quick%20answers%20from%20Microsoft%20App%20Consult%20experts%20as%20questions%20arose.%20%26nbsp%3BIn%20turn%2C%20Sphero%20was%20able%20to%20provide%20feedback%20on%20the%20development%20experience%20of%20using%20the%20new%20technology.%20%26nbsp%3B%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c0%22%3EOne%20of%20the%20critical%20value-adds%20of%20using%20Windows%20App%20SDK%20was%20that%20Sphero%20was%20able%20to%20reuse%20a%20significant%20amount%20of%20code%20from%20the%20prior%20Sphero%20Edu%20app.%20%26nbsp%3BThe%20user%20interface%20where%20kids%20assemble%20blocks%20to%20create%20programs%20for%20their%20robots%20and%20the%20layers%20of%20code%20that%20interpret%20those%20programs%20and%20send%20instructions%20to%20the%20robot%20could%20largely%20be%20re-used.%20%26nbsp%3BThis%20was%20critical%20for%20delivering%20within%20the%20time%20and%20staffing%20constraints.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c0%22%3EA%20Sphero%20Edu%20app%20utilizes%20a%20wide%20range%20of%20capabilities%20of%20a%20device.%20%26nbsp%3BAll%20Sphero%20apps%20require%20a%20Bluetooth%20connection%20to%20communicate%20with%20robots.%20%26nbsp%3BInternet%20connectivity%20is%20important%20for%20access%20to%20educational%20content%20as%20well%20as%20storing%20programs%20on%20the%20Sphero%20Edu%20platform.%20%26nbsp%3BLocal%20storage%20is%20key%20for%20creating%20and%20storing%20programs%20on%20the%20device.%20%26nbsp%3BThe%20list%20goes%20on%2C%20but%20the%20key%20point%20is%20that%20Sphero%20was%20able%20to%20find%20a%20way%20to%20deliver%20all%20the%20critical%20functionality%20using%20the%20Windows%20App%20SDK.%20%26nbsp%3BThe%20payoff%20for%20the%20user%2C%20however%2C%20mostly%20comes%20from%20the%20enhanced%20experience.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22image3.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F316099iCBD86BEBBFC8EE40%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image3.png%22%20alt%3D%22image3.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSTRONG%3E%3CSPAN%20class%3D%22c4%22%3ECreating%20a%20Better%20User%20Experience%3C%2FSPAN%3E%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c9%20c11%22%3EThe%20Sphero%20Edu%20platform%20is%20primarily%20used%20in%20classrooms.%20%26nbsp%3BIn%20this%20context%2C%20having%20technology%20that%20is%20simple%2C%20performant%20and%20reliable%20is%20especially%20important.%20%26nbsp%3BWhereas%20in%20the%20prior%20version%20of%20the%20Sphero%20Edu%20app%2C%20a%20teacher%20would%20need%20to%20get%20all%20students%20through%20the%20process%20of%20logging%20in%20(and%20potentially%20needing%20to%20create%20accounts%20to%20be%20able%20to%20login)%2C%20the%20%3C%2FSPAN%3E%3CSPAN%20class%3D%22c5%20c9%22%3E%3CA%20class%3D%22c10%22%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Fp%2Fsphero-edu%2F9n2796r62xlz%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Enew%20Sphero%20Edu%20app%3C%2FA%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22c0%22%3E%26nbsp%3Ballows%20students%20to%20dive%20in%20and%20start%20creating%20programs%20immediately.%20%26nbsp%3BIt%20has%20a%20very%20responsive%20UI%20and%20takes%20advantage%20of%20caching%20data%20locally%20to%20increase%20performance.%20%26nbsp%3BThe%20user%20interface%20takes%20advantage%20of%20the%20Windows%20App%20SDK%E2%80%99s%20ability%20to%20adapt%20to%20whatever%20screen%20size%20is%20available%20and%20works%20with%20both%20Windows%2010%20and%2011%20touch-enabled%20devices%20and%20keyboards.%20%26nbsp%3BFor%20schools%20where%20an%20internet%20connection%20is%20unavailable%2C%20the%20ability%20to%20use%20the%20app%20offline%20is%20critical.%20%26nbsp%3BIt%E2%80%99s%20a%20lot%20easier%20to%20inspire%20the%20creators%20of%20tomorrow%20when%20the%20tools%20fit%20their%20needs.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22image2.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F316100i71BFB942ABF3419B%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image2.png%22%20alt%3D%22image2.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSTRONG%3E%3CSPAN%20class%3D%22c4%22%3EConclusion%3C%2FSPAN%3E%3C%2FSTRONG%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22c0%22%3EThanks%20to%20the%20Windows%20App%20SDK%20and%20great%20developer%20support%20from%20Microsoft%2C%20Sphero%20was%20able%20to%20quickly%20build%20a%20better%20version%20of%20a%20critical%20app%20in%20a%20very%20short%20timeframe.%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22image1.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F316101iF62664045FB0AEFA%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image1.png%22%20alt%3D%22image1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%20class%3D%22c1%20c2%22%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Co-Authors
Version history
Last update:
‎Oct 12 2021 01:02 PM
Updated by: