Visualizing MongoDB Objects in Concept and Practice

Size: px
Start display at page:

Download "Visualizing MongoDB Objects in Concept and Practice"

Transcription

1 Washington DC 2013 Visualizing MongoDB Objects in Concept and Practice https://github.com/cvitter/ikanow.mongodc2013.presentation

2 Introduction Do you have a MongoDB database full of BSON documents crying out for visual analysis?

3 Agenda Visualizing Objects vs. Records Getting Your Data from MongoDB JSON 101 Free & Open Source Visualization Libraries Google Maps JavaScript API D3.js Other Visualization Libraries You Should Know Questions?

4 Objects vs. Records Document oriented data stores support dynamic and complex schemas vs. the simple, static structures in RDBMs, e.g.:

5 Is There Really a Difference? Yes and No Yes Obviously, document oriented formats are different from record oriented formats; Few common visualizations tools designed for traditional record based formats support document based formats No The basic visualizations are the same even if the data format feeding them are different

6 Getting your Data from MongoDB mongoexport Export data from MongoDB as JSON or CSV > mongoexport --db dbname --collection collectionname --out file.json! MongoDB s Simple REST Interface Read only access to data Start your server with the --rest option Simple queries: Other options: DrowsyDromedary, MongoDB Rest, etc.

7 JSON 101 JSON (JavaScript Object Notation) documents are built using two types of common data structures: Name/value pairs (objects) and; { string : value }! Ordered lists of values (arrays). { string : [value, value, value] }! JSON is a subset of the object literal notation of JavaScript so: var jsonobj = {"numbers" : [1, 2, 3] };! var numberone = jsonobj.numbers[0];! var numbertwo = jsonobj.numbers[1];! Converting the string representation of JSON is as easy as: var jsonobj = JSON.parse("{\"numbers\":[1,2,3]}");!

8 A Word About the Sample Code All of the code used in this presentation is available online via GitHub at: https://github.com/cvitter/ikanow.mongodc2013.presentation " The project includes code from the following Open Source Projects: Bootstrap: JQuery: D3.js: The data samples used are simple JSON files read in using JQuery a.ajax method

9 Google Maps JavaScript API Requirements: Get an API Key (its free*) Have an Internet Connection Build a simple example that: 1. Creates a place holder DIV for the map object 2. Loads the map script 3. Initializes the map 4. Draws markers on the map * Up to 25,000 map loads per day for commercial applications.

10 Creating the Map Use a DIV to create a placeholder for the map: <div id="map_canvas" style="height:450px; width:870px;"></div>! Load the map script: function loadscript() {! var script = document.createelement("script");! script.type = "text/javascript";! script.src = "http://maps.googleapis.com/maps/api/js?!key=your_api_key&sensor=true_or_false&callback=initialize";! document.body.appendchild(script);! }! Initialize the map: var mapoptions = {!!zoom: 11,!!center: new google.maps.latlng( , ),!!maptypeid: google.maps.maptypeid.roadmap! };! map = new google.maps.map(document.getelementbyid('map_canvas'),!!!mapoptions);!

11 Drawing Markers on the Map Sample documents: {...},! {!!search_field: "adams morgan",!!country: "United States",!!country_code: "US",!!region: "District of Columbia",!!latitude: " ",!!longitude: " }! },! {...},! Add markers to the map: for (var i=0; i < locations.length; i++) {!!!!!!var marker = new google.maps.marker({!!!map: map,!!!!position: new google.maps.latlng(!!!!locations[i].latitude, locations[i].longitude ),!!!title: converttotitlecase(locations[i].search_field)!!});! }!

12 The Finished Product

13 Creating Heat Maps Requires the Visualization Library: script.src = "http://maps.googleapis.com/maps/api/js?!key=your_api_key&sensor=true_or_false&libraries=visualiza-on &callback=initialize";! Create the Heat Map Data and Layer: var heatmapdata = new Array();! for (var i=0; i < locations.length; i++) {! var newrecord = {location: new!google.maps.latlng( locations[i].geoindex.lat,!!locations[i].geoindex.lon), weight: 1};! heatmapdata.push(newrecord);! }!!!! var heatmap = new google.maps.visualization.heatmaplayer({! data: heatmapdata,! dissipating: true,! radius: 10,! map: map! });!

14 The Finished Product

15 D3.js D3.js (d3js.org) is: a JavaScript library for manipulating documents based on data Convert data into visualizations in the following formats: HTML, CSS, SVG Download the library or include it via: <script src="http://d3js.org/d3.v3.min.js"></script>!

16 The (Very) Basics Select the DIV to write the SVG image to: var chart = d3.select("#d3_canvas").append("svg")!.attr("class", "chart")!!.attr("width", chartwidth)!!.attr("height", chartheight);! Draw the bars (rectangles): chart.selectall("rect")!.data(inputdata)!!.enter().append("rect")!!.attr("y", function(d, i) {return i * (lineheight + 3); })!!.attr("width", function(d, i)!!{ return chartwidth * (d.chance_of_rain * 0.01); })!!.attr("height", function(d) return lineheight; });!

17 Adding Rules Making things scale on the chart: var x = d3.scale.linear()!!.domain([0, 100])!!.range([0, chartwidth]);! Drawing the rules: chart.selectall("line")!.data(x.ticks(10))!!.enter().append("line")!!.attr("x1", x)!!.attr("x2", x)!!.attr("y1", 0)!!.attr("y2", chartheight)!!.style("stroke", "#ccc");!

18 Adding Text Labeling the X and Y axes: chart.selectall(".rule")!!.data(x.ticks(10))!!.enter().append("text")!!.attr("class", "rule")!!.attr("x", x)!!.attr("y", 0)!!.attr("dy", -3)!!.attr("text-anchor", "middle")!!.text(string);!! chart.selectall("text")!!.data(inputdata)!!.enter().append("text")!!.attr("x", 0)!!.attr("y", function(d, i) {!!return i * (lineheight + 3) + (lineheight / 2); })!!.attr("dx", -3) // padding-right!!.attr("dy", ".35em") // vertical-align: middle!!.attr("text-anchor", "end") // text-align: right!!.text(function(d) { return d.date; });!

19 The Finished Product

20 Treemaps, Bubble Charts, and More D3.js can accept an array of values, objects, or a function that returns an array of values Some of the D3.js visualizations allow you to pass data in a wide variety of formats, others expect a specific format The Treemap and Bubble Chart samples use a really simple JSON tree structure representing multi-level parent child relationships

21 Treemap

22 Treemaps Layout D3.js features different layout packs that help you build complex charts including.treemap In this example the layout pack is creating a properly sized div for each node in our JSON file as opposed to creating an SVG image var treemap = d3.layout.treemap()!!.size([width, height])!!.sticky(true)!!.value(function(d) { return d.size; });!! var node = div.datum(data).selectall(".node")!!.data(treemap.nodes)!!.enter().append("div")!!.attr("class", "node")!!.call(position)!!.style("background", function(d) {!!return d.children? color(d.name) : null; })!.text(function(d) { return d.children? null : d.name; });!

23 Bubble Chart

24 Other D3js.org Examples

25 More Cool Visualization Libraries NVD3 (nvd3.org) Re-usable charts and chart components for d3.js Raphael JS (raphaeljs.com) JavaScript library designed to simplify working with vector graphics and build data visualizations TimelineJS (timeline.verite.co) Beautifully crafted timelines that are easy, and intuitive to use.

26 Reminder: Get the Example Code All of the sample code used in this presentation is available online via GitHub at: https://github.com/cvitter/ ikanow.mongodc2013.presentation

27 Thank You! Craig Vi4er github.com/ikanow/infinit.e

4/25/2016 C. M. Boyd, ceilyn_boyd@harvard.edu Practical Data Visualization with JavaScript Talk Handout

4/25/2016 C. M. Boyd, ceilyn_boyd@harvard.edu Practical Data Visualization with JavaScript Talk Handout Practical Data Visualization with JavaScript Talk Handout Use the Workflow Methodology to Compare Options Name Type Data sources End to end Workflow Support Data transformers Data visualizers General Data

More information

Introduction to D3.js Interactive Data Visualization in the Web Browser

Introduction to D3.js Interactive Data Visualization in the Web Browser Datalab Seminar Introduction to D3.js Interactive Data Visualization in the Web Browser Dr. Philipp Ackermann Sample Code: http://github.engineering.zhaw.ch/visualcomputinglab/cgdemos 2016 InIT/ZHAW Visual

More information

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

More information

Sisense. Product Highlights. www.sisense.com

Sisense. Product Highlights. www.sisense.com Sisense Product Highlights Introduction Sisense is a business intelligence solution that simplifies analytics for complex data by offering an end-to-end platform that lets users easily prepare and analyze

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

Visualizing the Top 400 Universities

Visualizing the Top 400 Universities Int'l Conf. e-learning, e-bus., EIS, and e-gov. EEE'15 81 Visualizing the Top 400 Universities Salwa Aljehane 1, Reem Alshahrani 1, and Maha Thafar 1 saljehan@kent.edu, ralshahr@kent.edu, mthafar@kent.edu

More information

JavaScript and jquery for Data Analysis and Visualization

JavaScript and jquery for Data Analysis and Visualization Brochure More information from http://www.researchandmarkets.com/reports/2766360/ JavaScript and jquery for Data Analysis and Visualization Description: Go beyond design concepts build dynamic data visualizations

More information

Developer Tutorial Version 1. 0 February 2015

Developer Tutorial Version 1. 0 February 2015 Developer Tutorial Version 1. 0 Contents Introduction... 3 What is the Mapzania SDK?... 3 Features of Mapzania SDK... 4 Mapzania Applications... 5 Architecture... 6 Front-end application components...

More information

Interactive Data Visualization for the Web Scott Murray

Interactive Data Visualization for the Web Scott Murray Interactive Data Visualization for the Web Scott Murray Technology Foundations Web technologies HTML CSS SVG Javascript HTML (Hypertext Markup Language) Used to mark up the content of a web page by adding

More information

Create Cool Lumira Visualization Extensions with SAP Web IDE Dong Pan SAP PM and RIG Analytics Henry Kam Senior Product Manager, Developer Ecosystem

Create Cool Lumira Visualization Extensions with SAP Web IDE Dong Pan SAP PM and RIG Analytics Henry Kam Senior Product Manager, Developer Ecosystem Create Cool Lumira Visualization Extensions with SAP Web IDE Dong Pan SAP PM and RIG Analytics Henry Kam Senior Product Manager, Developer Ecosystem 2015 SAP SE or an SAP affiliate company. All rights

More information

Adding 3rd-Party Visualizations to OBIEE Kevin McGinley

Adding 3rd-Party Visualizations to OBIEE Kevin McGinley Adding 3rd-Party Visualizations to OBIEE Kevin McGinley! @kevin_mcginley kevin.mcginley@accenture.com oranalytics.blogspot.com youtube.com/user/realtimebi The VCU (Visualization Cinematic Universe) A OBIEE

More information

NoSQL web apps. w/ MongoDB, Node.js, AngularJS. Dr. Gerd Jungbluth, NoSQL UG Cologne, 4.9.2013

NoSQL web apps. w/ MongoDB, Node.js, AngularJS. Dr. Gerd Jungbluth, NoSQL UG Cologne, 4.9.2013 NoSQL web apps w/ MongoDB, Node.js, AngularJS Dr. Gerd Jungbluth, NoSQL UG Cologne, 4.9.2013 About us Passionate (web) dev. since fallen in love with Sinclair ZX Spectrum Academic background in natural

More information

MASTERTAG DEVELOPER GUIDE

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

More information

Lecture 9 Chrome Extensions

Lecture 9 Chrome Extensions Lecture 9 Chrome Extensions 1 / 22 Agenda 1. Chrome Extensions 1. Manifest files 2. Content Scripts 3. Background Pages 4. Page Actions 5. Browser Actions 2 / 22 Chrome Extensions 3 / 22 What are browser

More information

Visualization of Real Time Data Driven Systems using D3 Visualization Technique

Visualization of Real Time Data Driven Systems using D3 Visualization Technique Visualization of Real Time Data Driven Systems using D3 Visualization Technique Eesha Karn Department of Information Technology Poornima Institute of Engineering and Technology Jaipur, Rajasthan, India

More information

HTML Frames HTML I Frames Div and span tags Audio and video in web page

HTML Frames HTML I Frames Div and span tags Audio and video in web page PHP BASICS: Introduction to Scripting PHP Programming Structure Php Syntax Configuration Settings Comments in php Variables Data Types Variable Manipulations String Variables Variable variables Reference

More information

General principles and architecture of Adlib and Adlib API. Petra Otten Manager Customer Support

General principles and architecture of Adlib and Adlib API. Petra Otten Manager Customer Support General principles and architecture of Adlib and Adlib API Petra Otten Manager Customer Support Adlib Database management program, mainly for libraries, museums and archives 1600 customers in app. 30 countries

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

XML Processing and Web Services. Chapter 17

XML Processing and Web Services. Chapter 17 XML Processing and Web Services Chapter 17 Textbook to be published by Pearson Ed 2015 in early Pearson 2014 Fundamentals of http://www.funwebdev.com Web Development Objectives 1 XML Overview 2 XML Processing

More information

TOOLS, TIPS & RESOURCES

TOOLS, TIPS & RESOURCES TOOLS, TIPS & RESOURCES RESEARCH AND ARTICLES ARTICLES & HOW-TO GUIDES Best of the Visualization VisualisingData.com s collection of the best data visualization articles and resources on the web. SOURCE

More information

L7_L10. MongoDB. Big Data and Analytics by Seema Acharya and Subhashini Chellappan Copyright 2015, WILEY INDIA PVT. LTD.

L7_L10. MongoDB. Big Data and Analytics by Seema Acharya and Subhashini Chellappan Copyright 2015, WILEY INDIA PVT. LTD. L7_L10 MongoDB Agenda What is MongoDB? Why MongoDB? Using JSON Creating or Generating a Unique Key Support for Dynamic Queries Storing Binary Data Replication Sharding Terms used in RDBMS and MongoDB Data

More information

Client Overview. Engagement Situation. Key Requirements

Client Overview. Engagement Situation. Key Requirements Client Overview Our client is one of the leading providers of business intelligence systems for customers especially in BFSI space that needs intensive data analysis of huge amounts of data for their decision

More information

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview 20480B: Programming in HTML5 with JavaScript and CSS3 Course Overview This course provides students with the knowledge and skills to create and style HTML pages, use JavaScript, create forms to collect

More information

Create interactive web graphics out of your SAS or R datasets

Create interactive web graphics out of your SAS or R datasets Paper CS07 Create interactive web graphics out of your SAS or R datasets Patrick René Warnat, HMS Analytical Software GmbH, Heidelberg, Germany ABSTRACT Several commercial software products allow the creation

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

Actuate Business Intelligence and Reporting Tools (BIRT)

Actuate Business Intelligence and Reporting Tools (BIRT) Product Datasheet Actuate Business Intelligence and Reporting Tools (BIRT) Eclipse s BIRT project is a flexible, open source, and 100% pure Java reporting tool for building and publishing reports against

More information

Up and Running with LabVIEW Web Services

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

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

MongoDB: document-oriented database

MongoDB: document-oriented database MongoDB: document-oriented database Software Languages Team University of Koblenz-Landau Ralf Lämmel, Sebastian Jackel and Andrei Varanovich Motivation Need for a flexible schema High availability Scalability

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

Web Designing with UI Designing

Web Designing with UI Designing Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing

More information

JavaScript Programming

JavaScript Programming JavaScript Programming Pushing the Limits ADVANCED APPLICATION DEVELOPMENT WITH JAVASCRIPT & HTML5 Jon Raasch WILEY Contents About the Author vi Dedication vii About the Contributor ix Acknowledgments

More information

Lab 2: Visualization with d3.js

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

More information

TIBCO Spotfire Business Author Essentials Quick Reference Guide. Table of contents:

TIBCO Spotfire Business Author Essentials Quick Reference Guide. Table of contents: Table of contents: Access Data for Analysis Data file types Format assumptions Data from Excel Information links Add multiple data tables Create & Interpret Visualizations Table Pie Chart Cross Table Treemap

More information

Visualization of Financial Data

Visualization of Financial Data Silas Macharia Visualization of Financial Data Study Based on Kenyan Government Annual Budgets Helsinki Metropolia University of Applied Sciences Bachelor of Engineering Degree Programme Thesis 27 November

More information

SEEM4540 TUTORIAL 2: JAVASCRIPT & JQUERY

SEEM4540 TUTORIAL 2: JAVASCRIPT & JQUERY SEEM4540 TUTORIAL 2: JAVASCRIPT & JQUERY 16 Feb 2016 JavaScript(JS) 2 Developed by Netscape A cross platform script language Mainly used in web environment Run programs on browsers (HTML is not programmable)

More information

Session D15 Simple Visualization of your TimeSeries Data. Shawn Moe IBM

Session D15 Simple Visualization of your TimeSeries Data. Shawn Moe IBM Session D15 Simple Visualization of your TimeSeries Data Shawn Moe IBM 1 Agenda IoT & Gateways Moving sensor data around jquery and Ajax Data Access Options Open Source Visualization packages 2 Acknowledgements

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

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more

More information

What's new in gvsig Desktop 2.0

What's new in gvsig Desktop 2.0 What's new in gvsig Desktop 2.0 What are the novelties? 2.0 1.12 Migrating and building... Some examples... Please pardon our appearance during construction Pie and bar chart legends Table in layout 1.12

More information

DATA PROCESSING AND VISUALISATION TOOLS. European Public Sector Information Platform. Topic Report No. 2013 / 07. Author: datos.gob.

DATA PROCESSING AND VISUALISATION TOOLS. European Public Sector Information Platform. Topic Report No. 2013 / 07. Author: datos.gob. European Public Sector Information Platform Topic Report No. 2013 / 07 DATA PROCESSING AND VISUALISATION TOOLS Author: datos.gob.es Published: August 2013 1 Table of Contents Keywords:... 4 Abstract/ Executive

More information

Abstract. Description

Abstract. Description Project title: Bloodhound: Dynamic client-side autocompletion features for the Apache Bloodhound ticket system Name: Sifa Sensay Student e-mail: sifasensay@gmail.com Student Major: Software Engineering

More information

Data Visualization. Assignment 2

Data Visualization. Assignment 2 Data Visualization Assignment 2 The Goal of Data Visualization 1. To represent quantities in easy and intuitive manner 2. To decrease cognitive load and complexity 3. To highlight important components

More information

1. About the Denver LAMP meetup group. 2. The purpose of Denver LAMP meetups. 3. Volunteers needed for several positions

1. About the Denver LAMP meetup group. 2. The purpose of Denver LAMP meetups. 3. Volunteers needed for several positions 1. About the Denver LAMP meetup group 1.Host a presentation every 1-3 months 2.Cover 1-3 related topics per meeting 3.Goal is to provide high quality education and networking, for free 2. The purpose of

More information

D3.JS: Data-Driven Documents

D3.JS: Data-Driven Documents D3.JS: Data-Driven Documents Roland van Dierendonck Leiden University rvdierendonck@gmail.com Sam van Tienhoven Leiden University sammieboy12@gmail.com Thiago Elid Leiden University thiago.elid@gmail.com

More information

ArcGIS Web App Builder (AWAB) In BETA. John Bocan MES/DoIT john.bocan@maryland.gov

ArcGIS Web App Builder (AWAB) In BETA. John Bocan MES/DoIT john.bocan@maryland.gov ArcGIS Web App Builder (AWAB) In BETA John Bocan MES/DoIT john.bocan@maryland.gov Some Facts (1 slide) The Pros (5 slides) The Cons (2 slides) Some Bugs/Issues (1 slide) What s to Come (1 slide) What This

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Course 20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Outline Module 1: Overview of HTML and CSS This module provides an overview of HTML and CSS, and describes how to use

More information

Search & Export Report Data

Search & Export Report Data Search & Export Report Data Version: Draft 2 Abstract This document describes how to export the data from a saved report document. Document Revisions Version Date Description of Changes Draft 2 08/12/2005

More information

SAP Lumira SDK Document Version: 1.23 2015-03-02. SAP Lumira Visualization Extensions Developer Guide

SAP Lumira SDK Document Version: 1.23 2015-03-02. SAP Lumira Visualization Extensions Developer Guide SAP Lumira SDK Document Version: 1.23 2015-03-02 SAP Lumira Visualization Extensions Developer Guide Content 1 Document History....4 2 About This Guide....5 2.1 Who should use this guide....5 2.2 Additional

More information

Cross Site Scripting (XSS) and PHP Security. Anthony Ferrara NYPHP and OWASP Security Series June 30, 2011

Cross Site Scripting (XSS) and PHP Security. Anthony Ferrara NYPHP and OWASP Security Series June 30, 2011 Cross Site Scripting (XSS) and PHP Security Anthony Ferrara NYPHP and OWASP Security Series June 30, 2011 What Is Cross Site Scripting? Injecting Scripts Into Otherwise Benign and Trusted Browser Rendered

More information

Facebook Twitter YouTube Google Plus Website Email. o Zooming and Panning. Panel. 3D commands. o Working with Canvas

Facebook Twitter YouTube Google Plus Website Email. o Zooming and Panning. Panel. 3D commands. o Working with Canvas WEB DESIGN COURSE COURSE COVERS: Photoshop HTML 5 CSS 3 Design Principles Usability / UI Design BOOTSTRAP 3 JAVASCRIPT JQUERY CSS Animation Optimizing of Web SYLLABUS FEATURES 2 Hours of Daily Classroom

More information

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

More information

Data Visualization in Ext Js 3.4

Data Visualization in Ext Js 3.4 White Paper Data Visualization in Ext Js 3.4 Ext JS is a client-side javascript framework for rapid development of cross-browser interactive Web applications using techniques such as Ajax, DHTML and DOM

More information

The Mannheim University Library App

The Mannheim University Library App The Mannheim University Library App IgeLU 2015 Alexander Wagner Mannheim University Library alexander.wagner@bib.uni-mannheim.de 2015/09/04 My Name is Alexander Wagner I am Systems Administrator & Developer

More information

MongoDB Developer and Administrator Certification Course Agenda

MongoDB Developer and Administrator Certification Course Agenda MongoDB Developer and Administrator Certification Course Agenda Lesson 1: NoSQL Database Introduction What is NoSQL? Why NoSQL? Difference Between RDBMS and NoSQL Databases Benefits of NoSQL Types of NoSQL

More information

CRM Developer Form Scripting. @DavidYack

CRM Developer Form Scripting. @DavidYack CRM Developer Form Scripting @DavidYack Using Form Scripting Allows dynamic business rules to be implemented on forms Script can run in response to Form Events Form Script is uploaded and run from CRM

More information

Develop highly interactive web charts with SAS

Develop highly interactive web charts with SAS ABSTRACT Paper 1807-2014 Develop highly interactive web charts with SAS Rajesh Inbasekaran, Naren Mudivarthy, Neetha Sindhu Kavi Associates LLC, Barrington IL Very often there is a need to present the

More information

OpenStreetMap for Web Developers. Serge Wroclawski State of the Map US August 2010

OpenStreetMap for Web Developers. Serge Wroclawski State of the Map US August 2010 OpenStreetMap for Web Developers Serge Wroclawski State of the Map US August 2010 You'll get the most out of this talk if... You know HTML You know some Javascript You have a basic understanding of mapping

More information

Introduction to Web Development with R

Introduction to Web Development with R Introduction to Web Development with R moving to the cloud... Jeroen Ooms http://www.stat.ucla.edu/~jeroen UCLA Dept. of Statistics Revolution Analytics user 2010, Gaithersburg, Maryland, USA An example:

More information

DIPLOMA IN WEBDEVELOPMENT

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

More information

OpenText Information Hub (ihub) 3.1 and 3.1.1

OpenText Information Hub (ihub) 3.1 and 3.1.1 OpenText Information Hub (ihub) 3.1 and 3.1.1 OpenText Information Hub (ihub) 3.1.1 meets the growing demand for analytics-powered applications that deliver data and empower employees and customers to

More information

MOBILE APPLICATION FOR EVENT UPDATES SATYA SAGAR VANTEDDU. B.Tech., Jawaharlal Technological University, 2011 A REPORT

MOBILE APPLICATION FOR EVENT UPDATES SATYA SAGAR VANTEDDU. B.Tech., Jawaharlal Technological University, 2011 A REPORT MOBILE APPLICATION FOR EVENT UPDATES by SATYA SAGAR VANTEDDU B.Tech., Jawaharlal Technological University, 2011 A REPORT submitted in partial fulfillment of the requirements for the degree MASTER OF SCIENCE

More information

Advanced Visualizations Tools for CERN Institutional Data

Advanced Visualizations Tools for CERN Institutional Data Advanced Visualizations Tools for CERN Institutional Data September 2013 Author: Alberto Rodríguez Peón Supervisor(s): Jiří Kunčar CERN openlab Summer Student Report 2013 Project Specification The aim

More information

Custom Visualizations with D3.js

Custom Visualizations with D3.js 7 Custom Visualizations with D3.js In this book we ve looked at many JavaScript libraries that were designed for specific types of visualizations. If you need a certain type of visualization for your web

More information

Content Visualization Issues

Content Visualization Issues Name Sanobar Nishat (113052001) MTP : Interactive method of Data Visualization on Small screen devices Report: Summary Report 6 (week 18) Date: 14 May 13 Summary: Information visualization on small screen

More information

Contents. Preface. 1.1 Computing Is a Natural Science Computer Science Software Engineering Computer Engineering 5

Contents. Preface. 1.1 Computing Is a Natural Science Computer Science Software Engineering Computer Engineering 5 PROGRAMMING WITH Contents Preface xv 1 The Field of Computing 1 1.1 Computing Is a Natural Science 2 1.2 The Five Disciplines of Computing 3 1.2.1 Computer Science 3 1.2.2 Software Engineering 4 1.2.3

More information

Safe Harbor Statement

Safe Harbor Statement Safe Harbor Statement The preceding is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment

More information

Friday, February 11, 2011. Bruce

Friday, February 11, 2011. Bruce Bruce Scotty In 2007, Google and MySpace were worried by the launch of the Facebook Platform for developing apps, so they banded together and created the OpenSocial specification OpenSocial is an open

More information

Treemap Visualisations

Treemap Visualisations Treemap Visualisations This exercise aims to be a getting started guide for building interactive Treemap visualisations using the D3 JavaScript library. While data visualisation has existed for many years

More information

Assignment 5: Visualization

Assignment 5: Visualization Assignment 5: Visualization Arash Vahdat March 17, 2015 Readings Depending on how familiar you are with web programming, you are recommended to study concepts related to CSS, HTML, and JavaScript. The

More information

An evaluation of JavaFX as 2D game creation tool

An evaluation of JavaFX as 2D game creation tool An evaluation of JavaFX as 2D game creation tool Abstract With the current growth in the user experience,and the existence of multiple publishing platforms, the investigation of new game creation tools

More information

MicroStrategy Desktop

MicroStrategy Desktop MicroStrategy Desktop Quick Start Guide MicroStrategy Desktop is designed to enable business professionals like you to explore data, simply and without needing direct support from IT. 1 Import data from

More information

Visual Statement. NoSQL Data Storage. MongoDB Project. April 10, 2014. Bobby Esfandiari Stefan Schielke Nicole Saat

Visual Statement. NoSQL Data Storage. MongoDB Project. April 10, 2014. Bobby Esfandiari Stefan Schielke Nicole Saat Visual Statement NoSQL Data Storage April 10, 2014 Bobby Esfandiari Stefan Schielke Nicole Saat Contents Table of Contents 1 Timeline... 5 Requirements... 8 Document History...8 Revision History... 8 Introduction...9

More information

USING GOOGLE MAP API FUNCTIONS TO CREATE APPLICATIONS USING GEOGRAPHIC SPATIAL DATA.

USING GOOGLE MAP API FUNCTIONS TO CREATE APPLICATIONS USING GEOGRAPHIC SPATIAL DATA. USING GOOGLE MAP API FUNCTIONS TO CREATE APPLICATIONS USING GEOGRAPHIC SPATIAL DATA. Ass. prof.d-r. Plamen Maldzhanski 1,Hristo Smirneski Blvd., 1046 Sofiq, Bulgaria Phone: +359 888976924 WEB:http://www.uacg.bg/UACEG_site/acadstaff/viewProfile.php?lang=en&perID=424

More information

Advantage of Jquery: T his file is downloaded from

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

More information

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML

More information

WEB DEVELOPMENT COURSE (PHP/ MYSQL)

WEB DEVELOPMENT COURSE (PHP/ MYSQL) WEB DEVELOPMENT COURSE (PHP/ MYSQL) COURSE COVERS: HTML 5 CSS 3 JAVASCRIPT JQUERY BOOTSTRAP 3 PHP 5.5 MYSQL SYLLABUS HTML5 Introduction to HTML Introduction to Internet HTML Basics HTML Elements HTML Attributes

More information

FCC Management Project

FCC Management Project Summer Student Programme Report FCC Management Project Author: Alexandros Arvanitidis Main Supervisor: Dr. Johannes Gutleber Second Supervisor: Bruno Silva de Sousa September 12, 2014 Contents 1 System

More information

Week 4 Unit 1: Exposing and Consuming Data Architecture

Week 4 Unit 1: Exposing and Consuming Data Architecture Week 4 Unit 1: Exposing and Consuming Data Architecture Exposing and Consuming Data Architecture Classic SAP Architecture Classic NetWeaver ABAP Layers Proprietary protocols SAP GUI displays pre-rendered

More information

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

An Introduction to KeyLines and Network Visualization

An Introduction to KeyLines and Network Visualization An Introduction to KeyLines and Network Visualization 1. What is KeyLines?... 2 2. Benefits of network visualization... 2 3. Benefits of KeyLines... 3 4. KeyLines architecture... 3 5. Uses of network visualization...

More information

HTML5. Turn this page to see Quick Guide of CTTC

HTML5. Turn this page to see Quick Guide of CTTC Programming SharePoint 2013 Development Courses ASP.NET SQL TECHNOLGY TRAINING GUIDE Visual Studio PHP Programming Android App Programming HTML5 Jquery Your Training Partner in Cutting Edge Technologies

More information

There are various ways to find data using the Hennepin County GIS Open Data site:

There are various ways to find data using the Hennepin County GIS Open Data site: Finding Data There are various ways to find data using the Hennepin County GIS Open Data site: Type in a subject or keyword in the search bar at the top of the page and press the Enter key or click the

More information

Programming Against Hybrid Databases with Java Handling SQL and NoSQL. Brian Hughes IBM

Programming Against Hybrid Databases with Java Handling SQL and NoSQL. Brian Hughes IBM Programming Against Hybrid Databases with Java Handling SQL and NoSQL Brian Hughes IBM 1 Acknowledgements and Disclaimers Availability. References in this presentation to IBM products, programs, or services

More information

We hold these truths to be self-evident... 3. Fireworks can create CSS. However, see article 2 for clarification.

We hold these truths to be self-evident... 3. Fireworks can create CSS. However, see article 2 for clarification. We hold these truths to be self-evident... 1. Fireworks is a DESIGN program. 2. While Fireworks can design a website or interface, it should not be used for live websites only prototypes and presentations.

More information

Development Techniques for Native/Hybrid Tizen Apps. Presented by Kirill Kruchinkin

Development Techniques for Native/Hybrid Tizen Apps. Presented by Kirill Kruchinkin Development Techniques for Native/Hybrid Tizen Apps Presented by Kirill Kruchinkin Agenda Introduction and Definitions Practices Case Studies 2 Introduction & Definitions 2 App Types Browser Apps Installable

More information

WEB AND APPLICATION DEVELOPMENT ENGINEER

WEB AND APPLICATION DEVELOPMENT ENGINEER WEB AND APPLICATION DEVELOPMENT ENGINEER Program Objective/Description: As a Web Development Engineer, you will gain a wide array of fundamental and in-depth training on front end web development, as well

More information

Title: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA

Title: Front-end Web Design, Back-end Development, & Graphic Design Levi Gable Web Design Seattle WA Page name: Home Keywords: Web, design, development, logo, freelance, graphic design, Seattle WA, WordPress, responsive, mobile-friendly, communication, friendly, professional, frontend, back-end, PHP,

More information

Framework as a master tool in modern web development

Framework as a master tool in modern web development Framework as a master tool in modern web development PETR DO, VOJTECH ONDRYHAL Communication and Information Systems Department University of Defence Kounicova 65, Brno, 662 10 CZECH REPUBLIC petr.do@unob.cz,

More information

Notes on the architecture, design, and data processes in openfda. processing, data harmonization, and website technologies.

Notes on the architecture, design, and data processes in openfda. processing, data harmonization, and website technologies. Notes on the architecture, design, and data processes in openfda OpenFDA uses cutting edge technologies and is a pilot for how FDA can develop and deploy novel applications in the public cloud securely

More information

Visualizing Information with HTML5. @synodinos

Visualizing Information with HTML5. @synodinos Visualizing Information with HTML5 @synodinos 35,000 years ago Chauvet cave, southern France By far the oldest paintings ever discovered Hundreds of paintings At least 13 different species Desktop Visualizations

More information

Sitecore Dashboard User Guide

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

More information

Understanding Data: A Comparison of Information Visualization Tools and Techniques

Understanding Data: A Comparison of Information Visualization Tools and Techniques Understanding Data: A Comparison of Information Visualization Tools and Techniques Prashanth Vajjhala Abstract - This paper seeks to evaluate data analysis from an information visualization point of view.

More information

d3.js Data-Driven Documents Scott Murray, Jerome Cukier & Jeffrey Heer VisWeek 2012 Tutorial

d3.js Data-Driven Documents Scott Murray, Jerome Cukier & Jeffrey Heer VisWeek 2012 Tutorial d3.js Data-Driven Documents Scott Murray, Jerome Cukier & Jeffrey Heer VisWeek 2012 Tutorial How much data (bytes) did we produce in 2010? 2010: 1,200 exabytes Gantz et al, 2008, 2010 2010: 1,200 exabytes

More information

Table of contents. 1. About the platform 3. 2. MetaTrader 4 platform Installation 4. 3. Logging in 5 - Common log in problems 5

Table of contents. 1. About the platform 3. 2. MetaTrader 4 platform Installation 4. 3. Logging in 5 - Common log in problems 5 Table of contents 1. About the platform 3 2. MetaTrader 4 platform Installation 4 3. Logging in 5 - Common log in problems 5 4. How to change your password 6 5. User Interface and Customization 7 - Toolbars

More information

Integration the Web 2.0 way. Florian Daniel (daniel@disi.unitn.it) April 28, 2009

Integration the Web 2.0 way. Florian Daniel (daniel@disi.unitn.it) April 28, 2009 Web Mashups Integration the Web 2.0 way Florian Daniel (daniel@disi.unitn.it) April 28, 2009 What are we talking about? Mashup possible defintions...a mashup is a web application that combines data from

More information

Continue Your Learning with STC Education!

Continue Your Learning with STC Education! Continue Your Learning with STC Education! STC offers a wide variety of online education options throughout the year. Whether you need an introduction to a subject, an in-depth review, or just a brush-up,

More information

Vector Web Mapping Past, Present and Future. Jing Wang MRF Geosystems Corporation

Vector Web Mapping Past, Present and Future. Jing Wang MRF Geosystems Corporation Vector Web Mapping Past, Present and Future Jing Wang MRF Geosystems Corporation Oct 27, 2014 Terms Raster and Vector [1] Cells and Pixel Geometrical primitives 2 Early 2000s From static to interactive

More information

Drupal and ArcGIS Yes, it can be done. Frank McLean Developer

Drupal and ArcGIS Yes, it can be done. Frank McLean Developer Drupal and ArcGIS Yes, it can be done Frank McLean Developer Who we are NatureServe is a conservation non-profit Network of member programs Track endangered species and habitats Across North America Environmental

More information

07/04/2014 NOBIL API. Version 3.0. Skåland Webservice Side 1 / 16

07/04/2014 NOBIL API. Version 3.0. Skåland Webservice Side 1 / 16 NOBIL API Version 3.0 Skåland Webservice Side 1 / 16 Client API version 3.0 NOBIL is a comprehensive and trustworthy database covering all charging stations in Norway, and is open for other countries,

More information