Module 3: Creating Web Parts Contents Overview Creating Web Parts Creating Web Part Content by Using Office 2000 21 Updating Previously Created Digital Dashboard Components 29 Testing Web Parts 33 Exploring Advanced Web Part Topics 37 Lab A: Creating Web Parts 47 Review 60 Information in this document is subject to change without notice The names of companies, products, people, characters, and/or data mentioned herein are fictitious and are in no way intended to represent any real individual, company, product, or event, unless otherwise noted Complying with all applicable copyright laws is the responsibility of the user No part of this document may be reproduced or transmitted in any form or by any means, electronic or mechanical, for any purpose, without the express written permission of Microsoft Corporation If, however, your only means of access is electronic, permission to print one copy is hereby granted Microsoft may have patents, patent applications, trademarks, copyrights, or other intellectual property rights covering subject matter in this document Except as expressly provided in any written license agreement from Microsoft, the furnishing of this document does not give you any license to these patents, trademarks, copyrights, or other intellectual property  2000 Microsoft Corporation All rights reserved Microsoft, Active Directory, ActiveX, BackOffice, FrontPage, NetMeeting, Outlook, PivotTable, PowerPoint, Visual Basic, Visual InterDev, Visual Studio, Windows, Windows Media, and Windows NT are either registered trademarks or trademarks of Microsoft Corporation in the U.S.A and/or other countries Other product and company names mentioned herein may be the trademarks of their respective owners Project Lead and Instructional Designer: Josh Barnhill Technical Lead: Chris Howd Technical Contributor: Howard Crow Program Manager: Phil Clark Graphic Artist: Andrea Heuston (Artitudes Layout and Design) Editing Manager: Lynette Skinner Editor: Elsa Leavitt Copy Editor: Kathy Toney (S&T Consulting) Production Manager: Miracle Davis Production Coordinator: Jenny Boe Production Tools Specialist: Julie Challenger Production Support: Ed Casper (S&T Consulting) Test Manager: Sid Benavente Testing Developer: Greg Stemp (S&T OnSite) Courseware Testing: Testing, Testing 123 Creative Director, Media/Sim Services: David Mahlmann Web Development Lead: Lisa Pease CD Build Specialist: David Myka (S&T Consulting) Manufacturing Manager: Rick Terek Operations Coordinator: John Williams Manufacturing Support: Laura King; Kathy Hershey Lead Product Manager, Release Management: Bo Galford Lead Product Manager, Knowledge Management Solutions: Janet Wilson Group Manager, Courseware Infrastructure: David Bramble Group Product Manager, Content Development: Dean Murray General Manager: Robert Stewart Module 3: Creating Web Parts iii Instructor Notes Presentation: 45 Minutes This module provides students with the skills necessary to create Web Parts for digital dashboards Lab: 75 Minutes At the end of this module, students will be able to: ! Create Web Parts by using both the Web Part Builder add-in to Microsoft® Visual InterDev® and the digital dashboard customization pages ! Create Web Part content that includes the Microsoft Outlook® 2000 view control, Microsoft Office Web Components, and data access pages by using Microsoft Office 2000 ! Update previously created digital dashboards and information nuggets to conform to the new Web Part architecture ! Test Web Parts by using the Web Part Builder ! Describe and use advanced techniques, including the Digital Dashboard Services Component, to create a more robust digital dashboard Materials and Preparation This section provides you with the required materials and preparation tasks that are needed to teach this module Required Materials To teach this module, you need the following materials: ! Microsoft PowerPoint® file 2017a_03.ppt ! Module 3, “Creating Web Parts” Preparation Tasks To prepare for this module, you should: ! Read all of the materials for this module ! Read the instructor notes and margin notes for this module ! Complete the lab iv Module 3: Creating Web Parts Module Strategy Use the following strategy to present this module: ! Creating Web Parts Describe how to include content in Web Parts Introduce using the Web Part Builder to create Web Parts Explain how to create a Web Part by modifying an existing Web Part Explain how to create a Web Part by including existing content Explain how to create a Web Part by including new content Explain how to use the digital dashboard customization pages to set properties for a digital dashboard and for Web Parts ! Creating Web Part Content by Using Office 2000 Explain how to create Web Part content by using Microsoft FrontPage® 2000 Explain how to incorporate Office Web Components in a Web Part Explain how to create a data access page ! Updating Previously Created Digital Dashboard Components Explain how to convert information nuggets to Web Parts Describe how to update entire digital dashboards that were created by using the Digital Dashboard Starter Kit ! Testing Web Parts Explain how to test Web Part logic as part of the storage process Explain how to test Web Parts within a Test Environment digital dashboard ! Exploring Advanced Web Part Topics Explain how the Digital Dashboard Services Component functions Describe how to isolate Web Parts on a digital dashboard, and explain why isolating them is useful Explain how to use token and string replacement Explain how to use Web Part frames Explain how to enable users to customize Web Parts Module 3: Creating Web Parts Overview Slide Objective To provide an overview of the module topics and objectives ! Creating Web Parts Lead-in ! Creating Web Part Content by Using Office 2000 ! Updating Previously Created Digital Dashboard Components ! Testing Web Parts ! Exploring Advanced Web Part Topics In this module, you will learn about creating Web Parts for digital dashboards At the end of this module, you will be able to: ! Create Web Parts by using both the Web Part Builder add-in to Microsoft® Visual InterDev® and the digital dashboard customization pages ! Create Web Part content that includes the Microsoft Outlook® 2000 view control, Microsoft Office Web Components, and data access pages by using Microsoft Office 2000 ! Update previously created digital dashboards and information nuggets to comply with the new digital dashboard architecture ! Test Web Parts by using the Web Part Builder and a Test Environment digital dashboard ! Describe and use advanced techniques, including using the Digital Dashboard Services Component, to create a more robust digital dashboard Module 3: Creating Web Parts # Creating Web Parts Slide Objective To outline this topic Lead-in You can build Web Parts by using the digital dashboard editing environment or the Web Part Builder ! Including Web Part Content ! Introduction to Using the Web Part Builder ! Creating a Web Part by Modifying an Existing Web Part ! Creating a Web Part by Including Existing Content ! Creating a Web Part by Including New Content ! Using the Digital Dashboard Customization Pages You can build a digital dashboard that uses existing Web Parts by copying Web Parts from existing digital dashboards into a new digital dashboard folder Quite often, however, existing Web Parts will not satisfy user requirements and you will need to create new Web Parts You can create new Web Parts by using the Web Part Builder add-in to Visual InterDev or by using the digital dashboard customization pages It is better to use the Web Part Builder than to use the digital dashboard customization pages to create Web Parts, unless the Web Parts are very simple Regardless of the method that you use to create Web Parts, it is important to consider whether to include embedded or linked content The following topic addresses this decision Module 3: Creating Web Parts Including Web Part Content Slide Objective To present the topics associated with including Web Part content Lead-in You can include linked content or embedded content in Web Parts ! Determining Which Type of Content to Include ! Specifying Linked Content $ ! Specifying Embedded Content $ ! Linked content example Embedded content example Using the ContentType Property Before you create a Web Part, you should consider the type of content that you want to include in the Web Part The digital dashboard factory renders Web Parts to display content in the digital dashboard view The Web Parts being rendered include their content in one of two ways: ! Embedded content Embedded content includes code written in Hypertext Markup Language (HTML), Extensible Markup Language (XML), JavaScript, and Microsoft Visual Basic® Scripting Edition (VBScript) ! Linked content A Web Part includes linked content by providing a hyperlink that points to any type of Web-based content in any location Determining Which Type of Content to Include Explain that the value in the ContentLink property is a hyperlink, while the value in the Content property is basically equivalent to the contents of a stand-alone file (written in HTML, XML, JavaScript, or VBScript languages) that is embedded directly within the Web Part If it appears that the class does not understand the difference, present examples of each type The method that you use to include content in your Web Part depends on the purpose of the Web Part and on the location and amount of content the Web Part will display when rendered by the digital dashboard factory ! Dynamic information If you are creating a Web Part that retrieves content from another source (such as a Web server, a database, or the Internet) or if you are including content that changes frequently (such as corporate news and events), use the ContentLink property to establish a hyperlink that points to the source of the content ! Static information If your Web Part will contain static information, such as a message or a simple script, embed the content in the Web Part by using the Content property You should use embedded content only when the amount of content is small and easy to manage, because the editing environment is very limited Module 3: Creating Web Parts Specifying Linked Content When you create a Web Part that contains linked content, use the ContentLink property to add a hyperlink that points to any type of Web content Types of content include HTML (which is the default), VBScript, JavaScript, and XML code To enable the digital dashboard factory to interpret linked content correctly, you should use the ContentType property in conjunction with the ContentLink property If the ContentLink property contains a valid hyperlink, any value contained in the Content property is ignored That is, the ContentLink property takes precedence over the Content property If the value in the ContentLink property is invalid, or if there is an error when connecting to the site specified in the ContentLink property, the value in the Content property is used to display content for the Web Part It is generally good practice to supply an error message in the Content property when using the ContentLink property to include content in a Web Part Linked Content Example Here is an example of the XML code for a Web Part that contains a hyperlink pointing to content located on the Internet: /LinkedContentPart Linked Content Web Part A Web Part that contains linked content. 0 http://www.msn.com Note To save space, the example code listed above does not include all of the schema properties All properties that are not shown were stored with their default values Module 3: Creating Web Parts Specifying Embedded Content To create a Web Part that contains embedded content, use the Content property of the Web Part schema When you use embedded content, all of the content that the Web Part displays on a digital dashboard is contained as the value in this property The Content property can contain HTML, XML, VBScript, or JavaScript content Embedded Content Example Point out where the embedded content begins and ends and point out that some properties require a value while others not The following example shows the complete XML code for a Web Part that contains embedded content: - ExampleWebPart /ExampleWebPart - - ExampleWebPart Web Part containing embedded HTML ]]> 0 1 1 1 0 0 0 0 0 0 Mon, 24 Apr 2000 21:00:17 GMT 1 0 3 Module 3: Creating Web Parts Using the ContentType Property If you are using a content type other than HTML, you should use the ContentType property in conjunction with the ContentLink and Content properties This enables the digital dashboard factory to interpret the content correctly The following table lists the possible values in the ContentType property Digital dashboard factories interpret values outside this range as unknown; however, if you are creating a specialized Web Part, you can extend this list by creating your own content types If you not specify a value in this property, the default value is (HTML) Value in schema Value in XML Meaning HTML Content is written in HTML code VBScript Content is written in VBScript code that runs on the server JavaScript Content is written in JavaScript code that runs on the server XML Content is written in XML code and should be transformed by using the XSL property or the XSLLink property ... this module: ! Creating Web Parts Describe how to include content in Web Parts Introduce using the Web Part Builder to create Web Parts Explain how to create a Web Part by modifying an existing Web. .. dashboard Module 3: Creating Web Parts # Creating Web Parts Slide Objective To outline this topic Lead-in You can build Web Parts by using the digital dashboard editing environment or the Web Part... use Web Part frames Explain how to enable users to customize Web Parts Module 3: Creating Web Parts Overview Slide Objective To provide an overview of the module topics and objectives ! Creating