BCIS 4650 Visual Programming for Business Applications

1. BCIS 4650 Visual Programming for Business Applications Video, Bing Maps The University of North Texas, ITDS Dept., Dr. Vedder

2. ConsumingVideo Feeds

3. Video Options as of Now • Use MediaElement class for basic download-and-play operation • Use Microsoft Media PlayerFrameworkand the Media Player class for greater power and features • Cannot play Flash video in Win 8.1 Store apps without extensive coding (so, ex., most of YouTube’s videos are inaccessible as streaming downloads) The University of North Texas, ITDS Dept., Dr. Vedder

4. MediaElement Class • Plays audio and video (whatever types the hardware device allows) from a URI source • Loads and plays using XAML code only • Drag’n’drop on Design View; configure The University of North Texas, ITDS Dept., Dr. Vedder

5. MediaElement Class, 2 • Retrieves asynchronously; raises MediaOpened or MediaFailed event • Has many members: http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.mediaelement.aspx The University of North Texas, ITDS Dept., Dr. Vedder

6. Media Player Class • Exposed (i.e., added to the Toolbox) by the Microsoft Media PlayerFramework • More powerful than the MediaElement • Adaptive streaming (uses IIS Smooth Streaming Client SDK) • Advanced playback • Support for closed-captioning, and more • http://msdn.microsoft.com/en-us/library/system.windows.media.mediaplayer%28v=vs.110%29.aspx The University of North Texas, ITDS Dept., Dr. Vedder

7. PlayerFramework for Windows 8.1 • Project | Add Reference | Windows | Extensions check “Microsoft Player Framework” (“Any CPU” is ok config.) • Add the PlayerFramework namespace to MainPage.XAML • Drag’n’dropMediaPlayer from Toolbox into Design View, and configure The University of North Texas, ITDS Dept., Dr. Vedder

8. VS 2013 Reference Manager The University of North Texas, ITDS Dept., Dr. Vedder

9. If Performance is Unsatisfactory… • Need Smooth Streaming media service • Minimize start-up time • Adapts quality to available bandwidth and demands on CPU • HD support, other features • Web Address for SDK: http://visualstudiogallery.msdn.microsoft.com/04423d13-3b3e-4741-a01c-1ae29e84fea6 The University of North Texas, ITDS Dept., Dr. Vedder

10. Performance, 2 • AdaptiveStreamingClient SDK http://visualstudiogallery.msdn.microsoft.com/0170c67c-c183-4fee-8dd4-c2b44d710d40 • PlayReadyClientSDK (for digital rights)http://visualstudiogallery.msdn.microsoft.com/59be4d26-7f00-463e-9d61-2803c36b576b • Remember to specify platform! (x86) The University of North Texas, ITDS Dept., Dr. Vedder

11. Adding More References The University of North Texas, ITDS Dept., Dr. Vedder

12. Sample XAML for Performance • Smooth streaming provided by the Internet Information Services’ Media Service (different URL) • AdaptivePlugin added to the media plugins collection of PlayerFramework The University of North Texas, ITDS Dept., Dr. Vedder

13. Bing Map Feeds

14. What is Bing? • Is a platform for offering web services • Offers many for free; others for a price • Dictionary • Entertainment • Health • Images • Maps • News • Recipes • Reference • Shopping • Translator • Travel • Weather • Others……. The University of North Texas, ITDS Dept., Dr. Vedder

15. Using Bing Maps in Your App • Must have a Bing Maps key from http://www.microsoft.com/maps/create-a-bing-maps-key.aspx ; account req’d. • Different types of key available: • Trial (90-day; any type of application) • Basic (not-for-profit; education • Enterprise • Read instructions posted here: http://msdn.microsoft.com/en-us/library/ff428642.aspx The University of North Texas, ITDS Dept., Dr. Vedder

16. The University of North Texas, ITDS Dept., Dr. Vedder

17. Using Bing Maps in Your App, 2 • Set the Credentials property to your Bing Maps key value • Installing the Bing Maps SDK from http://visualstudiogallery.msdn.microsoft.com/224eb93a-ebc4-46ba-9be7-90ee777ad9e1 gives you a set of new classes in the Toolbox The University of North Texas, ITDS Dept., Dr. Vedder

18. Using Bing Maps in Your App, 3 • Project | Add Reference | Windows | Extensions check “Bing Maps…” • Warning triangle = Bing Maps does not support the “Any CPU” configuration • Build | Configuration Manager select x86 if possible to continue seeing Design View (unavailable in x64) The University of North Texas, ITDS Dept., Dr. Vedder

19. Build | Configuration Managerselect x86 if at all possible The University of North Texas, ITDS Dept., Dr. Vedder

20. Using Bing Maps in Your App, 4 • Add a resource in App.Xamlto hold your Bing Maps key • Add a Map Control class to a XAML page by drag’n’drop • Configure in XAML The University of North Texas, ITDS Dept., Dr. Vedder

21. Simple XAML Map Element Config • bm:Map refers to the Map control on page in Design View • StaticResource value refers to App.xamlApplication.Resource The University of North Texas, ITDS Dept., Dr. Vedder

22. To Configure More Details… • Study the Map Class, which is part of the Bing.Maps namespace • This class has many members – lots of ways to • Customize look and/or behavior • Block user from making changes • http://msdn.microsoft.com/en-us/library/hh846504.aspx The University of North Texas, ITDS Dept., Dr. Vedder

23. Consuming a Data Service(Weather, Currency Exchange, etc.)

24. Many Options (XML, JSON, RSS) • US weather: http://w1.weather.gov/xml/current_obs/ • Global weather: http://developer.yahoo.com/weather/ (requires WOEID (Where on Earth ID) http://woeid.rosselliot.co.nz/ • Another for global weather: http://www.wunderground.com/weather/api/d/docs The University of North Texas, ITDS Dept., Dr. Vedder

25. ITDS Logo / Mood Slide The University of North Texas, ITDS Dept., Dr. Vedder

26. RGB Color Guide 252 183 44 • Rust 183, 65, 14 ; set lighter • Light blue 102 255 255 • Slightly gray-blue 153, 204, 255 • Ice blue 155 183 217 • Bright green 0 255 0 • Bright yellow 255 255 0 • Tan 241 218 218 • Light lavender 201 153 255 • Darker lavender 204 102 255 The University of North Texas, ITDS Dept., Dr. Vedder