It’s all about creating quality apps quickly using templates. The enhanced App Studio (now for Windows 10) gives you a great start. Use the new Universal Windows Platform (UWP) – one binary, one project for phone and tablet. Employ new the pivot control API’s for YouTube and Flickr integration. Deploy ads easier. And wrap-up a responsive website in an app. Finally, FBI Apps takes a deep dive into the incredible code that the Windows App Studio (WAS) team created for all us. App Studio is even open source… go to: https://github.com/wasteam/waslibs. Russ shared tips on how to use the Command Bar, crash reporting, master/detail pages, Search, Caching, Ads and all with the generated code. This hot off the metal session is a deep dive into Microsoft Windows App Studio.
Learn the answers to these Questions and more:
• What are the templates for WAS?
• When importing a CSV for my data in a collection, how do I upload it without getting numerous errors?
• Is there an Excel macro/Add-in I can use to help this process, so I have the ability to keep commas in the field data, use semi colons as a delimiter and double quotes around all of the field data items?
• What is the maximum number of items in a collection? Is there a work around?
• How do I assign actions on a detail page of a collection item?
• How do I take advantage of Hero images on each page and what sizes are needed? Where do I load the background of the app?
• Where do I set the splash screen vs the logos for the app?
• What are the size limitations?
• Is there an easy way to install the app for reviewers and team members?
• How do we integrate the UWP Command Bar to execute one set of event handlers for the app?
• How do we integrate the latest crash reporting from Microsoft called Hockey App?
• How do master/detail page relationships work in App Studio code?
• You want a Navigation bar in your app? And search?
• You want to write an app that functions completely in Airplane mode, once it is cached is created? If you are a UWP coder, you won’t want to miss this caching topic.
• “IT’S HUGE”, like one of the local car dealers says on his radio and TV ads! We will also show you how to setup the Ad Client using App Studio and look at the generated XAML!
YOU HAVE TO KNOW THE CODE TO GET IN THE SHED!
KNOW THE CODE.
See all of the Fustino Brothers Webcasts at: http://www.inbusinessseo.net/tps-blog
Also visit: https://channel9.msdn.com/Niners/russtoolshed/
1. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
We Build Powerful Apps!
Tampa Code Camp!
Hello!
1www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
2. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Windows Apps Studio from No Code to Code
http://appstudio.windows.com
Deck: TBD
http://www.fustinobrothers.com
Topic…
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
3. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Gary – Graphics & Business
Russ – Programmer and MVP
Rich – Musician & Content
Russ, Gary, Ian, Rich
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
We Build Apps for Rock Stars!
3
4. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
www.fustinobrothers.com/products.html
4Jethro Tull and Ian Anderson music, likeness, promotional materials,
owned and copyrighted by Ian Anderson Group of Companies, LTD.
In All Popular
App Stores
Projects...
Tribute App
Tribute App
5. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Fustino Brothers Webcasts
2nd Monday every month at Noon
See all Past Webcasts Here:
• http://www.inbusinessseo.net/tps-blog
Including:
• 7/11 Part 3: Windows App Studio Know the code inside WAS
• 6/20 Part 2: Windows App Studio – Data – Graphics – Part 2 – Free Webinar
• 5/12 Part 1: Microsoft App Studio: Building Universal Windows Apps with No Code
• 5 Online Payment System Apps Compared
• 1 Hour SEO for Better Mkg & Apps Dev
• Webinar: Messaging Services for Mkg & Apps Dev
• Webinar: Video Apps for Mkg & Dev
• Snapchat & Periscope for Mkg/App Dev
• Internet Branding for Mkg & Apps Dev
• Monetization Strategies for Apps Development and Social Media Mkg (10/12/15)
• Apps for the Stars/Celebrities
• Basic Video Editing Within YouTube
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
6. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
It’s All About the Pain!
• I need templates, to build apps quickly. (IE is there a better way than File
New?)
• Universal Windows Platform (UWP) – one binary, one project for Phone and
Tablet
• YouTube, Flickr, etc.. APIs, is there a way to automate this?
• YouTube playlist only showed first 40 videos and takes long to load
• Need to consume any REST service (data anywhere)
• Importing CSV for collections can be tricky
• How do I incorporate favorites?
• Graphics, what are the limits and where do I need them?
• How do I share the app with team members and testers?
• Code: Command Bar, Hockey App, ListView, Detail View, Navigation,
Caching, Ad Client
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
7. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Agenda
• Templates for UWP
• Graphics
• Massive Updates in June Release
• Data
• Installable Packages
• Ad Client
• Tour of the UWP code in Windows App Studio
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
8. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Templates for UWP
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
9. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Wrap Responsive Website in an App (in 5 Minutes)
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
10. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Pivot Template
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
11. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Demos
• Hosted Web App
• Empty Pivot App
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
12. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
• Transparent Icons
• Badge/Banner
• Hero Image
Graphics
13. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
New Hero Image Requirements
Naming Tips:
• Start with Letters not Numbers
• Use _ not -
• Exclude / and :
• Use .png format
14. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Link Icons: Actions on Detail pages
• Links (Need URL in Data)
• Favorites
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
15. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Navigation Icons
16. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Demo
• Hero Images on Sections
• Background Image
• Navigation Icons
• Link Icons
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
17. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Massive June Updates
• REST API Data Source
• Hosted Web App Capability Declarations
• Tool Improvements
• Generated App Improvements
• Open Source Library and Control Improvements
• Instagram Data Source Removed
• Instagram no longer want their users’ content accessed
outside of their 1st party apps without explicit permission
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
18. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Generated App Improvements
• New Shell Control: Improved navigation and nav pane
• New Detail Pages: Improved Layouts, better reading and
display taking advantage of HTML Block
• New About Page
• Performance improvements: Reduced memory and increased
loading speed
• Pagination & Infinite Scroll: Allows loading of more content
removing the fixed number (40) retrieved previously
• Ordering: Allows ordering of the content as established in the
app configuration.
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
19. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Open Source Library & Control Improvements
• https://github.com/wasteam/waslibs
• Improved RSS Data Source
• HTML Block: Added a new control to our XAML library that
transforms HTML and renders it as XAML, improving readability and
performance
• Infinite Scroll: allow apps to make pagination
• Animated GIFs: ImageEx control now supports Animated GIFs
• Carousel Redesign: better UX integration
• Slider View: Older small carousel improved
• REST API Data Source
• Data Source Ordering and Paging
• Data Source Language aware
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
20. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Data - API’s for YouTube, Flickr,
Twitter, etc… Step by Step Provided
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
21. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
REST API Data Source
• Supports GET
• See blog post:
• Example: add
event/concert listings to
your app, use an API from
a service like SeatGeek or
SongKick to pull in event
information for a region or
filter you specify.
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
22. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Data Collections
• Option 1 – Manually enter data thru IDE
• Pros – Easy to do
• Cons – Time consuming, can’t do massive updates at once
• Option 2 – Use Windows App Studio Collection app
• Pros – Easy, better than using IDE
• Cons – Still Time consuming
• Option 3 – Import CSV
• Pros - Very Fast, massive reload support
• Cons:
• Raw exported CSV from Excel does not import to App Studio without errors
• Default excel export is using commas as delimiters
• Commas in data
• Tuff to create csv with semi colons delimiters natively in Excel
• All fields should be in “” as strings
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
23. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Windows App Studio Collections App
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
24. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Step by Step CSV for import
• Step 1: Add column headers manually in the IDE
• Step 2: Use same column headers in Excel
• Step 3: For image fields, use URL or fully qualified
local file path and file name
• Step 4: Use VB Macro to export with semi colons
and put double quotes around all fields
25. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
VB Macro to the rescue, use “;” as delimiter, Keeps
“,” in data and puts “” around each data field
• Public Sub OutputQuotedCSV()
• Const DELIMITER As String = ";"
• Const QSTR As String = """"
• Dim myRecord As Range
• Dim myField As Range
• Dim nFileNum As Long
• Dim sOut As String
•
• nFileNum = FreeFile
• Open "File1.txt" For Output As #nFileNum
• For Each myRecord In Range("A1:A" & _
• Range("A" & Rows.Count).End(xlUp).Row)
• With myRecord
• For Each myField In Range(.Cells(1), _
• Cells(.Row, 256).End(xlToLeft))
• sOut = sOut & DELIMITER & QSTR & _
• Replace(myField.Text, QSTR, QSTR & QSTR) & QSTR
• Next myField
• Print #nFileNum, Mid(sOut, 2)
• sOut = Empty
• End With
• Next myRecord
• Close #nFileNum
• End Sub
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
26. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
If you have URLs in the data,
they will show here:
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
27. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Favorites
• Set on Config Tab
for Collections
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
28. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Deploy Ads Easily – Step by Step Provided
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
29. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Demos
• REST API
• Navigation Bar Icons
• Fast Load on Playlist
30. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Installable packages
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
31. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Download Windows App Studio Installer
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
32. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Email or Use QR Code to Install
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
33. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Install for Your Team Members!
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
34. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Code
• Navigation/Search
• Master/Detail – layouts for detail and list views
• Command Bar
• Hockey App
• Caching
• Ad Client
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
35. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Hockey App - Crash reporting
36. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Business Plan
37. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Personal Plan
38. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Demos
• Navigation/Search
• Master/Detail
• Command Bar
• Hockey App
• Caching
• Ad Client
39. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
RussToolShed Videos Now on Channel 9!
https://channel9.msdn.com/Niners/russtoolshed/
40. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
OK, So Where Do I Start?
40
Homepage: http://appstudio.windows.com
Text Tutorial: http://appstudio.windows.com/home/howto
Video Tutorial #1: Windows App Studio Walk Through
Video Tutorial #2: How to download the source code and add features in Visual Studio
Video Tutorial #3: How to Publish a Windows Phone app to Windows Phone Store
Video Tutorial #4: How to Publish a Windows tablet or PC app to Window Store
Full Curriculum for Instructors: http://aka.ms/appstudioeducation
Build an App in an Hour Curriculum: http://aka.ms/apphour
Technical Support: Windows App Studio Developer Forum
YouTube: http://www.youtube.com/windowsappstudio
Marketing BOM: http://1drv.ms/1tj9gxn
Feature Requests: http://wpdev.uservoice.com/forums/216486
VBA Macro http://www.mcgimpsey.com/excel/textfiles.html
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
41. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
More Resources
https://blogs.windows.com/buildingapps/2016/06/07/windows-app-studio-
june-16-release-harnessing-the-wealth-of-the-web-with-the-new-rest-api-
data-source/
https://blogs.msdn.microsoft.com/windows_app_studio_news/2016/06/07/
how-to-use-the-new-rest-api-data-source/
https://github.com/wasteam/waslibs
www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
Next IBLN-FBI Webinar: Sept 12th at 12:00 Noon
42. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
MAD Tampa
Mobile App Dev Tampa
Channel 9 RussToolShed series
http://madtampa.com/
http://www.meetup.com/TampaBay-
MobileAppDevelopers/
43. We Build Powerful Apps!
Theme: Learn, Knowledge-Base, Reward
All Rights Reserved
Link to Slide Deck: http://bit.ly/1O3DMEc
rich@fustinobrothers.com
russ@fustinobrothers.com gary@fustinobrothers.com
Thanks! It’s Easy to Connect With Us…
43www.FustinoBrothers.com | @FustinoBrothers
FBI: 850.366.3232 | Fax: 1.856.267.1568
Notas del editor
Gary, Russ, Gary
Russ
This is the app, main menu, video and discography content and all the app stores
Tools - Use shared code. Xamarin, Unity, OutSystems, built on data driven engine
Monitize, ads, in app purchase, affiliate codes, and donations
Agreement with tull/ian Anderson – they endorse it and we manage the database of content
What do they get out of it, more tickets sales and music sales and merchandise, they do not want to be in the app business
Put dates
They no longer want their users’ content accessed outside of their 1st party apps without explicit permission, so they shut off the capability of other apps to consume Instagram content if the apps do not get prior approval. Read more at https://blogs.windows.com/buildingapps/2016/06/07/windows-app-studio-june-16-release-harnessing-the-wealth-of-the-web-with-the-new-rest-api-data-source/#qcHp5Hf3xp2oiAzq.99
REST = Representational State Transfer
DataLoad for cache
Gary
Questions
How made have you made $$ to date?
Not yet. But we have instrumented the code to determine exact usage. We need to do more analysis including in app purchases.
How many downloads?
A couple thousand
Who is your competition?
Not much. Only a handful of rock star apps, why? They don’t want to be in the app business. The Stones, Bon Jovi to name a few.
How do you test?
We have a team of testers assembled and error reporting tools
Who has Rich played with?
Billy Shean (David lee roth), Clint Holms, taught Ani DeFranco, James Piorkowski Music Professor University of Fredonia
How are revenue streams disjoined, consolidate music production houses. Not even all the albums are on their website.
Who is on our list?
Grateful Dead
Justin Timberlake
Jimmy Page
Deep Purple via Richey Blackmore
Martin Barre
Ani DeFranco
Temptations
David Lee Roth via Billy Shean
Gran Funk Railroad
ELP
Rick Darenger
Mike Fulkner - Guy that built stage software for Paul McCartney and Bruce Springsteen
Clint Holms