Serverless Single Page Web Apps, Part Two. CSCI 5828: Foundations of Software Engineering Lecture 21 11/01/2016
|
|
|
- Pearl Robbins
- 7 years ago
- Views:
Transcription
1 Serverless Single Page Web Apps, Part Two CSCI 5828: Foundations of Software Engineering Lecture 21 11/01/2016 1
2 Goals Cover Chapter 2 of Serverless Single Page Web Apps by Ben Rady Hash Events The Router Views etc. 2
3 Evolution of Web Apps re: Navigation (I) Static Websites The navigation between pages is hardwired <a href="/views/view1.html"> </a> Server-Side Web Apps URLs are parsed and handed to a router The router maintains a mapping between URLs and Controllers Controllers perform operations on models and display the results in views The views generate HTML which is sent back to the browser 3
4 Evolution of Web Apps re: Navigation (II) Serverless Single Page Web Apps Internal URLs are used to move between views Makes use of hash events that are triggered by traversing to a link that starts with a hash tag <a href="#employees/5"> </a> We use JavaScript to be informed when someone clicks on one of these links (or when code redirects the browser to one of these URLs) A JavaScript router handles the event and maps the hash events to views in the application The views are copied and dynamically inserted into the DOM to make the browser render them; the old view is removed from the DOM (of course) this simulates a link "traversal" without any calls out to a server 4
5 Our Router The book describes the router that we are going to implement like this: hash events trigger the creation of dynamic markup the router contains routes that map hash URLs with view functions Each function creates both the markup and behavior of a single view Our application will make use of JQuery to load the router once our page has finished loading; the router will register interest in hash events to handle the navigation At this point, we'll have a functional single page web application 5
6 Example of Hash Anchors <html> <body> <p><a name="top">this is the top of the page.</a> Head to the <a href="#bottom">bottom</a>.</p> <p>lorum ipsum </p> <lots of these> <p>lorum ipsum </p> <p><a name="bottom">this is the bottom of the page.</a> Head to the <a href="#top">top</a>.</p> </body> </html> Here's a page that demonstrates the use of links that begin with hash marks DEMO 6
7 Creating a Testable Router For this chapter, the book adopts a "test first" approach We're going to develop our router by first writing tests We'll tackle making sure that the tests can inspect markup (i.e. the DOM structures loaded into the browser) invoke functions (located in app.js) trigger events (which in turn cause our app to do something) trigger events will cause callbacks to invoke which may cause markup to be modified which can then be verified by our tests for accuracy 7
8 Jasmine Testing Framework The book makes use of Jasmine to write our tests Jasmine is a behavior-driven development framework Test suites are defined using a function called "describe" Individual tests are defined by a function called "it" Assertions are made via a function called "expect" We'll see examples soon! Our prepared workspace already includes a test runner Just add "/tests/index.html" to a URL to invoke it; currently we have no tests 8
9 Starting down the path of test-driven design We want our tests to drive our development work To do this, we need to write a test that asserts something about the program that it currently cannot do Right now, we have a static website, so our test will assert that we can go to a second view We'll call this view the "problem view" as it will display a Javascript puzzle for us to solve After we write the test, we'll add enough code to the app to get it to transition to this new view 9
10 Our First Test The reason that Jasmine's test case method is called "it" is because it should be used in a sentence. If we need to show a problem view, we can write the test like this: describe('learnjs', function() { it('can show a problem view', function() { }); }); With this, we can see that our test suite is just a call to a function that has a callback. Likewise, a test case is a call to a function that also has a callback. The callbacks run when they get invoked by our test runner Add this code to /public/tests/app_spec.js and run the test runner again It will now say we have one test but it specifies no expectations This is an example of TDD; write a test, watch it fail. 10
11 Extending the test We're going to have our router be a function called showview() in a module (or namespace) called learnjs. We're going to ask it to display the first problem using the URL "#problem-1". We're then going to specify an expectation about the state of the world describe('learnjs', function() { it('can show a problem view', function() { learnjs.showview('#problem-1'); expect($('.view-container.problem-view').length).toequal(1); }); }); The expectation makes use of JQuery to retrieve a DOM element using a CSS specifier, then get its length, and specify that the length should equal 1 Add this test, run it, and watch it fail. Why? None of this code exists! 11
12 Making our Test Pass With test-driven design, no production code is written except to make a failing test pass. In order to get this test to pass, we're going to have to do a few things We need to create our namespace: learnjs We need to create our function: showview() The function actually needs to do something In this case, it needs to update our page when passed the URL "#problem-1" The updated view needs to have the CSS structures specified in our test present, so that query returns a structure that has a length of one 12
13 Step 1: Create the name Space In app.js, we add the following code: 'use strict'; var learnjs = {}; We can run our test and see that it still fails but with a different error message. That's progress! :-) What does the code do? It creates a JavaScript object and binds it to the global symbol: learnjs All other functions will go inside of this object to avoid cluttering the global name space 13
14 Step 2: Create the showview function 'use strict'; var learnjs = {}; learnjs.showview = function(hash) { var problemview = $('<div class="problem-view">').text('coming soon!'); $('.view-container').empty().append(problemview); } Here we ignore the "hash" parameter and just create what we need to make the test pass. We need a div that has a CSS class called "problem view" and we need to add that div to another div with the CSS class "view-container". We use JQuery to do all of these DOM manipulations Note that the call to empty(), clears out the previous content: i.e. the "landing page" Our test still fails; that's because our page does not yet have a "viewcontainer". However, now, the test fails because the expectation fails. Progress! 14
15 Why is the test failing? (I) /index.html Our showview() function tries to access a div with the class "viewcontainer". This div does not exist. This means our code cannot append our "problem-view" div to it! 15
16 Why is the test failing? (II) /index.html Another problem is that our markup is located here /tests/index.html But our tests are located here. When the test runner runs, the DOM that it has access to, is the DOM specified by THIS document (not the one above). 16
17 How to fix it? (I) /index.html Our prepared environment is set-up to look for a div with the class "markup" and append all of its content to /tests/index.html the DOM tree located in this file. This makes the markup available to our tests. 17
18 How to fix it? (II) Thus, to fix our test, we need to Edit /index.html to contain a div with the class called 'markup' All existing content is stored here Edit the div that was previously tagged with "container" (for the Skeleton framework) and add an additional CSS class called 'view-container'. With these two changes, when our test runs: the markup will be copied to our tests/index.html page a "view-container" div will exist, so our JQuery expression will find it and add the problem-view div This will ensure that this div is retrieved and our test will pass 18
19 Adding ACTUAL Routes (I) A funny aspect of test-driven design is that when you first implement a test you are told to: Do the simplest thing to make the test pass In our first test case, we did the minimal amount of work to switch to a new view We took the current view and emptied it out of all content (i.e. deleted the landing page) We then created a single div element and inserted it into the appropriate container div We then asserted that only one problem view exists in the DOM BUT THAT DOESN'T REALLY SOLVE OUR PROBLEM! (It just gets us started) 19
20 Adding ACTUAL Routes (II) Now, we are going to modify our program to have an actual implementation of routes and an actual second view At the end, we'll have a landing page and a "problem" page We will create view functions: functions that produce views for our program We will associate hashes with view functions; these associations are routes; our routes will be a JavaScript object that will map hash names to view functions What's nice about this approach is we can test view functions separately from the router if we want Our new workflow will be: hash change event => lookup route => create view => update display 20
21 Adding ACTUAL Routes (III) We will continue to use our showview() function as a way to drive progress We start by adding a new test that asserts if the hash is empty, then show the landing page describe('learnjs', function() { it('shows the landing page on empty hash', function() { learnjs.showview(''); expect($('.view-container.landing-view').length).toequal(1); }); }); We add this test to the existing test suite; run the tests to see this test fail! Note: our previously specified test still passes, just the new one fails. That's because we are currently ignoring the hash in showview() 21
22 Adding ACTUAL Routes (IV) To make the new test pass, we need to make two changes Add a div around the landing page with the CSS class "view-container" Change our code Turn the existing "problem-view" code into a view function Create a routes object and associate "#problem-1" with that function Modify showview to look up routes and invoke them if a view function is found for a particular hash This code (next slide) makes the second test case pass because if the hash is empty, then the code doesn't change the page, and the default page displays the landing page already (which will make the test pass) 22
23 Adding ACTUAL Routes (V) 'use strict'; var learnjs = {}; learnjs.problemview = function() { return $('<div class="problem-view">').text('coming soon!'); } learnjs.showview = function(hash) { var routes = { '#problem-1': learnjs.problemview }; var viewfn = routes[hash]; if (viewfn) { $('.view-container').empty().append(viewfn()); } } problemview() is now a function that returns a new div. It gets associated with the problem-1 hash in the new routes object. showview() looks up the hash and updates the view if it gets back a view function 23
24 View Parameters We now need to be able to handle more than one problem view All we can do currently is handle "#problem-1" We're going to start parsing the hashes to pull parameters out of them We will then pass these parameters to view functions that can do what they want with them Display different problems, for instance To test this new behavior, we're going to make use of another feature of Jasmine which are called "spies" Spies stand in for functions and then can respond to assertions on how they were accessed during a test (pretty cool feature!) 24
25 Testing the interaction of the router and view We will make use of Jasmine's spyon function to spy on the calls made to the problemview view function We will then be able to make assertions about how it was invoked Here's how we can set-up the test it('passes parameter to view function', function() { spyon(learnjs, 'problemview'); learnjs.showview('#problem-42'); expect(learnjs.problemview).tohavebeencalledwith('42'); }); The test above asserts that if we call showview('#problem-42') then the problemview() function needs to have been called with the string '42' This would indicate that we parsed the hash correctly and sent the view parameter to the view function Run the test to see it fail! 25
26 Making the Third Test Pass To make this new test pass, we add code to showview() to parse the hash; we use the '-' as a delimiter and split on it we pass the first part of the string to routes to look up the view function we then pass the second part of the string to the view function that was returned learnjs.showview = function(hash) { var routes = { '#problem': learnjs.problemview }; var hashparts = hash.split('-'); var viewfn = routes[hashparts[0]]; if (viewfn) { $('.view-container').empty().append(viewfn(hashparts[1])); } } Run the app to see the test pass, even though problemview doesn't use its param 26
27 Testing the Problem View (I) Let's set the stage for testing the problem view We want to force that function to handle its parameter First, the test describe('problem view', function() { it('has a title that includes the problem number', function() { var view = learnjs.problemview('1'); expect(view.text()).toequal('problem #1 Coming soon!'); }); }); Here we assert that if we pass in a "1" then we should see "Problem 1" in the view that is created Note: we embed a new call to describe() within our original describe() call; this allows us to partition tests according to purpose 27
28 Testing the Problem View (II) Now the code; we modify problem view to create the correct title learnjs.problemview = function(number) { var title = 'Problem #' + number + ' Coming soon!'; return $('<div class="problem-view">').text(title); } Run the test again and watch it pass! 28
29 Loading Our Application All we have been doing so far is running tests We still don't have our application configured to ensure that our router has been properly registered to receive hash events Before we do that, we need to make sure the application is loaded To do that, we're going to use jquery to tell us when the browser has loaded our index.html page and has created all of the necessary DOM structures to model it in the browser; We will use jquery's ready event and pass in a callback Our callback will be a function that will look up the original hash value (which will be empty when we load index.html) and call our router Our router will do nothing with an empty hash and our browser will then display the landing page as we intend Lets also right a test to test our callback which is called apponready() 29
30 Responding to Hash Events (I) The last piece of the puzzle is getting our application to respond to hash events That is, if the user clicks on a link that contains a hash, we want to be notified; we don't want the browser responding to the event First, we add a test! it('subscribes to the hash change event', function() { learnjs.apponready(); spyon(learnjs, 'showview'); $(window).trigger('hashchange'); expect(learnjs.showview).tohavebeencalledwith(window.location.hash); }); Our test makes sure our app is loaded; it then creates a spy on the showview function; it then triggers a hash event; and asserts that showview was called Run the test to see it fail! 30
31 Responding to Hash Events (II) To make this test pass, we need to update our apponready function to actually register interest in hash change events. Here's the code: learnjs.apponready = function() { window.onhashchange = function() { learnjs.showview(window.location.hash); }; learnjs.showview(window.location.hash); } All we do is register a callback with the property "onhashchange" that exists on the window object; our callback simply calls our showview function with the value of the current hash Run the test to see it pass! 31
32 One last piece of the puzzle We can now update our landing page to go to the first problem We update the href of the Start Now! button <a href='#problem-1' class='button button-primary'>start Now!</a> Previously, the href had been empty Now, we reload the application (not the test runner) When we click on the button, our problem view appears The hash event was detected; our router was notified; it called the problemview, which updated the DOM Done! You can now use './sspa deploy' to see this site in action on AWS 32
33 Summary In this chapter, we have touched on a number of topics Test driven design Jasmine: test suites, test cases, spies Handling of events in the browser (onready() and onhashchange()) Implementing a router for a single page web application Using jquery to create and query the DOM Next Time: We'll look at transforming our base application with additional features expected of serverless single page apps 33
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
Appointment Router Salesforce.com Web- to- Lead Integration Guide. Date: January 19, 2011
Appointment Router Salesforce.com Web- to- Lead Integration Guide Date: January 19, 2011 Overview This document describes the method used to integrate Salesforce.com Web-to-Lead forms with TimeTrade s
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
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...
jfingerprint Datasheet
jfingerprint Datasheet jfingerprint An introduction to jfingerprint, the browser fingerprinting and identification solution. W o l f S o f t w a r e L i m i t e d Contents 1 Background... 3 2 How does
Specify the location of an HTML control stored in the application repository. See Using the XPath search method, page 2.
Testing Dynamic Web Applications How To You can use XML Path Language (XPath) queries and URL format rules to test web sites or applications that contain dynamic content that changes on a regular basis.
Web Forms for Marketers 2.3 for Sitecore CMS 6.5 and
Web Forms for Marketers 2.3 for Sitecore CMS 6.5 and later User Guide Rev: 2013-02-01 Web Forms for Marketers 2.3 for Sitecore CMS 6.5 and later User Guide A practical guide to creating and managing web
Web application Architecture
2014 Cesare Pautasso 1 / 29 Very Thin Client 6 / 29 AJAX Input/ Output Prof. Cesare Pautasso http://www.pautasso.info cesare.pautasso@usi.ch Client/Server 7 / 29 @pautasso 5 / 29 Web application Architecture
LACKING TRACKING? STOP SLACKING. GOOGLE TAG MANAGER
LACKING TRACKING? STOP SLACKING. GOOGLE TAG MANAGER November 9, 2015 edui HI! I M PAUL KOCH I work as a Senior Digital Analyst at Viget. @paulmkoch Viget Labs, LLC This presentation is CONFIDENTIAL and
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
Esigate Module Documentation
PORTAL FACTORY 1.0 Esigate Module Documentation Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels to truly control
Sizmek Formats. IAB Mobile Pull. Build Guide
Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...
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
This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications.
20486B: Developing ASP.NET MVC 4 Web Applications Course Overview This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications. Course Introduction Course Introduction
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
Project 2: Web Security Pitfalls
EECS 388 September 19, 2014 Intro to Computer Security Project 2: Web Security Pitfalls Project 2: Web Security Pitfalls This project is due on Thursday, October 9 at 6 p.m. and counts for 8% of your course
LabVIEW Internet Toolkit User Guide
LabVIEW Internet Toolkit User Guide Version 6.0 Contents The LabVIEW Internet Toolkit provides you with the ability to incorporate Internet capabilities into VIs. You can use LabVIEW to work with XML documents,
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
Microsoft Advertising adcenter Campaign Analytics Getting Started Guide
Microsoft Advertising adcenter Campaign Analytics Getting Started Guide Contents Introduction... 3 What is Microsoft Advertising adcenter Campaign Analytics?... 3 Useful terms... 3 Overview... 4 Get Started...
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
Administrator's Guide
Search Engine Optimization Module Administrator's Guide Installation and configuration advice for administrators and developers Sitecore Corporation Table of Contents Chapter 1 Installation 3 Chapter 2
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
Developers Guide. Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB. Version: 1.3 2013.10.04 English
Developers Guide Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB Version: 1.3 2013.10.04 English Designs and Layouts, How to implement website designs in Dynamicweb LEGAL INFORMATION
User Guide to the Content Analysis Tool
User Guide to the Content Analysis Tool User Guide To The Content Analysis Tool 1 Contents Introduction... 3 Setting Up a New Job... 3 The Dashboard... 7 Job Queue... 8 Completed Jobs List... 8 Job Details
Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
Dreamweaver CS5. Module 2: Website Modification
Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,
OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE
ADD RESERVATIONS TO YOUR WEBSITE OPENTABLE GROUP SEARCH MODULE The group search module allows users to select a specific restaurant location from a list and search tables at that location. The code below
Advanced Tornado TWENTYONE. 21.1 Advanced Tornado. 21.2 Accessing MySQL from Python LAB
21.1 Advanced Tornado Advanced Tornado One of the main reasons we might want to use a web framework like Tornado is that they hide a lot of the boilerplate stuff that we don t really care about, like escaping
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
Intermediate Cucumber Continued. CSCI 5828: Foundations of Software Engineering Lecture 22 04/05/2012
Intermediate Cucumber Continued CSCI 5828: Foundations of Software Engineering Lecture 22 04/05/2012 1 Goals Continue to work through a detailed example of using Cucumber by reviewing the material in chapter
How To Build An Intranet In Sensesnet.Com
Sense/Net 6 Evaluation Guide How to build a simple list-based Intranet? Contents 1 Basic principles... 4 1.1 Workspaces... 4 1.2 Lists... 4 1.3 Check-out/Check-in... 5 1.4 Version control... 5 1.5 Simple
1 P a g e. Copyright 2013. CRMKnowledge.
1 P a g e Contents Introduction... 3 An overview of Queues in Microsoft Dynamics CRM... 3 How are Queues created in CRM... 4 How are Queues made visible to users?... 4 What can be put into a Queue?...
Nintex Workflow for Project Server 2010 Help
Nintex Workflow for Project Server 2010 Help Last updated: Friday, March 16, 2012 1 Using Nintex Workflow for Project Server 2010 1.1 Administration and Management 1.2 Associating a Project Server Workflow
Administrator s Guide
SEO Toolkit 1.3.0 for Sitecore CMS 6.5 Administrator s Guide Rev: 2011-06-07 SEO Toolkit 1.3.0 for Sitecore CMS 6.5 Administrator s Guide How to use the Search Engine Optimization Toolkit to optimize your
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
Referencing Web links in the Survey Workbench Questionnaire
Referencing Web links in the Survey Workbench Questionnaire Topic: The Survey Workbench Questionnaire Designer is a powerful tool for creating web-based survey questionnaires. Even without web design skills,
DIPLOMA IN WEBDEVELOPMENT
DIPLOMA IN WEBDEVELOPMENT Prerequisite skills Basic programming knowledge on C Language or Core Java is must. # Module 1 Basics and introduction to HTML Basic HTML training. Different HTML elements, tags
TCP/IP Networking, Part 2: Web-Based Control
TCP/IP Networking, Part 2: Web-Based Control Microchip TCP/IP Stack HTTP2 Module 2007 Microchip Technology Incorporated. All Rights Reserved. Building Embedded Web Applications Slide 1 Welcome to the next
Shipbeat Magento Module. Installation and user guide
Shipbeat Magento Module Installation and user guide This guide explains how the Shipbeat Magento Module is installed, used and uninstalled from your Magento Community Store. If you have questions or need
Your First Web Page. It all starts with an idea. Create an Azure Web App
Your First Web Page It all starts with an idea Every web page begins with an idea to communicate with an audience. For now, you will start with just a text file that will tell people a little about you,
WebSpy Vantage Ultimate 2.2 Web Module Administrators Guide
WebSpy Vantage Ultimate 2.2 Web Module Administrators Guide This document is intended to help you get started using WebSpy Vantage Ultimate and the Web Module. For more detailed information, please see
Team Members: Christopher Copper Philip Eittreim Jeremiah Jekich Andrew Reisdorph. Client: Brian Krzys
Team Members: Christopher Copper Philip Eittreim Jeremiah Jekich Andrew Reisdorph Client: Brian Krzys June 17, 2014 Introduction Newmont Mining is a resource extraction company with a research and development
Firewall Builder Architecture Overview
Firewall Builder Architecture Overview Vadim Zaliva Vadim Kurland Abstract This document gives brief, high level overview of existing Firewall Builder architecture.
So today we shall continue our discussion on the search engines and web crawlers. (Refer Slide Time: 01:02)
Internet Technology Prof. Indranil Sengupta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur Lecture No #39 Search Engines and Web Crawler :: Part 2 So today we
WebIOPi. Installation Walk-through Macros
WebIOPi Installation Walk-through Macros Installation Install WebIOPi on your Raspberry Pi Download the tar archive file: wget www.cs.unca.edu/~bruce/fall14/webiopi-0.7.0.tar.gz Uncompress: tar xvfz WebIOPi-0.7.0.tar.gz
T320 E-business technologies: foundations and practice
T320 E-business technologies: foundations and practice Block 3 Part 2 Activity 2: Generating a client from WSDL Prepared for the course team by Neil Simpkins Introduction 1 WSDL for client access 2 Static
ICON UK 2015 node.js for Domino developers. Presenter: Matt White Company: LDC Via
ICON UK 2015 node.js for Domino developers Presenter: Matt White Company: LDC Via September 2012 Agenda What is node.js? Why am I interested? Getting started NPM Express Domino Integration Deployment A
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,
Click-To-Talk. ZyXEL IP PBX License IP PBX LOGIN DETAILS. Edition 1, 07/2009. LAN IP: https://192.168.1.12 WAN IP: https://172.16.1.1.
Click-To-Talk ZyXEL IP PBX License Edition 1, 07/2009 IP PBX LOGIN DETAILS LAN IP: https://192.168.1.12 WAN IP: https://172.16.1.1 Username: admin Password: 1234 www.zyxel.com Copyright 2009 ZyXEL Communications
Up and Running with LabVIEW Web Services
Up and Running with LabVIEW Web Services July 7, 2014 Jon McBee Bloomy Controls, Inc. LabVIEW Web Services were introduced in LabVIEW 8.6 and provide a standard way to interact with an application over
Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation
Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet
Toad for Data Analysts, Tips n Tricks
Toad for Data Analysts, Tips n Tricks or Things Everyone Should Know about TDA Just what is Toad for Data Analysts? Toad is a brand at Quest. We have several tools that have been built explicitly for developers
Intro to Web Design. ACM Webmonkeys @ UIUC
Intro to Web Design ACM Webmonkeys @ UIUC How do websites work? Note that a similar procedure is used to load images, etc. What is HTML? An HTML file is just a plain text file. You can write all your HTML
http://alice.teaparty.wonderland.com:23054/dormouse/bio.htm
Client/Server paradigm As we know, the World Wide Web is accessed thru the use of a Web Browser, more technically known as a Web Client. 1 A Web Client makes requests of a Web Server 2, which is software
Microsoft TMG Replacement with NetScaler
Microsoft TMG Replacement with NetScaler Replacing Microsoft Forefront TMG with NetScaler for Optimization This deployment guide focuses on replacing Microsoft Forefront Threat Management Gateway (TMG)
White Paper On. Single Page Application. Presented by: Yatin Patel
White Paper On Single Page Application Presented by: Yatin Patel Table of Contents Executive Summary... 3 Web Application Architecture Patterns... 4 Common Aspects... 4 Model... 4 View... 4 Architecture
Introduction to Ingeniux Forms Builder. 90 minute Course CMSFB-V6 P.0-20080901
Introduction to Ingeniux Forms Builder 90 minute Course CMSFB-V6 P.0-20080901 Table of Contents COURSE OBJECTIVES... 1 Introducing Ingeniux Forms Builder... 3 Acquiring Ingeniux Forms Builder... 3 Installing
Table of contents. HTML5 Data Bindings SEO DMXzone
Table of contents Table of contents... 1 About HTML5 Data Bindings SEO... 2 Features in Detail... 3 The Basics: Insert HTML5 Data Bindings SEO on a Page and Test it... 7 Video: Insert HTML5 Data Bindings
Beginning Web Development with Node.js
Beginning Web Development with Node.js Andrew Patzer This book is for sale at http://leanpub.com/webdevelopmentwithnodejs This version was published on 2013-10-18 This is a Leanpub book. Leanpub empowers
Lab 2: Visualization with d3.js
Lab 2: Visualization with d3.js SDS235: Visual Analytics 30 September 2015 Introduction & Setup In this lab, we will cover the basics of creating visualizations for the web using the d3.js library, which
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
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
Enable Your Automated Web App Testing by WebDriver. Yugang Fan Intel
Enable Your Automated Web App Testing by WebDriver Yugang Fan Intel Agenda Background Challenges WebDriver BDD Behavior Driven Test Architecture Example WebDriver Based Behavior Driven Test Summary Reference
Installation and Configuration Manual
Beacon Office Installation and Configuration Manual Version - 2.5(1) Radianta Inc. September 2008 Radianta, Inc. Beacon Office Page 2 Table of Contents Introduction... 4 What is Beacon Office... 4 How
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
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
GUI and Web Programming
GUI and Web Programming CSE 403 (based on a lecture by James Fogarty) Event-based programming Sequential Programs Interacting with the user 1. Program takes control 2. Program does something 3. Program
PDG Software. Site Design Guide
PDG Software Site Design Guide PDG Software, Inc. 1751 Montreal Circle, Suite B Tucker, Georgia 30084-6802 Copyright 1998-2007 PDG Software, Inc.; All rights reserved. PDG Software, Inc. ("PDG Software")
Electronic Ticket and Check-in System for Indico Conferences
Electronic Ticket and Check-in System for Indico Conferences September 2013 Author: Bernard Kolobara Supervisor: Jose Benito Gonzalez Lopez CERN openlab Summer Student Report 2013 Project Specification
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
Get Started with LeadSquared Guide for Marketing Users. Complete lead to revenue platform
Get Started with LeadSquared Guide for Marketing Users Complete lead to revenue platform Bookmark LeadSquared Login Page Login to LeadSquared at https://run.leadsquared.com (Bookmark the URL) LeadSquared
STEP 1: TRACKING USERS AND CONTENT
Welcome to Boomtrain for Marketo! Boomtrain allows you to serve dynamic content, personalized for each recipient, in every Marketo email campaign. This document outlines easy implementation of Boomtrain
Developing Online Forms using InfoPath and MS Workflow
Developing Online Forms using InfoPath and MS Workflow Dave Smaldone Director, Administrative Information Systems Mount Ida College, Newton, MA PCNEAT 2014 This session will cover: Steps involved in developing
NetWrix File Server Change Reporter. Quick Start Guide
NetWrix File Server Change Reporter Quick Start Guide Introduction... 3 Product Features... 3 Licensing... 3 How It Works... 4 Getting Started... 5 System Requirements... 5 Setup... 5 Additional Considerations...
Windows Mail POP Instructions - Bloomsburg University Students
1. Open Windows Mail from your Start Menu. 2. Click on the Tools menu and click Accounts. 1 3. Click on Add to add your account. 4. Click on Email Account and then click Next. 2 5. Enter your full name
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
Google Sites. How to create a site using Google Sites
Contents How to create a site using Google Sites... 2 Creating a Google Site... 2 Choose a Template... 2 Name Your Site... 3 Choose A Theme... 3 Add Site Categories and Descriptions... 3 Launch Your Google
JW Player Quick Start Guide
JW Player Quick Start Guide Getting Started Embedding the JW Player on your website is a simple, 3-step process: 1. Upload the jwplayer.js and player.swf files from the download ZIP to your server. All
Webmail Using the Hush Encryption Engine
Webmail Using the Hush Encryption Engine Introduction...2 Terms in this Document...2 Requirements...3 Architecture...3 Authentication...4 The Role of the Session...4 Steps...5 Private Key Retrieval...5
Implementation Guide. Implementation set up: Configure your channel. Implementation customization: Enable your social profiles
Implementation Guide Welcome to the Buddy Media social marketing suite! Now that your channel and admin account have been created, this guide walks through the steps to configure your channel, users and
WebSphere Business Monitor
WebSphere Business Monitor Administration This presentation will show you the functions in the administrative console for WebSphere Business Monitor. WBPM_Monitor_Administration.ppt Page 1 of 21 Goals
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
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
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
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,
Client-Side Web Programming (Part 2) Robert M. Dondero, Ph.D. Princeton University
Client-Side Web Programming (Part 2) Robert M. Dondero, Ph.D. Princeton University 1 Objectives You will learn about: Client-side web programming, via... Multithreaded Java Applets AJAX 2 Part 1: Preliminary
Themes and Templates Manual FOR ADVANCED USERS
Manual FOR ADVANCED USERS Table of Contents Introduction... 3 Key Information... 3 Portal Structure... 4 Portal Structure: Template... 5 Overview... 5 1) Editing a Portal Template... 6 2) Adding a Portal
Use ArcGIS Online to Manage
Use ArcGIS Online to Manage Your Own Custom Map Gallery By Keith Mann, Esri Start customizing the template by changing the graphics and the web page title. Wouldn t it be great if you could create a dynamic
Term Paper. P r o f. D r. E d u a r d H e i n d l. H o c h s c h u l e F u r t w a n g e n U n i v e r s i t y. P r e s e n t e d T o :
Version: 0.1 Date: 20.07.2009 Author(s): Doddy Satyasree AJAX Person responsable: Doddy Satyasree Language: English Term Paper History Version Status Date 0.1 Draft Version created 20.07.2009 0.2 Final
WHAT'S NEW IN SHAREPOINT 2013 WEB CONTENT MANAGEMENT
CHAPTER 1 WHAT'S NEW IN SHAREPOINT 2013 WEB CONTENT MANAGEMENT SharePoint 2013 introduces new and improved features for web content management that simplify how we design Internet sites and enhance the
DocuSign Connect for Salesforce Guide
Information Guide 1 DocuSign Connect for Salesforce Guide 1 Copyright 2003-2013 DocuSign, Inc. All rights reserved. For information about DocuSign trademarks, copyrights and patents refer to the DocuSign
CHAPTER 19 Programming Lists of Data
CHAPTER 19 Programming Lists of Data As you ve already seen, apps handle events and make decisions; such processing is fundamental to computing. But, the other fundamental part of an app is its data the
Applied Internet Technology (CSCI-UA.0480) - Sample Questions
Applied Internet Technology (CSCI-UA.0480) - Sample Questions A reference is provided on the last page. This does not represent the length of the actual midterm (this has more questions) 1. Two broad categories
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
JISIS and Web Technologies
27 November 2012 Status: Draft Author: Jean-Claude Dauphin JISIS and Web Technologies I. Introduction This document does aspire to explain how J-ISIS is related to Web technologies and how to use J-ISIS
Chapter 4: Website Basics
1 Chapter 4: In its most basic form, a website is a group of files stored in folders on a hard drive that is connected directly to the internet. These files include all of the items that you see on your
SpringCM Integration Guide. for Salesforce
SpringCM Integration Guide for Salesforce September 2014 Introduction You are minutes away from fully integrating SpringCM into your Salesforce account. The SpringCM Open Cloud Connector will allow you
Build an ArcGIS Online Application
Build an ArcGIS Online Application Sign into ArcGIS Online for Maryland 1. Open a web browser 2. Go to URL http://maryland.maps.arcgis.com/ 3. Click Sign In in the upper right corner of the web page 4.
FileMaker Server 15. Custom Web Publishing Guide
FileMaker Server 15 Custom Web Publishing Guide 2004 2016 FileMaker, Inc. All Rights Reserved. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker and FileMaker Go are trademarks
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