MASTERTAG DEVELOPER GUIDE

Size: px
Start display at page:

Download "MASTERTAG DEVELOPER GUIDE"

Transcription

1 MASTERTAG DEVELOPER GUIDE

2 TABLE OF CONTENTS 1 Introduction What is the zanox MasterTag? What is the zanox page type? Create a MasterTag application in the zanox Application Store Basic application data Application settings What are application settings? Naming conventions for application settings Create an application setting for your MasterTag application "Hello World" sample application Develop an application Create a basic code template Coding requirements Local variables Page type settings Applications and external data Data retrieval methods Reference of automatically transferred data zanox helper functions How do I use helper functions? Reference of zanox helper functions Things you shouldn't do in your application code Requirement 1: Do not use external JavaScript libraries Requirement 2: Do not use global JavaScript variables and /or functions Test an application Create an empty test page Simulate application settings in your test environment Release an application Optimise the application source code Application approval MasterTag approval checklist ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 2

3 6 Tips for advanced users Develop an application without generating a test code Speed up application development Create an appropriate test page ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 3

4 1 Introduction 1.1 What is the zanox MasterTag? A zanox MasterTag is a set of 7 script containers which advertisers implement on their websites. These containers asynchronously load applications that provide value added services. For instance, advertisers could load retargeting or web analytics services into their MasterTags or use the MasterTags as generic container tags. In the following sections of this document you will learn how you can develop applications for the zanox MasterTag and provide them to zanox advertisers. 1.2 What is the zanox page type? Each of the 7 script containers can only be used on specific pages within the advertiser website. These pages are called zanox page types. The following page types exist: Page Type home product search category basket checkout generic Description This page type refers to the homepage of the advertiser website, shop, etc. This page type refers to all pages where the user can find details on a selected product. This page type refers to a page where the user can perform product searches and search results are listed. This page type refers to all pages which list product categories. This page type refers to the page where the shopping basket is displayed to the user prior to purchase. This page type refers to the sales confirmation page which is displayed to the user after purchase. This page type refers to any other pages on the advertiser s website. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 4

5 If you develop a MasterTag application, it must be able to work on all of the above pages. The zanox page type is passed to the application as a setting at runtime. The first step you should do as a developer is to think about which page types your application must support. For instance, if an application has to retrieve data on the product page (e.g. the ID of the displayed product) and on the checkout page (e.g. check the product the user bought against the product the user viewed on the product page), it has to support the two page types product and checkout. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 5

6 2 Create a MasterTag application in the zanox Application Store 2.1 Basic application data Developers create and distribute MasterTag applications via the zanox Application Store. Note that you need to register with zanox as publisher to be able to log in to the zanox Application Store. To create a new MasterTag application in the zanox Application Store, proceed as follows: Step 1: Go to the zanox Application Store at Step 2: Click on the button Connect with zanox and enter your login credentials (publisher account login name and password). Step 3: Click on the tab Developers in the upper menu bar. The developer area of the zanox Application Store opens. The tab Applications for Sales shows a list of all your applications you may want to make publicly available in the zanox Application Store. If you have not yet started developing, the list will be empty. Figure 1: Your applications in the zanox Application Store Step 4: To create a new application, click on the button New application A new menu bar opens underneath the list of applications. Step 5: Click on the tab General and enter the following basic application data: ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 6

7 Field Application Application type Description Detailed description Format Widget width Widget height Programming language Search tags Description Name of your application For MasterTag applications select the application type Widget Short description of your application More detailed description of your application Size of your application. Select Free Format if the application does not display data (for example a banner) on a webpage. Application width in pixels. Only required if Free Format was selected. Select 0 for applications that do not display anything on a webpage. Application height in pixels. See above. Programming language of your application (usually JavaScript) Enter the string MasterTag followed by a comma-separated list of zanox page types your application supports, for example: MasterTag,home,product,search,category,basket,checkout,generic Video URL Documentation Website URL Version URL with a tutorial video for your application, URL to external documentation of your application URL to your company s website Version of your application ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 7

8 Figure 2: Basic information about your application ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 8

9 Step 6: Optionally click on the tab Application T & C to add some terms and conditions. These terms and conditions will be displayed to all users that get your application from the zanox Application Store. Figure 3: Terms and conditions of your application ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 9

10 Step 7: Finally, define the user group for your application. MasterTag applications are always developed for advertisers, so click on the tab Categories and select Applications for Advertisers. Step 8: Figure 4: Application target group Click the button Save to save your basic application data. The new application and its basic application data will be saved in your developer area of the zanox Application Store. 2.2 Application settings What are application settings? Application settings are some kind of configuration parameters you may want to use for your MasterTag application. The values of the application settings are passed to your application at runtime and can be either static or computed dynamically by the zanox loader script (zanox.js script). Application settings are used by your MasterTag application to retrieve information from different page types of the advertiser s website. Imagine a scenario where your application needs to retrieve the following information: On the product page: ID of the displayed product On the checkout page: Total amount of money the user spent on a sale In order to retrieve this information you will have to create two application settings. The next sections will show you how to create those settings Naming conventions for application settings If you create a new application setting, you have to follow a special naming convention. This is necessary so that advertisers can understand which application settings retrieve which information from which page types. Setting names should look like this: <prefix>_<name> Use camelcase for application setting names (e.g. mysuperspecialsetting). The prefix must be one of the following strings (which match the names of the zanox page type, see section What is the zanox page type?): ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 10

11 Prefix name Description Example home Application setting that only retrieves information from the homepage of the advertiser s website home_productid product Application setting that only retrieves information from the product page of the advertiser s website product_productid search Application setting that only retrieves information from the search results page of the advertiser s website search_searchstring category Application setting that only retrieves information from the category page of the advertiser s website category_categoryname basket Application setting that only retrieves information from the basket page of the advertiser s website basket_products checkout Application setting that only retrieves information from the checkout page of the advertiser s website checkout_totalamount Create an application setting for your MasterTag application To create a new application setting for your MasterTag application, proceed as follows: Step 1: Click on the MasterTag application from your list of applications for which you want to create a new application setting. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 11

12 Step 2: Click on the tab Widget Code, then click on the button New setting. A dialogue window opens. Step 3: Figure 5: Create an application setting for your MasterTag application Enter the name and the default value for the new application setting into the dialogue window. Name is the setting key which you use in your application source code to retrieve the setting value. For instance, a valid name could be "product_productid ". For more information on naming conventions see section Naming conventions for application settings. Value is the default value which is passed to your application if no other value was specified for this setting during the configuration of a specific MasterTag. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 12

13 You can also define your setting as mandatory. Advertisers must provide the values for mandatory settings in their live environments in order for the MasterTag application to function properly. Figure 6: Create an application setting ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 13

14 Step 4: Click the button Create to create the new application setting. The application setting is displayed in your list of settings available for the MasterTag application. Figure 7: Your application settings 2.3 "Hello World" sample application Now you can start writing your application code. This is the source code of a very simple hello world sample application: <script type="text/javascript"> zanox.setcallback("insert YOUR APPLICATION ID HERE", function(data) { var applicationid = data.app.id; var message = "Hello World! I'm application " + applicationid; }); alert( message ); </script> After loading the sample application displays a message which contains the application ID. In order for the sample application to work you need to perform the following steps: ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 14

15 Step 1: Replace the string "INSERT YOUR APPLICATION ID HERE" with your actual application ID first. You can find your application ID on the tab zanox Keys (see next section Create a basic code template). Step 2: Click on the tab Widget Code and copy and paste the code into the appropriate field in the zanox Application Store. Step 3: Click the button Save to save the application code. Figure 8: Sample application code ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 15

16 3 Develop an application 3.1 Create a basic code template The most simple valid zanox MasterTag application would look like this: <script type="text/javascript"> zanox.setcallback("insert YOUR APPLICATION ID HERE", function(data) { }); // enter your code here </script> "INSERT YOUR APPLICATION ID HERE " has to be replaced with your actual zanox application ID. You can find your application ID on the tab zanox Keys. Figure 9: Access your application ID Coding requirements As an application developer you are free to do what you want in your source code. However, you have to consider the following coding requirement: You have to call the JavaScript function "zanox.setcallback" once in your source code and pass the following parameters: Your zanox application ID The JavaScript callback function which will act as an entry point for your code. The JavaScript callback function will automatically be called when a HTML page with a MasterTag and your associated MasterTag application has been loaded. The callback function must accept one parameter (called "data" in the example above). The value of this parameter will be a JavaScript object at runtime which contains some metadata about your application as well as all the settings you have defined for your application with their actual values. You can find a full reference of all data passed to this function in the section Reference of automatically transferred data). ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 16

17 3.1.2 Local variables In your application code you often access the settings. To simplify this step you can create a local variable as shown below: <script type="text/javascript"> zanox.setcallback("insert HERE YOUR APPLICATION ID", function(data) { var settings = data.app.settings; // save a shortcut alert(settings["my_setting_key"]); // just for test }); </script> Page type settings For a MasterTag application to function properly your application code must be able to identify the page type it is currently running on (see section What is the zanox page type? for more information). Your application must support a setting called "pagetype" which will be used for that purpose. Below you will find an example of how to use the pagetye setting: <script type="text/javascript"> zanox.setcallback("insert HERE YOUR APPLICATION ID", function(data) { var settings = data.app.settings; var pagetype = settings["pagetype"]; // get pagetype if (pagetype == null) return; // just to be sure switch (pagetype) { case "basket": // app runs on basket page, do the following... break; case "category": // app runs on category page, do the following... break; case "checkout": // app runs on checkout page, do the following... break; ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 17

18 case "generic": // app runs on any other page, do the following... break; case "home": // app runs on home page, do the following... break; case "product": // app runs on product page, do the following... break; case "search": // app runs on search page, do the following... break; } }); </script> If you want to use CSS to style your application or use external JavaScript files, just either add HTML <style> or <script src="..."> tags to your source code. 3.2 Applications and external data Data retrieval methods If your application needs external data to function properly, you can use the following methods to retrieve the required data: Access the browser DOM directly and parse the HTML document (only works if your application does not run inside an iframe). Use the provided metadata that is automatically passed to your application. Use the provided settings that are automatically passed to your application. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 18

19 3.2.2 Reference of automatically transferred data The following JavaScript object is automatically passed to the application s callback function you specify in the zanox.setcallback function call: var data = { "mediaslot" : { }, "id" : "MASTERTAG_ID", "height" : 0, "width" : 0 "adspace" : { "id" : 123 // id of ad space associated to mastertag }, "app" : { "id" : "APPID", "height": 500, "width": 500, // id of your app // height of your app (same as in Application Store) // width of your app (same as in Application Store) "container" : { }, "id" : "mycontainer" // container id of your app (see below) "settings" : { // "list" of all defined settings (keys + values) "key1" : "value1", "key2" : "value2" }, "connectids" : { "developer" : "DEVELOPERCONNECTID", "publisher" : "PUBLISHERCONNECTID" // connect ID of app developer // connect ID customer account }, "rendermode" : "iframe" // app is placed in an "iframe" or "inline" in page }; } The application container ID has a special meaning. It is a string which contains the ID of a HTML element that surrounds your application inside the browser DOM. Usually, this would be a <div> element. To add content to the webpage it runs into, you need to modify the browser DOM (insert or manipulate some DOM nodes) accordingly. But first, you have to find the proper location where to insert your content. To add content (e.g. a banner) at the exact same position of the MasterTag code, you have to use the provided container ID to find the corresponding DOM node. Just call the JavaScript function ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 19

20 document.getelementbyid("provided_container_id") to identify the DOM node. This works even if there is more than one MasterTag on the same page with the same associated application. In this case, your application s callback function is called multiple times for each MasterTag and each time provides a different container ID. Find some examples below: To access the application container <div> use: var containernode = document.getelementbyid( data.app.container.id ); To get the ID of the ad space which is associated to the MasterTag your application was assigned to use: var adspaceid = data.adspace.id; To access a specific setting value use: var pagetype = data.app.settings["pagetype"]; To iterate through all available settings use: for (var key in data.app.settings) { var value = data.app.settings[key]; alert(key + ":" + value); } 3.3 zanox helper functions How do I use helper functions? You can access a zanox helper function via the global zanox JavaScript object. Its available in any page that includes the loader script (zanox.js script) regardless of whether the application is loaded inside an iframe or not. See the next section for a complete reference of all available functions. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 20

21 3.3.2 Reference of zanox helper functions Function: version() Description: Use this function to retrieve the current version of the zanox.js script. Parameters: None Returns: A string with the version number. Example: alert( zanox.version() ); Function: load( url, oncomplete ) Description: This function loads a JavaScript file from the provided URL, executes its content and calls the provided oncomplete JavaScript function when finished. This function is the most useful of all helper functions. You can use it in your source code to load external JavaScript files at runtime as well as to make zanox API REST calls (which could also be treated as external JavaScript files). Parameters: Parameter Name url oncomplete Parameter Description String that contains the URL to load an external Javascript file JavaScript function that is called after executing the file content Returns: Nothing Example: zanox.load( "http://www.domain.com/scripts/myscript.js" ); Function: loadall( urls, oncomplete ) Description: This function loads all JavaScript files from the provided URLs, executes their content and calls the provided oncomplete JavaScript function when finished. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 21

22 Parameters: Parameter Name Parameter Description urls String array of URLs to load external JavaScript files oncomplete JavaScript function that is called after executing the file content Returns: Nothing Example: var myscripts = [ "http://www.domain.com/scripts/myscript1.js", "http://www.domain.com/scripts/myscript2.js" ]; zanox.loadall( myscripts ); Function: setcallback( appid, callback ) Description: This function must be called once you are in your application. It tells the zanox loader script (zanox.js script) to call the provided callback function after the application with the given application ID has been loaded. The provided callback function is used as an entry point into your application code. Parameters: Parameter Name Parameter Description appid Application ID from the zanox Application Store callback JavaScript function that is called after the app has been loaded Returns: Nothing Example: zanox.setcallback("app_id", function(data) { /* */ } ); Function: setinnerhtml( node, content ) Description: Use this function to manipulate the content of the provided DOM node. Basically, the function sets its value for innerhtml to the passed content. The function takes care of included script tags. If the content contains a <script src="..."> tag, the referenced external JavaScript file is loaded and executed. If the content contains inline scripts (via <script> tags), they are executed too. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 22

23 Parameters: Parameter Name node content Parameter Description DOM node whose content you want to modify New content (a HTML string) for the provided node Returns: Nothing Example: zanox.setinnerhtml( document.body, "<div>hello World!</div>" ); 3.4 Things you shouldn't do in your application code If you have configured your application to run directly inside the parent page (the Load in iframe check box is unchecked in the zanox Application Store), you should take special care while coding your application because it might run on many different websites in different environments. Your application must not influence the existing functionality of a website. Hence, it is strongly recommended to pay attention to the below coding requirements. Please note: If your application runs in an iframe instead, you can freely design the application code as the application will be isolated from the website it runs in Requirement 1: Do not use external JavaScript libraries Avoid using external JavaScript libraries like jquery, prototype, etc. Often, those libraries do not work together or unpredictably influence each other if they are used in parallel on the same HTML page. JavaScript errors might occur in your application or even in the parent page. As a developer you never know which other JavaScript frameworks are used by the webpage your application runs in. Hence, avoid the use of JavaScript frameworks where possible and use only plain JavaScript functionality instead Requirement 2: Do not use global JavaScript variables and /or functions Avoid using global JavaScript variables and/or functions. Using global JavaScript variables and/or functions in your source code may lead to an unpredictable behaviour of your application as you never know if the HTML page, which hosts your application, also uses the same variables or functions. If both share the same data, everything might go well, but in the worst case, one or both of them will not function properly anymore. Therefore only use local variables or functions. Use the JavaScript "var" statement every time you declare a variable. If you leave it out, the variable becomes global and might cause problems later. In terms of functions, we recommend to create one global JavaScript object which acts like a container for all your functions (sometimes also called a namespace object). Assign a unique name to the global JavaScript object to avoid conflicts. If you use the application code template defined earlier (see section Create a basic code template), declare your functions with the "function" keyword. These functions will be scoped to the anonymous callback function we pass to the "zanox.setcallback" method. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 23

24 Find an example below: <script type="text/javascript"> zanox.setcallback("insert HERE YOUR APPLICATION ID", function(data) { var mylocalvar = "Hello Local"; myglobalvar = "Hello World"; // local variable // global, because var is missing! // this function is NOT global, so it's ok function sayhello() { alert( mylocalvar ); } }); sayhello(); </script> ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 24

25 4 Test an application 4.1 Create an empty test page If you want to test your application, you have to generate a test code first. To generate the test code proceed as follows: Step 1: Log in to the zanox Application Store and click on the MasterTag application from your list of applications for which you want to generate a test code. Step 2: Click on the tab Widget Code, then click the button Get the code. Figure 10: Access the application code ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 25

26 A dialogue window prompts you to one of your ad spaces for which you want to generate the code. Step 3: Figure 11: Generate the application code Click the button Generate code to pull the application code and place the generated code snippet on a HTML page. Step 4: We recommend to create an empty HTML page for testing as shown below: <html> <head> </head> <body> <!-- --> put test code from Application Store here (XXXXXXXX is your application ID) <div class="zx_xxxxxxxxxxxxxx zx_mediaslot"> <script type="text/javascript"> window._zx = window._zx []; window._zx.push({"id":"xxxxxxxxxxxxxx"}); ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 26

27 (function(d) { var s = d.createelement("script"); s.async = true; s.src = (d.location.protocol == "https:"? "https:" : "http:") + "...js"; var a = d.getelementsbytagname("script")[0]; a.parentnode.insertbefore(s, a); }(document)); </script> </div> </body> </html> Step 5: Save the HTML page anywhere you want (e.g. on your local hard drive) and open it in your browser. The application is now loaded from the zanox servers, executed and displayed in the browser after a short moment of time. 4.2 Simulate application settings in your test environment To test if your application settings work properly and if the code handles different value combinations, make some small changes to the generated code from the zanox Application Store. This will help you simulate how settings are passed. This line must be edited: window._zx.push({"id":"xxxxxxxxxxxxxx"}); The push function takes one JavasSript object as a parameter (written in JSON notation). This object usually contains only one property "id", whose value is the ID of the MasterTag to be loaded. To simulate passing of settings, add a new property to that object, called "settings". // same line as above, only formatted differently for better understanding window._zx.push({ }); "id" : "XXXXXXXXXXXXXX" Now modify the code (added code marked in red): window._zx.push({ "id" : "XXXXXXXXXXXXXX", "settings" : { } }); The value of the new "settings" property is itself also a JavaScript object. To simulate the passing of a new setting to your application, you have to add it to the "settings" object. For instance, if you want to pass the setting "my_setting_1" with the value "myvalue_1", do the following: ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 27

28 window._zx.push({ "id" : "XXXXXXXXXXXXXX", "settings" : { } }); "my_setting_1" : "myvalue_1" You can also pass a comma-separated list of settings. window._zx.push({ "id" : "XXXXXXXXXXXXXX", "settings" : { } }); "my_setting_1" : "myvalue_1", "my_setting_2" : "myvalue_2", "my_setting_3" : "myvalue_3" Please keep in mind the following limitation: The above testing method will only work for settings which have been previously defined by you in the zanox Application Store (see section Create an application setting for your MasterTag). If you now click refresh in your browser, the setting values are passed to the application s callback function as described above and your application should change its behaviour. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 28

29 5 Release an application 5.1 Optimise the application source code After you finished developing your application and you are sure it works like it should you can now release it to the public. But before you do that, you should minimise the size of your application source code by: Minifying the JavaScript code Removing all comments from the HTML, JavaScript and CSS code Removing all other unused code Minifying the JavaScript code is the most important step to optimise your source code. Minifying is done by removing comments and whitespaces (spaces, tabs etc.) from the code and, depending on the algorithm used, by compressing the source code afterwards. There are some tools available which may help you minifying your source code, for example YUI or Dojo Shrinksafe. If you prefer a simple website where you can paste your code, push a button and get your minified code back, use for example: After optimising your applications source code, just update it in the zanox Application Store and you're ready for the final step. 5.2 Application approval The very last step to release your application to the public is to request approval by zanox. Only approved applications are available to users and clients in the zanox Application Store. To request approval proceed as follows: Step 1: Make sure that your application complies with the requirements set out in the MasterTag approval checklist. Step 2: Go to your developer area in the zanox Application Store and click on the tab Applications for Sale. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 29

30 Step 3: Select the application you want to release from the list of your available applications and click on it. Figure 12: Select your application for release ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 30

31 Step 4: Scroll down to the bottom of the page and click the button Save & submit. Figure 13: Save and submit your application ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 31

32 A confirmation dialogue opens. Step 5: Figure 14: Confirm application submission Click the button Submit to submit your application to the approval queue. The application is now reviewed and tested by zanox according to our code quality requirements. Once zanox approves your application you will receive an and the application will be publicly available in the zanox Application Store. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 32

33 5.3 MasterTag approval checklist Before sending a MasterTag application for approval, please make sure you have checked the following: 1 Is there an application description? 2 Is the application type set to "widget"? 3 Is the application set to "Application for Advertisers"? 4 Have you provided a logo? 5 Are there search tags in the format "MasterTag, product, basket, checkout"? 6 Have all "document.write" commands in the JavaScript widget code been eliminated? 7 Has the widget code been embedded once in a test page without causing any JavaScript errors? 8 Does the widget code begin with the tag "<script 'type=text/javascript'>"? 9 10 Does the widget code command zanox.getcallback(app_id) use the application's correct APP_ID? Are the application settings formatted correctly according to the naming conventions in section 2.2.2? ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 33

34 6 Tips for advanced users 6.1 Develop an application without generating a test code Speed up application development Most of the time, developing software is an iterative process. You change your source code and immediately afterwards want to see how the software s behaviour has changed. This implies that you have to do the following steps over and over again: 1. Modify your applications source code 2. Open the zanox Application Store 3. Copy source code in the appropriate field in the developer area 4. Update 5. Open the browser 6. Refresh and check the new behaviour One way to optimise the development process is to reduce the steps which are required to update your application s source code (steps 2, 3, 4). These steps are needed as your test page contains a MasterTag test code that only works in conjunction with the zanox backend. Wouldn't it be nice if you could just change your code and refresh your browser and skipt the update steps in the zanox Application Store? To do so, you have to create a special HTML test page which allows you to develop your application without the MasterTag test code. Instead, you do an integration test after you have finished developing (see next section for a detailed explanation). Advantages: You only have to generate a code in the zanox Application Store once when you do an integration test of your application. You do not have to update the applications source code in the zanox Application Store every time you want to check your source code behaviour. Instead, you just refresh the browser. You can easily debug your application, for instance with Firefox. Debugging can get very complicated if you use a MasterTag test code while developing. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 34

35 6.1.2 Create an appropriate test page Let s assume, you have an empty HTML page like this: <html> <head> </head> <body> </body> </html> To prepare this page for testing proceed as follows: Step 1: Place your application s source code on the page. If your source code is located in an external JavaScript file, use a <script src="..." /> tag. If want to copy your code into the test page, use a normal <script> tag. Step 2: If your application uses some of the loader script functionality (e.g. the JavaScript function zanox.load), include the loader script in your test page: <script src="http://static.zanox.com/scripts.zanox.js"></script> Step 3: Include a HTML element in your test page which acts as a container for your application (see section Reference of automatically transferred data). You can use the following sample code: <div id="testcontainer"></div> Step 4: Add some JavaScript code that simulates parts of the internal functionality of the zanox loader script. var data = { "mediaslot" : { }, "id" : "SOME_MASTERTAG_ID", "height" : 0, "width" : 0 "adspace" : { }, "id" : 123 "app" : { "id" : "MY_APP_ID", "height": 0, ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 35

36 "width": 0, "container" : { "id" : "testcontainer" }, "settings" : { // add your settings here }, "connectids" : { "developer" : "DEVELOPER_CONNECT_ID", "publisher" : "PUBLISHER_CONNECT_ID" }, "rendermode" : "inline" }; } var zanox = zanox {}; zanox.setcallback = function( appid, callback ) { } callback(data); The structure of the data object is exactly the same as described in section Reference of automatically transferred data. There is only one difference: You are creating this object manually right now. That means you have full control over what data is passed to your application. The most important lines of code in the sample above are: var zanox = zanox {}; zanox.setcallback = function( appid, callback ) { } callback(data); As mentioned above, you have to call the zanox.setcallback function at least once in our application source code. The code above overwrites this function and immediately calls your application s init function (callback function) passing the data object you have created manually (Basically, it simulates what the zanox loader script is doing internally). Hence, you do not need a MasterTag test code any more when developing a MasterTag application. ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED 06/2012 PAGE 36

37 ZANOX.de AG Stralauer Allee Berlin Deutschland ZANOX.de AG MASTERTAG DEVELOPER GUIDE LAST UPDATED blog.zanox.com 06/2012 PAGE wiki.zanox.com 37

MASTERTAG VALUE-ADDED SERVICES FOR ADVERTISERS SET-UP GUIDE

MASTERTAG VALUE-ADDED SERVICES FOR ADVERTISERS SET-UP GUIDE MASTERTAG VALUE-ADDED SERVICES FOR ADVERTISERS SET-UP GUIDE Dear advertiser, The present document gives you an overview of the zanox MasterTag technology. You will receive detailed information on its main

More information

Yandex.Widgets Quick start

Yandex.Widgets Quick start 17.09.2013 .. Version 2 Document build date: 17.09.2013. This volume is a part of Yandex technical documentation. Yandex helpdesk site: http://help.yandex.ru 2008 2013 Yandex LLC. All rights reserved.

More information

Slide.Show Quick Start Guide

Slide.Show Quick Start Guide Slide.Show Quick Start Guide Vertigo Software December 2007 Contents Introduction... 1 Your first slideshow with Slide.Show... 1 Step 1: Embed the control... 2 Step 2: Configure the control... 3 Step 3:

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

Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator

Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator Tutorial: Building a Dojo Application using IBM Rational Application Developer Loan Payment Calculator Written by: Chris Jaun (cmjaun@us.ibm.com) Sudha Piddaparti (sudhap@us.ibm.com) Objective In this

More information

PLAYER DEVELOPER GUIDE

PLAYER DEVELOPER GUIDE PLAYER DEVELOPER GUIDE CONTENTS CREATING AND BRANDING A PLAYER IN BACKLOT 5 Player Platform and Browser Support 5 How Player Works 6 Setting up Players Using the Backlot API 6 Creating a Player Using the

More information

IMRG Peermap API Documentation V 5.0

IMRG Peermap API Documentation V 5.0 IMRG Peermap API Documentation V 5.0 An Introduction to the IMRG Peermap Service... 2 Using a Tag Manager... 2 Inserting your Unique API Key within the Script... 2 The JavaScript Snippet... 3 Adding the

More information

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual 2013 SPHOL326: Designing a SharePoint 2013 Site Hands-On Lab Lab Manual This document is provided as-is. Information and views expressed in this document, including URL and other Internet Web site references,

More information

Pay with Amazon Integration Guide

Pay with Amazon Integration Guide 2 2 Contents... 4 Introduction to Pay with Amazon... 5 Before you start - Important Information... 5 Important Advanced Payment APIs prerequisites... 5 How does Pay with Amazon work?...6 Key concepts in

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

Getting Started Guide

Getting Started Guide Getting Started Guide Table of Contents OggChat Overview... 3 Getting Started Basic Setup... 3 Dashboard... 4 Creating an Operator... 5 Connecting OggChat to your Google Account... 6 Creating a Chat Widget...

More information

Portals and Hosted Files

Portals and Hosted Files 12 Portals and Hosted Files This chapter introduces Progress Rollbase Portals, portal pages, portal visitors setup and management, portal access control and login/authentication and recommended guidelines

More information

PASTPERFECT-ONLINE DESIGN GUIDE

PASTPERFECT-ONLINE DESIGN GUIDE PASTPERFECT-ONLINE DESIGN GUIDE INTRODUCTION Making your collections available and searchable online to Internet visitors is an exciting venture, now made easier with PastPerfect-Online. Once you have

More information

JavaScript: Introduction to Scripting. 2008 Pearson Education, Inc. All rights reserved.

JavaScript: Introduction to Scripting. 2008 Pearson Education, Inc. All rights reserved. 1 6 JavaScript: Introduction to Scripting 2 Comment is free, but facts are sacred. C. P. Scott The creditor hath a better memory than the debtor. James Howell When faced with a decision, I always ask,

More information

Visualizing a Neo4j Graph Database with KeyLines

Visualizing a Neo4j Graph Database with KeyLines Visualizing a Neo4j Graph Database with KeyLines Introduction 2! What is a graph database? 2! What is Neo4j? 2! Why visualize Neo4j? 3! Visualization Architecture 4! Benefits of the KeyLines/Neo4j architecture

More information

Login with Amazon. Getting Started Guide for Websites. Version 1.0

Login with Amazon. Getting Started Guide for Websites. Version 1.0 Login with Amazon Getting Started Guide for Websites Version 1.0 Login with Amazon: Getting Started Guide for Websites Copyright 2016 Amazon Services, LLC or its affiliates. All rights reserved. Amazon

More information

How-to Guide: MIT DLC Drupal Cloud Theme

How-to Guide: MIT DLC Drupal Cloud Theme How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this

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

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK Programming for Digital Media EE1707 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 References and Sources 1. DOM Scripting, Web Design with JavaScript

More information

Magento module Documentation

Magento module Documentation Table of contents 1 General... 4 1.1 Languages... 4 2 Installation... 4 2.1 Search module... 4 2.2 Installation in Magento... 6 2.3 Installation as a local package... 7 2.4 Uninstalling the module... 8

More information

Embedding a Data View dynamic report into an existing web-page

Embedding a Data View dynamic report into an existing web-page Embedding a Data View dynamic report into an existing web-page Author: GeoWise User Support Released: 23/11/2011 Version: 6.4.4 Embedding a Data View dynamic report into an existing web-page Table of Contents

More information

Rochester Institute of Technology. Finance and Administration. Drupal 7 Training Documentation

Rochester Institute of Technology. Finance and Administration. Drupal 7 Training Documentation Rochester Institute of Technology Finance and Administration Drupal 7 Training Documentation Written by: Enterprise Web Applications Team CONTENTS Workflow... 4 Example of how the workflow works... 4 Login

More information

Online sales management software Quick store setup. v 1.1.3

Online sales management software Quick store setup. v 1.1.3 Online sales management software Quick store setup v 1.1.3 Table of Contents 1Shopizer urls...3 2Configure your store...3 Store and profile...4 Store Front Configuration...4 3Integration...6 4Configure

More information

Operational Decision Manager Worklight Integration

Operational Decision Manager Worklight Integration Copyright IBM Corporation 2013 All rights reserved IBM Operational Decision Manager V8.5 Lab exercise Operational Decision Manager Worklight Integration Integrate dynamic business rules into a Worklight

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

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

Reference Guide for WebCDM Application 2013 CEICData. All rights reserved.

Reference Guide for WebCDM Application 2013 CEICData. All rights reserved. Reference Guide for WebCDM Application 2013 CEICData. All rights reserved. Version 1.2 Created On February 5, 2007 Last Modified August 27, 2013 Table of Contents 1 SUPPORTED BROWSERS... 3 1.1 INTERNET

More information

MAGENTO THEME SHOE STORE

MAGENTO THEME SHOE STORE MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1

More information

Cloud Administration Guide for Service Cloud. August 2015 E65820-01

Cloud Administration Guide for Service Cloud. August 2015 E65820-01 Cloud Administration Guide for Service Cloud August 2015 E65820-01 Table of Contents Introduction 4 How does Policy Automation work with Oracle Service Cloud? 4 For Customers 4 For Employees 4 Prerequisites

More information

User Guides Neetrix SiteFront

User Guides Neetrix SiteFront User Guides Neetrix SiteFront The website building and content management system 2011 v1.00 1 INTRODUCTION This documentation takes you through the process of building a website step by step using the

More information

Visualizing an OrientDB Graph Database with KeyLines

Visualizing an OrientDB Graph Database with KeyLines Visualizing an OrientDB Graph Database with KeyLines Visualizing an OrientDB Graph Database with KeyLines 1! Introduction 2! What is a graph database? 2! What is OrientDB? 2! Why visualize OrientDB? 3!

More information

QQ WebAgent Quick Start Guide

QQ WebAgent Quick Start Guide QQ WebAgent Quick Start Guide Contents QQ WebAgent Quick Start Guide... 1 Implementing QQ WebAgent. on Your Web Site... 2 What You Need to Do... 2 Instructions for Web designers, Webmasters or Web Hosting

More information

HTML Application Creation. Rich Loen CTO, InGenius June 26, 2007

HTML Application Creation. Rich Loen CTO, InGenius June 26, 2007 HTML Application Creation Rich Loen CTO, InGenius June 26, 2007 What is the HTML Toolkit? Allows dealers and developers to create HTML-based applications that run on 5330 and 5340 phone sets. Screen-savers

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

Bazaarvoice for Magento Extension Implementation Guide v6.3.4

Bazaarvoice for Magento Extension Implementation Guide v6.3.4 Bazaarvoice Bazaarvoice for Magento Extension Implementation Guide v6.3.4 Version 6.3.4 Bazaarvoice Inc. 03/25/2016 Introduction Bazaarvoice maintains a pre-built integration into the Magento platform.

More information

HP LoadRunner. Software Version: 11.00. Ajax TruClient Tips & Tricks

HP LoadRunner. Software Version: 11.00. Ajax TruClient Tips & Tricks HP LoadRunner Software Version: 11.00 Ajax TruClient Tips & Tricks Document Release Date: October 2010 Software Release Date: October 2010 Legal Notices Warranty The only warranties for HP products and

More information

Dreamweaver Tutorials Creating a Web Contact Form

Dreamweaver Tutorials Creating a Web Contact Form Dreamweaver Tutorials This tutorial will explain how to create an online contact form. There are two pages involved: the form and the confirmation page. When a user presses the submit button on the form,

More information

The purpose of jquery is to make it much easier to use JavaScript on your website.

The purpose of jquery is to make it much easier to use JavaScript on your website. jquery Introduction (Source:w3schools.com) The purpose of jquery is to make it much easier to use JavaScript on your website. What is jquery? jquery is a lightweight, "write less, do more", JavaScript

More information

Table of Contents. 1. Content Approval...1 EVALUATION COPY

Table of Contents. 1. Content Approval...1 EVALUATION COPY Table of Contents Table of Contents 1. Content Approval...1 Enabling Content Approval...1 Content Approval Workflows...4 Exercise 1: Enabling and Using SharePoint Content Approval...9 Exercise 2: Enabling

More information

Making Web Application using Tizen Web UI Framework. Koeun Choi

Making Web Application using Tizen Web UI Framework. Koeun Choi Making Web Application using Tizen Web UI Framework Koeun Choi Contents Overview Web Applications using Web UI Framework Tizen Web UI Framework Web UI Framework Launching Flow Web Winsets Making Web Application

More information

Quick Start Guide. Installation and Setup

Quick Start Guide. Installation and Setup Quick Start Guide Installation and Setup Introduction Velaro s live help and survey management system provides an exciting new way to engage your customers and website visitors. While adding any new technology

More information

Website Login Integration

Website Login Integration SSO Widget Website Login Integration October 2015 Table of Contents Introduction... 3 Getting Started... 5 Creating your Login Form... 5 Full code for the example (including CSS and JavaScript):... 7 2

More information

Building A Very Simple Web Site

Building A Very Simple Web Site Sitecore CMS 6.2 Building A Very Simple Web Site Rev 100601 Sitecore CMS 6. 2 Building A Very Simple Web Site A Self-Study Guide for Developers Table of Contents Chapter 1 Introduction... 3 Chapter 2 Building

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

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Instructions for Embedding a Kudos Display within Your Website

Instructions for Embedding a Kudos Display within Your Website Instructions for Embedding a Kudos Display within Your Website You may use either of two technologies for this embedment. A. You may directly insert the underlying PHP code; or B. You may insert some JavaScript

More information

603: Enhancing mobile device experience with NetScaler MobileStream Hands-on Lab Exercise Guide

603: Enhancing mobile device experience with NetScaler MobileStream Hands-on Lab Exercise Guide 603: Enhancing mobile device experience with NetScaler MobileStream Hands-on Lab Exercise Guide Christopher Rudolph January 2015 1 Table of Contents Contents... 2 Overview... 3 Scenario... 6 Lab Preparation...

More information

Drupal CMS for marketing sites

Drupal CMS for marketing sites Drupal CMS for marketing sites Intro Sample sites: End to End flow Folder Structure Project setup Content Folder Data Store (Drupal CMS) Importing/Exporting Content Database Migrations Backend Config Unit

More information

Apple Applications > Safari 2008-10-15

Apple Applications > Safari 2008-10-15 Safari User Guide for Web Developers Apple Applications > Safari 2008-10-15 Apple Inc. 2008 Apple Inc. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system,

More information

Super Resellers // Getting Started Guide. Getting Started Guide. Super Resellers. AKJZNAzsqknsxxkjnsjx Getting Started Guide Page 1

Super Resellers // Getting Started Guide. Getting Started Guide. Super Resellers. AKJZNAzsqknsxxkjnsjx Getting Started Guide Page 1 Getting Started Guide Super Resellers Getting Started Guide Page 1 Getting Started Guide: Super Resellers Version 2.1 (1.6.2012) Copyright 2012 All rights reserved. Distribution of this work or derivative

More information

Section 1: Overture (Yahoo) PPC Conversion Tracking Activation

Section 1: Overture (Yahoo) PPC Conversion Tracking Activation PPC Conversion Tracking Setup Guide Version.001 This guide includes instructions for setting up both Overture (Yahoo) and Google (Adwords) Pay Per Click (PPC) conversion tracking in a variety of Reservation

More information

JTouch Mobile Extension for Joomla! User Guide

JTouch Mobile Extension for Joomla! User Guide JTouch Mobile Extension for Joomla! User Guide A Mobilization Plugin & Touch Friendly Template for Joomla! 2.5 Author: Huy Nguyen Co- Author: John Nguyen ABSTRACT The JTouch Mobile extension was developed

More information

Building and Using Web Services With JDeveloper 11g

Building and Using Web Services With JDeveloper 11g Building and Using Web Services With JDeveloper 11g Purpose In this tutorial, you create a series of simple web service scenarios in JDeveloper. This is intended as a light introduction to some of the

More information

DREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit

DREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit DREAMWEAVER BASICS A guide to updating Faculty websites Created by the Advancement & Marketing Unit Table of content Tip: Click on the links below to go straight to the desired section The W (Web Services)

More information

MyanPay API Integration with Magento CMS

MyanPay API Integration with Magento CMS 2014 MyanPay API Integration with Magento CMS MyanPay Myanmar Soft Gate Technology Co, Ltd. 1/1/2014 MyanPay API Integration with Magento CMS 1 MyanPay API Integration with Magento CMS MyanPay API Generating

More information

Working with RD Web Access in Windows Server 2012

Working with RD Web Access in Windows Server 2012 Working with RD Web Access in Windows Server 2012 Introduction to RD Web Access So far in this series we have talked about how to successfully deploy and manage a Microsoft Windows Server 2012 VDI environment.

More information

HP Business Process Monitor

HP Business Process Monitor HP Business Process Monitor For the Windows operating system Software Version: 9.23 BPM Monitoring Solutions Best Practices Document Release Date: December 2013 Software Release Date: December 2013 Legal

More information

RHYTHMYX USER MANUAL EDITING WEB PAGES

RHYTHMYX USER MANUAL EDITING WEB PAGES RHYTHMYX USER MANUAL EDITING WEB PAGES Rhythmyx Content Management Server... 1 Content Explorer Window... 2 Display Options... 3 Editing an Existing Web Page... 4 Creating a Generic Content Item -- a Web

More information

Setting up a Website. Creating your website on the Herts @UK emarketplace

Setting up a Website. Creating your website on the Herts @UK emarketplace Creating your website on the Herts @UK emarketplace 1 Contents Creating your website on the Herts @UK emarketplace...1 Step 1 Setting up a site...3 1. Registering for an @UK Website...6 Step 2 Create your

More information

Overview. In the beginning. Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript

Overview. In the beginning. Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript Overview In the beginning Static vs. Dynamic Content Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript AJAX Libraries and Frameworks

More information

WHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com info@velaro.com. 2012 by Velaro

WHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com info@velaro.com. 2012 by Velaro WHITEPAPER Skinning Guide Let s chat. 2012 by Velaro 800.9.Velaro www.velaro.com info@velaro.com INTRODUCTION Throughout the course of a chat conversation, there are a number of different web pages that

More information

BizFlow 9.0 BizCoves BluePrint

BizFlow 9.0 BizCoves BluePrint BizFlow 9.0 BizCoves BluePrint HandySoft Global Corporation 1952 Gallows Road Suite 100 Vienna, VA USA 703.442.5600 www.handysoft.com 1999-2004 HANDYSOFT GLOBAL CORPORATION. ALL RIGHTS RESERVED. THIS DOCUMENTATION

More information

Further web design: HTML forms

Further web design: HTML forms Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on

More information

1. Starting the management of a subscribers list with emill

1. Starting the management of a subscribers list with emill The sending of newsletters is the basis of an efficient email marketing communication for small to large companies. All emill editions include the necessary tools to automate the management of a subscribers

More information

Debugging JavaScript and CSS Using Firebug. Harman Goei CSCI 571 1/27/13

Debugging JavaScript and CSS Using Firebug. Harman Goei CSCI 571 1/27/13 Debugging JavaScript and CSS Using Firebug Harman Goei CSCI 571 1/27/13 Notice for Copying JavaScript Code from these Slides When copying any JavaScript code from these slides, the console might return

More information

Swinburne University of Technology

Swinburne University of Technology Swinburne University of Technology EndNote X7.2 Basics For Mac Swinburne Library EndNote resources page: http://www.swinburne.edu.au/lib/endnote/welcome.html These notes include excerpts from the EndNote

More information

Your Blueprint websites Content Management System (CMS).

Your Blueprint websites Content Management System (CMS). Your Blueprint websites Content Management System (CMS). Your Blueprint website comes with its own content management system (CMS) so that you can make your site your own. It is simple to use and allows

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

SmartBar for MS CRM 2013

SmartBar for MS CRM 2013 SmartBar for MS CRM 2013 Version 2013.26 - April 2014 Installation and User Guide (How to install/uninstall and use SmartBar for MS CRM 2013) The content of this document is subject to change without notice.

More information

Startup Guide. Version 2.3.9

Startup Guide. Version 2.3.9 Startup Guide Version 2.3.9 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

Google Analytics Audit. Prepared For: Xxxxx

Google Analytics Audit. Prepared For: Xxxxx Google Analytics Audit Prepared For: Xxxxx Please Note: We have edited all images and some text to protect the privacy of our client. 1. General Setup 3 1.1 current analytics tracking code 3 1.2 test purchase

More information

Timeline for Microsoft Dynamics CRM

Timeline for Microsoft Dynamics CRM Timeline for Microsoft Dynamics CRM A beautiful and intuitive way to view activity or record history for CRM entities Version 2 Contents Why a timeline?... 3 What does the timeline do?... 3 Default entities

More information

IBM Operational Decision Manager Version 8 Release 5. Getting Started with Business Rules

IBM Operational Decision Manager Version 8 Release 5. Getting Started with Business Rules IBM Operational Decision Manager Version 8 Release 5 Getting Started with Business Rules Note Before using this information and the product it supports, read the information in Notices on page 43. This

More information

Dashboard Skin Tutorial. For ETS2 HTML5 Mobile Dashboard v3.0.2

Dashboard Skin Tutorial. For ETS2 HTML5 Mobile Dashboard v3.0.2 Dashboard Skin Tutorial For ETS2 HTML5 Mobile Dashboard v3.0.2 Dashboard engine overview Dashboard menu Skin file structure config.json Available telemetry properties dashboard.html dashboard.css Telemetry

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

Developer Guide: Hybrid Apps. SAP Mobile Platform 2.3

Developer Guide: Hybrid Apps. SAP Mobile Platform 2.3 Developer Guide: Hybrid Apps SAP Mobile Platform 2.3 DOCUMENT ID: DC01920-01-0230-01 LAST REVISED: February 2013 Copyright 2013 by Sybase, Inc. All rights reserved. This publication pertains to Sybase

More information

Web Development 1 A4 Project Description Web Architecture

Web Development 1 A4 Project Description Web Architecture Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:

More information

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.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 information

Installation & Configuration Guide Professional Edition

Installation & Configuration Guide Professional Edition Installation & Configuration Guide Professional Edition Version 2.3 Updated January 2014 Table of Contents Getting Started... 3 Introduction... 3 Requirements... 3 Support... 4 Recommended Browsers...

More information

JavaScript Basics & HTML DOM. Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com

JavaScript Basics & HTML DOM. Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com JavaScript Basics & HTML DOM Sang Shin Java Technology Architect Sun Microsystems, Inc. sang.shin@sun.com www.javapassion.com 2 Disclaimer & Acknowledgments Even though Sang Shin is a full-time employee

More information

ThirtySix Software WRITE ONCE. APPROVE ONCE. USE EVERYWHERE. www.thirtysix.net SMARTDOCS 2014.1 SHAREPOINT CONFIGURATION GUIDE THIRTYSIX SOFTWARE

ThirtySix Software WRITE ONCE. APPROVE ONCE. USE EVERYWHERE. www.thirtysix.net SMARTDOCS 2014.1 SHAREPOINT CONFIGURATION GUIDE THIRTYSIX SOFTWARE ThirtySix Software WRITE ONCE. APPROVE ONCE. USE EVERYWHERE. www.thirtysix.net SMARTDOCS 2014.1 SHAREPOINT CONFIGURATION GUIDE THIRTYSIX SOFTWARE UPDATED MAY 2014 Table of Contents Table of Contents...

More information

CSC309 Winter 2016 Lecture 3. Larry Zhang

CSC309 Winter 2016 Lecture 3. Larry Zhang CSC309 Winter 2016 Lecture 3 Larry Zhang 1 Why Javascript Javascript is for dynamically manipulate the front-end of your web page. Add/remove/change the content/attributes of an HTML element Change the

More information

ecommercesoftwareone Advance User s Guide -www.ecommercesoftwareone.com

ecommercesoftwareone Advance User s Guide -www.ecommercesoftwareone.com Advance User s Guide -www.ecommercesoftwareone.com Contents Background 3 Method 4 Step 1 - Select Advance site layout 4 Step 2 - Identify Home page code of top/left and bottom/right sections 6 Step 3 -

More information

Volume FIRST WALKTHROUGH. The 10-Minute Guide to Using Newsletter Services. First Walkthrough: the 10-Minute Guide

Volume FIRST WALKTHROUGH. The 10-Minute Guide to Using Newsletter Services. First Walkthrough: the 10-Minute Guide Volume 1 FIRST WALKTHROUGH The 10-Minute Guide to Using Newsletter Services First Walkthrough: the 10-Minute Guide Table of Contents Step - 1... 3 Sign-up for an account... 3 Step 2... 4 Authenticate your

More information

Document Services Online Customer Guide

Document Services Online Customer Guide Document Services Online Customer Guide Logging in... 3 Registering an Account... 3 Navigating DSO... 4 Basic Orders... 5 Getting Started... 5 Attaching Files & Print Options... 7 Advanced Print Options

More information

Usage Tracking for IBM InfoSphere Business Glossary

Usage Tracking for IBM InfoSphere Business Glossary Usage Tracking for IBM InfoSphere Business Glossary InfoSphere Business Glossary Version 8.7 and later includes a feature that allows you to track usage of InfoSphere Business Glossary through web analytics

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK

More information

A set-up guide and general information to help you get the most out of your new theme.

A set-up guide and general information to help you get the most out of your new theme. Blox. A set-up guide and general information to help you get the most out of your new theme. This document covers the installation, set up, and use of this theme and provides answers and solutions to common

More information

CNAME and Redirection Code Instructions Table of Contents Using a Custom Domain/SubDomain... 3 Specific Provider Instructions... 3 1&1... 3 DNS Park... 4 enom... 4 Eurodns.com... 4 EveryDNS.net... 5 Gandi.net...

More information

Working with Indicee Elements

Working with Indicee Elements Working with Indicee Elements How to Embed Indicee in Your Product 2012 Indicee, Inc. All rights reserved. 1 Embed Indicee Elements into your Web Content 3 Single Sign-On (SSO) using SAML 3 Configure an

More information

Version 1.0 January 2011. Xerox Phaser 3635MFP Extensible Interface Platform

Version 1.0 January 2011. Xerox Phaser 3635MFP Extensible Interface Platform Version 1.0 January 2011 Xerox Phaser 3635MFP 2011 Xerox Corporation. XEROX and XEROX and Design are trademarks of Xerox Corporation in the United States and/or other countries. Changes are periodically

More information

KFUPM. Web Content Management System powered by SharePoint 2010. www.kfupm.edu.sa 1

KFUPM. Web Content Management System powered by SharePoint 2010. www.kfupm.edu.sa 1 KFUPM Web Content Management System powered by SharePoint 2010 1 Sample Department Site Site Actions Steps to login for administrators Navigate to your website and type in the url /admin.aspx

More information

INSTANT MAGAZINE QUICK GUIDE

INSTANT MAGAZINE QUICK GUIDE INSTANT MAGAZINE QUICK GUIDE Create an online magazine in a jiffy It s great that you ll be working with our tool! We hope you ll enjoy the creative process. Take a moment to read this quick guide and

More information

Terminal Four. Content Management System. Moderator Access

Terminal Four. Content Management System. Moderator Access Terminal Four Content Management System Moderator Access Terminal Four is a content management system that will easily allow users to manage their college web pages at anytime, anywhere. The system is

More information

Virtual Contact Center

Virtual Contact Center Virtual Contact Center NetSuite Integration Configuration Guide Version 8.0 Revision 1.0 Copyright 2014, 8x8, Inc. All rights reserved. This document is provided for information purposes only and the contents

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

Load testing with. WAPT Cloud. Quick Start Guide

Load testing with. WAPT Cloud. Quick Start Guide Load testing with WAPT Cloud Quick Start Guide This document describes step by step how to create a simple typical test for a web application, execute it and interpret the results. 2007-2015 SoftLogica

More information

IBM Business Monitor V8.0 Global monitoring context lab

IBM Business Monitor V8.0 Global monitoring context lab Copyright IBM Corporation 2012 All rights reserved IBM BUSINESS MONITOR 8.0 LAB EXERCISE IBM Business Monitor V8.0 lab What this exercise is about... 2 Lab requirements... 2 What you should be able to

More information

Mobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue

Mobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native

More information