TEMPLE ANALYTICS MERCK CHALLENGE By Team Jeffrey Diana.

Slides:



Advertisements
Similar presentations
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.
Advertisements

Web Applications Development Using Coldbox Platform Eddie Johnston.
Languages for Dynamic Web Documents
Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Administrative  Philosophy  Class survey  Grading  Project  Presentation.
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
Web Development Methodologies Yuan Wang(yw2326). Basic Concepts Browser/Server (B/S) Structure Keywords: Browser, Server Examples: Websites Client/Server.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
1 CS 131 Wrap Up Fall 2008 What Good is Programming?
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
CAEL 5012 Rich Internet Applications. What you need For this part of the course you will need access to a server with PHP and MYSQL which will be supplied.
IT 210 The Internet & World Wide Web introduction.
Introduction to AJAX AJAX Keywords: JavaScript and XML
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
XForms: A case study Rajiv Shivane & Pavitar Singh.
Chapter 1: Introduction to Web
NODEJS, THE JOOMLA FRAMEWORK, AND THE FUTURE IAN MACLENNAN.
Introduction to ArcGIS API for JavaScript
CIS 375—Web App Dev II Microsoft’s.NET. 2 Introduction to.NET Steve Ballmer (January 2000): Steve Ballmer "Delivering an Internet-based platform of Next.
Introduction to Internet Programming (Web Based Application)
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Web Mashups Presented By: Saket Goel Uni: sg2679.
Website Design Lecture 1. Outline Introduction to the module Outline of the Assessment Schedule Lecture Static XHTML, client side and server side Why.
10/13/2015 ©2006 Scott Miller, University of Victoria 1 Content Serving Static vs. Dynamic Content Web Servers Server Flow Control Rev. 2.0.
JavaScript – Quiz #9 Lecture Code:
Cross Site Integration “mashups” cross site scripting.
Sponsors Gold Silver Bronze Custom REST services and jQuery AJAX Building your own custom REST services and consuming them with jQuery AJAX.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
Introduction to Programming the WWW I CMSC Summer 2003 Lecture 7.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
INTRODUCTION TO WEB APPLICATION Chapter 1. In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web,
Web Design: Basic to Advanced Techniques Fall 2010 Mondays 7-9pm 200 Sutardja-Dai Hall Introduction to PHP.
API Crash Course CWU Startup Club. OUTLINE What is an API? Why are API’s useful? What is HTTP? JSON? XML? What is a RESTful API? How do we consume an.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Kevin Grossnicklaus and a “Lot of Web Development Stuff” Presenter: Kevin Grossnicklaus.
Web Development Technologies Advanced Web-based Systems Advanced Web-based Systems | Misbhauddin.
 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.
The basics of knowing the difference CLIENT VS. SERVER.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
SIN DRILL & Z-DRILL Bhaskar Khaneja Lekha Surasani.
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..
Overview Web Technologies Computing Science Thompson Rivers University.
Web Cache. What is Cache? Cache is the storing of data temporarily to improve performance. Cache exist in a variety of areas such as your CPU, Hard Disk.
Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.
Modern Development Technologies in SharePoint SHAREPOINT SATURDAY OMAHA APRIL, 2016.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
Introduction to Node.js® Jitendra Kumar Patel Saturday, January 31, 2015.
National College of Science & Information Technology.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
Dive into web development
Node.Js Server Side Javascript
JavaScript is a language that is used on any website to add tags, improve the function of the website and allow users to interact. When the development.
CS5220 Advanced Topics in Web Programming Course Overview
Node.Js Server Side Javascript
Front End Application Development We at Kushub Media have a group brimming with website specialists who comprehend the functional side of things and have.
COMP 101 Introduction.
Programming vs. Packaged
PHP + Oracle = Data-Driven Websites
MEAN stack L. Grewe.
COMP 101 Introduction.
Lecture 1: Multi-tier Architecture Overview
Module P3 Practical: Building a webapp in nodejs and
Unit 6 part 3 Test Javascript Test.
CS5220 Advanced Topics in Web Programming Course Overview
Building Apps in Azure with only Scripting Skills
Presentation transcript:

TEMPLE ANALYTICS MERCK CHALLENGE By Team Jeffrey Diana

CONTENTS Introduction Roles and Technologies Data Acquisition & Analysis Visualization Organization Strategy

INTRODUCTION Merck is moving  How will this move affect the employees?  How will commute times change?  Which location would be the best? Approach  Organize data by zip code and organization  Weight each zip code based off of employee numbers  Acquire data using APIs and research  Use visualization libraries in JavaScript to create a compelling narrative

ROLES & TECHNOLOGIES

TEAM ROLES Zack Smith  Backend Development Steve Bergey  Data Acquisition Jeff Diana  Data Analysis Jihun Song  Imagineer

TECHNOLOGIES Backend  Python, Javascript, Bash, Nginx, NodeJS, Flask Frontend  HTML, CSS, Javascript, Bootstrap Acquisition and Analysis  Python, Bokeh, Javascript, GMapsJS, Excel Management  Github Everything Else  Emacs

DATA ACQUISITION & ANALYSIS

THE BING API How can we get useful, pertinent data on commute times and locations? Bing API!  Application programming interface  Web-based interface which allows you to work directly with all of Bing’s data  Super simple

COMMUTE TIME ACQUISITION Primary Objective: Get a good data set for average commute times based off of zip codes Solution: Use python!  Break data in to different zip codes  Query Bing API for commute times per zip code  Do the same for organization

WHAT ELSE CAN BING GET US? Commute times are fantastic! How about we get some graphical data? Methodology:  Let’s break down the data the same way as before  Instead of querying the API for time, let’s query it for the route a commuter takes  A ton of points!

A TON OF POINTS ANALYSIS We’ve acquired our data, now what do we do with it? Gmaps Javascript Library  Map Generation  Draw polylines

VISUALIZATION

JAVASCRIPT IS NIFTY! JavaScript is a scripting language similar to Python which is designed to be used with websites Executes client-side Allows neat user interactions On every website, ever

THE DREAM

LET’S MAKE A WEBSERVER JavaScript has server-side applications too  NodeJS Python is easier  Flask We can host our website on a Virtual Private Server (VPS), and anyone in the world can access it  Access to all that beautiful JavaScript  Custom UI  Unique Experience

PORTRAIT OF A SIMPLE WEBSITE Python-Based Web Server Client (Web Browser) Request (HTTP) Response (HTML, CSS, JS)

SERVER-SIDE REQUEST HANDLING

HTML: THE IMPORTANT PARTS

JAVASCRIPT: THE IMPORTANT PARTS

END RESULTS

MORE RESULTS

SCROLLING!

ORGANIZATION

GITHUB REPOSITORIES We used GitHub to manage all our code  Easy collaboration  Revision Control  Independent branches  Commit Messages

CONCLUSION Project Management is hard  Bring together a lot of conflicting ideas from a lot of different people  Split up tasks effectively  Using time effectively We suck at JavaScript  It’s hard to learn a new technology Expectation Vs. Reality Cleanairfor.me

QUESTIONS? Go ahead, ask me anything.