Data Visualization. Lecture 08 (Final) Colman McMahon 2012/13
|
|
|
- Brett Simpson
- 7 years ago
- Views:
Transcription
1 Data Visualization Lecture 08 (Final) Colman McMahon 1
2 Contact Details Colman McMahon - colman.mcmahon@dit.ie Notes - Sharing - facebook.com/thedataco Lectures: Tuesdays 18:30-21:30, KA
3 Agenda Housekeeping Sign-in sheet Notices Lecture dates Lecture 1) Technology Fundamentals 2) Install local webserver 3) Install D3 4) Create first (small) D3 script 3
4 Notices Revised lecture notes uploaded to:» 4
5 Lecture Dates Week 01 Lecture 01-29/01/13 Week 02 Lecture 02-05/02/13 Week 03 Lecture 03-12/02/13 Week 04 Lecture 04-19/02/13 Week 05 Lecture 05-26/02/13 Week 06 Lecture 06-05/03/13 Week 07 Lecture 07-12/03/13 Week 08 Lecture 08-19/03/13 Week 09 Easter Hols - 26/03/13 Week 10 Easter Hols - 02/04/13 Week 11 Lecture 09-09/04/13 Week 12 Lecture 10-16/04/13 Week 13 Review Wk - 23/04/13 Week 14 Lecture 11-30/04/13 Week 15 Lecture 12-07/05/13 St. Patrick's Weekend 5
6 Module - Syllabus INTRO Lecture 01 Introductions, course overview Warm-up visualization exercise PART 1 Principles Lecture 02 Illinsky & Steele - Chs 1-3 Install R and R-Studio, install colour palette Lecture 03 Illinsky & Steele - Chs 4-6 Install Inkscape + mini-tutorial Lecture 04 Yau - Ch 2 "Handling Data" Install Python, Beautiful Soup + screen scraping Lecture 05 Yau - Ch 4 "Patterns Over Time" Lab tutorial Lecture 06 Yau - Ch 6 "Relationships" Lab tutorial Lecture 07 Yau - Ch 8 "Spatial Relationships" (excl. animation) Lab tutorial Lecture 08 D3 Introduction D3 Lab tutorial Lecture 09 D3 Lab tutorial Lecture 10 D3 Lab tutorial Lecture 11 D3 Lab tutorial Lecture 12 Presentations, review, exam prep PART 2 R & Inkscape PART 3 D3.js END 6
7 D3.js d3js.org 7
8 Interactive Data Visualization for the Web An Introduction to Designing With D3 Scott Murray Publisher: O'Reilly Media (March, 2013) ISBN-10:
9 D3 Tips and Tricks D3noob 9
10 Other resources (small sample) D D3 and R Basics of JavaScript and D3 for R Users d3, Shiny, and R R and d3.js
11 Education is not the filling of a pail, But the lighting of a fire. "The mind is not a vessel to be filled, but a fire to be kindled." Plutarch 11
12 Let's get started... 12
13 D3, you... Why Write Code?» Alogrithmic vs manual Why Interactive (vs static)?» (Un)Limited dimensions» Empower/encourage engagement/exploration Why on the Web?» Exposure 13
14 Part 1 Technology Fundamentals 14
15 Technology Fundamentals 1) The Web 2) HTML 3) Document Object Model (DOM) 4) CSS 5) JavaScript 6) Scalable Vector Graphics (SVG) Some extremely basic definitions to follow... 15
16 The Web A collection of conversations between web servers and web clients ( browsers ) Web servers are Internet-connected computers running server software,» so called because they serve web documents as requested Server can also run locally, e.g. on your own computer (will set this up) 16
17 HTML HyperText Markup Language The stuff that web pages are made of Core function of HTML is to enable you to <!DOCTYPE html> <html> mark up content, thereby giving it <head> structure/hierarchy <title>page Title</title> (For our purposes, all we're going to use </head> HTML for is to hold the code that you will <body> use to present your information) <h1>page Title</h1> <p>this is a really interesting paragraph.</p> </body> </html> 17
18 A conceptualised map that allows us move easily move around a webpage to apply actions/ styles/behaviours DOM Document Object Model 18
19 DOM Document Object Model Document - the page loaded into the browser Object Model - browser conceptualises webpage as a series of models (maps) Web browsers parse the DOM in order to make sense of a page s content The DOM allows our code navigate hierarchy to apply styles and actions to elements 19
20 DOM Document Object Model Elements - each pair of bracketed tags (or, in some cases, a single tag) Elements relative relationships to each other - parent, child, sibling, ancestor, and descendant <html> <body> <h1>breaking News</h1> <p></p> </body> Body is the parent element to both of its children, h1 and p (which are siblings to each other). All elements on the page are descendants of html. </html> 20
21 CSS Cascading Style Sheets A 'Markup' language Used to style the visual presentation of DOM elements Assigns specific styles to specific objects that you draw with D3 body { background color: white; color: black; } p, li { font size: 12px; Specifys that both p paragraphs and li list items should use the same font size, line height, and color line height: 14px; color: orange; } 21
22 JavaScript A scripting language that can make pages dynamic by manipulating the DOM after a page has already loaded in the browser Variables - containers for data var number = 5; Arrays - a sequence of values, conveniently stored in a single variable var numbers = [ 5, 10, 15, 20, 25 ]; Objects - with more complex data sets, you ll want to put your data into an object var fruit = { kind: "grape", color: "red", quantity: 12, tasty: true }; 22
23 JSON JavaScript Object Notation (Another type of variable) A text-based, human-readable data syntax for organizing data as JavaScript objects { "kind": "grape", "color": "red", "quantity": 12, "tasty": true } Designed for representing simple data structures and associative arrays, called objects 23
24 Data types text: plain text (has options to be encoded in a particular way) json: JavaScript Object Notation xml: Extensible Markup Language is a language that is widely used for encoding documents in a human readable form html: HyperText Markup Language used for displaying web pages csv: Comma Separated Values - widely used format for storing data in plain text separated by commas tsv: Tab Separated Values - widely used format for storing datain plain text separated by y a tab-stop character (Details on these ingestion methods and the formats for the requests are well explained on thed3 Wiki page) 24
25 GeoJSON A formalised syntax of JSON objects, optimized for storing geodata GeoJSON can store points in geographical space (typically as longitude/latitude coordinates), and also shapes (like lines and polygons) and other spatial features { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ , ] }, "properties": { "type": "town" } } ] } 25
26 SVG D3 is most useful when used to generate and manipulate visuals as Scalable Vector Graphics Drawing with divs and other native <svg width="50" height="50"> <circle cx="25" cy="25" r="22" fill="blue" stroke="gray" stroke width="2"/> </svg> HTML elements is possible, but clunky and subject to inconsistencies across different browsers» SVG is more reliable, visually consistent, and faster 26
27 Developer Tools Local Web Server, e.g. XAMPP Web Inspector, e.g. Firebug Text Editor, e.g. Notepad++ Web browser Chrome, Firefox 27
28 Part 2 Local Webserver 36
29 Common Webservers Apache» LAMP Linux, Apache, MySQL, PHP» WAMP Windows, Apache, MySQL, PHP» MAMP Mac, Apache, MySQL, PHP» XAMPP X, Apache, MySQL, PHP, PEAR IIS Internet Information Systems (Windows) 38
30 XAMPP - ApacheFriends select your operating system 39
31 Download (installing XAMPP as a program (.exe) will help avoid permissions issues) 40
32 File will download from Sourceforge... 41
33 Save the file 42
34 Start the installation... Double click... (if a warning dialog appears click the "Allow" option to install XAMPP) 43 Source:
35 Choose a language from the menu, and then click OK.» A Setup Wizard window appears, ready to step you through the setup process.» In Vista you may see a message warning you that XAMPP may not work when installed in the C:\Program Files directory. The default installation is in C:\XAMPP so you don t have to worry about this problem. Click the Next button.» The installer suggests putting the application on your main drive at C:\XAMPP. (You can pretty much install it anywhere, but with the Vista operating system you may encounter problems if you install it in C:\Program Files.) Click the Next button once again.» The XAMPP Options window appears (see below). In most cases, it s fine to leave all the window 44 Source:
36 Options... If doing a lot of development, you might want to turn on the Install Apache as service and Install MySQL as service checkboxes. A service starts up every time you turn on your computer, so Apache, PHP, and MySQL are always running.» However, if you won t be building database sites frequently, or you don t have a lot of RAM in your computer, don t turn on these boxes (you ll just have to manually start the servers ). 45 Source:
37 Click Install.» The installer places all the files onto your system. This process takes a while, since a lot of programs and files are being installed. Finally, click the Finish button.» A window appears congratulating you (way to double-click the installer program!), and asking whether you wish to start the XAMPP Control panel. Click Yes, to open the XAMPP Control Panel (see screenshot below).» The XAMPP Control Panel lets you start and stop the Apache Web server and MySQL database server. 46 Source:
38 Start Services Start Apache and MySQL 47
39 If the buttons to the right of Apache and MySQL say Start, click them to start the Web server and the MySQL database server.» You probably get a Windows security alert about both MySQL and Apache: Click the Unblock button in both cases. This action allows the two servers to run, and tells the Windows firewall protection service that everything is OK. If Apache and MySQL are already running, these buttons say Stop. (Clicking them turns off the Web server and MySQL.) Whenever you start Apache, PHP automatically starts as well. At this point, you should have a complete testing server running on your machine. You just need to make sure it s working. To do so, launch a Web browser, and, in the Location bar, type You encounter a page that lists a languages; click the language you prefer, and you re taken to a kind of Web-based control panel for XAMPP (see Source: 48
40 Once installed, you can view your XAMPP home page from From the left-hand list of links, you can access helpful programs and information, such as phpmyadmin (for working with the MySQL database) and phpinfo() for finding out more about the server setup. 49 Source:
41 Finally... Once you ve installed XAMPP, you ll see a shortcut called XAMPP Control Panel on your desktop. Double-click this icon to control the servers you ve just installed you can turn the servers off and on, as well as turn them into services (which launch each time you start up your computer). 50 Source:
42 XAMPP files (anatomy of a webserver) 51
43 Web folder htdocs folder» all websites, web pages, applications, etc. go in this folder 52
44 Part 3 Install D3 53
45 Getting & Installing D3 Follow instructions Murray, Chapter 4 Download the latest version here: Unzip d3.js into htdocs folder 54
46 55
47 56
48 Part 4 First D3 script 57
49 Starting with a basic graph Starting with a basic graph» Page 9-34» (stop at Adding the SVG Canvas ) 58
50 Code Examples Code samples for tutorials: 59
51 Over Easter... 60
52 Optional work Finish Basic Graph tutorial Connecting D3 to a MySQL database 61
53 62
54 Lecture Dates Week 01 Lecture 01-29/01/13 Week 02 Lecture 02-05/02/13 Week 03 Lecture 03-12/02/13 Week 04 Lecture 04-19/02/13 Week 05 Lecture 05-26/02/13 Week 06 Lecture 06-05/03/13 Week 07 Lecture 07-12/03/13 Week 08 Lecture 08-19/03/13 Week 09 Easter Hols - 26/03/13 Week 10 Easter Hols - 02/04/13 Week 11 Lecture 09-09/04/13 Week 12 Lecture 10-16/04/13 Week 13 Review Wk - 23/04/13 Week 14 Lecture 11-30/04/13 Week 15 Lecture 12-07/05/13 St. Patrick's Weekend 63
55 Data Visualization Lecture 08 (Final) Colman McMahon 65
MOODLE Installation on Windows Platform
Windows Installation using XAMPP XAMPP is a fully functional web server package. It is built to test web based programs on a personal computer. It is not meant for online access via the web on a production
Getting Started with Dynamic Web Sites
PHP Tutorial 1 Getting Started with Dynamic Web Sites Setting Up Your Computer To follow this tutorial, you ll need to have PHP, MySQL and a Web server up and running on your computer. This will be your
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
Setting Up a Development Server
2 Setting Up a Development Server If you wish to develop Internet applications but don t have your own development server, you will have to upload every modification you make to a server somewhere else
CEFNS Web Hosting a Guide for CS212
CEFNS Web Hosting a Guide for CS212 INTRODUCTION: TOOLS: In CS212, you will be learning the basics of web development. Therefore, you want to keep your tools to a minimum so that you understand how things
Intro to Web Development
Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing
Magaya Software Installation Guide
Magaya Software Installation Guide MAGAYA SOFTWARE INSTALLATION GUIDE INTRODUCTION Introduction This installation guide explains the system requirements for installing any Magaya software, the steps to
BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005
BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005 PLEASE NOTE: The contents of this publication, and any associated documentation provided to you, must not be disclosed to any third party without
How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)
ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn
TUTORIAL 4 Building a Navigation Bar with Fireworks
TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar
WA2262 Applied Data Science and Big Data Analytics Boot Camp for Business Analysts. Classroom Setup Guide. Web Age Solutions Inc.
WA2262 Applied Data Science and Big Data Analytics Boot Camp for Business Analysts Classroom Setup Guide Web Age Solutions Inc. Copyright Web Age Solutions Inc. 1 Table of Contents Part 1 - Minimum Software
PHP+MYSQL, EASYPHP INSTALLATION GUIDE
PHP+MYSQL, EASYPHP INSTALLATION GUIDE EasyPhp is a tool to install and configure an Apache server along with a database manager, MySQL. Download the latest version from http://www.easyphp.org/ as seen
IE Class Web Design Curriculum
Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,
SIMIAN systems. Setting up a Sitellite development environment on Windows. Sitellite Content Management System
Setting up a Sitellite development environment on Windows Sitellite Content Management System Introduction For live deployment, it is strongly recommended that Sitellite be installed on a Unix-based operating
TIMETABLE ADMINISTRATOR S MANUAL
2015 TIMETABLE ADMINISTRATOR S MANUAL Software Version 5.0 BY GEOFFPARTRIDGE.NET TABLE OF CONTENTS TOPIC PAGE 1) INTRODUCTION 1 2) TIMETABLE SPECIFICATIONS 1 3) SOFTWARE REQUIRED 1 a. Intranet Server (XAMPP
Using Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
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,
IT3504: Web Development Techniques (Optional)
INTRODUCTION : Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development
Module 6 Web Page Concept and Design: Getting a Web Page Up and Running
Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create
WA2256 Responsive Mobile Web Development with HTML5, CSS3, JavaScript, and jquery Mobile. Classroom Setup Guide. Web Age Solutions Inc.
WA2256 Responsive Mobile Web Development with HTML5, CSS3, JavaScript, and jquery Mobile Classroom Setup Guide Web Age Solutions Inc. Copyright Web Age Solutions Inc. 1 Table of Contents Part 1 - Minimum
Dreamweaver and Fireworks MX Integration Brian Hogan
Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The
Analyzing Data Using Excel
Analyzing Data Using Excel What you will do: Create a spreadsheet Use formulas and basic formatting Import text files Save worksheets as web pages Add interactivity to web worksheets Use pivot tables Create
Blueball Design Dynamic Content 2 Stack Readme Manual v1.0
Blueball Design Dynamic Content 2 Stack Readme Manual v1.0 A unique responsive stack that dynamically populates and updates a content area within the stack using a warehoused external XML flat text file
Installing a Personal Server on your PC
Installing a Personal Server on your PC A personal or WAMP server is a private server you can install on your PC to run many scripts pretty much as they ll run in the real world. There are some restrictions
Website Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of
WEB DEVELOPMENT IA & IB (893 & 894)
DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.
Adobe Illustrator CS6. Illustrating Innovative Web Design
Overview In this seminar, you will learn how to create a basic graphic in Illustrator, export that image for web use, and apply it as the background for a section of a web page. You will use both Adobe
How To Set Up A Xerox Econcierge Powered By Xerx Account
Xerox econcierge Account Setup Guide Xerox econcierge Account Setup Guide The free Xerox econcierge service provides the quickest, easiest way for your customers to order printer supplies for all their
OrangeHRM Web Installation Guide for Windows
OrangeHRM Web Installation Guide for Windows All rights reserved. Published in the United States of America. This publication is protected by copyright, and permission must be obtained from the publisher
Digital Marketing EasyEditor Guide Dynamic
Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury
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
Dreamweaver. Introduction to Editing Web Pages
Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel
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.
Write a Web Application for Free Edition 2
Write a Web Application for Free Edition 2 Thomas Davenport This book is for sale at http://leanpub.com/writeawebapplication4free This version was published on 2016-01-27 This is a Leanpub book. Leanpub
Citrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved.
Citrix StoreFront Customizing the Receiver for Web User Interface 2012 Citrix. All rights reserved. Customizing the Receiver for Web User Interface Introduction Receiver for Web provides a simple mechanism
Getting Started with MozyPro Online Backup Online Software from Time Warner Cable Business Class
Getting Started with MozyPro Online Backup Online Software from Time Warner Cable Business Class A Guide for Users MozyPro is an online backup service with an easy to use interface so you can start backing
Short notes on webpage programming languages
Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of
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
Basic tutorial for Dreamweaver CS5
Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to
Adobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
3DHOP Local Setup. Lezione 14 Maggio 2015
Lezione 14 Maggio 2015 3DHOP what is it? Basically a set of web files :.html (hyper text markup language) The main file, it contains the Web page structure e some basic functions..js (javascript) The brain
Mapping ITS s File Server Folder to Mosaic Windows to Publish a Website
Mapping ITS s File Server Folder to Mosaic Windows to Publish a Website April 16 2012 The following instructions are to show you how to map your Home drive using ITS s Network in order to publish a website
Sage Accountants Business Cloud EasyEditor Quick Start Guide
Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing
IBRI College of Technology Department of Information Technology. Intercollegiate Web Programming Contest On 12 March, 2013 (Tuesday)
IBRI College of Technology Department of Information Technology Intercollegiate Web Programming Contest On 12 March, 2013 (Tuesday) Eligibility: Web Programming Contest Rules The contest is open to Diploma
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)
Virtual Office Remote Installation Guide
Virtual Office Remote Installation Guide Table of Contents VIRTUAL OFFICE REMOTE INSTALLATION GUIDE... 3 UNIVERSAL PRINTER CONFIGURATION INSTRUCTIONS... 12 CHANGING DEFAULT PRINTERS ON LOCAL SYSTEM...
Installing Drupal on Your Local Computer
Installing Drupal on Your Local Computer This tutorial will help you install Drupal on your own home computer and allow you to test and experiment building a Web site using this open source software. This
Programming exercises (Assignments)
Course 2013 / 2014 Programming exercises (Assignments) TECHNOLOGIES FOR DEVELOPING WEB USER INTERFACES Websites (HTML5 and CSS3) Table of contents Technologies for developing web user interfaces... 1 Websites
Installation Guidelines (MySQL database & Archivists Toolkit client)
Installation Guidelines (MySQL database & Archivists Toolkit client) Understanding the Toolkit Architecture The Archivists Toolkit requires both a client and database to function. The client is installed
CYCLOPE let s talk productivity
Cyclope 6 Installation Guide CYCLOPE let s talk productivity Cyclope Employee Surveillance Solution is provided by Cyclope Series 2003-2014 1 P age Table of Contents 1. Cyclope Employee Surveillance Solution
Microsoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,
VP-ASP Shopping Cart Quick Start (Free Version) Guide Version 6.50 March 21 2007
VP-ASP Shopping Cart Quick Start (Free Version) Guide Version 6.50 March 21 2007 Rocksalt International Pty Ltd support@vpasp.com www.vpasp.com Table of Contents 1 INTRODUCTION... 3 2 FEATURES... 4 3 WHAT
CIS 467/602-01: Data Visualization
CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful
Installation Instructions
WampServer Installation Instructions The Web pages that students create in CIT 173 PHP Programming contain code that must be processed by a Web server. It isn t possible to open PHP files directly using
understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver
LESSON 3: ADDING IMAGE MAPS, ANIMATION, AND FORMS CREATING AN IMAGE MAP OBJECTIVES By the end of this part of the lesson you will: understand how image maps can enhance a design and make a site more interactive
Using HTML5 Pack for ADOBE ILLUSTRATOR CS5
Using HTML5 Pack for ADOBE ILLUSTRATOR CS5 ii Contents Chapter 1: Parameterized SVG.....................................................................................................1 Multi-screen SVG.......................................................................................................4
Publish Joomla! Article
Enterprise Architect User Guide Series Publish Joomla! Article Author: Sparx Systems Date: 15/07/2016 Version: 1.0 CREATED WITH Table of Contents Publish Joomla! Article 3 Install Joomla! Locally 4 Set
Joomla! template Blendvision v 1.0 Customization Manual
Joomla! template Blendvision v 1.0 Customization Manual Blendvision template requires Helix II system plugin installed and enabled Download from: http://www.joomshaper.com/joomla-templates/helix-ii Don
Vodafone PC SMS 2010. (Software version 4.7.1) User Manual
Vodafone PC SMS 2010 (Software version 4.7.1) User Manual July 19, 2010 Table of contents 1. Introduction...4 1.1 System Requirements... 4 1.2 Reply-to-Inbox... 4 1.3 What s new?... 4 2. Installation...6
Web Hosting Training Guide. Web Hosting Training Guide. Author: Glow Team Page 1 of 28 Ref: GC278_v1.1
Web Hosting Training Guide Internet Explorer version Doc Ref: GC278_v1.1 Author: Glow Team Page 1 of 28 Ref: GC278_v1.1 Contents Introduction... 3 What is the Glow Web Hosting service?... 3 Why use the
Chapter 14: Links. Types of Links. 1 Chapter 14: Links
1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and
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
Modelling with R and MySQL. - Manual - Gesine Bökenkamp, Frauke Wiese, Clemens Wingenbach
Modelling with R and MySQL - Manual - Gesine Bökenkamp, Frauke Wiese, Clemens Wingenbach October 27, 2014 1 Contents 1 Software Installation 3 1.1 Database...................................... 3 1.1.1
Install Apache on windows 8 Create your own server
Source: http://www.techscio.com/install-apache-on-windows-8/ Install Apache on windows 8 Create your own server Step 1: Downloading Apache Go to Apache download page and download the latest stable version
Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL
Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits
CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5
CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5 AIM To learn the basics of creating web pages with HTML5. Remember to register your practical attendance. This sheet contains one checkpoint.
ArcGIS online Introduction... 2. Module 1: How to create a basic map on ArcGIS online... 3. Creating a public account with ArcGIS online...
Table of Contents ArcGIS online Introduction... 2 Module 1: How to create a basic map on ArcGIS online... 3 Creating a public account with ArcGIS online... 3 Opening a Map, Adding a Basemap and then Saving
HOW TO SETUP AN APACHE WEB SERVER AND INTEGRATE COLDFUSION
HOW TO SETUP AN APACHE WEB SERVER AND INTEGRATE COLDFUSION Draft version 1.0 July 15 th 2010 Software XAMPP is an open source package designed to take almost all the work out of setting up and integrating
How to install and use the File Sharing Outlook Plugin
How to install and use the File Sharing Outlook Plugin Thank you for purchasing Green House Data File Sharing. This guide will show you how to install and configure the Outlook Plugin on your desktop.
Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo
Dreamweaver CS3 THE MISSING MANUAL David Sawyer McFarland POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Table of Contents The Missing Credits Introduction 1 Part
IT3503 Web Development Techniques (Optional)
INTRODUCTION Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development
WEB INTERFACE FOR CDS/ISIS. GENISISweb VERSION 3.0.0. Deepali Talagala, General Secretary, Sri Lanka Library Association Colombo
WEB INTERFACE FOR CDS/ISIS GENISISweb VERSION 3.0.0 Deepali Talagala, General Secretary, Sri Lanka Library Association Colombo July 2003 PREFACE I would like to thank Mr. David Storti for his excellent
UOFL SHAREPOINT ADMINISTRATORS GUIDE
UOFL SHAREPOINT ADMINISTRATORS GUIDE WOW What Power! Learn how to administer a SharePoint site. [Type text] SharePoint Administrator Training Table of Contents Basics... 3 Definitions... 3 The Ribbon...
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates
Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,
Livezilla How to Install on Shared Hosting http://www.jonathanmanning.com By: Jon Manning
Livezilla How to Install on Shared Hosting By: Jon Manning This is an easy to follow tutorial on how to install Livezilla 3.2.0.2 live chat program on a linux shared hosting server using cpanel, linux
Important Notes for WinConnect Server VS Software Installation:
Important Notes for WinConnect Server VS Software Installation: 1. Only Windows Vista Business, Windows Vista Ultimate, Windows 7 Professional, Windows 7 Ultimate, Windows Server 2008 (32-bit & 64-bit),
Using Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
How To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font
Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading
Wakanda Studio Features
Wakanda Studio Features Discover the many features in Wakanda Studio. The main features each have their own chapters and other features are documented elsewhere: Wakanda Server Administration Data Browser
How to start with 3DHOP
How to start with 3DHOP Package content, local setup, online deployment http://3dhop.net 30/6/2015 The 3DHOP distribution Where to find it, what s inside The 3DHOP distribution package From the page http://3dhop.net/download.php
Installing and Using the xampplite Standalone Web Server
Installing and Using the xampplite Standalone Web Server You can install the required software quickly and easily. The version of XAMPPLite that is provided already includes the textbook sample files and
Contents. Hardware Configuration... 27 Uninstalling Shortcuts Black...29
Contents Getting Started...1 Check your Computer meets the Minimum Requirements... 1 Ensure your Computer is Running in Normal Sized Fonts... 7 Ensure your Regional Settings are Correct... 9 Reboot your
Getting Started using the SQuirreL SQL Client
Getting Started using the SQuirreL SQL Client The SQuirreL SQL Client is a graphical program written in the Java programming language that will allow you to view the structure of a JDBC-compliant database,
Web Dashboard User Guide
Web Dashboard User Guide Version 10.2 The software supplied with this document is the property of RadView Software and is furnished under a licensing agreement. Neither the software nor this document may
Website Builder Documentation
Website Builder Documentation Main Dashboard page In the main dashboard page you can see and manager all of your projects. Filter Bar In the filter bar at the top you can filter and search your projects
Create an Art Collage
Create an Art Collage Anyone with children knows how much art they bring home from school everyday, those backpacks full of art add up fast. Now, you don t have to part with a single precious piece or
Installing and using XAMPP with NetBeans PHP
Installing and using XAMPP with NetBeans PHP About This document explains how to configure the XAMPP package with NetBeans for PHP programming and debugging (specifically for students using a Windows PC).
AJ Matrix V5. Installation Manual
AJ Matrix V5 Installation Manual AJ Square Consultancy Services (p) Ltd., The Lord's Garden, #1-12, Vilacheri Main Road, Vilacheri, Madurai-625 006.TN.INDIA, Ph:+91-452-3917717, 3917790. Fax : 2484600
UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1
UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,
BROWSER TIPS FOR PEOPLESOFT
BROWSER TIPS FOR PEOPLESOFT Please note: This document is designed to be used online and has a number of embedded links to processes and additional information. We discourage the printing of these documents
Installing a Browser Security Certificate for PowerChute Business Edition Agent
Installing a Browser Security Certificate for PowerChute Business Edition Agent The Agent component of PowerChute Business Edition has a "self-signed" security certificate. This means that when you access
Install MS SQL Server 2012 Express Edition
Install MS SQL Server 2012 Express Edition Sohodox now works with SQL Server Express Edition. Earlier versions of Sohodox created and used a MS Access based database for storing indexing data and other
Learning Management System (LMS) Quick Tips. Contents LMS REFERENCE GUIDE
Learning Management System (LMS) Quick Tips Contents Process Overview... 2 Sign into the LMS... 3 Troubleshooting... 5 Required Software... 5 Mobile devices are not supported... 5 Using the Check System
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
Project management integrated into Outlook
y Project management integrated into Outlook InLoox PM 7.x Help for the configuration for MySQL-Server An InLoox Whitepaper Published: October 2011 Copyright: InLoox GmbH 2011 You find up-to-date information
Guide to Setting up Docs2Manage using Cloud Services
COMvantage Solutions Presents: Version 3.x Cloud based Document Management Guide to Setting up Docs2Manage using Cloud Services Docs2Manage Support: Email: service@docs2manage.com Phone: +1.847.690.9900
Download and Installation Instructions. Java JDK Software for Windows
Download and Installation Instructions for Java JDK Software for Windows Updated January, 2012 The TeenCoder TM : Java Programming and TeenCoder TM : Android Programming courses use the Java Development
Mozilla Mail. Created by Holly Robertson and Quinn Stewart Spring 2004 IT Lab, School of Information University of Texas at Austin
Mozilla Mail Created by Holly Robertson and Quinn Stewart Spring 2004 IT Lab, School of Information University of Texas at Austin Mozilla is an open source suite of applications used for web browsing,
PROJECT MANAGEMENT SYSTEM
Requirement Analysis Document v.2 14.12.2009 CENG-401 SOFTWARE ENGINEER PROJECT MANAGEMENT SYSTEM (Project Manager) Ahmet Edip SEÇKİN 07010555 (Developer) Erhan ŞEN 07010507 (Developer) Semih Serdar CENGİZOĞLU
4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development
4 Understanding Web Applications IN THIS CHAPTER 4.1 Understand Web page development 4.2 Understand Microsoft ASP.NET Web application development 4.3 Understand Web hosting 4.4 Understand Web services