CS3240 Human-Computer Interaction Lab Sheet Lab Session 3 Designer & Developer Collaboration
|
|
- Randall Montgomery
- 6 years ago
- Views:
Transcription
1 CS3240 Human-Computer Interaction Lab Sheet Lab Session 3 Designer & Developer Collaboration Page 1
2 Overview In this lab, users will get themselves familarise with fact that Expression Blend uses the identical project structure as Visual Studio, and becausee both applications are able to understand XAML, design work can be completed using Expression Blend and programming functionality can be easily addedd using Visual Studio. This coordination put both designers and developers on common ground, enabling them to work cooperatively on the same project with the same language. Project Structures When creating a new project in Expression Blend, there are the following four options: Silverlight 3 Application + Website o Use this option to create a Silverlight application along with the requisitee files for hosting it on a web page for you to deploy to your site WPF Application o Use this option to create a Microsoft.NET Framework client application using the Windows Presentationn Foundation (WPF) Silverlight 3 SketchFlow Prototype o SketchFlow is a new technology in Expression Blend 3 that you can use to develop prototype applications that can be quickly reskinned into real ones WPF SketchFlow Prototype o As with the Silverlight SketchFlow template, with this option you can rapidly develop prototypes of client applications using WPF Normally we create the Silverlight application using the first option. The following figure 1 is the project structure that is created by Silverlight when you create a new project in Expression Blend: Figure 1: Project Structure when create a new Silverlight project in Expression Blend Page 2
3 There is a project file (sample) and a website file (samplesite). The following figure 2 shows the project structure when create a new Silverlight object in Visual Studio. Figure 2: Project Structure when create a new Silverlight project in Visual Studio Similar to when creating a new Silverlight project in Expression Blend: a project file (sample2) and a web site file (sample2) are being created. Note that there are two Extensible Application Markup Language (XAML) files that are being created. The App.xaml file is used for application-specific (that is, global) variables, functions, and settings, whereas the MainPage.xaml (in Expression Blend) & Page.xaml file (in Visual Studio) is the default opening page for your application. Page 3
4 There will always be a [ProjectName]TestPage.aspx and [ProjectName]TestPage.html page being created automatically upon creation of the Silverlight project. In this case, they are named as SampleTestPage.aspx and SampleTestPage.html. Basically, these pages contains a line which runs the Silverlight.js javascript file, where the Sliverlight.js file contains a framework which runs the Silverlight object contained in the MainPage.xaml or Page.xaml file. Designer first VS Developer first When working in a Silverlight/XAML/Expression Blend/Visual Studio environment, a major consideration in determining which party should begin the project (designer or developer) is the degree to which the developer possesses design skills vs. the degree to which the designer is proficient in Expression Blend and is familiar with the basics of programming. The goal in deciding who should begin the project is to minimize wasted effort by avoiding any actions which are inconsistent with the responsibilities of their collaborator. For example, a designer with minimal Silverlight experience might not be efficient in choosing between a StackPanel, a Grid or a Canvas as the appropriate container for some combination of controls. The principal recommendation is that whichever party has more experience with the above-mentioned technologies should begin the process. This will frequently lead to a Developer First approach principally because many more developers will be experienced with Silverlight than designers. Page 4
5 Developer creates the form with elements As explained above, the developer willl create the form, where they make the decision in choosing which elements to use, such as the layout containers and labels or textblock. 1. Open up Microsoft Expression Blend 3. Create a new Silverlight 3 Application + Website project, and name it tutorial3. Save it in a folder and leave the language as Visual C#. 2. Select the [UserControl] layer in the Objects and Timeline panel, go to the Properties panel and change the Layout section s width and height to 300px and 400px respectively. (See figure 1 & 2) Figure 1: Select the [UserControl] layer Figure 2: Edit the layout in properties panel 3. Now, create a Grid container & Pin Active Container, then expand the assets panel by clicking the >> button below the toolbar panel, drag & drop Textblocks, Textboxes, and Button into the Grid container. Align them as shown in figure 3. Figure 3: Align the elements accordingly to what is shown above Page 5
6 4. Now click on each element and go to the Properties panel, under the Common properties section, change the Text accordingly as shown in the following figure 4 Figure 4: Edit the elements accordingly to what is shown above Now that the developer has created the form with elements, to make it more attractive, the XAML file will now be pass to the designer to design the layout appearance of the form. The developer just needs to pass the MainPage.xaml file to the designer. Page 6
7 Designer designs the form to make it attractive As mentioned above, after the developer has created the form with the basic controls being created and in placed, the designer will now edit the design and make the form more attractive to the users. 1. Open the MainPage.xaml file in Microsoft Expression Blend 3 2. Select the Grid container and go to the Properties panel, at the Brushes section, select the Gradient Brush tab and try to adjust the colors to yellow on top and red at the bottom, or simply try adjusting it until the colors look attractive enough. (See figure 5) Figure 5: Edit the colors to make it look more attractive. Now that the designer is done with the design of the form, the XAML file will now be passed back to the developer for coding on the event handler on the Submit button. Developer writes the event handler codes As mentioned earlier, a very big advantage about the designer and developer collaboration when creating a Silverlight application is thatt both of them uses the same XAML file, thus they can be easily bring over to both the Expression Blend and the Visual Studio environment. What happened in the past is that when a designer designs the form in Photoshop or other designing tools, they pass it to the developers, whom will then write the CSS file, place and align the HTML elements & etc according to the design. The designers work will then become useless since the developer need to redo everything that they did. However, since both the designers and developers uses the same XAML file now when creating Silverlight applications, the designers work could stay and the developer has lesser work to do (don t need to redo) and could focus their time more on the codes it s much more convenient that way! Page 7
8 1. First, open the MainPage.xaml file in Microsoft Visual Studio Press F5 to run the file. On the browser, see that it displays the same output just like when it is being run in Expression Blend. (Seee figure 6) Figure 6: See that the output being displayed is the same as when you run it in Expression blend 3. In the Button object, add in the following underlined code to add an event handler to take place when user clicks on the Submit button. <Button Margin="59,0,67,13" VerticalAlignment="Bottom" Content="Submit" RenderTransformOrigin="0.52,0.455" Background="#FF1F3B53" Click="Button_Click" /> Now, right click on the Button_Click code and select Navigate to Event Handler (See figure 7) Figure 7: Select the option to navigate to the event handler coding Page 8
9 4. After the previous step, you will be brought to the event handler of Button_Click event in the MainPage.xaml.cs file. Insert the following one line of code into it: private void Button_Click(object sender, RoutedEventArgs e) { MessageBox.Show(" "Form submitted!"); } 5. Now, press F5 and click on the submit button and you will see the prompt message being displayed this shows that you have successfully added the event handler to handle the codes when users click on the submit button (See figure 8) Figure 8: A message box is shown when user clicks on the submit button. Page 9
10 CS3240 Silverlight Lab Exercise : Participation counts In this exercise, you ll create a simple application that will read product information from an XML file and then display them in Silverlight. To begin, download from IVLE the Lab3ExerciseResources.zip file. Open the solution ProductsDisplay.sln in Blend 3 or Visual Studio. You will find in the ZIP file, an XML file under ProductsDisplay.Web/AppCode called ProductDetailss.xml containing the description of the products as follows: <?xml version="1.0" encoding="utf-8"?> <products> <product> <productname>nokia N97</productname> <imageurl> rl > <description>description</description> <cost>100</cost> </product> <product> <productname>productname 2</productname> <imageurl>url </imageurl> <description>description</description> <cost>150</cost> </product> <product> <productname>productname 3</productname> <imageurl>url </imageurl> <description>description</description> <cost>200</cost> </product> </products> Modify this file to include details for your product display. Do not modify anything between < >. For this assignment, you are required to display the names of the three products so that when a user selects any one of the products, detailed product information that consists of product name, description, an image of product and the cost will be presented (before the selection, only limited data should be shown). Sample code in MainPage.xaml.cs shows you how you can access data from the XML file. This code is in C# and you will be able to understand it quite easily if you know Java, C or C++. You are free to decide on the GUI that the product selection process will use. You can also decide how the information will be displayed. For simplicity, you may assume that there will only be three products on display at any one time (you may ignore this simplification if it is not relevant to the approach you plan to employ). Page 10
11 Submission Instructions: Show your working, completed exercise to your lab tutor. Zip your solution up and then upload it to IVLE Workbin-ActivitySubmission- Lab3 folder by Saturday 19 th September 11:59pm. Participation points: A basic application that fulfills the minimal requirements will earn you 1 participation point. Students who do a more thorough job and create an aesthetically pleasing interface (perhaps utilising animations/transitions/transformations from Lab 1 and 2), and/or otherwise utilising a robust approach from a code perspective (for example being able to scale to an arbitrary number of products), will be awarded 2 participation points. Do note that your tutor must acknowledge that your submission meets a minimum standard before participation marks will be awarded for this lab. Tips: 1. You should not need to spend more than 1 hour to complete this exercise. You can amend (or more specifically, extract relevant portions of) the sample code in MainPage.xaml.cs to fulfill this exercise requirement. 2. The sample code provided might appear to be long, but it is fully documented with comments. Either remove the code segments irrelevant to the approach you will be utilizing, or identify the code segments that you require and then refer to it while implementing your solution. 3. For the designers, one possible approach is to utilise placeholder objects and design and apply animation onto the placeholder objects. Subsequently after loading the information from the XML file, update the placeholder objects with the live data from the XML file. Note: There are many other possible ways to approach this exercise. Do not let this suggestion constrain the way you think about and approach this exercise. Page 11
12 APPENDIX: Creating Out-of-Browser applications In Silverlight 3, there is a new feature which enables user to write out-of-browser applications, so that they can create an application that encapsulates its own window and that can be added to the start menu or the desktop. Creating an out-of-browser application is very straight forward; just simply add some configuration to the application manifest to allow it to run offline. Note that user could use either Expression Blend or Visual Studio, or even both IDE to create Silverlight applications. Expression Blend is more for designers to use, whereas Visual Studio is more for developers to use. 1. Open Microsoft Visual Studio 2008 application 2. Go to File > New > Project (See figure 25) Figure 25: Create a new project in Visual Studio 3. Select Silverlight project types, and under templates, select Silverlight Application. Enter tutorial2_labforoob as the name and save it in a folder. Click OK (See figure 26) Page 12
13 Figure 26: Enter the details as accordingly 4. Open the Page.xml page and enter the following codes within the Grid container: <StackPanel> <StackPanel Orientation="Horizontal"> <TextBlock Text="Instance Mode: "/> <TextBlock x:name="instancemode" /> </StackPanel> <Button x:name="oob" Content="Install OOB" Click="OOB_Click"></Button> </StackPanel> Basically, in the above code, there will be a main StackPanel container being created, whereas inside it, there will be a nested StackPanel to store two Textblocks which are basically for showing whether the application is run on a browser or offline, and a button for user to install the offline version of the application onto the computer. Note that the button is named as OOB Page 13
14 5. Now, right click on the code saying Click="OOB_Click and select Navigate to Event figure 27) Handler (See Figure 27: Select Navigate to Event Handler 6. Now go to Page.xaml.cs page, under the main Page function, add in the following underlined line: public Page() { InitializeComponent(); Loaded += new RoutedEventHandler(Page_Loaded); } The line is added to run a new event handler called Page_Loaded. However, that event handler does not exist in the codes yet. Thus, to create it, type the following codes: void Page_Loaded(object sender, RoutedEventArgs e) { if (Application.Current.IsRunningOutOfBrowser) { InstanceMode..Text = "Out of Browser"; OOB.Visibility = Visibility.Collapsed; } else { InstanceMode..Text = "In Browser"; OOB.Visibility = Visibility.Visible; } } The Application.Current.IsRunningOutOfBrowser is just checking whether the browser is running out of the browser, or is it running offline. As for the OOB.Visibility codes, it is a logical thinking: when the user is running the application on browser, they see this button which allows them to install the offline version of the application. Whereas when they are running it offline already, we will collapse the visibility of the button to hide from them. Page 14
15 7. Now, run the browser and you willl see that it says In Browser (See figure 28) Figure 28: Output shows In Browser 8. Currently, the Install OOB button doesn t works yet. To make it work (click on it and it will install the offline version of the application), it is simple. Go back to the Page.xaml.cs file and go under the OOB_Click event, add the following one line of code that is underlined: private void OOB_Click(object sender, RoutedEventArgs e) { Application.Current.Install(); } Page 15
16 9. Now, the last step is to right click on the tutorial2_labforoob application and click ck on Properties (See figure 29) Figure 29:: Click on properties of the Silverlight application 10. Select the Silverlight tab and check on the box stating Enable running application out of the browser (See figure 30) Figure 30:: check the box stating Enable running application out of the browser Page 16
17 11. Click on the Out-of-Browser Settings and enter the following details and click on OK: (See figure 31) Figure 31: Enter the details for Out-of-Browser Settings as shown 12. Now press F5 to run the application and click on the Install OOB button to install the offline version of the application Page 17
18 13. Check both boxes to create the Start menu and Desktop shortcuts. (See figure 332 2) Figure 32: Create the shortcuts Now you will see the offline version of the application being opened up. (See figure 333) Figure 33:: See that the offline version of the application being opened up. The application has detected that it is not opened in browser, it is opene opened d out of browser (offline version), therefore under the Instance Mode, it displays Out of Browser instead of In Browser. Please refer to step 6 to find out why the Install OOB button has disappeared. There will be a desktop icon (See figure 34) 3 and a start menu item (See figure 35)) being created on the computer. To open the offline version of the application, simply open it from either of these shortcuts. Figure 34: Desktop Icon Figure 335: Start menu item Page 18
19 To remove the application from the computer, simply right click on the application when it is opened, then select Remove this application (See figure 36) Simply click Yes at the confirmation screen. Figure 36: Select Remove this application to remove the application Page 19
CS3240 Human-Computer Interaction Lab Sheet Lab Session 5 Navigation Framework
CS3240 Human-Computer Interaction Lab Sheet Lab Session 5 Navigation Framework CS3240 Lab SEM 1 2009/2010 Page 1 Overview In this lab, students will familiarize themselves with creating and get to learn
More informationCS3240 Human-Computer Interaction Lab Sheet Lab Session 2
CS3240 Human-Computer Interaction Lab Sheet Lab Session 2 Key Features of Silverlight Page 1 Overview In this lab, you will get familiarized with the key features of Silverlight, such as layout containers,
More informationCS3240 Human-Computer Interaction
CS3240 Human-Computer Interaction Lab Session 3 Supplement Creating a Picture Viewer Silverlight Application Page 1 Introduction This supplementary document is provided as a reference that showcases an
More informationCS3240 Human-Computer Interaction Lab Sheet Lab Session 4 Media, Ink, & Deep Zoom
CS3240 Human-Computer Interaction Lab Sheet Lab Session 4 Media, Ink, & Deep Zoom CS3240 Lab SEM 1 2009/2010 Page 1 Overview In this lab, you will get familiarized with interactive media elements such
More informationFundamentals of XAML and Microsoft Expression Blend
10553A - Version: 1 22 April 2018 Fundamentals of XAML and Microsoft Expression Blend Fundamentals of XAML and Microsoft Expression Blend 10553A - Version: 1 3 days Course Description: This 3-day course
More informationLab 7: Silverlight API
Lab 7: Silverlight API Due Date: 02/07/2014 Overview Microsoft Silverlight is a development platform for creating engaging, interactive user experiences for Web, desktop, and mobile applications when online
More informationNE Fundamentals of XAML and Microsoft Expression Blend
NE-10553 Fundamentals of XAML and Microsoft Expression Blend Summary Duration 3 Days Audience Developers Level 200 Technology Microsoft Expression Blend Delivery Method Instructor-led (Classroom) Training
More informationCPSC Tutorial 5 WPF Applications
CPSC 481 - Tutorial 5 WPF Applications (based on previous tutorials by Alice Thudt, Fateme Rajabiyazdi, David Ledo, Brennan Jones, and Sowmya Somanath) Today Horizontal Prototype WPF Applications Controls
More informationsharpcorner.com/uploadfile/37db1d/4958/default.aspx?articleid=cb0b291c-52ae-4b80-a95c- 438d76fa1145
Navigation in Silverlight -3 1. Introduction: In previous article we learn to navigate to another Silverlight page without using navigation framework, which is new feature in Silverlight 3. Read it Here:
More informationDreamweaver MX The Basics
Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia
More information[MS10553]: Fundamentals of XAML and Microsoft Expression Blend
[MS10553]: Fundamentals of XAML and Microsoft Expression Blend Length : 3 Days Audience(s) : Developers Level : 200 Technology : Microsoft Expression Blend Delivery Method : Instructor-led (classroom)
More informationCPSC Tutorial 5
CPSC 481 - Tutorial 5 Assignment #2 and WPF (based on previous tutorials by Alice Thudt, Fateme Rajabiyazdi, David Ledo, Brennan Jones, Sowmya Somanath, and Kevin Ta) Introduction Contact Info li26@ucalgary.ca
More informationSilverlight Invaders Step 0: general overview The purpose of this tutorial is to create a small game like space invaders. The first thing we will do is set up the canvas of design some user controls (
More informationCPSC Tutorial 9 Blend & Animations
CPSC 481 - Tutorial 9 Blend & Animations (based on previous tutorials by Alice Thudt, Fateme Rajabiyazdi, David Ledo, Brennan Jones, and Sowmya Somanath) Today Blend & Animations Using Blend Hands on example
More informationCPSC 481 Tutorial 10 Expression Blend. Brennan Jones (based on tutorials by Bon Adriel Aseniero and David Ledo)
CPSC 481 Tutorial 10 Expression Blend Brennan Jones bdgjones@ucalgary.ca (based on tutorials by Bon Adriel Aseniero and David Ledo) Expression Blend Enables you to build rich and compelling applications
More informationWindows Presentation Foundation. Jim Fawcett CSE687 Object Oriented Design Spring 2018
Windows Presentation Foundation Jim Fawcett CSE687 Object Oriented Design Spring 2018 References Pro C# 5 and the.net 4.5 Platform, Andrew Troelsen, Apress, 2012 Programming WPF, 2nd edition, Sells & Griffiths,
More informationCHANNEL9 S WINDOWS PHONE 8.1 DEVELOPMENT FOR ABSOLUTE BEGINNERS
CHANNEL9 S WINDOWS PHONE 8.1 DEVELOPMENT FOR ABSOLUTE BEGINNERS Full Text Version of the Video Series Published April, 2014 Bob Tabor http://www.learnvisualstudio.net Contents Introduction... 2 Lesson
More informationHands-On Lab. Hello Windows Phone
Hands-On Lab Hello Windows Phone Lab version: 1.1.0 Last updated: 12/8/2010 CONTENTS OVERVIEW... 3 EXERCISE 1: CREATING WINDOWS PHONE APPLICATIONS WITH MICROSOFT VISUAL STUDIO 2010 EXPRESS FOR WINDOWS
More informationORB Education Quality Teaching Resources
These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationWolf. Responsive Website Designer. Mac Edition User Guide
Wolf Responsive Website Designer Mac Edition User Guide Version 2.10.3 Table of Contents What is Wolf Website Designer? Editor overview Save and open website Create responsive layout How to create responsive
More informationMicrosoft Visual Studio 2010
Microsoft Visual Studio 2010 A Beginner's Guide Joe Mayo Mc Grauu Hill New York Chicago San Francisco Lisbon London Madrid Mexico City Milan New Delhi San Juan Seoul Singapore Sydney Toronto Contents ACKNOWLEDGMENTS
More informationSPARK. User Manual Ver ITLAQ Technologies
SPARK Forms Builder for Office 365 User Manual Ver. 3.5.50.102 0 ITLAQ Technologies www.itlaq.com Table of Contents 1 The Form Designer Workspace... 3 1.1 Form Toolbox... 3 1.1.1 Hiding/ Unhiding/ Minimizing
More informationCourse 2D_SL: 2D-Computer Graphics with Silverlight Chapter C5: The Complete Code of PathAnimation. Copyright by V. Miszalok, last update:
1 Course 2D_SL: 2D-Computer Graphics with Silverlight Chapter C5: The Complete Code of PathAnimation Preliminaries Page.XAML Page.xaml.cs Copyright by V. Miszalok, last update: 30-01-2009 Install 1) Visual
More informationOnce file and folders are added to your Module Content area you will need to link to them using the Item tool.
VITAL how to guides elearning Unit Last updated: 01.10.2010 Course Files tool Overview Course Files tool enables you to: Quickly copy large numbers of files into a VITAL module. Files can be dragged and
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,
More informationCHAPTER 1 COPYRIGHTED MATERIAL. Finding Your Way in the Inventor Interface
CHAPTER 1 Finding Your Way in the Inventor Interface COPYRIGHTED MATERIAL Understanding Inventor s interface behavior Opening existing files Creating new files Modifying the look and feel of Inventor Managing
More informationForm into function. Getting prepared. Tutorial. Paul Jasper
Tutorial Paul Jasper TABLE OF CONTENTS 1 Getting prepared 2 Adding a button to the form design 2 Making the button add tasks 3 Sending the XML data 4 Tidying up 5 Next time In the first episode, I showed
More informationA Quick Tour GETTING STARTED WHAT S IN THIS CHAPTER?
1 A Quick Tour WHAT S IN THIS CHAPTER? Installing and getting started with Visual Studio 2012 Creating and running your fi rst application Debugging and deploying an application Ever since software has
More informationWeb-enable a 5250 application with the IBM WebFacing Tool
Web-enable a 5250 application with the IBM WebFacing Tool ii Web-enable a 5250 application with the IBM WebFacing Tool Contents Web-enable a 5250 application using the IBM WebFacing Tool......... 1 Introduction..............1
More informationRadPDFViewer For Silverlight and WPF
RadPDFViewer For Silverlight and WPF This tutorial will introduce the RadPDFViewer control, part of the Telerik suite of XAML controls Setting Up The Project To begin, open Visual Studio and click on the
More informationDesigning for Web Using Markup Language and Style Sheets
Module Presenter s Manual Designing for Web Using Markup Language and Style Sheets Effective from: July 2014 Ver. 1.0 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 July 2014 New
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationNational Training and Education Resource. Authoring Course. Participant Guide
National Training and Education Resource Authoring Course Participant Guide Table of Contents: OBJECTIVES... 4 OVERVIEW OF NTER... 5 System Requirements... 5 NTER Capabilities... 6 What is the SCORM PlayerWhat
More informationContent Author's Reference and Cookbook
Sitecore CMS 6 Content Author's Reference and Cookbook Rev. 080627 Sitecore CMS 6 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents Chapter
More informationIntroduction to Data Templates and Value Converters in Silverlight
Introduction to Data Templates and Value Converters in Silverlight An overview of Data Templates and Value Converters by JeremyBytes.com Overview Business applications are all about data, and laying out
More informationAdobe Dreamweaver CS5 Tutorial
Adobe Dreamweaver CS5 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 layout,
More informationUSING GOOGLE PRESENTATIONS A New Way to Present
USING GOOGLE PRESENTATIONS A New Way to Present OBJECTIVES 1. Creating a Google Account 2. Creating a New Presentation a. Choosing a Template b. Adding a File Name 3. Creating a Title Slide 4. Adding a
More informationWindows Presentation Foundation Programming Using C#
Windows Presentation Foundation Programming Using C# Duration: 35 hours Price: $750 Delivery Option: Attend training via an on-demand, self-paced platform paired with personal instructor facilitation.
More informationSkills Exam Objective Objective Number
Overview 1 LESSON SKILL MATRIX Skills Exam Objective Objective Number Starting Excel Create a workbook. 1.1.1 Working in the Excel Window Customize the Quick Access Toolbar. 1.4.3 Changing Workbook and
More informationProject 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site
E00EW3.qxp 4/14/2007 3:17 PM Page 1 Workshops w Introduction The Workshop is all about being creative and thinking outside of the box. These workshops will help your right-brain soar, while making your
More information20480C: Programming in HTML5 with JavaScript and CSS3. Course Code: 20480C; Duration: 5 days; Instructor-led. JavaScript code.
20480C: Programming in HTML5 with JavaScript and CSS3 Course Code: 20480C; Duration: 5 days; Instructor-led WHAT YOU WILL LEARN This course provides an introduction to HTML5, CSS3, and JavaScript. This
More informationThe purpose of this tutorial is to introduce you to the Construct 2 program. First, you will be told where the software is located on the computer
Learning Targets: Students will be introduced to industry recognized game development software Students will learn how to navigate within the software Students will learn the basics on how to use Construct
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationPlayerLync Forms User Guide (MachForm)
PlayerLync Forms User Guide (MachForm) Table of Contents FORM MANAGER... 1 FORM BUILDER... 3 ENTRY MANAGER... 4 THEME EDITOR... 6 NOTIFICATIONS... 8 FORM CODE... 9 FORM MANAGER The form manager is where
More informationThe figure below shows the Dreamweaver Interface.
Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia
More informationHow to Get Started. Figure 3
Tutorial PSpice How to Get Started To start a simulation, begin by going to the Start button on the Windows toolbar, then select Engineering Tools, then OrCAD Demo. From now on the document menu selection
More informationInteractive Tourist Map
Adobe Edge Animate Tutorial Mouse Events Interactive Tourist Map Lesson 1 Set up your project This lesson aims to teach you how to: Import images Set up the stage Place and size images Draw shapes Make
More informationDeveloping Native Windows Phone 7 Applications for SharePoint
Developing Native Windows Phone 7 Applications for SharePoint Steve Pietrek Cardinal Solutions About Cardinal OUR FOCUS: Enterprise Rich Internet Applications Mobile Solutions Portals & Collaboration Business
More informationCIS 3308 Web Application Programming Syllabus
CIS 3308 Web Application Programming Syllabus (Upper Level CS Elective) Course Description This course explores techniques that are used to design and implement web applications both server side and client
More informationWebsite Development (WEB) Lab Exercises
Website Development (WEB) Lab Exercises Select exercises from the lists below to complete your training in Website Development and earn 125 points. You do not need to do all the exercises listed, except
More informationUsing Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area
4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan that is shown below. Logo Page Heading
More informationClassLink Student Directions
ClassLink Student Directions 1. Logging-in Open a web browser, any browser and visit https://launchpad.classlink.com/wssd Your username and password are the same as your WSSD login credentials that you
More informationChapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10
CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties
More informationMicrosoft Silverlight 4 Business Application Development
Microsoft Silverlight 4 Business Application Development Build Enterprise-Ready Business Applications with Silverlight Frank LaVigne Cameron Albert, - PUBLISHING - 1 BIRMINGHAM - MUMBAI Preface Chapter
More informationIntroduction. Thank you for picking up Silverlight 1.0 Unleashed! IN THIS CHAPTER. . Who Should Read This Book?. Software Requirements
Nathan_Intro_Iss 9/21/07 2:01 AM Page 1 IN THIS CHAPTER. Who Should Read This Book?. Software Requirements Thank you for picking up Silverlight 1.0 Unleashed! Silverlight is changing the way many people
More informationStep 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.
All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step
More information1.0 Overview For content management, Joomla divides into some basic components: the Article
Joomla! 3.4.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
More informationwindows-10-universal #windows- 10-universal
windows-10-universal #windows- 10-universal Table of Contents About 1 Chapter 1: Getting started with windows-10-universal 2 Remarks 2 Examples 2 Installation or Setup 2 Creating a new project (C# / XAML)
More informationCalendar Management A Demonstration Application of TopBraid Live
Brief: Calendar Management Calendar Management A Demonstration of TopBraid Live What you will learn in this Brief: Rapid Semantic Building Full life cycle support from model to app Ease of building User
More informationWindows Presentation Foundation (WPF)
50151 - Version: 4 21 January 2018 Windows Presentation Foundation (WPF) Windows Presentation Foundation (WPF) 50151 - Version: 4 5 days Course Description: This five-day instructor-led course provides
More informationAdobe Captivate Level 1
Information Technology Services Kennesaw State University Adobe Captivate Level 1 Presented by Technology Outreach in collaboration with The Multimedia Development Group (MDG) Copyright 2007 Information
More informationWeather forecast ( part 2 )
Weather forecast ( part 2 ) In the first part of this tutorial, I have consumed two webservices and tested them in a Silverlight project. In the second part, I will create a user interface and use some
More informationRoxen Content Provider
Roxen Content Provider Generation 3 Templates Purpose This workbook is designed to provide a training and reference tool for placing University of Alaska information on the World Wide Web (WWW) using the
More informationContents at a Glance
Contents at a Glance Introduction xvii Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Learn the Logic 1 Develop a Content Strategy 25 Lay a Foundation 47 Collect and Organize Your Content 71 Set
More informationIntroduction to Moodle
Introduction to Moodle Preparing for a Moodle Staff Development Session... 2 Logging in to Moodle... 2 Adding an image to your profile... 4 Navigate to and within a course... 6 Content of the basic template
More informationEng 110, Spring Week 03 Lab02- Dreamwaver Session
Eng 110, Spring 2008 Week 03 Lab02- Dreamwaver Session Assignment Recreate the 3-page website you did last week by using Dreamweaver. You should use tables to control your layout. You should modify fonts,
More informationManaging Content with AutoCAD DesignCenter
Managing Content with AutoCAD DesignCenter In This Chapter 14 This chapter introduces AutoCAD DesignCenter. You can now locate and organize drawing data and insert blocks, layers, external references,
More informationWEB GRAPHICS ADOBE PHOTOSHOP CS3. Learning Outcomes:
WEB GRAPHICS ADOBE PHOTOSHOP CS3 Learning Outcomes: At the end of the course the participant will Design layouts for web pages, Paper Adverts, Brouchers, CD Covers, Package Designing Event and Exhibition
More informationLinks Menu (Blogroll) Contents: Links Widget
45 Links Menu (Blogroll) Contents: Links Widget As bloggers we link to our friends, interesting stories, and popular web sites. Links make the Internet what it is. Without them it would be very hard to
More informationTelerik Corp. Test Studio Standalone & Visual Studio Plug-In Quick-Start Guide
Test Studio Standalone & Visual Studio Plug-In Quick-Start Guide Contents Create your First Test... 3 Standalone Web Test... 3 Standalone WPF Test... 6 Standalone Silverlight Test... 8 Visual Studio Plug-In
More informationYes, this is still a listbox!
Yes, this is still a listbox! Step 1: create a new project I use the beta 2 of Visual Studio 2008 ( codename Orcas ) and Expression Blend 2.0 September preview for this tutorial. You can download the beta2
More informationGoogle Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013
Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013 1. Open Google Earth. 2. Familiarize yourself with Google Earth s navigational features by zooming into Furman s campus, your
More informationITP 101 Project 2 - Photoshop
ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development
More informationPortal Resource Guide: Core Support
Portal Resource Guide: Core Support The William Penn Foundation is pleased to invite you to its online Grantee Portal to apply for Core Support funding. An online account is necessary to log in to the
More informationHands-On Lab. Building Applications in Silverlight 4 Module 6: Printing the Schedule. Printing the Schedule
Hands-On Lab Building Applications in Silverlight 4 Module 6: 1 P a g e Contents Introduction... 3 Exercise 1: on One Page... 4 Create the Printing ViewModel and View... 4 Hook up the Print Button... 7
More informationQuery Studio Training Guide Cognos 8 February 2010 DRAFT. Arkansas Public School Computer Network 101 East Capitol, Suite 101 Little Rock, AR 72201
Query Studio Training Guide Cognos 8 February 2010 DRAFT Arkansas Public School Computer Network 101 East Capitol, Suite 101 Little Rock, AR 72201 2 Table of Contents Accessing Cognos Query Studio... 5
More informationSharePoint 2010 Site Owner s Manual by Yvonne M. Harryman
SharePoint 2010 Site Owner s Manual by Yvonne M. Harryman Chapter 9 Copyright 2012 Manning Publications Brief contents PART 1 GETTING STARTED WITH SHAREPOINT 1 1 Leveraging the power of SharePoint 3 2
More informationIndex. Windows 10 running, 199 suspended state, 199 terminate apps,
A Application lifecycle activation ApplicationExecution State, 216 restoring navigation state, 216 217 restoring session information, 217 218 state transitions, 200 activation, 201 killing, 202 launching,
More informationEXCEL + POWERPOINT. Analyzing, Visualizing, and Presenting Data-Rich Insights to Any Audience KNACK TRAINING
EXCEL + POWERPOINT Analyzing, Visualizing, and Presenting Data-Rich Insights to Any Audience KNACK TRAINING KEYBOARD SHORTCUTS NAVIGATION & SELECTION SHORTCUTS 3 EDITING SHORTCUTS 3 SUMMARIES PIVOT TABLES
More informationJoomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual 1 Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several
More informationTitle and Modify Page Properties
Dreamweaver After cropping out all of the pieces from Photoshop we are ready to begin putting the pieces back together in Dreamweaver. If we were to layout all of the pieces on a table we would have graphics
More informationGetting Started with CSS Sculptor 3
Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use
More informationWelcome Application. Introducing the Visual Studio.NET IDE. Objectives. Outline
2 T U T O R I A L Objectives In this tutorial, you will learn to: Navigate Visual Studio.NET s Start Page. Create a Visual Basic.NET solution. Use the IDE s menus and toolbars. Manipulate windows in the
More informationProgramming the World Wide Web by Robert W. Sebesta
Programming the World Wide Web by Robert W. Sebesta Tired Of Rpg/400, Jcl And The Like? Heres A Ticket Out Programming the World Wide Web by Robert Sebesta provides students with a comprehensive introduction
More informationAdding Content to Blackboard
Adding Content to Blackboard Objectives... 2 Task Sheet for: Adding Content to Blackboard... 3 What is Content?...4 Presentation Type and File Formats... 5 The Syllabus Example... 6 PowerPoint Example...
More informationTo access the Content tool in D2L, click the Content link on the navigation bar at the top of your course page.
1 Course Content The Content tool allows you to create, edit, upload, and organize all learning materials for a course. Content is organized into MODULES while the course instructional materials are created,
More informationTutor Handbook for WebCT
Tutor Handbook for WebCT Contents Introduction...4 Getting started...5 Getting a course set up...5 Logging onto WebCT...5 The Homepage...6 Formatting and designing the Homepage...8 Changing text on the
More informationHow to Use Serif WebPlus 10
How to Use Serif WebPlus 10 Getting started 1. Open Serif WebPlus and select Start New Site from the Startup Screen 2. WebPlus will start a blank website for you. Take a few moments to familiarise yourself
More informationCreating Page Layouts 25 min
1 of 10 09/11/2011 19:08 Home > Design Tips > Creating Page Layouts Creating Page Layouts 25 min Effective document design depends on a clear visual structure that conveys and complements the main message.
More informationVideo Library: Silverlight 1.1 Case Example
28401c08online.qxd:WroxPro 9/12/07 9:29 PM Page 1 Video Library: Silverlight 1.1 Case Example For our Silverlight 1.1 example, we chose to port our Silverlight 1.0 example to 1.1. This provides a good
More informationEXAMGOOD QUESTION & ANSWER. Accurate study guides High passing rate! Exam Good provides update free of charge in one year!
EXAMGOOD QUESTION & ANSWER Exam Good provides update free of charge in one year! Accurate study guides High passing rate! http://www.examgood.com Exam : 70-357 Title : Developing Mobile Apps Version :
More informationThis walkthrough assumes you have completed the Getting Started walkthrough and the first lift and shift walkthrough.
Azure Developer Immersion In this walkthrough, you are going to put the web API presented by the rgroup app into an Azure API App. Doing this will enable the use of an authentication model which can support
More informationNebraska - eforms. Tips and Tricks
Nebraska - eforms Tips and Tricks 1) Nebraska eforms is an ASP.Net 4.0 - Silverlight 4 web application created for industry users to submit required regulatory forms electronically. You must have.net Framework
More informationPortable Class Libraries ---
Portable Class Libraries --- Overview In this lab, you ll learn about Portable Class Libraries (PCLs). PCLs enable you to create managed assemblies that work on more than one.net Framework platform. Within
More informationGOOGLE APPS. If you have difficulty using this program, please contact IT Personnel by phone at
: GOOGLE APPS Application: Usage: Program Link: Contact: is an electronic collaboration tool. As needed by any staff member http://www.google.com or http://drive.google.com If you have difficulty using
More informationUWP Working with Navigation
UWP-019 - Working with Navigation Up until now we've only created apps with a single Page, the MainPage.XAML, and while that's fine for simple apps. However, it s likely that you will need to add additional
More informationComputer Applications Information Processing 1
Computer Applications Information Processing 1 Lesson 8: Organize and Arrange Content Microsoft Word 2016 IN THIS CHAPTER, YOU WILL LEARN HOW TO Reorganize document outlines. Arrange objects on the page.
More informationIndex LICENSED PRODUCT NOT FOR RESALE
Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using
More informationDreamweaver 101. Here s the desktop icon for Dreamweaver CS5: Click it open. From the top menu options, choose Site and New Site
Dreamweaver 101 First step: For your first time out, create a folder on your desktop to contain all of your DW pages and assets (images, audio files, etc.). Name it. For demonstration, I ll name mine dw_magic.
More information