1 / 26

BCIS 4650 Visual Programming for Business Applications

BCIS 4650 Visual Programming for Business Applications. Video, Bing Maps. Consuming Video Feeds. Video Options as of Now. Use MediaElement class for basic download-and-play operation Use Microsoft Media PlayerFramework and the Media Player class for greater power and features

erwin
Download Presentation

BCIS 4650 Visual Programming for Business Applications

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

More Related