Expression Blend For Developers
|
|
- Chad Shepherd
- 7 years ago
- Views:
Transcription
1 Expression Blend For Developers Programming Silverlight just got a lot easier. A Note on This Tutorial. The history of the material for this tutorial is that Scott Guthrie wrote a terrific introduction to this material at the end of February, which he gave me permission to turn into a series of videos, currently (or soon to be) available on Silverlight.NET. This tutorial completes the circle by building on the videos and integrating the material into the Silverlight Tutorial series. The project we're setting out to build is very similar to the Silverlight chat service built by ScottGu, and is shown in Figure 5-1 Figure 5-1. Completed Application Getting Started The best way to get started is by opening Expression Blend. The first thing you'll see is the New Project window. Choose Silverlight 2 Application, set your language to Visual Basic and choose a location for your new project, which we'll name BlendForSilverlight, as shown in Figure 5-2
2 Figure 5-2. Creating the New Project The Solution Files Take a look in the upper right hand corner. The solution, project and other files created by Blend are identical to the files created by Visual Studio In fact; there is no exporting/importing between the two; you can open both development environments on the same files simultaneously and they will both work perfectly (see Figure 5-3) Figure 5-3. Blend Files A Very Quick Tour
3 The upper right hand corner not only contains the files, but also contains the properties window, the resources window and, below these, the data window. The central area has the "Art Board" (the design surface" and the Xaml (markup) which can be split as shown in Figure 5-4 Figure 5-4. Design Surface in Split Mode I've added highlighting in the upper right hand corner to point out the controls that allow you to switch among design, Xaml and split mode. The upper left hand corner contains the Interaction panel and the toolbar. Many of the tools in the tool bar have a small mark in the lower right hand corner indicating that they can be expanded to find related tools. For example, expanding the grid tool displays all the layout controls as shown in Figure 5-5
4 Figure 5-5. Expanding the Grid Tool The Chevron tool allows access to all the controls, including any user controls, custom controls or third party controls (be sure to click Show All) as shown in Figure 5-6 Figure 5-6. Chevron Expanded Note that from within the Asset Library exposed by expanding the Chevron you can also search for the control you want, and by clicking on the details radio button you can determine which library a control is in. Chat Application - First Steps
5 Begin by switching to design view, and then hold the control key and use the mouse wheel to zoom out so that you can see the entire grid. If your mouse doesn't have a wheel, you can zoom by picking a value (or filling in an arbitrary value) at the bottom of the design window or by using the menu choices View Zoom In and View Zoom Out You can move the surface by clicking on the hand and then using the mouse to click and drag or by using the scroll bars. Take a look at the upper right hand corner of your grid, as shown in Figure 5-7 Figure 5-7. Upper left corner of the grid Hovering over the upper left hand corner will tell you if you are in grid layout mode or Canvas layout mode. If you are in canvas layout, clicking will toggle you back to grid layout mode. You can create rows and columns just by sliding along the margins and clicking where you want the rows and margins placed, as shown in Figure 5-8 Figure 5-8. Creating a Row using The Mouse Immediately after I click, an open lock appears above and below my new row line. I'll add two lines, one for the top row and one for the bottom; thus implicitly creating a middle row, and thus three locks as shown in Figure 5-9.
6 Figure 5-9. Creating the bottom row Note that immediately after the row is created, not only are the locks shown but the cursor changes shape to indicate that you can easily move, and thus resize the rows. The open locks indicate that the rows will resize as the browser (inside of which your Silverlight application will run) is resized. We want the middle row to do so, but we want the top and bottom row to remain of fixed size, so click on the top and bottom lock, and then click on split view to examine the effects on the XAML, as shown in Figure 5-10.
7 Figure Middle Row has Star Sizing Note that (on line 10) the middle row definition has its Height property set to * (star) indicating that it will take up the remaining room after the other rows are allocated. Creating the Columns Let's create two columns, a smaller right column that has a fixed size and a larger floating size left column. Try this yourself without additional help. Creating the Background Color We'd like to give the entire application a light blue background, but to make it a bit more attractive, we'll use a linear gradient brush. To do this, please follow these numbered steps, reflected in Figure Click on the grid (Layout Root) in the Interaction Panel 2. Click on the properties panel and expose the Brushes subpanel. Click on the Background brush 3. Click on the Gradient Brush button 4. Add stops along the gradient by clicking and then 5. manipulating the color bar and 6. Moving the color dot for precise color choices Figure Adding a Linear Gradient By the Numbers Adding A Send Buton
8 The next step is to add a button to the lower right hand corner. Click on a button on the toolbar, drag it to approximate size in the area and then click in the properties window. Next, open the Layout subpanel and set the Width and Height to Auto and set a small value (e.g., 4) for the Margin, all around. This will fill the area, but with a reasonable margin from the edges of the column and row. The value you put in a property box does not take effect until you leave that box (e.g., using tab) There are a few things to notice about the Layout Panel (Figure 5-12) Figure Setting the Button Layout with the Layout Panel First, you can set the Width and/or Height to auto by pressing the button to the right of the field. Second, when you set a specific (non-default) value next to a property, a white dot appears (there are 5 white dots in Figure 5-12). Take a look at the Xaml once you have these values set, <Button HorizontalAlignment="Stretch" Margin="4,4,4,4" VerticalAlignment="Stretch" Grid.Column="1" Grid.Row="2" Content="Button"/> Blend has translated your choices into Xaml that will create the look you've chosen. We have, however, forgotten to change the "Content" property from Button to "Send". The easiest way to do so is to type Content into the property Search box, At "co" you will get back "Column", "Horizontal Content", "Data Content" and "Content" as shown in Figure 5-13
9 Figure Search with "co" Refine your search just a bit further, and you reduce the complexity a bit, as shown in 5-14, Figure Refined Search
10 In any case, remove the word Button from the Content field and put in the word Search. Your text task is to set the font size to 18 and the font family to Verdana. Oh, and set it to Bold. (No cheating! Do this in design, not in Xaml!) (You'll find the image on the next page) Some (few) controls have a text property and most have a content property. Those with a content property often fill that property with text, but they are free to fill it with almost anything else, including other controls. Figure Setting the Font Family and More
11 Creating The Rounded Rectangle Input Area Examining the finished application shown at the top of the tutorial reveals that the input area has a rounded rectangle as shown in Figure 5-16 Figure Input Area is a Rounded Rectangle This is slightly tricky to achieve since the TextBox does not have a setting for rounding its corners. It turns out, however, that the Border control does. Our tricky solution, therefore, is to put a TextBox within a border, and letting the Border handle the look and feel and the TextBox mange the text handling! Step one is to fill the grid square with a border. Click on the Grid pallet and expand it to click on a border, and then drag out the border into the appropriate grid location (we'll size it properly with the properties window). Once in the grid, set its Width and Height to Auto, and its Margin to 4 all around, as shown in Figure 5-17 Figure Sizing the Border in the Layout Panel
12 Let's set the background brush for the border, by setting the values in the Brushes property window by hand to 255, 255, 255 with an Alpha (opacity) of 45%.I highly recommend doing these one by one. AS you set the red value the background turns Red. When you set the Green background to 255 as well, the background turns bright yellow. Add 255 for Blue and the background turns bright white. Finally, knocking the Alpha down to 45% gives us the pale shade we're looking for, as shown in Figure 5-18 Figure Setting the Background Brush If you look carefully under the settings for RGBA you'll find the hex value #72FFFFFF which is the equivalent of setting the four values independently (with the alpha value first). Our Border control also needs its Border brush set (in 5-18 it is set to "No Brush"). The values we want (which it may well default to) are Alpha of 100% and full black (00,00,00). The Border brush won't appear unless we set its thickness (which defaults to zero); which we can do in the Appearance panel. Let's set it to 2. This is also where we get to set the rounded corners, which we'll set to 5 as shown in Figure Figure Setting the Border Thickness and Rounded Corners Placing the Text Box The border has the rounded corners, but as noted above, a border can't accept text input. For that we need a text box, but we don't want the text box to overwrite the background we just carefully placed in the border.
13 Zap! All we need to do is make the text box reside within the border, and set it to transparent! To place the text box within the border, double click on the border in the Interaction panel, signaling to Blend that it is now the container for the next control. That is, the next control we add will not be a sibling, but a child of the border. The yellow rectangle will jump from Layout Root to the Border as feedback that it is now the active container. When you drag the text box in, it will be placed inside the text box, as shown in Figure 5-20, both from a design view and a Xaml view. Figure Text Box Nested within Border Review of key points There are a few new concepts all put together in this one construct, so a quick review is in order: The border is set with a background color and the rounded corners The text box is nested fully within the border, and the text box's background opacity is set to 0 (making it transparent). That allows the text box to "pick up" the background color and rounded corners of the border In order to ensure that the text box will be nested within the border, double click on the border in the Interaction panel surrounding the border with a yellow box and thus indicating that it is now the container. Creating the Top Row We'll do the same thing on the top row, except that instead of using a TextBox we'll use a textblock, setting the text inside to a font family of Comic Sans MS, a font size of 48 and the text of your own name. To set the upper right hand corner, begin by double clicking on the LayoutRoot to make it the container, then click on an Image Control in the Chevron. Set the source property to point to any image file on your disk. Creating the Conversation Area
14 The final part of our IM application is the middle: the conversation area, which will in fact be a list box. We'll place that in a border that will stretch across both columns. You can place that manually, just by stretching a border across both columns using the mouse. You'll notice as you go to refine the placement in the Layout panel that the ColumnSpan has been set to 2, and all you need do is fix the Margins to make the border fit snugly (e.g., with a margin of 4 all around.) You'll want to set the background to a solid color ( FF03588D works nicely) and once again we'll set the corners to a radius of 5 all around, as well as setting the border to black and a thickness of 2. Once again, double click on the new border, and drag a list box (from the chevron) inside the new border, and set it to fill the border. Adding dummy data It is convenient to have dummy data to fill the list box, and the easiest way to do that is in Xaml. This is a good opportunity to switch to Visual Studio, so save all the files in Blend but leave blend open and switch over to the project in Visual Studio If your project was already open, you'll be notified that it has changed, say yes to accept the changes, and you should find that all the files are shown and your Page.xaml looks impressively similar to what you just saw in Blend.
15 Figure Examining the Project in Visual Studio You can now easily populate your list box with dummy list items, <ListBox Height="Auto" Width="Auto" x:name="conversation" > <ListBoxItem Content="Jesse: Is this working?" /> <ListBoxItem Content="Scott: Of course." /> <ListBoxItem Content="Jesse: I'm following the directions." /> <ListBoxItem Content="Scott: Then you should be fine." /> <ListBoxItem Content="Jesse: Great, thanks." /> </ListBox> Save your file and switch back to Blend (no need to close Visual Studio 2008). When you do, Blend lets you know the files were modified,
16 Figure Blend letting you know the files were modified Click yes, and your dummy data should be visible. You can press F5 to run the program as an interim check. You'll find that the image doesn't appear unless you place a copy of the image file in the bin/debug directory as well. That's not a big problem, however, as we'll be binding to the source for the image file. Building the Business Layer To support the exchange of instant messages, we will build (or, to be more honest, stub out) a service that will identify the remote user's name, image and that will manage the messaging. Because we are more interested in Silverlight than in building the service (at least for the purposes of this tutorial) we'll simplify this by creating a ChatSession class that will stand in for all the networking, sockets and other plumbing, and which will maintain instead a collection of Message objects. As you can guess, we'll also create, therefore, a Message class to represent each message "transmitted" by the service. Because Visual Studio 2008 is better suited to programming than is Blend, we'll do this work in Visual Studio 2008 but we'll get there by right clicking on the solution in Blend and choosing Edit In Visual Studio, as shown in Figure Figure Moving to Visual Studio from Blend
17 Once in Visual Studio 2008 right click on the project and choose Add Class. In the new items dialog select class and name your new class ChatMessage as shown in Figure 5-24 Figure Adding the Chat Message Class The Chat Message class is pretty straight forward, consisting only of two properties, Public Class ChatMessage Private privateusername As String Public Property UserName() As String Get Return privateusername End Get Set(ByVal value As String) privateusername = value End Set End Property Private privatetext As String Public Property Text() As String Get Return privatetext End Get Set(ByVal value As String) privatetext = value End Set End Property End Class The ChatSession is somewhat more complex, but we'll simplify greatly by stubbing out all the difficult parts. We begin by marking the class as implementing INotifyPropertyChanged, which as noted in the DataBinding Tutorial ensures that the UI fields will be updated as the data changes.
18 Public Class ChatSession Implements INotifyPropertyChanged This interface requires only that we provide a PropertyChangedEventHandler that implements the PropertyChanged event, Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged The class has two straight forward public properties: one for the user's name, and one for the URL of the user's Avitar (image), Private privateremoteusername As String Public Property RemoteUserName() As String Get Return privateremoteusername End Get Set(ByVal value As String) privateremoteusername = value End Set End Property Private privateremoteavatarurl As String Public Property RemoteAvatarUrl() As String Get Return privateremoteavatarurl End Get Friend Set(ByVal value As String) privateremoteavatarurl = value End Set End Property Next we want to create a collection of the ChatMessages. What we want, however, is to raise an event each time the collection changes (e.g., a message is added) and we want the list box to respond to that event. We could create all of that, but the framework makes it easy. Listbox already knows to respond to PropertyChanged events, and there is a special collection type ObservableCollection(of) that fires exactly that event every time the collection is changed. This makes life a walk in the park, Private privatemessagehistory As ObservableCollection(Of ChatMessage) Public Property MessageHistory() As ObservableCollection(Of ChatMessage) Get Return privatemessagehistory End Get Friend Set(ByVal value As ObservableCollection(Of ChatMessage)) privatemessagehistory = value End Set End Property Sending a message is now as simple as adding a new Chat message where the text is taken from the message box and the user name is taken from the current user's name (for now, hard coded to "Me")
19 Public Sub SendMessage(ByVal message As String) ' Todo: Send to remote chat server over sockets MessageHistory.Add(New ChatMessage With {.Text = message,.username = "Me"}) End Sub We leave it as an exercise for the reader to actually send the message across the network Before we can send messages, however, we must connect with the remote user, obtaining the remote user's name, avatar and initializing the observable collection of messages, Public Sub ConnectWithRemoteUser(ByVal remoteusername As String) ' Todo: 1) Wire-Up socket stack to receive notifications of received messages ' 2) Wire-Up to a remote avatar service instead of hard-coding my picture RemoteUserName = remoteusername RemoteAvatarUrl = "jesse.jpg" MessageHistory = New ObservableCollection(Of ChatMessage)() ' Notify any listeners of property changes RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs("RemoteUserName")) RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs("RemoteAvatarUrl")) RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs("MessageHistory")) End Sub Finally, we'll add a method we can call that will simulate an exchange of IM's (but we'll only call this method when we're in design mode; not when the program is actually running) Private Sub PopulateWithDummyData() RemoteUserName = "BillG" RemoteAvatarUrl = "billg.jpg" MessageHistory = New ObservableCollection(Of ChatMessage)() MessageHistory.Add(New ChatMessage With {.UserName = "BillG",.Text = "How is your video going?"}) MessageHistory.Add(New ChatMessage With {.UserName = "BillG",.Text = "Hmmm...you there?"}) MessageHistory.Add(New ChatMessage With {.UserName = "BillG",.Text = "Hello???"}) MessageHistory.Add(New ChatMessage With {.UserName = "Jesse",.Text = "Sorry Bill - working on a video..."}) MessageHistory.Add(New ChatMessage With {.UserName = "BillG",.Text = "Oh - ok."}) End Sub To ensure that this dummy data is in place during design mode, we'll test in the constructor of ChatSession,
20 Public Sub New() If HtmlPage.IsEnabled = False Then PopulateWithDummyData() End If End Sub DataBinding With these classes in place (you did build to make sure all is well, yes?) we're ready to data bind. Let's do that in Blend (!) Make sure you've saved all your files in Visual Studio 2008 but don't close it, just switch over to Blend. Say yes to the "something has changed when I wasn't looking" dialog (your wording may vary). Under the project panel you should see a Data panel, within which is a tab marked CLR Object. Click on that and Hey! Presto! You will see Blend for Silverlight that will open up to show a dialog that lets you add any CLR object as a data source. Notice that ChatMessage and ChatSession are listed. Click on Chat session and click OK and Chat SessionDS appears in your Data list, as shown in Figure Figure Adding Chat Session as a Data Source Now, this is really scary how easy this is; click on RemoteUserName, and drag it onto the name field at the top of the design and let go, as shown in Figure 5-26
21 Figure Binding the RemoteUserName to the TextBlock by Drag and Drop When you let go, Blend recognizes that you are binding the data, and asks first which field you'd like to bind to (guessing you'd like to bind to Text) and then offers (if you expand the dialog) additional options, such as two-way binding (so that if the UI is updated, the changes will be written back to the data source), as shown in Figure 5-27 Figure Creating the Data Binding When you click OK the UI is immediately updated with the bound data.
22 Figure Bound Data Unfortunately, your list box does not know how to display a Chat Message (why would it?). We can fix that, of course, by using a Data template, <ListBox.ItemTemplate> <DataTemplate> <StackPanel Orientation="Horizontal" Margin="5"> <TextBlock FontFamily="Comic Sans MS" FontSize="16" Foreground="red" Text="{Binding UserName}"/> <TextBlock Text=": "/> <TextBlock FontFamily="Comic Sans MS" FontSize="16" Text="{Binding Text}"/> </StackPanel> </DataTemplate> </ListBox.ItemTemplate> This teaches the ListBox how to display each of the list items, specifying that each will be dislayed with three TextBlocks, aligned horizontally by a stack panel, as shown in Figure 5-29
23 Figure Data Template at work Adding Templates The Listbox and especially the Start Button don't quite look the way we'd like. In the previous version of this tutorial we fixed them with hand-written templates, but Blend now offers a far better solution, which we will introduce in the next tutorial, so we're going to leave this as it is for now (not quite done, but a good way towards a solid introduction to using Blend and Visual Studio together for programming an application). Better not to finish, than to show you what amounts to an obsolete and inferior way of solving the problem. In the interim, both Tim Heurer and I and many others will be blogging about the new approach to Templates, and we'll have the full tutorial out within a few weeks.
Create a Poster Using Publisher
Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs
More informationSample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.
Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format
More informationPowerPoint 2007 Basics Website: http://etc.usf.edu/te/
Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,
More informationDOING MORE WITH WORD: MICROSOFT OFFICE 2010
University of North Carolina at Chapel Hill Libraries Carrboro Cybrary Chapel Hill Public Library Durham County Public Library DOING MORE WITH WORD: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites
More informationIf you know exactly how you want your business forms to look and don t mind
appendix e Advanced Form Customization If you know exactly how you want your business forms to look and don t mind detail work, you can configure QuickBooks forms however you want. With QuickBooks Layout
More informationInstructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint
Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe
More informationTutorials. If you have any questions, comments, or suggestions about these lessons, don't hesitate to contact us at support@kidasa.com.
Tutorials The lesson schedules for these tutorials were installed when you installed Milestones Professional 2010. They can be accessed under File Open a File Lesson Chart. If you have any questions, comments,
More informationUsing Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
More informationMicrosoft Word defaults to left justified (aligned) paragraphs. This means that new lines automatically line up with the left margin.
Microsoft Word Part 2 Office 2007 Microsoft Word 2007 Part 2 Alignment Microsoft Word defaults to left justified (aligned) paragraphs. This means that new lines automatically line up with the left margin.
More informationHow to Use the Drawing Toolbar in Microsoft Word
How to Use the Drawing Toolbar in Microsoft Word The drawing toolbar allows you to quickly and easily label pictures (e.g., maps) in a MS Word file. You can add arrows, circle spots, or label with words.
More informationA Guide to Microsoft Paint (Windows XP)
A Guide to Microsoft Paint (Windows XP) Introduction Microsoft Paint allows you to produce your own pictures (or edit existing ones). In Windows XP, you can no longer access Paint directly from the Microsoft
More informationGUIDELINES FOR PREPARING POSTERS USING POWERPOINT PRESENTATION SOFTWARE
Society for the Teaching of Psychology (APA Division 2) OFFICE OF TEACHING RESOURCES IN PSYCHOLOGY (OTRP) Department of Psychology, Georgia Southern University, P. O. Box 8041, Statesboro, GA 30460-8041
More informationIf you know exactly how you want your business forms to look and don t mind detail
Advanced Form Customization APPENDIX E If you know exactly how you want your business forms to look and don t mind detail work, you can customize QuickBooks forms however you want. With QuickBooks Layout
More informationPublisher 2010 Cheat Sheet
April 20, 2012 Publisher 2010 Cheat Sheet Toolbar customize click on arrow and then check the ones you want a shortcut for File Tab (has new, open save, print, and shows recent documents, and has choices
More informationWriter Guide. Chapter 15 Using Forms in Writer
Writer Guide Chapter 15 Using Forms in Writer Copyright This document is Copyright 2005 2008 by its contributors as listed in the section titled Authors. You may distribute it and/or modify it under the
More informationUsing Microsoft Project 2000
Using MS Project Personal Computer Fundamentals 1 of 45 Using Microsoft Project 2000 General Conventions All text highlighted in bold refers to menu selections. Examples would be File and Analysis. ALL
More informationMicrosoft FrontPage 2003
Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State
More informationTABLE OF CONTENTS SURUDESIGNER YEARBOOK TUTORIAL. IMPORTANT: How to search this Tutorial for the exact topic you need.
SURUDESIGNER YEARBOOK TUTORIAL TABLE OF CONTENTS INTRODUCTION Download, Layout, Getting Started... p. 1-5 COVER/FRONT PAGE Text, Text Editing, Adding Images, Background... p. 6-11 CLASS PAGE Layout, Photo
More informationparagraph(s). The bottom mark is for all following lines in that paragraph. The rectangle below the marks moves both marks at the same time.
MS Word, Part 3 & 4 Office 2007 Line Numbering Sometimes it can be helpful to have every line numbered. That way, if someone else is reviewing your document they can tell you exactly which lines they have
More informationJOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
More informationCATIA Basic Concepts TABLE OF CONTENTS
TABLE OF CONTENTS Introduction...1 Manual Format...2 Log on/off procedures for Windows...3 To log on...3 To logoff...7 Assembly Design Screen...8 Part Design Screen...9 Pull-down Menus...10 Start...10
More informationIn this session, we will explain some of the basics of word processing. 1. Start Microsoft Word 11. Edit the Document cut & move
WORD PROCESSING In this session, we will explain some of the basics of word processing. The following are the outlines: 1. Start Microsoft Word 11. Edit the Document cut & move 2. Describe the Word Screen
More informationCreating Forms with Acrobat 10
Creating Forms with Acrobat 10 Copyright 2013, Software Application Training, West Chester University. A member of the Pennsylvania State Systems of Higher Education. No portion of this document may be
More information3D-GIS in the Cloud USER MANUAL. August, 2014
3D-GIS in the Cloud USER MANUAL August, 2014 3D GIS in the Cloud User Manual August, 2014 Table of Contents 1. Quick Reference: Navigating and Exploring in the 3D GIS in the Cloud... 2 1.1 Using the Mouse...
More informationKaplan Higher Education Seminar Student User Guide
Kaplan Higher Education Seminar Student User Guide Kaplan Higher Education and Professional Education R08.05.15 Table of Contents Getting Started... 1 Software Requirements... 1 Seminar Types... 1 Accessing
More informationStep 1: Setting up the Document/Poster
Step 1: Setting up the Document/Poster Upon starting a new document, you will arrive at this setup screen. Today we want a poster that is 4 feet (48 inches) wide and 3 feet tall. Under width, type 48 in
More informationKB COPY CENTRE. RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ. Telephone: 0131 6505001
KB COPY CENTRE RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ Telephone: 0131 6505001 Email: kbcopy@ed.ac.uk martin.byrne@ed.ac.uk colin.doherty@ed.ac.uk Step 1. Set up page orientation
More informationPowerWorld Simulator
PowerWorld Simulator Quick Start Guide 2001 South First Street Champaign, Illinois 61820 +1 (217) 384.6330 support@powerworld.com http://www.powerworld.com Purpose This quick start guide is intended to
More informationIntroduction to dobe Acrobat XI Pro
Introduction to dobe Acrobat XI Pro Introduction to Adobe Acrobat XI Pro is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License. To view a copy of this
More informationMicrosoft Word 2010 Tutorial
1 Microsoft Word 2010 Tutorial Microsoft Word 2010 is a word-processing program, designed to help you create professional-quality documents. With the finest documentformatting tools, Word helps you organize
More informationCommunicate: In Print
Communicate: In Print A simple guide Work areas Communicate: In Print has two different modes in which to edit your documents: Create and Adjust modes. These are easily interchangeable and the toolbars
More informationCreating a PowerPoint Poster using Windows
Creating a PowerPoint Poster using Windows Copyright 2001 Michael Dougherty (michael@nmsu.edu) Purpose The purpose of this tutorial is to illustrate how to create a 3 x 4 ft. poster using PowerPoint. This
More informationBuilding Better Dashboards PART 1: BASIC DASHBOARDS
Building Better Dashboards PART 1: BASIC DASHBOARDS For Questions or Feedback Alexandria Skrivanich or Michael Carpenter askrivanich@tableausoftware.com mcarpenter@tableausoftware.com 1 CREATING & LABELING
More informationMS Word 2007 practical notes
MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the
More informationDigital Marketing EasyEditor Guide Dynamic
Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury
More informationInteractive Voting System. www.ivsystem.nl. IVS-Basic IVS-Professional 4.4
Interactive Voting System www.ivsystem.nl IVS-Basic IVS-Professional 4.4 Manual IVS-Basic 4.4 IVS-Professional 4.4 1213 Interactive Voting System The Interactive Voting System (IVS ) is an interactive
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
More informationAdobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
More informationData Visualization. Prepared by Francisco Olivera, Ph.D., Srikanth Koka Department of Civil Engineering Texas A&M University February 2004
Data Visualization Prepared by Francisco Olivera, Ph.D., Srikanth Koka Department of Civil Engineering Texas A&M University February 2004 Contents Brief Overview of ArcMap Goals of the Exercise Computer
More informationWelcome to The Grid 2
Welcome to 1 Thanks for choosing! These training cards will help you learn about, providing step-by-step instructions for the key skills you will need and introducing the included resources. What does
More informationMICROSOFT POWERPOINT STEP BY STEP GUIDE
IGCSE ICT SECTION 16 PRESENTATION AUTHORING MICROSOFT POWERPOINT STEP BY STEP GUIDE Mark Nicholls ICT Lounge Page 1 Contents Importing text to create slides Page 4 Manually creating slides.. Page 5 Removing
More informationChapter 15 Using Forms in Writer
Writer Guide Chapter 15 Using Forms in Writer OpenOffice.org Copyright This document is Copyright 2005 2006 by its contributors as listed in the section titled Authors. You can distribute it and/or modify
More informationMicrosoft Access 2010 handout
Microsoft Access 2010 handout Access 2010 is a relational database program you can use to create and manage large quantities of data. You can use Access to manage anything from a home inventory to a giant
More informationDESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site
Page 1 of 22 DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site Before you create your Web site, ask yourself these questions: What do I want the site to do? Whom do I want to visit
More informationSMART Ink 1.5. Windows operating systems. Scan the following QR code to view the SMART Ink Help on your smart phone or other mobile device.
SMART Ink 1.5 Windows operating systems User s guide Scan the following QR code to view the SMART Ink Help on your smart phone or other mobile device. Trademark notice SMART Ink, SMART Notebook, SMART
More informationFlorence School District #1
Florence School District #1 Training Module 2 Designing Lessons Designing Interactive SMART Board Lessons- Revised June 2009 1 Designing Interactive SMART Board Lessons Lesson activities need to be designed
More informationWeebly.com First Steps
Weebly.com First Steps Weebly is the easiest way to build your own website. The first thing you need to do is go to www.weebly.com to create an account. Then you will begin with the next steps. The Site
More informationEmbroidery Fonts Plus ( EFP ) Tutorial Guide Version 1.0505
Embroidery Fonts Plus ( EFP ) Tutorial Guide Version 1.0505 1 Contents Chapter 1 System Requirements.................. 3 Chapter 2 Quick Start Installation.................. 4 System Requirements................
More informationEpson Brightlink Interactive Board and Pen Training. Step One: Install the Brightlink Easy Interactive Driver
California State University, Fullerton Campus Information Technology Division Documentation and Training Services Handout Epson Brightlink Interactive Board and Pen Training Downloading Brightlink Drivers
More informationPE Content and Methods Create a Website Portfolio using MS Word
PE Content and Methods Create a Website Portfolio using MS Word Contents Here s what you will be creating:... 2 Before you start, do this first:... 2 Creating a Home Page... 3 Adding a Background Color
More informationAccess 2007 Creating Forms Table of Contents
Access 2007 Creating Forms Table of Contents CREATING FORMS IN ACCESS 2007... 3 UNDERSTAND LAYOUT VIEW AND DESIGN VIEW... 3 LAYOUT VIEW... 3 DESIGN VIEW... 3 UNDERSTAND CONTROLS... 4 BOUND CONTROL... 4
More informationCreating Personal Web Sites Using SharePoint Designer 2007
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
More informationMICROSOFT WORD TUTORIAL
MICROSOFT WORD TUTORIAL G E T T I N G S T A R T E D Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents,
More informationSMART Board Tips & Tricks (version 9.0) Getting Started. SMART Tools vs. SMART Notebook software
SMART Board Tips & Tricks (version 9.0) Getting Started SMART Tools vs. SMART Notebook software Click the SMART Board icon (in the system tray at the bottom right of your screen) to access the SMART Board
More informationInGenius Connector Enterprise Demo System for Microsoft Dynamics CRM
InGenius Connector Enterprise Demo System for Microsoft Dynamics CRM User Guide Release 2.13 July 11, 2014 TRADEMARKS InGenius, InGenius Connector and the InGenius logo are trademarks of InGenius Software
More informationSiteBuilder 2.1 Manual
SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can
More information5. Tutorial. Starting FlashCut CNC
FlashCut CNC Section 5 Tutorial 259 5. Tutorial Starting FlashCut CNC To start FlashCut CNC, click on the Start button, select Programs, select FlashCut CNC 4, then select the FlashCut CNC 4 icon. A dialog
More informationMicrosoft Word 2010 Tutorial
Microsoft Word 2010 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,
More informationSelect the Crow s Foot entity relationship diagram (ERD) option. Create the entities and define their components.
Α DESIGNING DATABASES WITH VISIO PROFESSIONAL: A TUTORIAL Microsoft Visio Professional is a powerful database design and modeling tool. The Visio software has so many features that we can t possibly demonstrate
More informationAPA-STYLE TABLES in MICROSOFT WORD 2007
Twin Cities Writing Center APA-STYLE TABLES in MICROSOFT WORD 2007 Before inserting a table into your paper, make sure a table is an appropriate way to communicate your information. Read about the use
More informationCONSTRUCTING SINGLE-SUBJECT REVERSAL DESIGN GRAPHS USING MICROSOFT WORD : A COMPREHENSIVE TUTORIAL
CONSTRUCTING SINGLE-SUBJECT REVERSAL DESIGN GRAPHS USING MICROSOFT WORD : A COMPREHENSIVE TUTORIAL PATRICK GREHAN ADELPHI UNIVERSITY DANIEL J. MORAN MIDAMERICAN PSYCHOLOGICAL INSTITUTE This document is
More informationIntroduction to Microsoft Word 2008
1. Launch Microsoft Word icon in Applications > Microsoft Office 2008 (or on the Dock). 2. When the Project Gallery opens, view some of the available Word templates by clicking to expand the Groups, and
More informationSchoolwires Staff Website Reference Guide
CONTENTS Signing In... 2 Changing Your Web Account Password... 3 Adding a New Page... 7 Updating A Web Page... 10 Schoolwires Staff Website Reference Guide Inserting an Email Link... 12 Inserting a Web
More informationMicrosoft Excel 2010 Charts and Graphs
Microsoft Excel 2010 Charts and Graphs Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Microsoft Excel 2010: Charts and Graphs 2.0 hours Topics include data groupings; creating
More informationSnagit 10. Getting Started Guide. March 2010. 2010 TechSmith Corporation. All rights reserved.
Snagit 10 Getting Started Guide March 2010 2010 TechSmith Corporation. All rights reserved. Introduction If you have just a few minutes or want to know just the basics, this is the place to start. This
More informationCreate a GAME PERFORMANCE Portfolio with Microsoft Word
Create a GAME PERFORMANCE Portfolio with Microsoft Word Planning A good place to start is on paper. Get a sheet of blank paper and just use a pencil to indicate where the content is going to be positioned
More informationWebEx Sharing Resources
WebEx Sharing Resources OTS PUBLICATION: WX0 REVISED: 4/8/06 04 TOWSON UNIVERSITY OFFICE OF TECHNOLOGY SERVICES =Shortcut =Advice =Caution Introduction During a WebEx session, the host has the ability
More informationComponentOne. Windows for WPF
ComponentOne Windows for WPF Copyright 1987-2012 GrapeCity, Inc. All rights reserved. ComponentOne, a division of GrapeCity 201 South Highland Avenue, Third Floor Pittsburgh, PA 15206 USA Internet: info@componentone.com
More informationSMART NOTEBOOK 10. Instructional Technology Enhancing ACHievement
SMART NOTEBOOK 10 Instructional Technology Enhancing ACHievement TABLE OF CONTENTS SMART Notebook 10 Themes... 3 Page Groups... 4 Magic Pen... 5 Shape Pen... 6 Tables... 7 Object Animation... 8 Aligning
More informationGoogle Sites: Site Creation and Home Page Design
Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and
More informationBasic Microsoft Excel 2007
Basic Microsoft Excel 2007 The biggest difference between Excel 2007 and its predecessors is the new layout. All of the old functions are still there (with some new additions), but they are now located
More informationCREATE A WEB PAGE WITH LINKS TO DOCUMENTS USING MICROSOFT WORD 2007
CREATE A WEB PAGE WITH LINKS TO DOCUMENTS USING MICROSOFT WORD 2007 For Denise Harrison s College Writing Course students Table of Contents Before you Start: Create documents, Create a Folder, Save documents
More informationCreating Interactive PDF Forms
Creating Interactive PDF Forms Using Adobe Acrobat X Pro Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This
More informationJoomla Article Advanced Topics: Table Layouts
Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand
More informationGuide To Creating Academic Posters Using Microsoft PowerPoint 2010
Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 INFORMATION SERVICES Version 3.0 July 2011 Table of Contents Section 1 - Introduction... 1 Section 2 - Initial Preparation... 2 2.1 Overall
More informationLearning ReportBuilder
Learning ReportBuilder The End-User s Guide to Building Reports Copyright by Digital Metaphors Corporation i CONTENTS INTRODUCTION Design... 1 Preview... 1 Data... 1 About this book... 2 A QUICK TEST SPIN
More informationJive Connects for Openfire
Jive Connects for Openfire Contents Jive Connects for Openfire...2 System Requirements... 2 Setting Up Openfire Integration... 2 Configuring Openfire Integration...2 Viewing the Openfire Admin Console...3
More informationSoftware Application Tutorial
Software Application Tutorial Copyright 2005, Software Application Training Unit, West Chester University. No Portion of this document may be reproduced without the written permission of the authors. For
More informationAdobe InDesign Creative Cloud
Adobe InDesign Creative Cloud Beginning Layout and Design November, 2013 1 General guidelines InDesign creates links to media rather than copies so -Keep all text and graphics in one folder -Save the InDesign
More informationGet To Know Paint Shop Pro: Layers
Get To Know Paint Shop Pro: Layers Layers are the building blocks of most images from photo collages to digital scrapbook layouts. Once you harness this powerful tool, you ll be able to easily create stunning
More informationSite Maintenance. Table of Contents
Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...
More informationMicrosoft Excel 2010 Tutorial
1 Microsoft Excel 2010 Tutorial Excel is a spreadsheet program in the Microsoft Office system. You can use Excel to create and format workbooks (a collection of spreadsheets) in order to analyze data and
More informationTriggers & Actions 10
Triggers & Actions 10 CHAPTER Introduction Triggers and actions are the building blocks that you can use to create interactivity and custom features. Once you understand how these building blocks work,
More informationTutorial for Tracker and Supporting Software By David Chandler
Tutorial for Tracker and Supporting Software By David Chandler I use a number of free, open source programs to do video analysis. 1. Avidemux, to exerpt the video clip, read the video properties, and save
More informationGetting Started with WebSite Tonight
Getting Started with WebSite Tonight WebSite Tonight Getting Started Guide Version 3.0 (12.2010) Copyright 2010. All rights reserved. Distribution of this work or derivative of this work is prohibited
More informationFireworks CS4 Tutorial Part 1: Intro
Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the
More informationCreating an invitation
Creating an invitation Michaela Maginot About the author Michaela Maginot lives in Unterhaching, Germany, not too far from Munich. She graduated from the Deutschen Meisterschule für Mode (German Master
More informationA Quick Start Guide to Using PowerPoint For Image-based Presentations
A Quick Start Guide to Using PowerPoint For Image-based Presentations By Susan Jane Williams & William Staffeld, Knight Visual Resources Facility College of Architecture, Art and Planning Cornell University.
More informationMicrosoft PowerPoint 2010 Handout
Microsoft PowerPoint 2010 Handout PowerPoint is a presentation software program that is part of the Microsoft Office package. This program helps you to enhance your oral presentation and keep the audience
More informationLogo Design Studio Pro Guide
Logo Design Studio Pro Guide This guide is distributed with software that includes an end-user agreement, this guide, as well as the software described in it, is furnished under license and may be used
More informationMicrosoft Word 2013 Tutorial
Microsoft Word 2013 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,
More informationMicrosoft Word 2010. Quick Reference Guide. Union Institute & University
Microsoft Word 2010 Quick Reference Guide Union Institute & University Contents Using Word Help (F1)... 4 Window Contents:... 4 File tab... 4 Quick Access Toolbar... 5 Backstage View... 5 The Ribbon...
More informationMicrosoft Office 2010: Introductory Q&As PowerPoint Chapter 1
Microsoft Office 2010: Introductory Q&As PowerPoint Chapter 1 Are the themes displayed in a specific order? (PPT 6) Yes. They are arranged in alphabetical order running from left to right. If you point
More informationUsing Microsoft Access
Using Microsoft Access Relational Queries Creating a query can be a little different when there is more than one table involved. First of all, if you want to create a query that makes use of more than
More informationIntroduction to SharePoint For Team Site Owner/Administrators. Instructional Guide
Instructional Guide Class Goals: 1. Understanding & Navigating the SP Team Site Structure 2. Using SP to create & maintain a collaborative site for your team: Planning & Design, Lists, Libraries, Web Parts
More informationADMINISTRATORS GUIDE EPISUITE 6
ADMINISTRATORS GUIDE EPISUITE 6 A quick tutorial on how to set up and implement Episuite Software created by IDentiphoto Specialists in IDentification 1810 Joseph Lloyd Pkwy. Willoughby, OH 44094 Phone:
More informationCreating and Using Links and Bookmarks in PDF Documents
Creating and Using Links and Bookmarks in PDF Documents After making a document into a PDF, there may be times when you will need to make links or bookmarks within that PDF to aid navigation through the
More informationCreating an invitation
Creating an invitation Michaela Maginot Concept and design Invitation complete with gift box, card, and transparent envelope. For more options, please visit www.corel.com/design collection. The goal was
More informationSweet Home 3D user's guide
1 de 14 08/01/2013 13:08 Features Download Online Gallery Blog Documentation FAQ User's guide Video tutorial Developer's guides History Reviews Support 3D models Textures Translations Forum Report a bug
More information