TangoFX workshop

326 views

Published on

TangoFX Presentation in TP

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
326
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Animated vertical block list (Intermediate)To reproduce the SmartArt graphic effects on this slide, do the following:On the Home tab, in the Slides group, click Layout, and then clickBlank. On the Insert tab, in the Illustrations group, click SmartArt. In the Choose a SmartArt Graphic dialog box, in the left pane, click List. In the List pane, click Vertical Block List, and then click OK to insert the graphic into the slide.To create a fourth row, do the following:Select the third block shape (the shape on the left side)at the bottom of the graphic, and then under SmartArtTools, on the Design tab, in the CreateGraphic group, click the arrow next to AddShape, and select AddShapeAfter.To add a bulleted, rectangle shape next to the fourth block shape, select the fourth block shape, and then under SmartArtTools, on the Design tab, in the CreateGraphic group, click AddBullet.To enter numbers and text in the blocks and rectangles, select the graphic, and then click one of the arrows on the left border. In the Type your text here dialog box, enter text for each shape. (Note: In the example slide, the highest level text are the “1,” “2,” “3,” and “4.” The next level text is only one bullet (delete the second bullet) and are “First statement,” “Second statement,” and so on.)To reproduce the rectangle effects on this slide, do the following:Press and hold CTRL, and then select each of the rectangles (on the right of the graphic).Under SmartArtTools, on the Format tab, in the Shapes group, click the arrow to the right of ChangeShape, and under Rectangles select SnipDiagonalCornerRectangle (the fifth option from the left).With the rectangles still selected, drag one of the left center sizing handles to the left 1” to lengthen all four at once.Also with the rectangles selected, on the Home tab, in the bottom right corner of the Paragraph group, click the Paragraph dialog box launcher. In the Paragraph dialog box, under Indentation do the following:In the BeforeText box, enter 1”.In the Special list, select Hanging.Next to the Special list, in the By box enter 1”.Click OK.Select the SmartArt graphic, and then under SmartArtTools, on the Design tab, in the SmartArtStyles group, click MoreStyles, and under 3-D select PolishedEffect (the first option form the left). Select the first rectangle from the top (“First statement” in the example slide), and on the Home tab, in the Drawing group, click the arrow to the right of ShapeFill, and under ThemeColors select Red, Accent 2 (first row, the sixth option from the right).Select the second rectangle from the top (“Second statement” in the example slide), and on the Home tab, in the Drawing group, click the arrow to the right of ShapeFill, and under ThemeColors select Olive Green, Accent 3 (first row, the seventh option from the right).Select the third rectangle from the top (“Third statement” in the example slide), and on the Home tab, in the Drawing group, click the arrow to the right of ShapeFill, and under ThemeColors select Purple, Accent 4 (first row, the eighth option from the right). Select the fourth rectangle from the top (“Fourth statement” in the example slide), and on the Home tab, in the Drawing group, click the arrow to the right of ShapeFill, and under ThemeColors select Orange, Accent 6 (first row, the tenth option from the right). Press and hold CTRL, and select all of the rectangles (on the right side of the graphic). On the Home tab, in the Font group, in the FontSize box, select 36 pt., and in the FontColor list, under ThemeColors select White, Background 1 (first row, the first option from the left). To reproduce the circleson this slide, do the following:Press and hold CTRL, and then select the four block shapes (the shapes on the left) in the SmartArt graphic, and then under SmartArtTools, on the Format tab, in the Shapes group, click the arrow to the right of ChangeShape, and under BasicShapes select Oval (first row, first option from the left). On the slide, drag one of the top right sizing handles to the left to make the ovals into a circle and to make them smaller.Also with the four circles selected, position the circles so that they cover the bullet on the rectangles, and then on the Home tab, in the Font group, in the FontColor list, under ThemeColors select White, Background 1, Darker 50% (sixth row, first option from the left). Also on the Home tab, in the bottom right corner of the Drawing group, click the FormatShape dialog box launcher. In the FormatShape dialog box, click Fill in the left pane, in the Fill pane, click Gradient fill, and then do the following:In the Type list, select Radial.In the Direction list, select FromCenter (third option from the left).Under Gradient stops, click Add gradient stop or Remove gradient stop until two stops appear in the sliderAlso under Gradient stops, customize the gradient stops that you added as follows:Select the first stop in the slider, and then do the following:In the Position box, enter 0%.Click the button next to Color, and then under ThemeColors select White, Background 1 (first row, first option from the left). Select the last stop in the slider, and then do the following: In the Position box, enter 100%.Click the button next to Color, and then under ThemeColors select White, Background 2, Darker 25% (fourth row, first option from the left). To reproduce the animation effects on this slide, do the following:On the slide, select the SmartArt graphic. On the Animations tab, in the Advanced Animation group, click Add Animation, and then under Entrance click Fade.Also on the Animations tab, in the Advanced Animation group, click Add Animation, and then under Motion Paths click Lines.Also on the Animations tab, in the Animation group, click Effect Options, and then click Right.On the slide, right-click the motion path and select ReversePathDirection. On the Animations tab, in the Advanced Animation group, click Animation Pane. Press and hold CTRL, and select the two effects in the Animation Pane. Click the arrow to the right of the selected effects and select EffectOptions. In the EffectsOptions dialog box, do the following:On the Timing tab, in the Duration box enter 1.00.On the SmartArtAnimation tab, in the Group graphic list select Onebyone.Click OK. In the Animation Pane, click the double arrows under the two effects to show all the effects for all the shapes (16 effects).Press and hold CTRL, and select all of the effects in the Animation Pane. On the Animations tab, in the Timing group, in the Start list, select WithPrevious.Press and hold CTRL, and select the first, third, fifth, and seventh effects (fade entrance effects). On the Animations tab, do the following:In the AdvancedAnimation group, click Add Animation, and then under Entrance click Grow & Turn.In the Timing group, in the Start list, select After Previous.Press and hold CTRL, and select the ninth, eleventh, thirteenth, and fifteenth effects (right motion paths) in the Animation Pane. Click the arrow next to the effect and then click Remove.Select the ninth effect (right motion path) in the Animation Pane and drag it before the third effect in the list.Select the tenth effect (right motion path) in the Animation Pane and drag it before the sixth effect in the list.Select the eleventh effect (right motion path) in the Animation Paneand drag it before the ninth effect in the list.To reproduce the background effects on this slide, do the following:Right-click the slide background area, and then click Format Background. In the Format Background dialog box, click Fill in the left pane, select Gradient fill in the Fill pane, and then do the following:In the Type list, select Radial.Click the button next to Direction, and then click From Center (third option from the left). Under Gradient stops, click Add gradient stop or Remove gradient stop until two stops appear in the sliderAlso under Gradient stops, customize the gradient stops that you added as follows:Select the first stop in the slider, and then do the following:In the Position box, enter 33%.Click the button next to Color, and then under ThemeColors select White, Background 1 (first row, the first option from the left). Select the last stop in the slider, and then do the following: In the Position box, enter 100%.Click the button next to Color, and then under ThemeColors select White, Background 1, Darker 25% (fourth row, first option from the left).
  • TangoFX workshop

    1. 1. TangoFx Workshop<br />Collaborative Learning experience<br />TangoFx URL :http://tp.tangofx.com/webui<br />
    2. 2. Introduction<br /><ul><li>Collaborative learning experience;
    3. 3. Group discussions;
    4. 4. Idea sharing;
    5. 5. Easy content sharing with friend;
    6. 6. Manage your content;
    7. 7. Manage your groups.</li></li></ul><li>TangoFX Procedures<br /><ul><li>Registration;
    8. 8. Add Friend;
    9. 9. Create Community;
    10. 10. Manage Content;
    11. 11. Invite/Join Community;
    12. 12. Share Video/Chat with friends/community.</li></li></ul><li>Registration<br /><ul><li>Register a Tangofxuserid here.
    13. 13. Fill in the form and submit. A confirmation mail will be send to your given email.
    14. 14. Login to your email and activate using the given link and start using your tangofxuserid.</li></ul>Click here to login using facebookuserid/pwd<br />
    15. 15. Login<br />Login using TangoFXuserid here!!!!<br />Login using Facebook userid here!!!<br />
    16. 16. TangoFx Dashboard<br />Search Box<br />Create/Join Community<br /> FAQ<br />TangoFX Member Directory. Find Tangofx friends here.<br />Content Management<br />Edit profile<br />
    17. 17. Contents search <br />
    18. 18. TangoFX Friends<br />You have to be “friends” in TangoFX in order to share videos.<br />Search for friend in search box. Choose “People” from drop down menu.<br />Add them as friends. <br />
    19. 19. Friend Approval<br />Click on “Friend request pending to approve friend request.<br />Accept the request.<br />
    20. 20. Create Community<br />1<br />2<br />3<br />
    21. 21. Search & Join Community<br />Click here to join community!<br />
    22. 22. Invite to Join Community<br />
    23. 23. Community Approval<br />Community Owner will have to approve “request to join community” if the community was created with approval type “request to join”.<br />Accept the community Request.<br />
    24. 24. Content Management - Content Upload<br />Upload your own content e.g. from your PC.<br />Upload content by supplying a valid URL, e.g. from Youtube.<br />
    25. 25. Content Management - Associate Content with Community<br />2<br />1<br />3<br />4<br />
    26. 26. Starting a session with Community Members<br /><ul><li>Community -> My Community -> Select Community
    27. 27. Click on the video to start a session window.</li></ul>Click to start video<br />
    28. 28. Starting a session with Community Members<br /><ul><li>Click on the avatar in the “Friends list” to start a video session with your friends.
    29. 29. To start a session with multiple friends in the community, click on all the avatars</li></ul> followed by “start”.<br />
    30. 30. Start Session with Friends in TangoFX<br /><ul><li>You can share videos with any friends that is currently active (indicated green) in your TangopFX friend List.
    31. 31. Launch the video you want to share, select the avatars of your friends and start.</li></li></ul><li>Chat<br />
    32. 32. Video Chat<br />Click “Publish”, a setting window appears.<br />Select the camera and Micand apply changes.<br />Select ‘Allow’ in the Flash Player setting.<br />
    33. 33. TangoFX Widgets<br />
    34. 34. End Session<br />
    35. 35. Facebook Friends <br /><ul><li>You can invite facebook friends if you have login using facebookacoount.
    36. 36. TangoFX will extract a list of facebook friends.
    37. 37. You can invite or ask your facebook friends to join your TangoFX community.</li></li></ul><li>Home Assignment<br />You are required to test this application with your friends during the trial period 8-12Aug.<br />Complete this trial by answering a survey.<br />

    ×