customeranalytics 0.1__py3-none-any.whl

customeranalytics/web/app/home/templates/stats-desc.html

@@ -0,0 +1,230 @@
+{% extends "layouts/base.html" %}
+
+{% block title %} Descriptive Statistics {% endblock %}
+
+<!-- Specific Page CSS goes HERE  -->
+{% block stylesheets %}{% endblock stylesheets %}
+
+{% block content %}
+
+	<main class="content">
+		<div class="container-fluid p-0">
+			<h5 class="h3 mb-3">Descriptive Statistics</h5>
+			<div class="col-md-12">
+				<div class="card">
+					<div class="card-body">
+						<div class="row">
+							<div class="accordion" id="accordionExample">
+								<div class="card">
+									<div class="card-header" id="headingOne">
+										<h5 class="card-title my-1">
+											<a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="color:green;font-size:12px">
+												Filters
+											</a>
+										</h5>
+									</div>
+									<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
+										<form method="POST">
+											<div class="row">
+												<div class="col-md-6">
+													<div class="card">
+														<div class="card-body">
+															<div class="card">
+																<div class="card-header">
+																	<h5 class="card-title mb-0">Dimension selection</h5>
+																</div>
+																<div class="card-body">
+																	<select name="index" id="index" class="form-control">
+																		{% for d in filters['dimensions'] %}
+																			{% if d == 'There is no available report. Please execute Schedule Data Process' %}
+																				<option value= "main">{{ d }}</option>
+																			{% endif %}
+																			{% if d != 'There is no available report. Please execute Schedule Data Process' %}
+																				<option value="{{ d }}">{{ d }}</option>
+																			{% endif %}
+																		{% endfor %}
+																	</select>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+
+												<div class="col-md-6">
+													<div class="card flex-fil">
+														<div class="card-body col-12">
+															<div class="col-12 ">
+																<div class="align-self-center w-100">
+																	<div class="chart">
+																		<input name="date" id="datetimepicker-dashboard" hidden>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+
+												<div class="card-header">
+													<button  type="submit" class="btn btn-pill btn-primary">Apply</button>
+												</div>
+											</div>
+										</form>
+									</div>
+								</div>
+
+								<div class="card">
+									<div class="card-header" id="headingTwo">
+										<h5 class="card-title my-1">
+											<a href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" style="color:green;font-size:12px">
+												Infos
+											</a>
+										</h5>
+									</div>
+									<div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample">
+										<div class="card-body ">
+											<ul>
+											  <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Weekly Average Session Count per Customer</h5>
+													  Each customer's total unique session count per week is calculated.
+													  By using this aggregated date average session count per customer per week is calculated.
+													  This might give us the clue of which weeks the customers of engagement to the business are increased/decreased.
+													  In addition to that, It gives us information about the customers` session frequency per week.
+												  </div>
+											  </li>
+											   <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Weekly Average Purchase Count per Customer</h5>
+													  Each customer's total order count per week is calculated.
+													  By using this aggregated date average order count per customer per week is calculated.
+													  This might give us the clue of which weeks the customers of order possibilities are increased/decreased.
+													  In addition to that, It gives us information about the customers` purchase frequency per week.
+												  </div>
+											  </li>
+											  <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Payment Amount Distribution</h5>
+													    This chart is a histogram which shows the bins of total customers.
+													    Each bin represents a range of payment amounts related to purchased orders.
+												  </div>
+											  </li>
+											  <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Weekly Average Payment Amount</h5>
+													    Average payment amount of orders user who has orders
+												  </div>
+											  </li>
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Weekly Average Session Count per Customer {% if data_type['weekly_average_session_per_user'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div  id="w_ses_per_user_id" class="plotly-gra ph-div" style="height:400px;"></div>
+								</div>
+							</div>
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Weekly Average Purchase Count per Customer {% if data_type['weekly_average_order_per_user'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div class="card-body">
+										<div  id="w_order_per_user_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="row">
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Payment Amount Distribution {% if data_type['purchase_amount_distribution'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div class="card-body">
+										<div  id="p_a_d_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Weekly Average Payment Amount {% if data_type['weekly_average_payment_amount'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div class="card-body">
+										<div  id="w_avg_p_a_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</main>
+
+{% endblock content %}
+
+<!-- Specific Page JS goes HERE  -->
+{% block javascripts %}
+	<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
+	<script>
+
+			var w_ses_per_user = {{weekly_average_session_per_user | safe}};
+
+	        Plotly.plot('w_ses_per_user_id', // the ID of the div, created above
+						w_ses_per_user.trace, w_ses_per_user.layout, {});
+
+			var w_order_per_user = {{weekly_average_order_per_user | safe}};
+
+	        Plotly.plot('w_order_per_user_id', // the ID of the div, created above
+						w_order_per_user.trace, w_order_per_user.layout, {});
+
+			var p_a_d = {{purchase_amount_distribution | safe}};
+
+	        Plotly.plot('p_a_d_id', // the ID of the div, created above
+						p_a_d.trace, p_a_d.layout, {});
+
+			var w_avg_p_a = {{weekly_average_payment_amount | safe}};
+
+	        Plotly.plot('w_avg_p_a_id', // the ID of the div, created above
+						w_avg_p_a.trace, w_avg_p_a.layout, {});
+
+
+
+
+
+
+
+
+	function myFunction() {
+	  // Get the checkbox
+	  var checkBox = document.getElementById("myCheck");
+	  // Get the output text
+	  var text = document.getElementById("text");
+
+	  // If the checkbox is checked, display the output text
+	  if (checkBox.checked == true){
+	    text.style.display = "block";
+	  } else {
+	    text.style.display = "none";
+	  }
+	}
+	</script>
+
+	<script>
+		document.addEventListener("DOMContentLoaded", function() {
+			document.getElementById("datetimepicker-dashboard").flatpickr({
+				inline: true,
+
+				prevArrow: "<span class=\"fas fa-chevron-left\" title=\"Previous month\"></span>",
+				nextArrow: "<span class=\"fas fa-chevron-right\" title=\"Next month\"></span>",
+			});
+		});
+	</script>
+{% endblock javascripts %}

customeranalytics/web/app/home/templates/stats-purchase.html

@@ -0,0 +1,221 @@
+{% extends "layouts/base.html" %}
+
+{% block title %} Stats Purchase {% endblock %}
+
+<!-- Specific Page CSS goes HERE  -->
+{% block stylesheets %}{% endblock stylesheets %}
+
+{% block content %}
+
+	<main class="content">
+		<div class="container-fluid p-0">
+			<h5 class="h3 mb-3">Purchase Of Statistics</h5>
+			<div class="col-md-12">
+				<div class="card">
+					<div class="card-body">
+						<div class="row">
+							<div class="accordion" id="accordionExample">
+								<div class="card">
+									<div class="card-header" id="headingOne">
+										<h5 class="card-title my-1">
+											<a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="color:green;font-size:12px">
+												Filters
+											</a>
+										</h5>
+									</div>
+									<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
+										<form method="POST">
+											<div class="row">
+												<div class="col-md-6">
+													<div class="card">
+														<div class="card-body">
+															<div class="card">
+																<div class="card-header">
+																	<h5 class="card-title mb-0">Dimension selection</h5>
+																</div>
+																<div class="card-body">
+																	<select name="index" id="index" class="form-control">
+																		{% for d in filters['dimensions'] %}
+																			{% if d == 'There is no available report. Please execute Schedule Data Process' %}
+																				<option value= "main">{{ d }}</option>
+																			{% endif %}
+																			{% if d != 'There is no available report. Please execute Schedule Data Process' %}
+																				<option value="{{ d }}">{{ d }}</option>
+																			{% endif %}
+																		{% endfor %}
+																	</select>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+
+												<div class="col-md-6">
+													<div class="card flex-fil">
+														<div class="card-body col-12">
+															<div class="col-12 ">
+																<div class="align-self-center w-100">
+																	<div class="chart">
+																		<input name="date" id="datetimepicker-dashboard" hidden>
+																	</div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>
+
+												<div class="card-header">
+													<button  type="submit" class="btn btn-pill btn-primary">Apply</button>
+												</div>
+											</div>
+										</form>
+									</div>
+								</div>
+
+								<div class="card">
+									<div class="card-header" id="headingTwo">
+										<h5 class="card-title my-1">
+											<a href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" style="color:green;font-size:12px">
+												Infos
+											</a>
+										</h5>
+									</div>
+									<div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample">
+										<div class="card-body ">
+											<ul>
+											  <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Daily Orders</h5>
+													  Total number of orders per day.
+													  Total number of unique session IDs which has has_purchase (has_purchase = True) breakdown with day.
+												  </div>
+											  </li>
+											   <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Hourly Orders</h5>
+													  Average of total order count per day.
+													  Total number of order count per day and per hour is aggregated.
+													  Next step is calculating average order count per hour by using aggregated data from the previous step.
+												  </div>
+											  </li>
+											  <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Weekly Orders</h5>
+													    Total number of orders per week. Each week is represented by Mondays.
+												  </div>
+											  </li>
+											  <li>
+												  <div class="card-header">
+													<h5 class="card-title" style="color:green;">Monthly Orders</h5>
+													    Total number of orders per month;
+													    total number of purchase unique session IDs are counted per month.
+												  </div>
+											  </li>
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Daily Orders {% if data_type['daily_orders'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div  id="d_orders_id" class="plotly-gra ph-div" style="height:400px;"></div>
+								</div>
+							</div>
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Hourly Orders {% if data_type['hourly_orders'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div class="card-body">
+										<div  id="h_orders_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="row">
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Weekly Orders {% if data_type['weekly_orders'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div class="card-body">
+										<div  id="w_orders_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+							<div class="col-md-6">
+								<div class="card">
+									<div class="card-header">
+										<h5 class="card-title">Monthly Orders {% if data_type['monthly_orders'] == False %}  <strong style="color:red;"> sample data </strong> {% endif %}</h5>
+									</div>
+									<div class="card-body">
+										<div  id="m_orders_id" class="plotly-gra ph-div" style="height:400px;"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</main>
+
+{% endblock content %}
+
+<!-- Specific Page JS goes HERE  -->
+{% block javascripts %}
+	<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
+	<script>
+
+			var d_orders = {{daily_orders | safe}};
+
+	        Plotly.plot('d_orders_id', // the ID of the div, created above
+						d_orders.trace, d_orders.layout, {});
+
+			var h_orders = {{hourly_orders | safe}};
+
+	        Plotly.plot('h_orders_id', // the ID of the div, created above
+						h_orders.trace, h_orders.layout, {});
+
+			var w_orders = {{weekly_orders | safe}};
+
+	        Plotly.plot('w_orders_id', // the ID of the div, created above
+						w_orders.trace, w_orders.layout, {});
+
+			var m_orders = {{monthly_orders | safe}};
+
+	        Plotly.plot('m_orders_id', // the ID of the div, created above
+						m_orders.trace, m_orders.layout, {});
+
+
+	function myFunction() {
+	  // Get the checkbox
+	  var checkBox = document.getElementById("myCheck");
+	  // Get the output text
+	  var text = document.getElementById("text");
+
+	  // If the checkbox is checked, display the output text
+	  if (checkBox.checked == true){
+	    text.style.display = "block";
+	  } else {
+	    text.style.display = "none";
+	  }
+	}
+	</script>
+
+	<script>
+		document.addEventListener("DOMContentLoaded", function() {
+			document.getElementById("datetimepicker-dashboard").flatpickr({
+				inline: true,
+
+				prevArrow: "<span class=\"fas fa-chevron-left\" title=\"Previous month\"></span>",
+				nextArrow: "<span class=\"fas fa-chevron-right\" title=\"Next month\"></span>",
+			});
+		});
+	</script>
+{% endblock javascripts %}

customeranalytics/web/config.py

@@ -0,0 +1,30 @@
+import os
+from decouple import config
+
+try: from utils import read_yaml, abspath_for_sample_data
+except: from customeranalytics.utils import read_yaml, abspath_for_sample_data
+
+
+class Config(object):
+    basedir = os.path.abspath(os.path.dirname(__file__))
+    SECRET_KEY = config('SECRET_KEY', default='S#perS3crEt_007')
+    SQLALCHEMY_DATABASE_URI = 'sqlite:///' + os.path.join(basedir, 'db.sqlite3')
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
+
+
+class ProductionConfig(Config):
+    DEBUG = False
+    ALLOWED_IMAGE_EXTENSIONS = ["JPEG", "JPG", "PNG", "GIF"]
+    MAX_IMAGE_FILESIZE = 0.5 * 1024 * 1024
+
+
+class DebugConfig(Config):
+    DEBUG = True
+    ALLOWED_IMAGE_EXTENSIONS = ["JPEG", "JPG", "PNG", "GIF"]
+    MAX_IMAGE_FILESIZE = 0.5 * 1024 * 1024
+
+
+config_dict = {'Production': ProductionConfig, 'Debug': DebugConfig}
+web_configs = read_yaml(os.path.join(abspath_for_sample_data(), "docs"), "web_configs.yaml")
+
+

customeranalytics/web/run.py

@@ -0,0 +1,30 @@
+## TODO: this will be updated
+import sys, os, inspect
+currentdir = os.path.dirname(os.path.abspath(inspect.getfile(inspect.currentframe())))
+parentdir = os.path.dirname(currentdir)
+sys.path.insert(0, parentdir)
+
+from flask_migrate import Migrate
+from sys import exit
+from decouple import config
+
+try:
+    from web.config import config_dict, web_configs
+    from web.app import create_app, db
+
+except Exception as e:
+    from customeranalytics.web.config import config_dict, web_configs
+    from customeranalytics.web.app import create_app, db
+
+
+try:
+    # Load the configuration using the default values 
+    app_config = config_dict['Debug']
+except KeyError:
+    exit('Error: Invalid <config_mode>. Expected values [Debug, Production] ')
+
+app = create_app(app_config)
+Migrate(app, db)
+
+if __name__ == "__main__":
+    app.run(port=web_configs['port'], host=web_configs['host'])