http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/_site/semantic/dist/themes/material/assets/fonts/icons.woff ---------------------------------------------------------------------- diff --git a/_site/semantic/dist/themes/material/assets/fonts/icons.woff b/_site/semantic/dist/themes/material/assets/fonts/icons.woff deleted file mode 100644 index b648a3e..0000000 Binary files a/_site/semantic/dist/themes/material/assets/fonts/icons.woff and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/_site/stout/index.html ---------------------------------------------------------------------- diff --git a/_site/stout/index.html b/_site/stout/index.html deleted file mode 100644 index d8dbb74..0000000 --- a/_site/stout/index.html +++ /dev/null @@ -1,239 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - - <title>Stout</title> - <meta name="description" content="The homepage for Apache SensSoft"> - - <link rel="stylesheet" type="text/css" href="/semantic/dist/semantic.min.css"> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";></script> - <script src="/semantic/dist/semantic.min.js"></script> - <script src="https://d3js.org/d3.v4.min.js";></script> - <script src="/js/main.js"></script> - - <link rel="stylesheet" href="/assets/main.css"> - <link rel="canonical" href="http://localhost:4000/stout/";> - <link rel="alternate" type="application/rss+xml" title="Apache SensSoft" href="/feed.xml"> - - -</head> - - - <body> - - <div class="site-header"> - <div id="main-menu" class="ui inverted padded fixed top borderless menu"> - <a class="site-title" href="/"> - <h3 class="ui inverted header item">Apache SensSoft</h3> - </a> - - <div class="right menu"> - <div class="ui dropdown item"> - Components - <div class="menu"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="ui dropdown item"> - <a href="/docs">Docs</a> - <div class="menu"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserALE.js</a> - <a class="item" href="/docs/useralepyqt">UserALE.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <a class="item" href="/releases">Releases</a> - <a class="item" href="/community">Community</a> - </div> - </div> -</div> - - - <div class="main-wrapper"> - - <div class="ui image-masthead masthead padded center aligned inverted vertical segment"> - <img class="component-image" src="/images/stout_inverted.png"> - </div> - - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <p> - Apache STOUT (Subject Tracking and Online User Testing) is for UI/UX (and behavioral) researchers that want to perform formal user-testing studies and experiments with web applications. In STOUT, you'll be able to track participants through a series of URLs in a sequence that matches your experimental designâboth between and within-subject designs. STOUT makes sure that your participants are sent to the right URLs in the right sequence. You can also set timing parameters so that each task at different URLs are uniformly timed. Participants can also be given directed tasks paired with different URLs. Currently STOUT works well with SurveyMonkey, meaning you can design questionnaires for delivery before, during and after their experience at a given URL. STOUT tracks users with anonymous identifiers (hashes) that are passed to the URLs you send your participants to. These are generated during a registration step, which can also configured for human-subjects testing compliant wo rkflows. This hash is appended with a task ID and then passed to UserALE so that every log generated through web applications during your experiment is traceable to specific users and tasks. STOUT also has features for extracting data from SurveyMonkey and organizing all the data you collect through SurveyMonkey and STOUT throughout experiments, providing you with a simple and easy-to-use .csv file for analysis. Other scripts can be configured to run with STOUT and SurveyMongo for automated post-processing, scale-computation, and truthing. Additionally, STOUT will generate completion codes so that it is easy to use with Amazon Mechanical Turk, and features both an acheivement and email system so that you can communicate with and engage your participants. STOUT is built in Django so its easy to customize STOUT for your specific needs. - </p> - </div> -</div> - -<div class="ui inverted grey very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui inverted header">Features</h2> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted blue lab icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Perform experiments</h3> - <div class="feature-description"> - STOUT allows you to track users as they interact with different applications or different versions of the same applications in simple experimental designs. STOUT's Django back end allows you collect task sequence data and even randomize or counterbalance your experiments without losing track of what users are interacting with and when. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted yellow database icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Wrangle different data sources</h3> - <div class="feature-description"> - STOUT allows you to track users between different sources of information using an anonymous user hash. Collect demographics and psychometrics from form data, present users with tasks and questions while they interact with applications, and collect user behavior through UserALE without losing track of who generated the data. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted red cloud download icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Fuse data for analysis</h3> - <div class="feature-description"> - With the SurveyMongo extension to STOUT you can automate polling for survey data and integrate with STOUT metadata to provide tabular datasets that make statistical analysis easy. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted green refresh icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Automate data preprocessing</h3> - <div class="feature-description"> - STOUT's architecture makes it easy to run batch processing scripts in R or python, server-side. Perform your truthing, aggregation, and data transformations automatically, triggered by flags in STOUT, so that you can get straight to analysis. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted blue bar chart icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Visualize experimental findings</h3> - <div class="feature-description"> - STOUT features a dashboard so that you can effectively manage multiple experiments and visualize your results using D3 packages. - </div> - </div> - </div> - </div> - - </div> -</div> - - - - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui header"> - Ready to try Stout? - </h2> - <a class="ui big blue button" href="/releases"> - Get the Release - </a> - <a class="ui big yellow button" href="/docs/stout/"> - Read the Docs - </a> - </div> -</div> - - </div> - - <div class="footer ui inverted very padded vertical segment"> - <div class="ui vertical segment"> - <div class="ui four column grid"> - <div class="column"> - <h4 class="ui inverted header">About</h4> - <div class="ui inverted link list"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Docs</h4> - <div class="ui inverted link list"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserAle.js</a> - <a class="item" href="/docs/useralepyqt">UserAle.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Community</h4> - <div class="ui inverted link list"> - <a class="item" href="https://github.com/apache?q=senssoft";>GitHub</a> - <a class="item" href="http://stackoverflow.com/questions/tagged/apache-senssoft";>StackOverflow</a> - <a class="item" href="https://issues.apache.org/jira/browse/SENSSOFT";>Jira Issue Tracker</a> - <a class="item" href="https://cwiki.apache.org/confluence/display/SENSSOFT";>Project Wiki</a> - <a class="item" href="https://twitter.com/apachesenssoft";>Twitter</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Apache</h4> - <div class="ui inverted link list"> - <a class="item" href="http://www.apache.org/licenses/LICENSE-2.0.html";>License</a> - <a class="item" href="http://www.apache.org/";>Apache Software Foundation</a> - <a class="item" href="http://incubator.apache.org/";>Apache Incubator</a> - <a class="item" href="http://www.apache.org/foundation/sponsorship.html";>Sponsor Apache</a> - <a class="item" href="http://www.apache.org/foundation/thanks.html";>Thank you</a> - </div> - </div> - </div> - </div> - <div class="ui inverted vertical segment"> - <div class="ui two column middle aligned grid"> - <div class="column"> - Apache SensSoft is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF. - </div> - <div class="center aligned column"> - <img class="component-image" src="/images/incubator-logo-white.png"> - <br> - Copyright © 2017 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache, the Apache feather logo, and the Apache Incubator logo are trademarks of The Apache Software Foundation. Software as a Sensor is a trademark of the Charles Stark Draper Laboratory, Inc. - </div> - </div> - </div> -</div> - - - </body> - -</html> http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/_site/system/index.html ---------------------------------------------------------------------- diff --git a/_site/system/index.html b/_site/system/index.html deleted file mode 100644 index e8b4261..0000000 --- a/_site/system/index.html +++ /dev/null @@ -1,221 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - - <title>The Apache SensSoft System</title> - <meta name="description" content="The homepage for Apache SensSoft"> - - <link rel="stylesheet" type="text/css" href="/semantic/dist/semantic.min.css"> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";></script> - <script src="/semantic/dist/semantic.min.js"></script> - <script src="https://d3js.org/d3.v4.min.js";></script> - <script src="/js/main.js"></script> - - <link rel="stylesheet" href="/assets/main.css"> - <link rel="canonical" href="http://localhost:4000/system/";> - <link rel="alternate" type="application/rss+xml" title="Apache SensSoft" href="/feed.xml"> - - -</head> - - - <body> - - <div class="site-header"> - <div id="main-menu" class="ui inverted padded fixed top borderless menu"> - <a class="site-title" href="/"> - <h3 class="ui inverted header item">Apache SensSoft</h3> - </a> - - <div class="right menu"> - <div class="ui dropdown item"> - Components - <div class="menu"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="ui dropdown item"> - <a href="/docs">Docs</a> - <div class="menu"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserALE.js</a> - <a class="item" href="/docs/useralepyqt">UserALE.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <a class="item" href="/releases">Releases</a> - <a class="item" href="/community">Community</a> - </div> - </div> -</div> - - - <div class="main-wrapper"> - - <div class="ui blank-masthead masthead padded center aligned inverted vertical segment"> - <h1 class="ui header">The Apache SensSoft System</h1> - <h2 class="ui header">Easy combined deployment with Docker</h2> - </div> - - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <p> - Apache SensSoft is a line of products that provides all the components needed for tracking, analyzing and visualizing user event data. Apache UserALE provides comprehensive user event tracking for web pages, but it is specially engineered for toolsâapplications users will use in their work. Apache Distill is an analytics framework for handling and analyzing UserALE data. Apache TAP provides you with a customizable array of interactive visual analytic libraries (D3) to extract insights from your usage data, and a single point of access for end users of the SensSoft system. Each component is available on their own through our Apache repositories. However, we have bundled these components into an easy-to-deploy, pre-configured Docker container so that you can begin to collect data as soon as possible. - </p> - </div> -</div> - -<div class="ui inverted grey very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui inverted header">Features</h2> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted blue cloud icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Containerized</h3> - <div class="feature-description"> - Deploy on your infrastructure or in the cloud quickly and easily with Docker. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted yellow rocket icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Ready to Go</h3> - <div class="feature-description"> - No configuration or connections to make to get a basic setup up and running. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted red settings icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Customizable</h3> - <div class="feature-description"> - Switch out or modify components for your use case. Integrate with your existing system. - </div> - </div> - </div> - </div> - - </div> -</div> - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui header">What's Included?</h2> - <p> - The Apache SensSoft System includes a complete backend deployment of UserALE, Distill, and Tap. The different components are connected as seen below and ready to work together out of the box. UserALE clients will still need to be included in the target applications to push logs into the system. - </p> - <img class="segment-image" src="/images/system.png"> - </div> -</div> - - - -<div class="ui inverted grey very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui inverted header"> - Ready to try Apache SensSoft? - </h2> - <a class="ui big blue button" href="/releases"> - Get the Release - </a> - <a class="ui big yellow button" href="/docs/system/"> - Read the Docs - </a> - </div> -</div> - - </div> - - <div class="footer ui inverted very padded vertical segment"> - <div class="ui vertical segment"> - <div class="ui four column grid"> - <div class="column"> - <h4 class="ui inverted header">About</h4> - <div class="ui inverted link list"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Docs</h4> - <div class="ui inverted link list"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserAle.js</a> - <a class="item" href="/docs/useralepyqt">UserAle.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Community</h4> - <div class="ui inverted link list"> - <a class="item" href="https://github.com/apache?q=senssoft";>GitHub</a> - <a class="item" href="http://stackoverflow.com/questions/tagged/apache-senssoft";>StackOverflow</a> - <a class="item" href="https://issues.apache.org/jira/browse/SENSSOFT";>Jira Issue Tracker</a> - <a class="item" href="https://cwiki.apache.org/confluence/display/SENSSOFT";>Project Wiki</a> - <a class="item" href="https://twitter.com/apachesenssoft";>Twitter</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Apache</h4> - <div class="ui inverted link list"> - <a class="item" href="http://www.apache.org/licenses/LICENSE-2.0.html";>License</a> - <a class="item" href="http://www.apache.org/";>Apache Software Foundation</a> - <a class="item" href="http://incubator.apache.org/";>Apache Incubator</a> - <a class="item" href="http://www.apache.org/foundation/sponsorship.html";>Sponsor Apache</a> - <a class="item" href="http://www.apache.org/foundation/thanks.html";>Thank you</a> - </div> - </div> - </div> - </div> - <div class="ui inverted vertical segment"> - <div class="ui two column middle aligned grid"> - <div class="column"> - Apache SensSoft is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF. - </div> - <div class="center aligned column"> - <img class="component-image" src="/images/incubator-logo-white.png"> - <br> - Copyright © 2017 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache, the Apache feather logo, and the Apache Incubator logo are trademarks of The Apache Software Foundation. Software as a Sensor is a trademark of the Charles Stark Draper Laboratory, Inc. - </div> - </div> - </div> -</div> - - - </body> - -</html> http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/_site/tap/index.html ---------------------------------------------------------------------- diff --git a/_site/tap/index.html b/_site/tap/index.html deleted file mode 100644 index d5f0f39..0000000 --- a/_site/tap/index.html +++ /dev/null @@ -1,305 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - - <title>Tap</title> - <meta name="description" content="The homepage for Apache SensSoft"> - - <link rel="stylesheet" type="text/css" href="/semantic/dist/semantic.min.css"> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";></script> - <script src="/semantic/dist/semantic.min.js"></script> - <script src="https://d3js.org/d3.v4.min.js";></script> - <script src="/js/main.js"></script> - - <link rel="stylesheet" href="/assets/main.css"> - <link rel="canonical" href="http://localhost:4000/tap/";> - <link rel="alternate" type="application/rss+xml" title="Apache SensSoft" href="/feed.xml"> - - -</head> - - - <body> - - <div class="site-header"> - <div id="main-menu" class="ui inverted padded fixed top borderless menu"> - <a class="site-title" href="/"> - <h3 class="ui inverted header item">Apache SensSoft</h3> - </a> - - <div class="right menu"> - <div class="ui dropdown item"> - Components - <div class="menu"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="ui dropdown item"> - <a href="/docs">Docs</a> - <div class="menu"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserALE.js</a> - <a class="item" href="/docs/useralepyqt">UserALE.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <a class="item" href="/releases">Releases</a> - <a class="item" href="/community">Community</a> - </div> - </div> -</div> - - - <div class="main-wrapper"> - - <div class="ui image-masthead masthead padded center aligned inverted vertical segment"> - <img class="component-image" src="/images/tap_inverted.png"> - </div> - - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <p> - Apache TAP (Test Application Portal) is a single point of entry into your SensSoft system. TAP features registration features served through Djangoâregister your application, organization, and yourself to control access to your applications' usage data and manage custom configurations in TAP. TAP also provides you with a customizable array of interactive visual analytic libraries to extract insights from your usage data. You'll have many of the features you've come to rely on from other productsâthrough TAP you can explore how users interact with each element of your application, and how they interacted with each of them. With TAP you'll also be able to visually compare usage between different segments of your user base and perform A/B usability testing between different versions of your applicationâyou'll have access to any data you collect on your users and statistics, metrics or modeling output that is built into Distill. TAP also provides you with beautiful custom D3 visualizations of your users' workflows in your application. See how they do work with your application and learn how your application design augments their workflow or prevents them from discovering other features. TAP comes with many "out-of-the-box" features for extracting insight from usage data, but it is designed for customization. - </p> - </div> -</div> - -<div class="ui inverted grey very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui inverted header">Features</h2> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted blue users icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Understand your users</h3> - <div class="feature-description"> - TAP allows you to visualize how you application is used by different sets of users based on their characteristics (e.g., geography, demographics). - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted yellow ordered list icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Understand how your application is used</h3> - <div class="feature-description"> - TAP comes with custom visualization for how your users interact with elements of your application in sequence revealing insights about how application design affects usage and efficiency. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted red lock icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Control access to your data (coming soon)</h3> - <div class="feature-description"> - Control permissions for how your organization can access user data by setting permissions at the instutitional level down to access to data collected from specific applications. - </div> - </div> - </div> - </div> - - </div> -</div> - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui header">The Bowie Plot</h2> - <p> - Tap uses the Bowie plot to present your users' micro-workflows and help you uncover insights into how your users interact with you apps. Start on the left, with the activity that starts the workflow, sized by the frequency of the activity. Next, the circles in the middle show the second activity in the workflow. The circles are downselected and sized by a graph metric to help uncover a particular type of insight. End on the right with the final activity of the workflow. - </p> - </div> - - <div class="ui container"> - <div class="ui padded grid"> - <div class="four wide middle aligned column"> - <div class="ui form"> - <h3 class="ui header">Graph Metrics</h3> - - <div class="grouped fields"> - <div class="field"> - <div class="ui radio checkbox"> - <input type="radio" name="metric" value="out_degree" checked></input> - <label>Out Degree</label> - </div> - </div> - - <div class="field"> - <div class="ui radio checkbox"> - <input type="radio" name="metric" value="in_degree"></input> - <label>In Degree</label> - </div> - </div> - - <div class="field"> - <div class="ui radio checkbox"> - <input type="radio" name="metric" value="betweenness_cent_dir_weighted"></input> - <label>Weighted Betweenness</label> - </div> - </div> - - <div class="field"> - <div class="ui radio checkbox"> - <input type="radio" name="metric" value="closeness_cent_dir_weighted"></input> - <label>Weighted Closeness</label> - </div> - </div> - - <div class="field"> - <div class="ui radio checkbox"> - <input type="radio" name="metric" value="closeness_cent_dir_unweighted"></input> - <label>Unweighted Closeness</label> - </div> - </div> - </div> - </div> - </div> - - <div class="twelve wide center aligned column"> - <div class="ui basic row segment"> - <div id="bowie"></div> - </div> - </div> - </div> - - <div id="metric-explanation" class="ui center aligned text container"></div> - </div> -</div> - -<script src="/js/bowiePlot.js"></script> -<script> - $(document).ready(function () { - // Metric explanations - var metricExplanations = { - 'out_degree': 'Out degree describes how often an activity was a source. How often did a micro-workflow start with this activity? This could indicate an entry point to your app or the start of a particularly common workflow.', - 'in_degree': 'In degree describes how often an activity was a sink. How often did a micro-workflow end with this activity? This could indicate a final confirmation, exit navigation, or a place the user got stuck.', - 'betweenness_cent_dir_weighted': 'Betweenness centrality describes how often an activity was passed through. This indicates a common intermediate activity, like a busy intersection of your app.', - 'closeness_cent_dir_weighted': 'Closeness centrality indicates how "close" an activity is to all others. A higher closeness indicates an activity that was involved in more workflows. Weighted closeness focuses on closeness to the most common activities, rather than to all equally.', - 'closeness_cent_dir_unweighted': 'Closeness centrality indicates how "close" an activity is to all others. A higher closeness indicates an activity that was involved in more workflows. Unweighted closeness focuses on closeness to all activities equally, regardless of how often each activity occurred.' - }; - - // Change metric - function changeMetric() { - var metric = $('input[name=metric]:checked').val(); - $('#metric-explanation').html(metricExplanations[metric]); - Bowie.update(metric); - } - - // Initialize radio buttons - $('.ui.radio.checkbox').checkbox({ - onChange: changeMetric - }); - - // Initialize - Bowie.create(); - changeMetric(); - }); -</script> - - - - -<div class="ui inverted grey very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui inverted header"> - Ready to try Tap? - </h2> - <a class="ui big blue button" href="/releases"> - Get the Release - </a> - <a class="ui big yellow button" href="/docs/tap/"> - Read the Docs - </a> - </div> -</div> - - </div> - - <div class="footer ui inverted very padded vertical segment"> - <div class="ui vertical segment"> - <div class="ui four column grid"> - <div class="column"> - <h4 class="ui inverted header">About</h4> - <div class="ui inverted link list"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Docs</h4> - <div class="ui inverted link list"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserAle.js</a> - <a class="item" href="/docs/useralepyqt">UserAle.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Community</h4> - <div class="ui inverted link list"> - <a class="item" href="https://github.com/apache?q=senssoft";>GitHub</a> - <a class="item" href="http://stackoverflow.com/questions/tagged/apache-senssoft";>StackOverflow</a> - <a class="item" href="https://issues.apache.org/jira/browse/SENSSOFT";>Jira Issue Tracker</a> - <a class="item" href="https://cwiki.apache.org/confluence/display/SENSSOFT";>Project Wiki</a> - <a class="item" href="https://twitter.com/apachesenssoft";>Twitter</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Apache</h4> - <div class="ui inverted link list"> - <a class="item" href="http://www.apache.org/licenses/LICENSE-2.0.html";>License</a> - <a class="item" href="http://www.apache.org/";>Apache Software Foundation</a> - <a class="item" href="http://incubator.apache.org/";>Apache Incubator</a> - <a class="item" href="http://www.apache.org/foundation/sponsorship.html";>Sponsor Apache</a> - <a class="item" href="http://www.apache.org/foundation/thanks.html";>Thank you</a> - </div> - </div> - </div> - </div> - <div class="ui inverted vertical segment"> - <div class="ui two column middle aligned grid"> - <div class="column"> - Apache SensSoft is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF. - </div> - <div class="center aligned column"> - <img class="component-image" src="/images/incubator-logo-white.png"> - <br> - Copyright © 2017 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache, the Apache feather logo, and the Apache Incubator logo are trademarks of The Apache Software Foundation. Software as a Sensor is a trademark of the Charles Stark Draper Laboratory, Inc. - </div> - </div> - </div> -</div> - - - </body> - -</html> http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/_site/userale/index.html ---------------------------------------------------------------------- diff --git a/_site/userale/index.html b/_site/userale/index.html deleted file mode 100644 index fb6853b..0000000 --- a/_site/userale/index.html +++ /dev/null @@ -1,388 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - - <title>UserAle</title> - <meta name="description" content="The homepage for Apache SensSoft"> - - <link rel="stylesheet" type="text/css" href="/semantic/dist/semantic.min.css"> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";></script> - <script src="/semantic/dist/semantic.min.js"></script> - <script src="https://d3js.org/d3.v4.min.js";></script> - <script src="/js/main.js"></script> - - <link rel="stylesheet" href="/assets/main.css"> - <link rel="canonical" href="http://localhost:4000/userale/";> - <link rel="alternate" type="application/rss+xml" title="Apache SensSoft" href="/feed.xml"> - - -</head> - - - <body> - - <div class="site-header"> - <div id="main-menu" class="ui inverted padded fixed top borderless menu"> - <a class="site-title" href="/"> - <h3 class="ui inverted header item">Apache SensSoft</h3> - </a> - - <div class="right menu"> - <div class="ui dropdown item"> - Components - <div class="menu"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="ui dropdown item"> - <a href="/docs">Docs</a> - <div class="menu"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserALE.js</a> - <a class="item" href="/docs/useralepyqt">UserALE.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <a class="item" href="/releases">Releases</a> - <a class="item" href="/community">Community</a> - </div> - </div> -</div> - - - <div class="main-wrapper"> - - <div class="ui image-masthead masthead padded center aligned inverted vertical segment"> - <img class="component-image" src="/images/userale_inverted.png"> - </div> - - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <p> - Apache UserALE (User Analytic Logging Engine) is the beating heart of Apache SensSoft technology. UserALE provides instrumentation for applications, turning them into human use sensors. UserALE provides comprehensive user event tracking for web pages, but it is specially engineered for toolsâapplications users will use in their work. UserALE will transmit specially structured messages from your application to an activity logging server whenever your users interact with it. Apply UserALE with a single line of code and capture every user interaction without having to separately manage tags on each feature of your application. UserALE works with Elastic and other open source databasesâyou own your data and you can access it for analysis and automation without restriction. UserALE.js serves Javascript applications. For desktop applications written in PyQt5 see UserALE.PyQt5. - </p> - </div> -</div> - -<div class="ui inverted grey very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui inverted header">Features</h2> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted blue thumbs up icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Low-effort</h3> - <div class="feature-description"> - Embed UserALE with a single script tag in source, or from your browser console for testing. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted yellow settings icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Customizable</h3> - <div class="feature-description"> - UserALE provides options for custom, manual instrumentation. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted red mouse pointer icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Capture every event</h3> - <div class="feature-description"> - And the document object model targets of those events, with resolution suitable for advanced behavioral analytics. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted green database icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Own your own data</h3> - <div class="feature-description"> - UserALE utilizes Elastic as a scalable, searchable database for user event log storage. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted blue dashboard icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Low processing overhead</h3> - <div class="feature-description"> - UserALE will not adversely affect your applications performance. - </div> - </div> - </div> - </div> - - <div class="ui basic padded vertical segment"> - <div class="ui middle aligned two column grid"> - <div class="column"> - <i class="huge circular inverted yellow protect icon"></i> - </div> - <div class="column"> - <h3 class="ui inverted header">Never lose data</h3> - <div class="feature-description"> - Temporary offline log storage safeguards from dropped signal due to connectivity issues. - </div> - </div> - </div> - </div> - - </div> -</div> - -<div class="ui very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui header">UserALE.js</h2> - <p> - UserALE.js is the DOM/JavaScript client for UserALE. Every user activity is logged and sent to the UserALE backend for storage and analysis by Distill. - </p> - <div class="ui basic vertical segment"> - <div id="start-button" class="ui green button">Start Logging</div> - <div id="stop-button" class="ui red button">Pause Logging</div> - </div> - </div> - - <div class="ui container"> - <div class="ui equal height two column grid"> - <div class="center aligned column"> - <div class="ui basic row segment"> - <h4 class="ui dividing header">Buttons</h4> - <div class="ui blue button">Blue</div> - <div class="ui yellow button">Yellow</div> - <div class="ui green button">Green</div> - <div class="ui red button">Red</div> - </div> - - <div class="ui form"> - <h4 class="ui dividing header">Checkboxes</h4> - <div class="field"> - <div class="two fields"> - <div class="field"> - <input type="checkbox"> - <label>Checked!</label> - </div> - <div class="field"> - <div class="two fields"> - <div class="field"> - <div class="ui radio checkbox"> - <input type="radio" name="demo-checkbox"> - <label>Yes</label> - </div> - </div> - <div class="field"> - <div class="ui radio checkbox"> - <input type="radio" name="demo-checkbox"> - <label>No</label> - </div> - </div> - </div> - </div> - </div> - </div> - - <h4 class="ui dividing header">Inputs</h4> - <div class="field"> - <div class="two fields"> - <div class="field"> - <div class="ui labeled input"> - <div class="ui grey label">Text</div> - <input type="text"> - </div> - </div> - - <div class="field"> - <div id="demo-dropdown" class="ui fluid selection dropdown"> - <input type="hidden" name="senssoft-component"> - <i class="dropdown icon"></i> - <div class="default text">Select Component</div> - <div class="menu"> - <div class="item">UserALE</div> - <div class="item">Distill</div> - <div class="item">Tap</div> - <div class="item">Stout</div> - </div> - </div> - </div> - </div> - </div> - - <h4 class="ui dividing header">Maps</h4> - <div class="ui basic row segment"> - <div id="map-example"></div> - </div> - - - </div> - </div> - - <div id="log-feed" class="center aligned column"> - <div class="ui fluid row segment"> - - </div> - </div> - </div> - </div> -</div> - - -<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css"; /> -<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js";></script> -<script src="/js/userale-demo.min.js" data-url=""></script> - -<script> - $(document).ready(function () { - $('#demo-dropdown').dropdown(); - $('.ui.checkbox').checkbox(); - - $('#start-button').on('click', userale.start); - $('#stop-button').on('click', userale.stop); - userale.options({ - logCb: addLog, - noSend: true - }); - - var map = L.map('map-example').setView([42.3601, -71.0589], 13); - L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { - attribution: '© <a href="http://osm.org/copyright";>OpenStreetMap</a> contributors' - }).addTo(map); - - function addLog(log) { - var html = '<div class="log ui fluid row segment">' + JSON.stringify(log) + '</div>'; - $('#log-feed').prepend(html); - } - - function clearLogs() { - setTimeout(function () { - var $feed = $('#log-feed .log'); - if ($feed.length > 10) { - $feed.slice(9).remove(); - } - clearLogs(); - }, 1000); - } - - clearLogs(); - }); -</script> - - - - -<div class="ui inverted grey very padded vertical segment"> - <div class="ui center aligned text container"> - <h2 class="ui inverted header"> - Ready to try UserALE? - </h2> - <a class="ui big blue button" href="/releases"> - Get the Release - </a> - <a class="ui big yellow button" href="/docs/userale/"> - Read the Docs - </a> - </div> -</div> - - </div> - - <div class="footer ui inverted very padded vertical segment"> - <div class="ui vertical segment"> - <div class="ui four column grid"> - <div class="column"> - <h4 class="ui inverted header">About</h4> - <div class="ui inverted link list"> - <a class="item" href="/system">System</a> - <a class="item" href="/userale">UserALE</a> - <a class="item" href="/distill">Distill</a> - <a class="item" href="/tap">Tap</a> - <a class="item" href="/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Docs</h4> - <div class="ui inverted link list"> - <a class="item" href="/docs/system">System</a> - <a class="item" href="/docs/userale">UserALE</a> - <a class="item" href="/docs/useralejs">UserAle.js</a> - <a class="item" href="/docs/useralepyqt">UserAle.pyqt</a> - <a class="item" href="/docs/distill">Distill</a> - <a class="item" href="/docs/tap">Tap</a> - <a class="item" href="/docs/stout">Stout</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Community</h4> - <div class="ui inverted link list"> - <a class="item" href="https://github.com/apache?q=senssoft";>GitHub</a> - <a class="item" href="http://stackoverflow.com/questions/tagged/apache-senssoft";>StackOverflow</a> - <a class="item" href="https://issues.apache.org/jira/browse/SENSSOFT";>Jira Issue Tracker</a> - <a class="item" href="https://cwiki.apache.org/confluence/display/SENSSOFT";>Project Wiki</a> - <a class="item" href="https://twitter.com/apachesenssoft";>Twitter</a> - </div> - </div> - <div class="column"> - <h4 class="ui inverted header">Apache</h4> - <div class="ui inverted link list"> - <a class="item" href="http://www.apache.org/licenses/LICENSE-2.0.html";>License</a> - <a class="item" href="http://www.apache.org/";>Apache Software Foundation</a> - <a class="item" href="http://incubator.apache.org/";>Apache Incubator</a> - <a class="item" href="http://www.apache.org/foundation/sponsorship.html";>Sponsor Apache</a> - <a class="item" href="http://www.apache.org/foundation/thanks.html";>Thank you</a> - </div> - </div> - </div> - </div> - <div class="ui inverted vertical segment"> - <div class="ui two column middle aligned grid"> - <div class="column"> - Apache SensSoft is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF. - </div> - <div class="center aligned column"> - <img class="component-image" src="/images/incubator-logo-white.png"> - <br> - Copyright © 2017 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache, the Apache feather logo, and the Apache Incubator logo are trademarks of The Apache Software Foundation. Software as a Sensor is a trademark of the Charles Stark Draper Laboratory, Inc. - </div> - </div> - </div> -</div> - - - </body> - -</html> http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/assets/main.scss ---------------------------------------------------------------------- diff --git a/assets/main.scss b/assets/main.scss deleted file mode 100644 index a689b2f..0000000 --- a/assets/main.scss +++ /dev/null @@ -1,36 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- -@charset "utf-8"; - -// Use media queries like this: -// @include media-query($on-palm) { -// .wrapper { -// padding-right: $spacing-unit / 2; -// padding-left: $spacing-unit / 2; -// } -// } -@mixin media-query($device) { - @media screen and (max-width: $device) { - @content; - } -} - -// Colors to sync with semantic site.variables -$white : #EBEBEB; -$grey : #54595B; -$black : #262626; -$teal : #283F4E; -$red : #E24614; -$yellow : #DBA915; -$green : #BFD02C; -$blue : #38A6D8; -$purple : #852EB7; - -// Import partials from `sass_dir` (defaults to `_sass`) -@import - "senssoft", - "highlighting", - "bowie", - "userale" -; http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/images/distill.png ---------------------------------------------------------------------- diff --git a/images/distill.png b/images/distill.png deleted file mode 100644 index 0d215aa..0000000 Binary files a/images/distill.png and /dev/null differ http://git-wip-us.apache.org/repos/asf/incubator-senssoft/blob/6a2b3459/images/distill_inverted.png ---------------------------------------------------------------------- diff --git a/images/distill_inverted.png b/images/distill_inverted.png deleted file mode 100644 index afaa8c9..0000000 Binary files a/images/distill_inverted.png and /dev/null differ
