Microsoft<br />4<br />Expression<br />Blend<br />+ SketchFlow<br />By Mahesh Shitole<br />Associate Software Engineer <br ...
Contents<br />Creating new project<br />Basic structure <br />Components and Design<br />Feedback  posting<br />Documents ...
Creating new project<br />
Creating new project<br />
Creating new project<br />As shown above we can create the sketch flow application using two types.<br />Using <br /><ul><...
Wpf </li></ul>Using silverlight rich cross platform web based application<br />Using wpf you can create prototype for rich...
Basic Structure<br />In blend we have to create working flow of the screens.<br />Reffer the bellow image<br />There is a ...
Create a connected screen<br />Connect an extsting  screen<br />Create and insert a component   screen<br />Change visual ...
Creating basic flow<br />The 4 options provided by blends<br />Create a connected screen<br />For  creating the new screen...
Sketchflow map example<br />
Other options <br />
Components and design <br />
Feedback posting<br />Blend handles the feedback posting very effectively.<br />Lets take one example <br />Suppose there ...
Feedback posting<br />Suppose the clients want the change in the login screen, he/she want the ‘clear’ button in the login...
This i s  user feedback , to add clear button<br />User  comments <br />Brush Colors<br />Brush<br />
Exporting feedback <br />
Feedback posting<br />This is feedback is then save with .feedback extention <br />So later on developer can import it see...
Adding  feedback given by client <br />Automatically ping changes<br />Showing visual change given by  client<br />
Documents generations<br />
Upcoming SlideShare
Loading in …5
×

Microsoft expression blend 4

2,161 views

Published on

this describes how to draw simple sketch flow in Microsoft Expression Blend .

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,161
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
52
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Microsoft expression blend 4

  1. 1. Microsoft<br />4<br />Expression<br />Blend<br />+ SketchFlow<br />By Mahesh Shitole<br />Associate Software Engineer <br />Knowledge Quest Infotech Pvt Ltd<br />
  2. 2. Contents<br />Creating new project<br />Basic structure <br />Components and Design<br />Feedback posting<br />Documents generations <br />
  3. 3. Creating new project<br />
  4. 4. Creating new project<br />
  5. 5. Creating new project<br />As shown above we can create the sketch flow application using two types.<br />Using <br /><ul><li>Silverlight
  6. 6. Wpf </li></ul>Using silverlight rich cross platform web based application<br />Using wpf you can create prototype for rich desktop applications<br />
  7. 7. Basic Structure<br />In blend we have to create working flow of the screens.<br />Reffer the bellow image<br />There is a screen ‘main’ if we enter mouse it will give us four options bellow of that ’main’ rectangle<br />
  8. 8. Create a connected screen<br />Connect an extsting screen<br />Create and insert a component screen<br />Change visual tag<br />
  9. 9. Creating basic flow<br />The 4 options provided by blends<br />Create a connected screen<br />For creating the new screen <br />If we just drag the mouse blend automatically generate the new screen.<br />Create a connected screen<br />For connecting to existing screen<br />Create and insert component screen<br />It is just for creating layering the screen on another<br />(search it more)<br />Change visual tag<br />For changing the color of the screen <br />
  10. 10. Sketchflow map example<br />
  11. 11. Other options <br />
  12. 12. Components and design <br />
  13. 13. Feedback posting<br />Blend handles the feedback posting very effectively.<br />Lets take one example <br />Suppose there is one screen use wants<br />
  14. 14. Feedback posting<br />Suppose the clients want the change in the login screen, he/she want the ‘clear’ button in the login screen.<br />Blend provide the functionality to provide feedback.<br />Lets see how we can provide it ?<br />
  15. 15. This i s user feedback , to add clear button<br />User comments <br />Brush Colors<br />Brush<br />
  16. 16. Exporting feedback <br />
  17. 17. Feedback posting<br />This is feedback is then save with .feedback extention <br />So later on developer can import it see the appropriate changes.<br />Lest see how?<br />
  18. 18. Adding feedback given by client <br />Automatically ping changes<br />Showing visual change given by client<br />
  19. 19. Documents generations<br />
  20. 20.
  21. 21.
  22. 22. Thanks<br />

×