In-page traffic distribution display ● Original idea – Allow a website administrator to see the flow of users from current page to all available destinations.

Slides:



Advertisements
Similar presentations
Cross-Site Scripting Issues and Defenses Ed Skoudis Predictive Systems © 2002, Predictive Systems.
Advertisements

Introduction to JavaScript
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
Networked application programs Skills: none Concepts: networked versus stand-alone applications, client-server architecture, Web applications versus specialized.
Murder Mystery Murder Mystery Concept Demo By By The Giant Squid The Giant Squid.
Project Summary Everybody’s Google is a web browser extension which mines personalized Google search results and redistributes them to extension users.
Creating WordPress Websites. Creating a site on your computer Local server Local WordPress installation Setting Up Dreamweaver.
Multiple Tiers in Action
Technologies for EC/EB Walt Scacchi FEMBA 290 Winter 2003.
Apache Tomcat Server Typical html Request/Response cycle
The World Wide Web and the Internet Dr Jim Briggs 1WUCM1.
Usability Test by Knowing User’s Every Move - Bharat chaitanya.
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
UNIFORM RESOURCE LOCATOR (URL)
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
8/17/2015CS346 PHP1 Module 1 Introduction to PHP.
Web Page A page displayed by the browser. Website Collection of multiple web pages Web Browser: A software that displays web pages on client computer.
Tracking Services for ANY websites and web applications Zhu Xiong CSE 403 LCO.
Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.
1 Ajax. 2 What’s Ajax? AJAX is a combination of a few technologies that has come together in the past few years AJAX used to be an acronym for Asynchronous.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
Chapter 1: Introduction to Web
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
AJAX Without the “J” George Lawniczak. What is Ajax?
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
HOW WEB SERVER WORKS? By- PUSHPENDU MONDAL RAJAT CHAUHAN RAHUL YADAV RANJIT MEENA RAHUL TYAGI.
Sheet 1XML Technology in E-Commerce 2001Lecture 1 XML Technology in E-Commerce Lecture 1 WWW, HTML, CSS, XML, Meta-modeling.
Lecture # 6 Forms, Widgets and Event Handling. Today Questions: From notes/reading/life? Share Personal Web Page (if not too personal) 1.Introduce: How.
MIS 424 Professor Sandvig. Overview  Why Analytics?  Two major approaches:  Server logs  Google Analytics.
1 Welcome to CSC 301 Web Programming Charles Frank.
NETWORK HARDWARE AND SOFTWARE MR ROSS UNIT 3 IT APPLICATIONS.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Jim Janson. Agenda Evolution of software architectures 3-tier User interfaces Application servers Databases.
Introduction to Internet. Chapter 1 Objectives Origins of the Internet Packets and Routers TCP/IP DNS HTTP URL Client-Server.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
Chapter 16 The World Wide Web. FIGURE 16.0.F01: A very, very simple Web page. Courtesy of Dr. Richard Smith.
1 3 Computing System Fundamentals 3.4 Networked Computer Systems.
AFTERCOLLEGE SELF- SERVICE SCRAPE CONFIGURATION AND POSTING UTILITY Kai Hu Haiyan Wu March 17, Cowell 416 Midterm Presentation.
The Module Road Map Assignment 1 Road Map We will look at… Internet / World Wide Web Aspects of their operation The role of clients and servers ASPX.
the acronym for Asynchronous JavaScript and XML.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Ajax for Dynamic Web Development Gregory McChesney.
HTML 5 Tutorial Chapter 6 Web Storage. Storing Data on The Client HTML5 offers two new objects for storing data on the client: localStorage - stores data.
 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.
IS2803 Developing Multimedia Applications for Business (Part 2) Lecture 2: Introduction to IS2803 Rob Gleasure
Display Page (HTML/CSS)
Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.
PHP and AJAX. Servers and Clients For many years we tried to move as much as possible to the server. Weak clients, poor bandwidth, browser compatibility..
ConTZole Tomáš Kubeš, 2010 atlas-tz-monitoring.cern.ch An Interactive ATLAS Tier-0 Monitoring.
Some from Chapter 11.9 – “Web” 4 th edition and SY306 Web and Databases for Cyber Operations Cookies and.
SlideSet #20: Input Validation and Cross-site Scripting Attacks (XSS) SY306 Web and Databases for Cyber Operations.
Web Programming Building Dynamic Web Pages Adrian Shaw (ais) – 80% Jonathan Roscoe (jjr6) - 20%
POS 420 Week 4 Individual Systems Administration Scripting Log Resource: Systems Administration Scripting Log Complete Systems Administration Scripting.
Presented by Michael Rainey South Mississippi Linux Users Group
Dive into web development
What is Google Analytics?
Web Programming Language
Warm Handshake with Websites, Servers and Web Servers:
MapServer In its most basic form, MapServer is a CGI program that sits inactive on your Web server. When a request is sent to MapServer, it uses.
Best SEO Company in California Irving ScheibIrving Scheib.
Browser Engine How it works…..
WebSpector: JavaScript Execution Monitor Minyeop Choi
Cross-Site Scripting Issues and Defenses Ed Skoudis Predictive Systems
Client-Server Model: Requesting a Web Page
Web Servers (IIS and Apache)
Your computer is the client
Who is Using your webSite?
Web Application Development Using PHP
Presentation transcript:

In-page traffic distribution display ● Original idea – Allow a website administrator to see the flow of users from current page to all available destinations – Present information either in form of progress bars or semi-transparent overlays – Throw in informations about sources from which users came to this page – Should be a “context” data source (providing simple background view of situation)

Evil reality intrudes ● Available data somewhat skimpy, and so pageA -> pageB visit statistics are quite meaningless ● Largest sources of traffic – unknown, Google ● Result: right now, backend offers only global link popularity data ● Also, got tangled up with a nasty bug in Opera – had to change target browser in the middle of development

Benefits ● Administrator can compare usefulness of links without digging through reports ● No modifications of source website needed – No diving into unmaintainable cruft! – Access logs are the only required data source ● So simple that even a manager can use and understand it

Building blocks ● Client: Firefox with Greasemonkey extension (allows the user to run their own Javascript on pages they visit) ● Web Server: just about anything ● Statistics Server: Apache with a couple of Python scripts.

Browser Web Server Request Web Page Statistics Server

Browser (link extraction) Statistics Server Web Server

Browser Statistics Server (data served by Python script) Web Server XMLHttpRequest asks for popularity of given URLs Number of visits for every requested URL

Browser (process and display received data) Statistics ServerWeb Server

Demo ● Or static screenshots if statistics server (my home machine) is down for some reason.