PSU JavaScript: Advanced. JavaScript: Advanced. Plan Your Customization Project

Size: px
Start display at page:

Download "PSU JavaScript: Advanced. JavaScript: Advanced. Plan Your Customization Project"

Transcription

1 PSU 2012 JavaScript: Advanced JavaScript: Advanced The purpose of customizing PowerSchool with JavaScript is to make it easier for people in your district to use PowerSchool based on your schools unique circumstances. The activities in this class are designed to highlight the JavaScript you need most to know to make similar changes, even if you don't find you need the exact results of these activities. In Advanced JavaScript, you are ready to take the next step with JavaScript, including using jquery and jquery UI, to create your own PowerSchool page. While other customization skills are necessary to make a page, this class is focused on helping you leverage JavaScript to create the kinds of interactions you feel will help PowerSchool users in your district. In this course, you will: Learn how to plan and outline your own custom page Explore and implement jquery UI widgets Submit forms in PowerSchool without leaving the page using AJAX Animate elements with wisdom For this class, you will create a student dashboard with draggable widgets to help you learn all of the skills necessary to create something of your own. Plan Your Customization Project You don't have to say what you are thinking: Planning can be boring. But you save yourself a lot of time and effort if you plan first. When creating your own page rather than modifying an existing one, it is even more important to have a blueprint of what you hope to accomplish. Without a plan, you may find it difficult to focus and organize the features you want to include.

2 When planning your customization project and working with JavaScript, you want to focus on three questions: 1. Which elements on the page will be used or modified? 2. What actions will be performed? 3. Which interactions will trigger those actions? Keep in mind that some of the elements or actions may not be readily visible on screen. For example, in the student dashboard, a user may have a saved layout. On the page is a form with a hidden input containing the JSON (JavaScript Object Notation) object of the current user's saved layout. The JSON will need to be parsed, and then each widget will need to be loaded when the page is ready. The element being used in this case is the hidden Input field. The action that will be performed is an initialization of the page based on the data in the field. The trigger will be the page being ready. In JavaScript, you might begin your program like this: $j(window).load(function () { }); //frequently used elements, values, etc. var layoutjson = $j('#dash_layout').val(), //actions or functions init = function () {}; //event listeners init(); This code won't do anything yet, but the browser could still run it without errors. There are other ways to organize your code and plan larger projects, but this is one framework you can use to write JavaScript when creating your own pages. In addition to planning, it is a good idea to keep up to date on standard JavaScript coding practices. Using accepted practices and design patterns in JavaScript will ensure that your code has a long life and also ensure you do not overwrite any important PowerSchool JavaScript functions that occupy the global space. One of the best tools to help you do that is called JSLint. Douglas Crockford, one of the world's most-recognized JavaScript gurus, created the tool to help JavaScript programmers focus on writing quality code that conforms to his book, JavaScript: The Good Parts (O'Reilly, 2008). You don't have to agree with all of his opinions in order to use the tool. You can select from various options to keep JSLint from checking items you feel are acceptable. However, even if you disagree on certain points, JSLint is widely accepted in the JavaScript developer community. It can be used to improve the readability of the JavaScript code you place in PowerSchool while avoiding the most derided practices. Activity 1 Review Best Practices Work with a partner and run JSLint on some sample code to see how you could increase the quality of the code you write. 1. From the activity files folder, open the badcode.js file in a text editor, copy the code, and paste it in the JSLint text box at 2. Since you are assuming you would run this code in the console and you are not concerned with writing in strict mode yet, select the options to Assume console, alert,... and Tolerate missing 'use strict' pragma 3. Click the JSLint button to have JSLint evaluate your code 4. Look through the errors to help you determine what changes need to be made Copyright 2012 Pearson Page 2

3 For example, the first error indicates: Problem at line 1 character 23: Expected exactly one space between 'function' and '('. 5. Change the code by placing a space between the word function and the open parenthesis on line 1 6. After correcting a few errors, continue to run JSLint again, working until no errors are left 7. Review the corrected code and list several principles JSLint uses to consider a program as "quality" JavaScript code For example, you might write, "Use one space before the opening parenthesis and after the closing parenthesis." Activity 2 Make a Plan and Fill In the Framework Work with a partner and open the dashboard.html page in a text editor. Make a list of functions and commonly used elements you will need for your PowerSchool page. Then work together to complete the code in the fill-in activity and upload the dashboard.js file. 1. Examine the dashboard.html page and, in a blank page of this manual or in your text editor, make three different lists to outline your program: a. Important elements b. Actions or functions that will need to run c. Events that will trigger those actions 2. Using the dashboard.html file, your outline, and what you learned from JSLint as guides, fill in the blanks of the code by opening the index.html page of the fill_in_blank folder in the activity files 3. After you have filled in all the lines correctly, copy the code that appears in the text area below the fill-in activity 4. Paste the code in the dashboard.js page in the activity_files/dashboard folder 5. Upload the dashboard.js and the dashboard.html files to your assigned folder using the Custom Page Management Tool in PowerSchool jquery UI One of the best things about using a popular JavaScript library like jquery in PowerSchool is the availability of a large number of third-party add-ons and plug-ins. Some of them, like jquery UI, are available to you in PowerSchool already. PowerSchool uses many of the widgets and features of jquery UI. For example, when you look at the JavaScript section of the UI Examples page of your PowerSchool server, /admin/ui_examples/home.html, you see UI elements such as dialogs, dynamic tabs, and calendar popups. All of these widgets are created using jquery UI, but use PowerSchool styles to blend better with the interface. By exploring and becoming familiar with the features in jquery UI, you can save a lot of time and make complex interactions using very little code. Copyright 2012 Pearson Page 3

4 For the student dashboard project, the goal is for users to be able to drag and drop widgets in one of three columns and then order them however they would like. Because this is a very complex interaction, it would be better to reuse code that is already built, rather than try to program it yourself. In these next activities, you will discover your options in jquery UI and how to apply examples you find to what you are creating in PowerSchool. Activity 3 Explore jquery UI Browse through examples in jquery UI to find the JavaScript code matching the sorting effect you want to implement. 1. Enter the jquery UI home page URL, and click Browse all effects and widgets 2. Click the Sortable link 3. Browse through the examples listed on the right-hand side, looking for one that resembles most closely the effect you are looking for 4. After choosing an appropriate example to use, click View Source 5. Identify and write down the JavaScript from the source that you think will provide the sortable feature you want Activity 4 Make Sortable Widgets Now that you've identified an example that should work to make the widgets sortable in the columns, apply the code you see in the source of the example to your dashboard. 1. Open the dashboard4-presortable.js file and copy the source 2. Paste the code into your working copy of dashboard.js 3. In the dashboard.js file, below the comment //initialize sortable columns, enter the code for making the columns sortable 4. Save your page by clicking Publish 5. Navigate to a student's General Demographics page and remove the left navigation frame Then change the URL to match your page, but leave the frn, or file record number, data at the end of the URL intact. For example, if the URL was originally 01x.psu.class /admin/students/generaldemographics.html?frn= and your folder was numbered 00, you would change it to: 6. Test your page by moving a widget from one column to another 7. View the JavaScript code you just inserted into your dashboard.js file What does the option connectwith do? What would happen if you left it out? 8. Look through the other options below the source on the jquery UI example page Which other options do you want to implement? Identify one or two and write down the option name(s) and value(s) you would like to try. Copyright 2012 Pearson Page 4

5 9. Add in the options to the configuration object of the sortable function 10. Save and test your page by refreshing the dashboard and moving a widget from one column to another Animation Believe it or not, animation is really just an illusion to make you think that something is changing. Your brain doesn t see the small changes that are made to an object on a web page, making it appear as if there is real motion. Animation is a handy tool, but you should have a reason for animating an object, other than just trying to show off. Following these principles will help you determine quickly whether or not animation is a good idea. Is the reason you are animating something just to show you can do it? If so, stop right now. Showing restraint with animation is a sign of truly understanding its purpose. Use animation to show something has changed. When data changes on the page, sometimes the user isn t aware. Animating colors, size changes, or motion can help the user recognize that a change has been made. Use animation to make sure the user is looking in the right place. Sometimes you need to get users attention. Animating an object on a web page can help users understand where they should be looking. With these principles of animation in mind, you could use animation in this project. For example, because widgets are loaded using AJAX, animate their appearance and disappearance when they are loaded or removed from the page. This would help the user see the change occurring rather than having to guess that the change occurred. In addition, when saving the layout, a small animation on the layout button will help assure the user that the layout was truly saved. Activity 5 Choose an Animation Examine several animation options for the three events you will animate by browsing through and experimenting with the options at jqueryui.com. Discuss with a partner why you selected the animations you did and write down the syntax for coding the function. 1. Navigate to 2. Using the links on the page, examine different animations, and select three appropriate effects for showing an element, hiding an element, and changing the style of an element for a brief amount of time Write your selections on the lines below: Show an element: Hide an element: Change the style of an element: Activity 6 Animate an Appearance Using one of the animations you chose in Activity 5, modify the code in your dashboard.js file to animate a widget loading in the dashboard. 1. Locate the function in your dashboard.js file that handles loading a new widget in the dashboard 2. Insert the JavaScript code you wrote in Activity 5 to the same line that appends the widget to a column of the dashboard 3. Test your page by refreshing the dashboard and adding a widget Copyright 2012 Pearson Page 5

6 Activity 7 Animate a Disappearance Using one of the animations you chose in Activity 5, modify the code in your dashboard.js file to animate a widget being removed from the dashboard. 1. Locate the function in your dashboard.js file that handles removing a widget from the dashboard 2. Using the variable to refer to the current widget, insert the code to hide the widget you wrote in Activity 5 before the line removing the element 3. Test your page by refreshing the dashboard and removing a widget 4. What happened? Why is the animation not running? Unlike when you made a widget appear, in this case, the widget is being removed completely from the dashboard. Currently, the code is written to execute the next line without waiting for the animation to be completed, so the node is removed immediately after the animation has begun, without leaving sufficient time to see the effect. By providing a callback function, you can delay the removal of the node until after the animation has been completed. 5. Revise the code you inserted to follow this pattern: curportlet.hide('effect-name', duration, function () {}); 6. Cut the line reading curportlet.remove(); and paste it between the braces of the callback function you just created 7. Test your page by refreshing the dashboard and removing a widget Using callback functions will assure your animations will run before other JavaScript commands are executed. AJAX POST AJAX was originally an acronym for Asynchronous JavaScript and XML. The term has become used much more broadly to refer to any request that is made to the server after the page is first loaded in the browser, not just XML, or a request that is made separately from the main content of the page. The purpose of such a request is to avoid having an entire page refresh when all you need to do is update a portion of the page. In this project, for example, you can use AJAX to save the layout without having the user navigate elsewhere. To use AJAX in your project to save the layout, you must first know the difference between GET and POST. A GET type request is used only to retrieve the data, most often a page or HTML snippet, from the server. Using jquery, an AJAX GET type request might look like this: $j.ajax({ }); url: '/admin/student_dashboard/widgets/activities.html?frn=' + frn, success: function (data) { } $j('.column:first').append(data); A POST type request is used to make changes on the server, most often submitting data to the database from a form or sending parameters that trigger functions that will be run on the server. When making a POST type request, it is important not only to define a type, but also to include the encoded data that will trigger the changes on the server. $j.ajax({ Copyright 2012 Pearson Page 6

7 }); url: '/admin/changesrecorded.white.html', type: 'POST', data: 'UF =7B%22widgets%22%3A%5B%7B%22widget&ac=prim...', success: function (data) { } alert('data was submitted.'; But how can you construct properly encoded data for submitting to the server? Fortunately, you don't have to do very much. jquery provides a function to encode the data from a form called serialize. By selecting the form and calling the serialize function, jquery will run the JavaScript functions necessary to encode the data correctly. $j.ajax({ }); url: '/admin/changesrecorded.white.html', type: 'POST', data: $j('#form1').serialize(), success: function (data) { } alert('data was submitted.'; Before writing a POST type request, you can save yourself some typing and take a shortcut by pasting in some additional code to make the POST work correctly. As a brief explanation, the dashboard.html page is directed toward an individual student's data. But the layout is saved in a custom field for the current user in a JSON (JavaScript Object Notation) format, meaning that the frn, or file record number, of the user is not available on the page. In addition, the UF code, or the name of the input used to tell the PowerSchool database where to place the data being sent, is also unavailable. Because you do not know the frn for the current user, nor the UF code for the field, this information must be retrieved so the updated layout can be sent to the right field of the database. The code you will be pasting in makes these preliminary AJAX requests to retrieve the correct frn and form data so the POST request performs the right action. Activity 8 POST Data to the Server First, paste in the additional code you need to complete the activity. Then, write the code to make a POST type request, submitting the layout configuration to the current user's custom field. 1. After the comment //insert AJAX POST code here, write the jquery AJAX function, leaving the configuration object blank 2. In the configuration object, create four keys in the configuration object: type, url, data and success 3. Set the value of type to POST 4. Set the value of url to read '/admin/student_dashboard/xhr/user_info_form.html' 5. Set the value of data to send the serialized data from the form with an ID of psc-user-info 6. Set the value of success to an anonymous function 7. In the success function, change the HTML of the Save Layout button to read Layout Saved 8. Using a settimeout function, wait one second and change the button to read Save Layout again Copyright 2012 Pearson Page 7

8 9. Publish, refresh the page, and test it by selecting a few widgets, saving the layout, and refreshing again to see if your layout is maintained Note: PowerSchool has another function available in the psbehaviors.js file called psajax(). It uses the jquery ajax() function but also performs a few other checks first. One of the checks is to see if the page requested is suitable for placing in the current DOM. This means that you couldn't request /admin/home.html using psajax() because it is a complete page and the browser can't render an <html> tag in another <html> tag correctly. The jquery ajax() function will not check for this condition. Ensuring requested pages exist when writing your code should make it unnecessary to use the psajax() function. However, if there is a possibility that request URLs can be formed incorrectly, it may be better to use psajax() because PowerSchool will serve a page indicating the page requested couldn't be found rather than just a server error message. Key Points from Today s Class Plan ahead Use accepted standards of JavaScript coding Leverage jquery UI Animate with wisdom Use AJAX to post data Copyright 2012 Pearson Page 8

Using Spry Widgets. In This Chapter

Using Spry Widgets. In This Chapter B2 Using Spry Widgets One foundation of Web 2.0 is widespread user interactivity enabled by extensive use of CSS and JavaScript. This allows applications that run inside a Web browser to offer the kind

More information

Word basics. Before you begin. What you'll learn. Requirements. Estimated time to complete:

Word basics. Before you begin. What you'll learn. Requirements. Estimated time to complete: Word basics Word is a powerful word processing and layout application, but to use it most effectively, you first have to understand the basics. This tutorial introduces some of the tasks and features that

More information

How To Use Query Console

How To Use Query Console Query Console User Guide 1 MarkLogic 8 February, 2015 Last Revised: 8.0-1, February, 2015 Copyright 2015 MarkLogic Corporation. All rights reserved. Table of Contents Table of Contents Query Console User

More information

The Smart Forms Web Part allows you to quickly add new forms to SharePoint pages, here s how:

The Smart Forms Web Part allows you to quickly add new forms to SharePoint pages, here s how: User Manual First of all, congratulations on being a person of high standards and fine tastes! The Kintivo Forms web part is loaded with features which provide you with a super easy to use, yet very powerful

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

More information

Tutorial JavaScript: Switching panels using a radio button

Tutorial JavaScript: Switching panels using a radio button Tutorial JavaScript: Switching panels using a radio button www.nintex.com support@nintex.com Contents About this tutorial... 3 Upload the JavaScript File... 4 Using JavaScript to hide or show a control

More information

Performance Testing for Ajax Applications

Performance Testing for Ajax Applications Radview Software How to Performance Testing for Ajax Applications Rich internet applications are growing rapidly and AJAX technologies serve as the building blocks for such applications. These new technologies

More information

Installing and Sending with DocuSign for NetSuite v2.2

Installing and Sending with DocuSign for NetSuite v2.2 DocuSign Quick Start Guide Installing and Sending with DocuSign for NetSuite v2.2 This guide provides information on installing and sending documents for signature with DocuSign for NetSuite. It also includes

More information

Example. Represent this as XML

Example. Represent this as XML Example INF 221 program class INF 133 quiz Assignment Represent this as XML JSON There is not an absolutely correct answer to how to interpret this tree in the respective languages. There are multiple

More information

Search help. More on Office.com: images templates

Search help. More on Office.com: images templates Page 1 of 14 Access 2010 Home > Access 2010 Help and How-to > Getting started Search help More on Office.com: images templates Access 2010: database tasks Here are some basic database tasks that you can

More information

WebSphere Business Monitor V7.0 Script adapter lab

WebSphere Business Monitor V7.0 Script adapter lab Copyright IBM Corporation 2010 All rights reserved IBM WEBSPHERE BUSINESS MONITOR 7.0 LAB EXERCISE WebSphere Business Monitor V7.0 Script adapter lab What this exercise is about... 1 Changes from the previous

More information

Web Testing. Main Concepts of Web Testing. Software Quality Assurance Telerik Software Academy http://academy.telerik.com

Web Testing. Main Concepts of Web Testing. Software Quality Assurance Telerik Software Academy http://academy.telerik.com Web Testing Main Concepts of Web Testing Software Quality Assurance Telerik Software Academy http://academy.telerik.com The Lectors Snejina Lazarova Product Manager Business Services Team Dimo Mitev QA

More information

About XML in InDesign

About XML in InDesign 1 Adobe InDesign 2.0 Extensible Markup Language (XML) is a text file format that lets you reuse content text, table data, and graphics in a variety of applications and media. One advantage of using XML

More information

WebFOCUS BI Portal: S.I.M.P.L.E. as can be

WebFOCUS BI Portal: S.I.M.P.L.E. as can be WebFOCUS BI Portal: S.I.M.P.L.E. as can be Author: Matthew Lerner Company: Information Builders Presentation Abstract: This hands-on session will introduce attendees to the new WebFOCUS BI Portal. We will

More information

DreamFactory & Modus Create Case Study

DreamFactory & Modus Create Case Study DreamFactory & Modus Create Case Study By Michael Schwartz Modus Create April 1, 2013 Introduction DreamFactory partnered with Modus Create to port and enhance an existing address book application created

More information

MASTERTAG DEVELOPER GUIDE

MASTERTAG DEVELOPER GUIDE MASTERTAG DEVELOPER GUIDE TABLE OF CONTENTS 1 Introduction... 4 1.1 What is the zanox MasterTag?... 4 1.2 What is the zanox page type?... 4 2 Create a MasterTag application in the zanox Application Store...

More information

DIIMS Records Classifier Guide

DIIMS Records Classifier Guide DIIMS Records Classifier Guide Featuring Content Server 10 Second Edition, November 2012 Table of Contents Contents 1. DIIMS Overview... 3 1.1 An Overview of DIIMS within the GNWT... 3 1.1.1 Purpose of

More information

Umbraco v4 Editors Manual

Umbraco v4 Editors Manual Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

The Power Loader GUI

The Power Loader GUI The Power Loader GUI (212) 405.1010 info@1010data.com Follow: @1010data www.1010data.com The Power Loader GUI Contents 2 Contents Pre-Load To-Do List... 3 Login to Power Loader... 4 Upload Data Files to

More information

Config Guide. Gimmal Smart Tiles (SharePoint-Hosted) Software Release 4.4.0

Config Guide. Gimmal Smart Tiles (SharePoint-Hosted) Software Release 4.4.0 Config Guide Gimmal Smart Tiles (SharePoint-Hosted) Software Release 4.4.0 November 2014 Title: Gimmal Smart Tiles (SharePoint-Hosted) Configuration Guide Copyright 2014 Gimmal, All Rights Reserved. Gimmal

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

Making a Website with Hoolahoop

Making a Website with Hoolahoop Making a Website with Hoolahoop 1) Open up your web browser and goto www.wgss.ca/admin (wgss.hoolahoop.net temporarily) and login your the username and password. (wgss.ca is for teachers ONLY, you cannot

More information

!!!!!!!! Startup Guide. Version 2.7

!!!!!!!! Startup Guide. Version 2.7 Startup Guide Version 2.7 Installation and initial setup Your welcome email included a link to download the ORBTR plugin. Save the software to your hard drive and log into the admin panel of your WordPress

More information

Create a GAME PERFORMANCE Portfolio with Microsoft Word

Create 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 information

Salesforce Customer Portal Implementation Guide

Salesforce Customer Portal Implementation Guide Salesforce Customer Portal Implementation Guide Salesforce, Winter 16 @salesforcedocs Last updated: December 10, 2015 Copyright 2000 2015 salesforce.com, inc. All rights reserved. Salesforce is a registered

More information

RemoteWare Software Manager

RemoteWare Software Manager RemoteWare Software Manager Client User s Guide Version 2.0 RemoteWare Software Manager Client User s Guide Version 2.0 This document was prepared to assist licensed users of RemoteWare by XcelleNet, Inc.;

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

User Guide for TASKE Desktop

User Guide for TASKE Desktop User Guide for TASKE Desktop For Avaya Aura Communication Manager with Aura Application Enablement Services Version: 8.9 Date: 2013-03 This document is provided to you for informational purposes only.

More information

Content Author's Reference and Cookbook

Content Author's Reference and Cookbook Sitecore CMS 6.5 Content Author's Reference and Cookbook Rev. 110621 Sitecore CMS 6.5 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents

More information

jquery Tutorial for Beginners: Nothing But the Goods

jquery Tutorial for Beginners: Nothing But the Goods jquery Tutorial for Beginners: Nothing But the Goods Not too long ago I wrote an article for Six Revisions called Getting Started with jquery that covered some important things (concept-wise) that beginning

More information

Microsoft Expression Web Quickstart Guide

Microsoft 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 information

Hypercosm. Studio. www.hypercosm.com

Hypercosm. Studio. www.hypercosm.com Hypercosm Studio www.hypercosm.com Hypercosm Studio Guide 3 Revision: November 2005 Copyright 2005 Hypercosm LLC All rights reserved. Hypercosm, OMAR, Hypercosm 3D Player, and Hypercosm Studio are trademarks

More information

Intellect Platform - The Workflow Engine Basic HelpDesk Troubleticket System - A102

Intellect Platform - The Workflow Engine Basic HelpDesk Troubleticket System - A102 Intellect Platform - The Workflow Engine Basic HelpDesk Troubleticket System - A102 Interneer, Inc. Updated on 2/22/2012 Created by Erika Keresztyen Fahey 2 Workflow - A102 - Basic HelpDesk Ticketing System

More information

So you want to create an Email a Friend action

So you want to create an Email a Friend action So you want to create an Email a Friend action This help file will take you through all the steps on how to create a simple and effective email a friend action. It doesn t cover the advanced features;

More information

WP Popup Magic User Guide

WP Popup Magic User Guide WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical

More information

Microsoft Word 2011: Create a Table of Contents

Microsoft Word 2011: Create a Table of Contents Microsoft Word 2011: Create a Table of Contents Creating a Table of Contents for a document can be updated quickly any time you need to add or remove details for it will update page numbers for you. A

More information

Hermes.Net Web Campaign Page 2 26

Hermes.Net Web Campaign Page 2 26 ...................... Hermes.Net Web Campaign Page 2 26 Table of Context 1. Introduction... 3 2. Create and configure Web Campaign 4... 2.1 Create a Web Campaign 4 2.2 General Configuration... 5 2.2.1

More information

How to test and debug an ASP.NET application

How to test and debug an ASP.NET application Chapter 4 How to test and debug an ASP.NET application 113 4 How to test and debug an ASP.NET application If you ve done much programming, you know that testing and debugging are often the most difficult

More information

TM SysAid Chat Guide Document Updated: 10 November 2009

TM SysAid Chat Guide Document Updated: 10 November 2009 SysAidTM Chat Guide Document Updated: 10 November 2009 Introduction 2 Quick Access to SysAid Chat 3 Enable / Disable the SysAid Chat from the End User Portal. 4 Edit the Chat Settings 5 Chat Automatic

More information

Intellect Platform - Tables and Templates Basic Document Management System - A101

Intellect Platform - Tables and Templates Basic Document Management System - A101 Intellect Platform - Tables and Templates Basic Document Management System - A101 Interneer, Inc. 4/12/2010 Created by Erika Keresztyen 2 Tables and Templates - A101 - Basic Document Management System

More information

State of Illinois Web Content Management (WCM) Guide For SharePoint 2010 Content Editors. 11/6/2014 State of Illinois Bill Seagle

State of Illinois Web Content Management (WCM) Guide For SharePoint 2010 Content Editors. 11/6/2014 State of Illinois Bill Seagle State of Illinois Web Content Management (WCM) Guide For SharePoint 2010 Content Editors 11/6/2014 State of Illinois Bill Seagle Table of Contents Logging into your site... 2 General Site Structure and

More information

Using the SAS Enterprise Guide (Version 4.2)

Using the SAS Enterprise Guide (Version 4.2) 2011-2012 Using the SAS Enterprise Guide (Version 4.2) Table of Contents Overview of the User Interface... 1 Navigating the Initial Contents of the Workspace... 3 Useful Pull-Down Menus... 3 Working with

More information

Honoring a Tradition of Simplicity. The Foundation. Getting Started

Honoring a Tradition of Simplicity. The Foundation. Getting Started Run BASIC A Breakthrough Web Application Server Web programming for people who really like to program! http://www.runbasic.com Carl Gundel, carlg@libertybasic.com Run BASIC allows you to apply your desktop

More information

IBM BPM V8.5 Standard Consistent Document Managment

IBM BPM V8.5 Standard Consistent Document Managment IBM Software An IBM Proof of Technology IBM BPM V8.5 Standard Consistent Document Managment Lab Exercises Version 1.0 Author: Sebastian Carbajales An IBM Proof of Technology Catalog Number Copyright IBM

More information

UOFL SHAREPOINT ADMINISTRATORS GUIDE

UOFL SHAREPOINT ADMINISTRATORS GUIDE UOFL SHAREPOINT ADMINISTRATORS GUIDE WOW What Power! Learn how to administer a SharePoint site. [Type text] SharePoint Administrator Training Table of Contents Basics... 3 Definitions... 3 The Ribbon...

More information

Filtered Views for Microsoft Dynamics CRM

Filtered Views for Microsoft Dynamics CRM Filtered Views for Microsoft Dynamics CRM Version 4.2.13, March 5, 2010 Copyright 2009-2010 Stunnware GmbH - 1 of 32 - Contents Overview... 3 How it works... 4 Setup... 5 Contents of the download package...

More information

About SharePoint Server 2007 My Sites

About SharePoint Server 2007 My Sites SharePoint How To s / My Sites of 6 About SharePoint Server 007 My Sites Use your My Site to store files and collaborate with your co-workers online. My Sites have public and private pages. Use your public

More information

WP Popup Magic User Guide

WP Popup Magic User Guide WP Popup Magic User Guide Introduction Thank you so much for your purchase! We're excited to present you with the most magical popup solution for WordPress! If you have any questions, please email us at

More information

To determine the fields in a table decide what you need to know about the subject. Here are a few tips:

To determine the fields in a table decide what you need to know about the subject. Here are a few tips: Access Introduction Microsoft Access is a relational database software product that you can use to organize your data. What is a "database"? A database is an integrated collection of data that shares some

More information

IBM Unica emessage Version 8 Release 6 February 13, 2015. User's Guide

IBM Unica emessage Version 8 Release 6 February 13, 2015. User's Guide IBM Unica emessage Version 8 Release 6 February 13, 2015 User's Guide Note Before using this information and the product it supports, read the information in Notices on page 403. This edition applies to

More information

PORTAL ADMINISTRATION

PORTAL ADMINISTRATION 1 Portal Administration User s Guide PORTAL ADMINISTRATION GUIDE Page 1 2 Portal Administration User s Guide Table of Contents Introduction...5 Core Portal Framework Concepts...5 Key Items...5 Layouts...5

More information

Manage Workflows. Workflows and Workflow Actions

Manage Workflows. Workflows and Workflow Actions On the Workflows tab of the Cisco Finesse administration console, you can create and manage workflows and workflow actions. Workflows and Workflow Actions, page 1 Add Browser Pop Workflow Action, page

More information

Voluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014)

Voluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014) Voluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014) Contents: Introduction Key Improvements VPAT Section 1194.21: Software Applications and Operating

More information

CEFNS Web Hosting a Guide for CS212

CEFNS Web Hosting a Guide for CS212 CEFNS Web Hosting a Guide for CS212 INTRODUCTION: TOOLS: In CS212, you will be learning the basics of web development. Therefore, you want to keep your tools to a minimum so that you understand how things

More information

Creating Dashboards. Intellicus Enterprise Reporting and BI Platform. Intellicus Technologies info@intellicus.com www.intellicus.

Creating Dashboards. Intellicus Enterprise Reporting and BI Platform. Intellicus Technologies info@intellicus.com www.intellicus. Creating Dashboards Intellicus Enterprise Reporting and BI Platform Intellicus Technologies info@intellicus.com www.intellicus.com Creating Dashboards i Copyright 2013 Intellicus Technologies This document

More information

Embracing Eclipse Orion

Embracing Eclipse Orion Embracing Eclipse Orion Andy Clement, Staff Engineer, aclement@vmware.com @andy_clement Re-distribution allowed with author s consent. 2012 SpringSource, A division of VMware. All rights reserved Who am

More information

2011 ithemes Media LLC. All rights reserved in all media. May be shared with copyright and credit left intact

2011 ithemes Media LLC. All rights reserved in all media. May be shared with copyright and credit left intact Meet Builder. Introducing ithemes Builder, the innovative WordPress theme that operates more like web design software. Unlike other premium WordPress themes, Builder stretches the possibilities of WordPress

More information

Deep analysis of a modern web site

Deep analysis of a modern web site Deep analysis of a modern web site Patrick Lambert November 28, 2015 Abstract This paper studies in details the process of loading a single popular web site, along with the vast amount of HTTP requests

More information

Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms

Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms InfoPath 2013 Web Enabled (Browser) forms Creating Web Enabled

More information

Table of Contents. Welcome... 2. Login... 3. Password Assistance... 4. Self Registration... 5. Secure Mail... 7. Compose... 8. Drafts...

Table of Contents. Welcome... 2. Login... 3. Password Assistance... 4. Self Registration... 5. Secure Mail... 7. Compose... 8. Drafts... Table of Contents Welcome... 2 Login... 3 Password Assistance... 4 Self Registration... 5 Secure Mail... 7 Compose... 8 Drafts... 10 Outbox... 11 Sent Items... 12 View Package Details... 12 File Manager...

More information

Learn About Analysis, Interactive Reports, and Dashboards

Learn About Analysis, Interactive Reports, and Dashboards Learn About Analysis, Interactive Reports, and Dashboards This document supports Pentaho Business Analytics Suite 5.0 GA and Pentaho Data Integration 5.0 GA, documentation revision February 3, 2014, copyright

More information

Microsoft Office Live Meeting Events User s Guide

Microsoft Office Live Meeting Events User s Guide Microsoft Office Live Meeting Events User s Guide Information in this document, including URL and other Internet Web site references, is subject to change without notice. Unless otherwise noted, the companies,

More information

Creating, Sharing, and Selling Buzztouch Plugins

Creating, Sharing, and Selling Buzztouch Plugins Plugins Market Creating, Sharing, and Selling Buzztouch Plugins Rev 11/20/2013 1 of 17 Table of Contents About Plugins... 4 What plugins do...4 Why plugins are necessary... 5 Who creates plugins... 5 How

More information

Sitecore InDesign Connector 1.1

Sitecore InDesign Connector 1.1 Sitecore Adaptive Print Studio Sitecore InDesign Connector 1.1 - User Manual, October 2, 2012 Sitecore InDesign Connector 1.1 User Manual Creating InDesign Documents with Sitecore CMS User Manual Page

More information

10 Game-changing Features in Visual Studio 2013 for the ASP.NET Developer

10 Game-changing Features in Visual Studio 2013 for the ASP.NET Developer 10 Game-changing Features in Visual Studio 2013 for the ASP.NET Developer Contents Table of Contents 1. One ASP.NET 4 2. Security Configuration Made Simple 6 3. Scaffolding on Steroids 7 4. Say Goodbye

More information

Content Author's Reference and Cookbook

Content Author's Reference and Cookbook Sitecore CMS 6.2 Content Author's Reference and Cookbook Rev. 091019 Sitecore CMS 6.2 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents

More information

Release 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix ABSTRACT INTRODUCTION Data Access

Release 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix ABSTRACT INTRODUCTION Data Access Release 2.1 of SAS Add-In for Microsoft Office Bringing Microsoft PowerPoint into the Mix Jennifer Clegg, SAS Institute Inc., Cary, NC Eric Hill, SAS Institute Inc., Cary, NC ABSTRACT Release 2.1 of SAS

More information

Introduction to SharePoint For Team Site Owner/Administrators. Instructional Guide

Introduction 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 information

M-Files Gantt View. User Guide. App Version: 1.1.0 Author: Joel Heinrich

M-Files Gantt View. User Guide. App Version: 1.1.0 Author: Joel Heinrich M-Files Gantt View User Guide App Version: 1.1.0 Author: Joel Heinrich Date: 02-Jan-2013 Contents 1 Introduction... 1 1.1 Requirements... 1 2 Basic Use... 1 2.1 Activation... 1 2.2 Layout... 1 2.3 Navigation...

More information

Blogging. Wordpress.com Weebly.com Penzu.com Blog.com Wix.com Blogger

Blogging. Wordpress.com Weebly.com Penzu.com Blog.com Wix.com Blogger Blogging What is Blogging? A Blog is a website containing a writer's or group of writers' own experiences, observations, opinions, etc., and often having images and links to other websites. Blog is short

More information

Editor Manual for SharePoint Version 1. 21 December 2005

Editor Manual for SharePoint Version 1. 21 December 2005 Editor Manual for SharePoint Version 1 21 December 2005 ii Table of Contents PREFACE... 1 WORKFLOW... 2 USER ROLES... 3 MANAGING DOCUMENT... 4 UPLOADING DOCUMENTS... 4 NEW DOCUMENT... 6 EDIT IN DATASHEET...

More information

SPELL Tabs Evaluation Version

SPELL Tabs Evaluation Version SPELL Tabs Evaluation Version Inline Navigation for SharePoint Pages SPELL Tabs v 0.9.2 Evaluation Version May 2013 Author: Christophe HUMBERT User Managed Solutions LLC Table of Contents About the SPELL

More information

Cascade Server CMS Quick Start Guide

Cascade Server CMS Quick Start Guide Cascade Server CMS Quick Start Guide 1. How to log in 2. How to open page 3. How to edit a page 4. How to create a new page 5. How to publish a page 6. How to change settings to view publish status page

More information

Sitecore Dashboard User Guide

Sitecore Dashboard User Guide Sitecore Dashboard User Guide Contents Overview... 2 Installation... 2 Getting Started... 3 Sample Widgets... 3 Logged In... 3 Job Viewer... 3 Workflow State... 3 Publish Queue Viewer... 4 Quick Links...

More information

WebSphere Business Monitor V6.2 Business space dashboards

WebSphere Business Monitor V6.2 Business space dashboards Copyright IBM Corporation 2009 All rights reserved IBM WEBSPHERE BUSINESS MONITOR 6.2 LAB EXERCISE WebSphere Business Monitor V6.2 What this exercise is about... 2 Lab requirements... 2 What you should

More information

Nintex Forms 2013 Help

Nintex Forms 2013 Help Nintex Forms 2013 Help Last updated: Friday, April 17, 2015 1 Administration and Configuration 1.1 Licensing settings 1.2 Activating Nintex Forms 1.3 Web Application activation settings 1.4 Manage device

More information

What s New in IBM Web Experience Factory 8.5. 2014 IBM Corporation

What s New in IBM Web Experience Factory 8.5. 2014 IBM Corporation What s New in IBM Web Experience Factory 8.5 2014 IBM Corporation Recent history and roadmap Web Experience Factory 8.0 2012 Multi-channel Client-side mobile Aligned with Portal 8 Developer productivity

More information

English. Asema.com Portlets Programmers' Manual

English. Asema.com Portlets Programmers' Manual English Asema.com Portlets Programmers' Manual Asema.com Portlets : Programmers' Manual Asema Electronics Ltd Copyright 2011-2013 No part of this publication may be reproduced, published, stored in an

More information

NetAdvantage for jquery 2011.2 SR Release Notes

NetAdvantage for jquery 2011.2 SR Release Notes NetAdvantage for jquery 2011.2 SR Release Notes Create the best Web experiences in browsers and devices with our user interface controls designed expressly for jquery, ASP.NET MVC, HTML 5 and CSS 3. You

More information

Dashcode User Guide. (Retired Document)

Dashcode User Guide. (Retired Document) Dashcode User Guide (Retired Document) Contents Introduction to Dashcode User Guide 7 Who Should Read This Document? 7 Organization of This Document 7 Getting and Running Dashcode 8 Reporting Bugs 8 See

More information

Chapter 12 Creating Web Pages

Chapter 12 Creating Web Pages Getting Started Guide Chapter 12 Creating Web Pages Saving Documents as HTML Files Copyright This document is Copyright 2010 2012 by its contributors as listed below. You may distribute it and/or modify

More information

UF Health SharePoint 2010 Introduction to Content Administration

UF Health SharePoint 2010 Introduction to Content Administration UF Health SharePoint 2010 Introduction to Content Administration Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Last Updated 2/7/2014 Introduction to SharePoint 2010 2.0 Hours

More information

Generating Open For Business Reports with the BIRT RCP Designer

Generating Open For Business Reports with the BIRT RCP Designer Generating Open For Business Reports with the BIRT RCP Designer by Leon Torres and Si Chen The Business Intelligence Reporting Tools (BIRT) is a suite of tools for generating professional looking reports

More information

Wakanda Studio Features

Wakanda Studio Features Wakanda Studio Features Discover the many features in Wakanda Studio. The main features each have their own chapters and other features are documented elsewhere: Wakanda Server Administration Data Browser

More information

TUTORIAL 4 Building a Navigation Bar with Fireworks

TUTORIAL 4 Building a Navigation Bar with Fireworks TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar

More information

Notes on how to migrate wikis from SharePoint 2007 to SharePoint 2010

Notes on how to migrate wikis from SharePoint 2007 to SharePoint 2010 Notes on how to migrate wikis from SharePoint 2007 to SharePoint 2010 This document describes the most important steps in migrating wikis from SharePoint 2007 to SharePoint 2010. Following this, we will

More information

Tyler Dashboard. User Guide Version 6.2. For more information, visit www.tylertech.com.

Tyler Dashboard. User Guide Version 6.2. For more information, visit www.tylertech.com. Tyler Dashboard User Guide Version 6.2 For more information, visit www.tylertech.com. TABLE OF CONTENTS Tyler Dashboard... 3 Tyler Dashboard Features... 3 Site Search... 3 Browse... 4 Page... 5 Dashboard...

More information

Mail Chimp Basics. Glossary

Mail Chimp Basics. Glossary Mail Chimp Basics Mail Chimp is a web-based application that allows you to create newsletters and send them to others via email. While there are higher-level versions of Mail Chimp, the basic application

More information

SIMGallery. User Documentation

SIMGallery. User Documentation SIMGallery Joomla Component Joomla Modules Joomla/CB Plugin For Joomla and Community Builder / JomSocial http://www.joomla.org http://www.joomlapolis.com http://www.jomsocial.com User Documentation Product

More information

Live Agent for Support Agents

Live Agent for Support Agents Live Agent for Support Agents Salesforce, Spring 16 @salesforcedocs Last updated: February 18, 2016 Copyright 2000 2016 salesforce.com, inc. All rights reserved. Salesforce is a registered trademark of

More information

1. Tutorial - Developing websites with Kentico 8... 3 1.1 Using the Kentico interface... 3 1.2 Managing content - The basics... 4 1.2.

1. Tutorial - Developing websites with Kentico 8... 3 1.1 Using the Kentico interface... 3 1.2 Managing content - The basics... 4 1.2. Kentico 8 Tutorial Tutorial - Developing websites with Kentico 8.................................................................. 3 1 Using the Kentico interface............................................................................

More information

Import and Export User Guide. PowerSchool 7.x Student Information System

Import and Export User Guide. PowerSchool 7.x Student Information System PowerSchool 7.x Student Information System Released June 2012 Document Owner: Documentation Services This edition applies to Release 7.2.1 of the PowerSchool software and to all subsequent releases and

More information

Version 7 Editor s Manual

Version 7 Editor s Manual Version 7 Editor s Manual Contents 1. Introduction... 3 2. Getting started with Umbraco... 2.1 Logging In and Out... 2.2 Umbraco Interface... 2.2.1 Initial View... 2.2.2 Various Screen Sizes... 2.3 Creating,

More information

Getting Started with WebSite Tonight

Getting 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 information

<Chapter Heading> 1. RedDot CMS Training End User Guide. 2006 RedDot Solutions. RedDot CMS End User Training

<Chapter Heading> 1. RedDot CMS Training End User Guide. 2006 RedDot Solutions. RedDot CMS End User Training 1 RedDot CMS Training End User Guide 2006 RedDot Solutions RedDot CMS End User Training Privacy Policy Confidential & Proprietary This information is intended for the use of the individual

More information

D2L: An introduction to CONTENT University of Wisconsin-Parkside

D2L: An introduction to CONTENT University of Wisconsin-Parkside D2L: An introduction to CONTENT University of Wisconsin-Parkside FOR FACULTY: What is CONTENT? The Content and Course Builder tools both allow you to organize materials in D2L. Content lets you and your

More information

Getting Started Guide

Getting Started Guide Getting Started Guide Mulberry Internet Email/Calendar Client Version 4.0 Cyrus Daboo Pittsburgh PA USA mailto:mulberry@mulberrymail.com http://www.mulberrymail.com/ Information in this document is subject

More information

Advantage of Jquery: T his file is downloaded from

Advantage of Jquery: T his file is downloaded from What is JQuery JQuery is lightweight, client side JavaScript library file that supports all browsers. JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling,

More information

Student Records Home Page

Student Records Home Page Student Records Home Page The homepage for Student Records is built using four sections. Therefore there will be four different processes in changing or modifying the content. The four parts are: 1. Photo

More information

WebSphere Business Monitor V6.2 KPI history and prediction lab

WebSphere Business Monitor V6.2 KPI history and prediction lab Copyright IBM Corporation 2009 All rights reserved IBM WEBSPHERE BUSINESS MONITOR 6.2 LAB EXERCISE WebSphere Business Monitor V6.2 KPI history and prediction lab What this exercise is about... 1 Lab requirements...

More information