8 January, 2010Microsoft Visio 2007 training
Why Visio? A diagram says more than 1000 words		The proof is as follows:Let ACB be a right-angled triangle with right angle CAB. On each of the sides BC, AB, and CA, squares are drawn, CBDE, BAGF, and ACIH, in that order. From A, draw a line parallel to BD and CE. It will perpendicularly intersect BC and DE at K and L, respectively. Join CF and AD, to form the triangles BCF and BDA. Angles CAB and BAG are both right angles; therefore C, A, and G are collinear. Similarly for B, A, and H. Angles CBD and FBA are both right angles; therefore angle ABD equals angle FBC, since both are the sum of a right angle and angle ABC. Since AB and BD are equal to FB and BC, respectively, triangle ABD must be congruent to triangle FBC. Since A is collinear with K and L, rectangle BDLK must be twice in area to triangle ABD. Since C is collinear with A and G, square BAGF must be twice in area to triangle FBC. Therefore rectangle BDLK must have the same area as square BAGF = AB2. Similarly, it can be shown that rectangle CKLE must have the same area as square ACIH = AC2. Adding these two results, AB2 + AC2 = BD × BK + KL × KC Since BD = KL, BD* BK + KL × KC = BD(BK + KC) = BD × BC Therefore AB2 + AC2 = BC2, since CBDE is a square. 8 January, 2010Microsoft Visio workshopPythagoreanTheorem		c2 = a2 + b2
Why Visio? A diagram says more than 1000 wordsSee!8 January, 2010Microsoft Visio workshopPythagoreanTheorem		c2 = a2 + b2
Attention!Chessboard paradox		8 x 8 = 64		13 x 5 = 658 January, 2010Microsoft Visio workshop
8 January, 2010Microsoft Visio workshopBeforeyou open VisioDefine who is the target audience for your diagram. developers, project manager, the customer, outsiders, … Always try to make diagrams that as many people as possible understand!Start with a sketch on whiteboard (or paper)Is quick and easy, and allows you to wipe parts, change, brainstorm.Make a picture of the whiteboard (use your mobile phone).
8 January, 2010Microsoft Visio workshopGettingstartedDemo & exercise filesC:\temp\visio\
8 January, 2010Microsoft Visio workshopVisio glossaryTaskpaneTool selectorStencilShapeConnectorShapemasterThemeForeground page tabBackground page tab
Visio – generalapproachMicrosoft Visio workshop8 January, 2010Drag & drop
Choose right tool
UsecentralplacesChoose right toolShape handlesToolbarRight click on right place8 January, 2010Microsoft Visio workshop
Choose right toolArrows – move objectsFine tune position: shift + arrowsExercise 1Makeconnectors straightShortcutkeysMultiple selection: shift + clickctrl + clickSelect all: ctrl + a8 January, 2010Microsoft Visio workshop
UsecentralplacesMicrosoft Visio workshop8 January, 2010Document properties
Page properties
Backgrounds
Themes8 January, 2010Microsoft Visio workshopDocument PropertiesWhat to enterWhere is usedDocument titleProject orclientHow to open
8 January, 2010Microsoft Visio workshopPage PropertiesPage setupRename pageWhere is usedUse BOTH  whenresizeorrotateOpen page setup
Types of chartsActivity DiagramflowchartSitemapService ArchitectureData ModelOther (not regularly used at O1)UML diagramsGantt chartPERT networkorganisational chart (organigram),office layout,driving directions,...Microsoft Visio workshop8 January, 2010
Activity DiagramAuthorProject Manager or developerAudienceDevelopersTestersSometimes client/stakeholderGoalExplain the logical flowHowVisio templateMicrosoft Visio workshop8 January, 2010
Activity Diagram8 January, 2010Microsoft Visio workshop
Exercise 2: make a chart of loopCalculaten! = 1 ∙ 2 ∙ … ∙ (n-1) ∙ n8 January, 2010Microsoft Visio workshop
Activity DiagramFor any logical sequence of some complexityShould exist BEFORE implementation startsKeep it simpleGive brief information about what happens “connect to web service”, “write to database”, “validate user input”, …Don’t talk about classes, method names, Nhibernate, …Be specificNo: “user gives input” > “data is saved”Yes: “user enters his personal information” > “data is saved to database”8 January, 2010Microsoft Visio workshophttp://en.wikipedia.org/wiki/Flowcharthttp://en.wikipedia.org/wiki/Activity_diagram
Microsoft Visio workshop8 January, 2010SitemapAuthor: Project ManagerAudience: Webmasters, clientsGoal: Structure of websiteHow: Visio template
SitemapRepresentation of site structureDescribe SharePoint sites, page, navigation shortcuts8 January, 2010Microsoft Visio workshop
Microsoft Visio workshop8 January, 2010Service Architecture DiagramAuthor: Project Manager or developerAudience: System EngineerGoal: Give an overview of the technical components of a systemHow: Visio template
Service Architecture Diagram8 January, 2010Microsoft Visio workshop
Service Architecture DiagramDiagram with:Physical locations and servers ServicesComponentsBoundariesCommunication between the components Where should I install what?How do the services interact?What protocols (TCP ports) are used? (firewall)8 January, 2010Microsoft Visio workshop
Data ModelAuthorBusiness Architect or Project ManagerAudienceClient/stakeholderSometimes developerGoalSimple representation of data and relationshipsHowVisio templateMicrosoft Visio workshop8 January, 2010
Data Model (simplified)8 January, 2010Microsoft Visio workshop
Data Model (classdiagram)8 January, 2010Microsoft Visio workshop
Other  - organsationalchart8 January, 2010Microsoft Visio workshop
Watch red flagsClient’s logoKeep background 	clean & safeStayconnectedNo “orphan” connectorsStructureNo “Spaghetti chart”Do’s and Dont’sMicrosoft Visio workshop8 January, 2010
8 January, 2010Microsoft Visio workshopClient’s logo
8 January, 2010Microsoft Visio workshopKeep background pages clean & safeDemo 3: overlapping chartsDon’tremoveorchange background headers
8 January, 2010Microsoft Visio workshopStayconnected!No “orphanconnections”Demo 4: link it!
8 January, 2010Microsoft Visio workshopBasta, no more pasta!Exercise 5: make the flowchart plain

Microsoft Visio 2007 Training Session

  • 1.
    8 January, 2010MicrosoftVisio 2007 training
  • 2.
    Why Visio? Adiagram says more than 1000 words The proof is as follows:Let ACB be a right-angled triangle with right angle CAB. On each of the sides BC, AB, and CA, squares are drawn, CBDE, BAGF, and ACIH, in that order. From A, draw a line parallel to BD and CE. It will perpendicularly intersect BC and DE at K and L, respectively. Join CF and AD, to form the triangles BCF and BDA. Angles CAB and BAG are both right angles; therefore C, A, and G are collinear. Similarly for B, A, and H. Angles CBD and FBA are both right angles; therefore angle ABD equals angle FBC, since both are the sum of a right angle and angle ABC. Since AB and BD are equal to FB and BC, respectively, triangle ABD must be congruent to triangle FBC. Since A is collinear with K and L, rectangle BDLK must be twice in area to triangle ABD. Since C is collinear with A and G, square BAGF must be twice in area to triangle FBC. Therefore rectangle BDLK must have the same area as square BAGF = AB2. Similarly, it can be shown that rectangle CKLE must have the same area as square ACIH = AC2. Adding these two results, AB2 + AC2 = BD × BK + KL × KC Since BD = KL, BD* BK + KL × KC = BD(BK + KC) = BD × BC Therefore AB2 + AC2 = BC2, since CBDE is a square. 8 January, 2010Microsoft Visio workshopPythagoreanTheorem c2 = a2 + b2
  • 3.
    Why Visio? Adiagram says more than 1000 wordsSee!8 January, 2010Microsoft Visio workshopPythagoreanTheorem c2 = a2 + b2
  • 4.
    Attention!Chessboard paradox 8 x8 = 64 13 x 5 = 658 January, 2010Microsoft Visio workshop
  • 5.
    8 January, 2010MicrosoftVisio workshopBeforeyou open VisioDefine who is the target audience for your diagram. developers, project manager, the customer, outsiders, … Always try to make diagrams that as many people as possible understand!Start with a sketch on whiteboard (or paper)Is quick and easy, and allows you to wipe parts, change, brainstorm.Make a picture of the whiteboard (use your mobile phone).
  • 6.
    8 January, 2010MicrosoftVisio workshopGettingstartedDemo & exercise filesC:\temp\visio\
  • 7.
    8 January, 2010MicrosoftVisio workshopVisio glossaryTaskpaneTool selectorStencilShapeConnectorShapemasterThemeForeground page tabBackground page tab
  • 8.
    Visio – generalapproachMicrosoftVisio workshop8 January, 2010Drag & drop
  • 9.
  • 10.
    UsecentralplacesChoose right toolShapehandlesToolbarRight click on right place8 January, 2010Microsoft Visio workshop
  • 11.
    Choose right toolArrows– move objectsFine tune position: shift + arrowsExercise 1Makeconnectors straightShortcutkeysMultiple selection: shift + clickctrl + clickSelect all: ctrl + a8 January, 2010Microsoft Visio workshop
  • 12.
    UsecentralplacesMicrosoft Visio workshop8January, 2010Document properties
  • 13.
  • 14.
  • 15.
    Themes8 January, 2010MicrosoftVisio workshopDocument PropertiesWhat to enterWhere is usedDocument titleProject orclientHow to open
  • 16.
    8 January, 2010MicrosoftVisio workshopPage PropertiesPage setupRename pageWhere is usedUse BOTH whenresizeorrotateOpen page setup
  • 17.
    Types of chartsActivityDiagramflowchartSitemapService ArchitectureData ModelOther (not regularly used at O1)UML diagramsGantt chartPERT networkorganisational chart (organigram),office layout,driving directions,...Microsoft Visio workshop8 January, 2010
  • 18.
    Activity DiagramAuthorProject Manageror developerAudienceDevelopersTestersSometimes client/stakeholderGoalExplain the logical flowHowVisio templateMicrosoft Visio workshop8 January, 2010
  • 19.
    Activity Diagram8 January,2010Microsoft Visio workshop
  • 20.
    Exercise 2: makea chart of loopCalculaten! = 1 ∙ 2 ∙ … ∙ (n-1) ∙ n8 January, 2010Microsoft Visio workshop
  • 21.
    Activity DiagramFor anylogical sequence of some complexityShould exist BEFORE implementation startsKeep it simpleGive brief information about what happens “connect to web service”, “write to database”, “validate user input”, …Don’t talk about classes, method names, Nhibernate, …Be specificNo: “user gives input” > “data is saved”Yes: “user enters his personal information” > “data is saved to database”8 January, 2010Microsoft Visio workshophttp://en.wikipedia.org/wiki/Flowcharthttp://en.wikipedia.org/wiki/Activity_diagram
  • 22.
    Microsoft Visio workshop8January, 2010SitemapAuthor: Project ManagerAudience: Webmasters, clientsGoal: Structure of websiteHow: Visio template
  • 23.
    SitemapRepresentation of sitestructureDescribe SharePoint sites, page, navigation shortcuts8 January, 2010Microsoft Visio workshop
  • 24.
    Microsoft Visio workshop8January, 2010Service Architecture DiagramAuthor: Project Manager or developerAudience: System EngineerGoal: Give an overview of the technical components of a systemHow: Visio template
  • 25.
    Service Architecture Diagram8January, 2010Microsoft Visio workshop
  • 26.
    Service Architecture DiagramDiagramwith:Physical locations and servers ServicesComponentsBoundariesCommunication between the components Where should I install what?How do the services interact?What protocols (TCP ports) are used? (firewall)8 January, 2010Microsoft Visio workshop
  • 27.
    Data ModelAuthorBusiness Architector Project ManagerAudienceClient/stakeholderSometimes developerGoalSimple representation of data and relationshipsHowVisio templateMicrosoft Visio workshop8 January, 2010
  • 28.
    Data Model (simplified)8January, 2010Microsoft Visio workshop
  • 29.
    Data Model (classdiagram)8January, 2010Microsoft Visio workshop
  • 30.
    Other -organsationalchart8 January, 2010Microsoft Visio workshop
  • 31.
    Watch red flagsClient’slogoKeep background clean & safeStayconnectedNo “orphan” connectorsStructureNo “Spaghetti chart”Do’s and Dont’sMicrosoft Visio workshop8 January, 2010
  • 32.
    8 January, 2010MicrosoftVisio workshopClient’s logo
  • 33.
    8 January, 2010MicrosoftVisio workshopKeep background pages clean & safeDemo 3: overlapping chartsDon’tremoveorchange background headers
  • 34.
    8 January, 2010MicrosoftVisio workshopStayconnected!No “orphanconnections”Demo 4: link it!
  • 35.
    8 January, 2010MicrosoftVisio workshopBasta, no more pasta!Exercise 5: make the flowchart plain
  • 36.
    General guidelines Includedocumentation in ALL time estimates/proposalsShow completed documentation to the customer!Do not start development of any complex logic without an activity diagramUse it as communication between all parties!Do not deploy on production servers without documentationTest your documentation when deploying on staging!Do not “finish” a project without proper documentationWrite the docs during the work, not after!Store on SharePoint Intranet8 January, 2010Microsoft Visio workshop33
  • 37.
    Q & A’sMicrosoftVisio workshop8 January, 2010
  • 38.