Channel 9 - Entries tagged with SketchFlow

Silverlight TV 83: Using Wireframes to Visually Communicate a Windows Phone Experience

John Papa — Thu, 25 Aug 2011 15:00:00 GMT

In this episode, Corrina continues the Design Tips miniseries by sharing her insights on how to use wireframes to improve the design and development process for Windows Phone applications. She walks through why wireframeing is an important part of the process of creating a WP7 application. Corrina talks about the advantages of using wireframing and walks step by step through creating wireframes.

Special Note:

From the crew of Silverlight TV and Channel 9, we want to extend a special thank you to all of our viewers. With your support we recently surpassed 4 million views of Silverlight TV! We've learned a lot, and with BUILD just around the corner, it's time to refocus the show a bit. Silverlight TV is taking a late summer hiatus... stay tuned for BUILD, where you'll see what's next.

Relevant links:

John's blog and on Twitter (@john_papa)
Corrina on Twitter (@corrinab)

Tailspin Sketchflow Demo mit TFS Integration

Dariusz Parys — Wed, 03 Nov 2010 11:24:22 GMT

Dieser Screencast zeigt wie man einen interaktiven Sketchflow erstellt und das Kundenfeedback in den Team Foundation Server integriert. Das ganze Szenario basiert auf der Tailspin Demo Anwendung.

Viel Spaß beim reinschauen,

Dariusz

Silverlight TV 49: Creating Rich Interactive Prototypes with Sketchflow - Part 2

John Papa — Thu, 14 Oct 2010 15:00:00 GMT

Janete Perez rejoins Silverlight TV to complete her 2 part series on Sketchflow (you can watch Janete in Part 1 of her Sketchflow series here). up. This time Janete walks through the creation of a prototype that includes a workflow, navigation through the screens, interactive behaviors, and much more to create a social media application to share and communicate with her friends.

She covers several topics including these:

Creating a Sketchflow project for Windows Phone 7
Using behaviors
Creating navigation between screens
Creating a workflow
Creating and using sample data
Enabling user to provide feedback
Previewing transitions
Including visual states
Creating revisions of the prototype
Generating documentation

Relevant links:

Silverlight TV 48: Creating Rich Interactive Prototypes with Sketchflow - Part 1

John Papa — Thu, 07 Oct 2010 09:00:00 GMT

Creating prototypes that convey what the application should present, how it should respond to user events, and the general flow of an application is made a whole lot easier with Sketchflow. Janete Perez joins John for a 2 part series on using Sketchflow to create rich interactive prototypes using Sketchflow. Janete shows how to create the project and add pages, buttons, and all of the elements you are familiar with already and create a work flow. The result is a more engaging prototype

She covers several topics including these:

Creating a Sketchflow project
Using the Sketchflow map to create a workflow between screens
Navigating through the screens
Sharing the prototype with your colleagues or customers
Publishng to a Sharepoint site
Enabling user to provide feedback

Relevant links:

KnowledgeLake Discusses Benefits of SketchFlow

Ahmed El-Ramly — Wed, 30 Jun 2010 22:01:00 GMT

When KnowledgeLake began to embrace Silverlight for more immersive user experiences, they quickly found a lot of benefit of using SketchFlow in their development methodology. From previewing UI mockups with stakeholders to passing on designs to developers, KnowledgeLake has found SketchFlow to be an integral part of their design and development workflow. Join Brett Grego and Steve Curran as they discuss using SketchFlow at KnowledgeLake.

Click to visit KnowledgeLake's website.

MSDN Radio: Expression, Poetry, and the Windows Phone

MSDN Online Media — Mon, 26 Apr 2010 23:09:00 GMT

Modern User Interface design and development has been significantly impacted by the features and capabilities of Microsoft XAML. Fortunately the tools team has been active in providing great solutions for harnessing the power of great design with the release of the Microsoft Expression suite. We talk with Christian Schormann from the Microsoft Expression team about music, poetry, and some great design patterns.

MSDN Radio is a weekly Developer talk-show that helps answer your questions about the latest Microsoft news, solutions, and technologies. We dive into the challenges of deciphering today’s technology stack. Visit www.MSDNRadio.com to register for upcoming shows.

Host and Guest: Mike Benkovich, Senior Developer Evangelist, and Christian Schormann, Program Manager, Microsoft Corporation

Mike Benkovich delivers technical presentations around the U.S. as a developer tools evangelist on the MSDN team at Microsoft. He has worked in a variety of professional roles, including architect, project manager, developer, and technical writer.

You've seen him at MIX, PDC, and other conferences around the world. Christian's a toolmaker out of passion—the right tools give wings to our imagination. When he's not creating great music he's working at Microsoft on Expression Blend. Last year he introduced us to Sketchflow, we can't wait to see what's next!

Sketchflow in 90 seconds

Laura Foy — Mon, 19 Apr 2010 23:33:00 GMT

You are pressed for time, but you are dying to know what SketchFlow is? The thought of watching an hour of demo video, like presented here, makes you look frantically at your watch?

The solutions is here: Jon Harris presents SketchFlow in just 90 seconds in this video, and does so with a friendly British accent to boot. It does not get any shorter (or better) than that.

More 90 second videos here

Silverlight TV 12: The Best Blend 3 Video Ever!

John Papa — Wed, 03 Mar 2010 14:00:00 GMT

You never know what hijinks are in store when Adam Kinney and John get together. In this episode, Adam makes his theatrical return to Silverlight TV and claims to have filmed the best Expression Blend 3 video ever! Adam demonstrates:

sketching with SketchFlow
importing images
path conversion to elements
sample data
editing item templates
data binding
behaviors
effects
visual states
easing

This is a great and very practical demonstration of Blend 3 from the Expression Evangelist himself.

Links for this episode:

http://adamkinney.com/ – Adam’s blog covering Silverlight and Expression Blend
http://projectrosetta.com/ – includes tutorials covering a lot of the exact material we went through in the video
http://expressionblend.codeplex.com/ – the Behaviors sample pack we talked a lot about

Scott Guthrie and Christian Schormann: Web Programming, Design Tools and Silverlight 3

Charles — Fri, 10 Jul 2009 17:35:00 GMT

Today, we announce the general availability of Silverlight 3 and the Release Candidate of Expression 3. To celebrate this momentous occasion we had a few conversations with Scott Guthrie about what it all means and where it's going.

Here, VP Scott Guthrie and Director of Program Management of Expression Blend Christian Schormann sit down with me to discuss the implications of Silverlight 3 and related tools for both developers and designers. We also discuss how it is that their teams can release versions of their software so quickly and with such high quality. How does SketchFlow work and why did we invent it? Of course, we have to talk about HTML5 since most everybody else is out there... Then, there's the notion of Silverlight running outside the context of a web browser - what does this mean, exactly and how does it work. As usual, we touch on the future...

Congratulations to the Silverlight and Expression teams. Go get the bits.

You should also watch the conversation with Scott and Laurence.

Enjoy!

Toolshed Tooltip #17 - Expression Blend 3 SketchFlow - The game has changed

Russell Fustino — Tue, 30 Jun 2009 13:40:00 GMT

The Expression Blend 3.0 SketchFlow feature changes the game when it comes to both developers and designers becoming integrated on the development and design process. Prototype WPF and Silverlight Applications with amazing speed. Provide review, feedback and documentation with ease.

What is it?
It’s a new set of features specifically targeted at making it easier and faster to design, communicate, and review prototypes for interactive applications and interactive content.

Download Site *: http://expression.microsoft.com/en-us/cc507094.aspx

Example Problem(s) it solves:

Provides a ‘white board’ approach to an application diagram for interactive flow
Similar to Powerpoint prototype:
but is non-linear
No upper limits – can use scribbles, draw UI elements or use standard UI elements
It’s a real Silverlight or WPF application
You can design screens from other screens
Reviewers can annotate prototypes while they are running

Installation Notes:
SketchFlow feature is not available yet (ETA sometime soon)

* Usage Notes: 3.0 is not out yet (however an Expression Blend 3 Preview is available without SketchFlow)

This is the fourthof Tool Shed Tooltips released from Episode 3 of the TV Show Russ Tool Shed presents... "It's All About The Tools" hosted by Russ Fustino and Co-Host Stan Schultes. Download code, ppt and demo script from http://code.msdn.com/toolshed for all episodes. Also, use the links on http://channel9.msdn.com/toolshed to download tools. Finally, check out some more great videos on the Developer Evangelist East site: http://channel9.msdn.com/dpeeast

Show: Episode #3 It's All About The Tools TV Show

Russell Fustino — Fri, 26 Jun 2009 16:35:00 GMT

Got popcorn? Expression Blend 3 SketchFlow and a ton of “GOT TO KNOW ABOUT IT” content is all packed in just 1 hour of Episode 3. Try something different tonight and take an hour break from coding. You know you deserve it. Grab your favorite beverage and pizza and enjoy this entertaining, enlightening and educational Episode 3. If not, you can wait for the Tool Shed Tooltips of clips from the show over the next few days and weeks. Either way ... tune in. All content is current along with sneak peeks at future tools. It will feel like you are at a live event, but in the comfort of your home or office.

In this video, you will find tools to help solve these common developer challenges…

Finding a XAML Editor for your web page
Prototyping tool for great design of your web site
Need authentication on the web?
Some of the pages on my web site load really slowly - how do I figure out what's going on?
Have you ever eyeballed every record in your table to find an abnormality?

Tool Shed Theme Song
Introduction
Demo 1 - Expression Blend 2 , video and animation intro
Demo 2 - Expression Blend 3 SketchFlow ProtoTyping
Demo 3 - Live Services - Live ID
Demo 4 - IE 8 Developer Tools
Demo 5 - SSIS Data profiling by Guest Speaker Microsoft MVP, Jessica Moss
Developer Community Update by Microsoft MVP, Don Demsak

You will love our guest speakers, Microsoft MVP Jessica Moss and Don Demsak ... Jessica amazes us on Data profiling and Don does and incredible job with the latest happenings in Developer Community.

Special thanks to co-host Stan Schultes, recent co-author on his book on DotNetNuke 5, Jessica Moss, Don Demsak, Carl Franklin, Pensacola Junior College, Main Campus, and the SQL Saturday Pensacola 2009 Team, especially Karla Remail, the live studio audience, and the many volunteers who made this show a reality!

I have reposted all of the Tool Shed Tooltips and Episode One and Episode Two with Hi Def default views, so the code and PowerPoint slides are crystal clear. Feel free to comment or email Russ Fustino on what tools you use and love and would like to see on future episodes.

Also, please note all of the resources on right of the page at: http://channel9.msdn.com/toolshed including a link to all Episode PowerPoint’s, demo code and demo scripts! Yes, demos scripts, how often do you see that? So if you are a teacher or student or want to do presentations to co-workers, or at seminars, or just use them as labs to learn, check out this resource at http://code.msdn.com/toolshed . Each release corresponds to an Episode.

Here are some of useful links from the speakers we have had on the shows and more:
Russ Fustino: www.russtoolshed.net
Stan Schultes: www.vbnetexpert.com
Joe Healy: www.devfish.net
Brian Johnson: http://bufferoverrun.net
Jeff Barnes: http://blogs.msdn.com/jbarnes/
Don Demsak: http://donxml.com
Jessica Moss: http://www.jessicammoss.com
Sayed Ibrahim Hashimi: http://www.sedodream.com/
Jason Beres:  http://blogs.infragistics.com/blogs/jason_beres/default.aspx

Stan and I are planning on are filming a live studio audience Episode 4 at the Tampa .NET User group  (signed release form required) on Wednesday, July 22, 2009, at the Tampa Microsoft Office at 6:15PM along with guest speaker Microsoft MVP, Bill Reiss. If you are attending, I can use some volunteers, like camera operators, a sound engineer and door control. I'll teach you at the event, everything to run the camera or sound, if you don't have much experience. Drop me an email if interested at rfustino@microsoft.com Stay tuned.

Note: For those of you new to channel9 viewing, many different formats are available for download besides viewing in the default player; everything from Zune to WMV High Quality. Simply locate the dropdown menu below the embedded player on this page for your desired download selection. If the default view stops to buffer often, then I recommend trying to download WMV High Quality. You can clearly see code, all video and PowerPoint’s in High Def (HD) at full screen. It only takes about 15 to 20 minutes to download this episode at average home speed connections. The high def WMV file is a little over 200 Meg.

Remember, you have to know the code to get into the shed. KNOW THE CODE. Get some popcorn and enjoy the show! Russ

A tour through the features and concept of SketchFlow

Adam Kinney — Mon, 04 May 2009 08:21:00 GMT

Simon Guest walks through the features and expected workflow of SketchFlow, a prototyping tool for WPF or Silverlight applications originally shown at MIX09.