data presentation in a web app
play

Data Presentation in a Web-App Journey of a start-up Simon Oxley - PowerPoint PPT Presentation

Oct 05, 2023 •441 likes •1.15k views

Data Presentation in a Web-App Journey of a start-up Simon Oxley Co-founder & CTO Aware Monitoring http://awaremonitoring.com @soxley We monitor web-services performance and availability. Websites APIs XML Feeds Forms

  1. Data Presentation in a Web-App Journey of a start-up Simon Oxley Co-founder & CTO Aware Monitoring http://awaremonitoring.com @soxley

  2. We monitor web-services performance and availability. › Websites › APIs › XML Feeds › Forms http://awaremonitoring.com

  3. We’re Bootstrapping

  4. Time vs. Cost

  5. Tough Decisions

  6. First, a tangent ... First, a tangent ...

  7. Software development is a creative art . Art | Music | Software

  8. a blank canvas = infinite possibilities

  9. Sometimes, a masterpiece is created.

  10. ... and sometimes, it’s not.

  11. Sometimes, the results are just painful!

  12. Monitoring can be painful . Pain = Opportunity

  13. This is pain.

  14. The unlimited canvas of the desktop has led to PAIN . No limits = No Restraints

  15. Sometimes we don’t know when to stop

  16. Restraints are a good thing.

  17. The web has grown up with restraints.

  18. Innovation is happening in the browser and on the web . We wanted to be part of it.

  19. We set some simple goals.

  20. Web Services Monitoring 2.0 1. Instant On - be up and running in minutes 2. Easy to setup and configure 3. Deliver information of real value quickly

  21. A small team on an epic journey

  22. Decisions, decisions ... Early technology choices have a big impact .

  23. Build the right foundations

  24. Considerations 1. Time 2. Skills 3. Cost

  25. It’s easy to take on too much

  26. Our decisions Python HTML / CSS JavaScript

  27. Heavy lifting can be made easier

  28. Maximising re-use Django Python › HTML / CSS jQuery + Dojo JavaScript ›

  29. Standing on the shoulders of giants

  30. User experience goals › Simple and Obvious › Fast in the browser › Quick and Easy set-up

  31. For our customers and us

  32. UI Delivery first: HTML / CSS then: JavaScript › Light touch

  33. No Flash

  34. Why no flash? Another piece to test + manage Another skill required CSS + JS is enough

  35. Two high-level use-cases 1. Configure a monitor 2. Access results

  36. Configuration

  37. Content Tabs

  38. Hide Optional Fields

  39. Interactive

  40. Data Presentation

  41. Limit top-level detail

  42. Drill down

  43. Let the browser do what it’s good at . It’s easier, and faster

  44. CSS Charts

  45. CSS Charts › Fast › Accessible › Styled

  46. JavaScript Charts (Dojo) Pie chart Custom time period

  47. We didn’t try to re -invent

  48. Some things inspired us along the way. Learning from others

  49. Key metrics

  50. Bringing data together

  51. Intelligence from data

  52. Some of our tools

  53. Balsamiq Mockups

  54. Firebug & IE Debugbar

  55. Page Speed & Y-Slow

  56. Django Debug Toolbar

  57. Observations

  58. The browser is becoming a container for applications . Not just for the web

  59. The original App Store

  60. S3Fox

  61. SQLite Manager

  62. Web Apps are now a real alternative to desktop . In some cases better

  63. Making life easy

  64. “We’re at the intersection of demand and capability ” Darrin Massena, Dec 2005 Picnik co-founder

  65. HTML5: Exciting times ahead › Canvas › Storage › Video › Drag + Drop

  66. Adoption is a barrier Not everybody is an early - adopter , some will take a while .

  67. We’ll pick cherries

  68. … and concentrate on value

  69. Thanks for listening @soxley

  70. Credits Bootstrapping: http://blog.guykawasaki.com/2006/01/the_art_of_boot.html Balance: http://www.flickr.com/photos/archeon/2941655917/ The Matrix: Warner Bros. Pictures 1999 Blank canvas: http://rainbowstripe.wordpress.com Stickman: Original artwork by @soxley Illusion: http://www.flickr.com/photos/enet/26521372/ HP OpenView: http://fajri.freebsd.or.id/index.php/2007/07/29/ OpenOffice Toolbar: http://www.openofficetips.com/2006/01/28/toolbar-crazy/ Naughty Children: http://www.funny-games.biz/pictures/728-naughty-children.html Mt Cook, NZ : Original photography by @soxley Two-man Sled: http://www.flickr.com/photos/johnmcnab/4216604416/ Titled Barrel: http://www.geograph.org.uk/photo/299980 Spinning Plates: http://www.globeparty.com Line-out: http://www.flickr.com/photos/woesinger/1464460733/ Keep it Simple: http://www.flickr.com/photos/wilderdom/3340381990/ Lever: http://en.wikipedia.org/wiki/File:Palanca-ejemplo.jpg Mixing Desk: http://www.flickr.com/photos/teliko82/3227659253/ Mandelbrot: http://resumbrae.com/ub/dms423_f05/06/ Tools: http://www.flickr.com/photos/19646481@N06/4299545598/ From the bridge: http://commons.wikimedia.org/wiki/File:Watching_operations_from_the_bridge.jpg Locomotive plans: Tools: http://www.flickr.com/photos/19646481@N06/4299545598/ Picnik: http://socialinnovationperspectives.blogspot.com/2010/02/guest-post-innovation-giving-birth-to.html Cherries: http://www.flickr.com/photos/43927576@N00/3655970324 Piggy Bank: http://www.flickr.com/photos/alancleaver/4279482716/

Recommend

Data Preparation Data cleaning Data integration and transformation (Data

Data Preparation Data cleaning Data integration and transformation (Data

Data Preprocessing Why preprocess the data? Data Preparation Data cleaning Data integration and transformation (Data preprocessing) Data reduction, Feature selection Discretization and concept hierarchy generation 2

891 views • 21 slides
DATA MINING LECTURE 2 What is data? The data mining pipeline What is Data Mining? Data

DATA MINING LECTURE 2 What is data? The data mining pipeline What is Data Mining? Data

DATA MINING LECTURE 2 What is data? The data mining pipeline What is Data Mining? Data mining is the use of efficient techniques for the analysis of very large collections of data and the extraction of useful and possibly unexpected

2.4k views • 94 slides
Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Inf1-DA 20102011 III: 68 / 91 Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval Statistical Analysis of Data: III.2 Data scales and summary statistics III.3 Hypothesis testing and correlation III.4 2

579 views • 8 slides
Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Inf1-DA 20102011 III: 28 / 89 Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval Statistical Analysis of Data: III.2 Data scales and summary statistics III.3 Hypothesis testing and correlation III.4

455 views • 23 slides
Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Inf1-DA 20102011 III: 51 / 89 Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval Statistical Analysis of Data: III.2 Data scales and summary statistics III.3 Hypothesis testing and correlation III.4

344 views • 17 slides
Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval

Inf1-DA 20102011 III: 68 / 91 Part III Unstructured Data Data Retrieval: III.1 Unstructured data and data retrieval Statistical Analysis of Data: III.2 Data scales and summary statistics III.3 Hypothesis testing and correlation III.4 2

729 views • 24 slides
Data Preparation Data cleaning Discretization (Data preprocessing) Data

Data Preparation Data cleaning Discretization (Data preprocessing) Data

Data Preprocessing Why preprocess the data? Data Preparation Data cleaning Discretization (Data preprocessing) Data integration and transformation Data reduction, Feature selection 2 Why Prepare Data? Why Prepare

462 views • 15 slides
DATA QUALITY AND DATA DATA QUALITY AND DATA PROGRAMMING PROGRAMMING "Data cleaning and

DATA QUALITY AND DATA DATA QUALITY AND DATA PROGRAMMING PROGRAMMING "Data cleaning and

DATA QUALITY AND DATA DATA QUALITY AND DATA PROGRAMMING PROGRAMMING "Data cleaning and repairing account for about 60% of the work of data scientists." Christian Kaestner Required reading: Schelter, S., Lange, D., Schmidt, P.,

1.1k views • 86 slides
Data stories with The Pudding So what is data storytelling? Data academia & data science

Data stories with The Pudding So what is data storytelling? Data academia & data science

Data stories with The Pudding So what is data storytelling? Data academia & data science dense complex static/non-interactive often not accompanied by an easy-to-follow narrative Data art beautiful abstract

647 views • 5 slides
Data Acquisition Chapter 2 Data Acquisition 1 st step: get data Usually data gathered by

Data Acquisition Chapter 2 Data Acquisition 1 st step: get data Usually data gathered by

Data Acquisition Chapter 2 Data Acquisition 1 st step: get data Usually data gathered by some geophysical device Most surveys are comprised of linear traverses or transects Typically constant data spacing Perpendicular to

432 views • 12 slides
Data Collection and Aggregation Data Collection and Aggregation 1 Challenges: data Challenges:

Data Collection and Aggregation Data Collection and Aggregation 1 Challenges: data Challenges:

Data Collection and Aggregation Data Collection and Aggregation 1 Challenges: data Challenges: data Data type: numerical sensor readings. Rich and massive data, spatially distributed and correlated. Data dynamics: data

714 views • 48 slides
Business Statistics CONTENTS The role of data The data matrix Data types Aspects of data

Business Statistics CONTENTS The role of data The data matrix Data types Aspects of data

DATA Business Statistics CONTENTS The role of data The data matrix Data types Aspects of data Obtaining data Further study THE ROLE OF DATA Data refers to observed facts there are 82 persons in this train the weight of

683 views • 22 slides
DataCamp Data Types for Data Science DataCamp Data Types for Data Science Data types Data type

DataCamp Data Types for Data Science DataCamp Data Types for Data Science Data types Data type

DataCamp Data Types for Data Science DataCamp Data Types for Data Science Data types Data type system sets the stage for the capabilities of the language Understanding data types empowers you as a data scientist DataCamp Data Types for Data

527 views • 23 slides
q.Datum Data Exchange The marketplace for big data Data is the new oil of the Internet and the

q.Datum Data Exchange The marketplace for big data Data is the new oil of the Internet and the

q.Datum Data Exchange The marketplace for big data Data is the new oil of the Internet and the new currency of the digital world . World Economic Forum 1 Problem: access to big data Data accessed & analyzed Data in organizations

543 views • 30 slides
Concatenating data Cleaning Data in Python Combining data Data may not always come in 1

Concatenating data Cleaning Data in Python Combining data Data may not always come in 1

CLEANING DATA IN PYTHON Concatenating data Cleaning Data in Python Combining data Data may not always come in 1 huge file 5 million row dataset may be broken into 5 separate datasets Easier to store and share May have

426 views • 26 slides
Prioritizing Data and Purpose of Data Points What data do I have? What data do I trust? What

Prioritizing Data and Purpose of Data Points What data do I have? What data do I trust? What

Prioritizing Data and Purpose of Data Points What data do I have? What data do I trust? What data do I use most? Session Target: After todays session, you will be able to: 1. Insert/include data opportunities into PL models. 2.

710 views • 12 slides
Data Preparation Discretization Data cleaning (Data pre-processing) Data

Data Preparation Discretization Data cleaning (Data pre-processing) Data

Data Preparation Why prepare the data? Data Preparation Discretization Data cleaning (Data pre-processing) Data integration and transformation Data reduction, Feature selection 2 Why Prepare Data? Why Prepare Data?

426 views • 17 slides
Introduction to IoT data AN ALYZ IN G IOT DATA IN P YTH ON Matthias Voppichler IT Developer

Introduction to IoT data AN ALYZ IN G IOT DATA IN P YTH ON Matthias Voppichler IT Developer

Introduction to IoT data AN ALYZ IN G IOT DATA IN P YTH ON Matthias Voppichler IT Developer Course overview Collect and analyze IoT data Gather data API Endpoints Data Streams Visualize data Combine datasets Detect patterns ML Model

756 views • 27 slides
Modeling Data the different views on Data Mining Views on Data Mining Fitting the data

Modeling Data the different views on Data Mining Views on Data Mining Fitting the data

Modeling Data the different views on Data Mining Views on Data Mining Fitting the data Density Estimation Learning being able to perform a task more accurately than before Prediction use the data to predict future data

517 views • 29 slides
Abstract Data Types & Templates 1 Abstract Data Type 2 Data and Abstraction

Abstract Data Types & Templates 1 Abstract Data Type 2 Data and Abstraction

Abstract Data Types & Templates 1 Abstract Data Type 2 Data and Abstraction Operations on data are central to most solutions Think abstractly about data and its management Typically need to Organize data Add data Remove

756 views • 30 slides
Tidy data CLEAN IN G DATA IN P YTH ON Daniel Chen Instructor Tidy data Tidy Data paper

Tidy data CLEAN IN G DATA IN P YTH ON Daniel Chen Instructor Tidy data Tidy Data paper

Tidy data CLEAN IN G DATA IN P YTH ON Daniel Chen Instructor Tidy data Tidy Data paper by Hadley Wickham, PhD Formalize the way we describe the shape of data Gives us a goal when formatting our data Standard way to organize data

462 views • 27 slides
Big Data Analytics Armistead Boyd SVP, Product & Data Partnerships October 25, 2016 What is

Big Data Analytics Armistead Boyd SVP, Product & Data Partnerships October 25, 2016 What is

Big Data Analytics Armistead Boyd SVP, Product & Data Partnerships October 25, 2016 What is Big Data Analytics? Data Future Data Past Data Present 1 Big Data Trends Data Driven Organization Other Executives 5% 8% Operations Data

620 views • 22 slides
Concatenating data CLEAN IN G DATA IN P YTH ON Daniel Chen Instructor Combining data Data may

Concatenating data CLEAN IN G DATA IN P YTH ON Daniel Chen Instructor Combining data Data may

Concatenating data CLEAN IN G DATA IN P YTH ON Daniel Chen Instructor Combining data Data may not always come in 1 huge le 5 million row dataset may be broken into 5 separate datasets Easier to store and share May have new data for each

555 views • 31 slides
Data Collection and HIVe Current Data Collection For those collecting data, you are use to

Data Collection and HIVe Current Data Collection For those collecting data, you are use to

Data Collection and HIVe Current Data Collection For those collecting data, you are use to the Excel data collection sheets All Ryan White Funded entities will be required to report client level data Non-Medical Case Management

266 views • 13 slides

More recommend