Página de pruebas

From Sinfronteras
Revision as of 15:50, 2 June 2020 by Adelo Vieira (talk | contribs) (Introduction)
Jump to: navigation, search


When I started thinking about this project, the only clear point was that I wanted to work in Data Analysis using Python. I had already got some experience in this field in my final BSc in IT Degree project, working on a Supervised Machine Learning model for Fake News Detection. So, this time, I had some clearer ideas of the scope of data analysis and related fields and about the kind of project I was looking to work on. In addition to data analysis, I'm also interested in Web development. Therefore, in this project, along with Data Analysis, I was also looking to give important weight to web development. In this context, I got with the idea of developing a Web Dashboard for analyzing Amazon Laptop Reviews.

In a general sense, "a Data Dashboard is an information management tool that visually tracks, analyzes and displays key performance indicators (KPI), metrics and key data points to monitor the health of a business or specific process" [1]. That is not a bad definition to describe the application we are building. We just need to highlight that our Dashboard displays information about Laptop sales data from Amazon (customer reviews, in particular).

We wanted to mention that the initial proposal was to develop a Dashboard for analyzing a wider range of products from Amazon (not only Laptops). However, because we had limited HR and time to accomplish this project, we were forced to reduce the scope of the application. This way, we were trying to make sure that we were going to be able to develop a functional Dashboard on the timeframe provided.

It is also important to highlight that the visual appeal of the application is being considered an essential aspect of the development process. We are aware that this is currently a very important feature of a web application so we are taking the necessary time to make sure we develop a Dashboard with visual appeal and decent web design.

Some examples of the kind of Application we are developing:

  • Example 1: Faction A - Sentiment Analysis Dashboard (Figure 1) [2]
This is a very similar application to the one we are building. Our initial requirements and prototype were based on some of the components shown in this application.

Figure 1: Faction A - Sentiment Analysis Dashboard
This is an example of the kind of Dashboard we are building [2]

  • Example 2: Shards dashboard (Figure 2) [3]
This dashboard doesn't have a similar function to the dashboard we are building. However, it is a good example of the design and visual appeal of the application we aim to build.

Shards dashboard. This is an example of the kind of Dashboard we are building [3]

At this point, a version 1.0 of the application has already been built and deployed. It is currently running for testing purposes at http://dashboard.sinfronteras.ws

You can also access the source code and download it from our Github repository at http://github.com/adeloaleman/AmazonLaptopsDashboard

The content of this report is organized in the following way:

  • We start by giving some arguments that justify the business value of this kind of application. We understand that the scope of our Dashboard is limited because we are only considering Laptop data, but we try to explain in a broad sense, the advantage of analyzing retail sales data in order to enhance a commercial strategy.

  • In the Development process Section, we will go through the different phases of the development process. The goal is to make clear the general architecture of the application, the technologies we have used and the reasons for the decisions made. Only some portions of the codes will be explained. We think there is no point in explaining all programming details of hundreds of lines of code.

  • We finally describe the process followed to deploy the application in the cloud. In this chapter, we explain the current deployment architecture, in which the back-end and front-end are running in the same server, but we also address a three-tier architecture for high availability and strict security policies that has been designed for future cloud deployment of the Dashboard.

Project rationale and business value

Development process


Scraping data from Amazon

Data Analytic

Loading the data


Data Preparation and Text pre–processing

Data visualization

Sentiment analysis


Some main features about the front-end design

Home page

Brand selection, Series selection and Price panels

Avg. customer reviews vs. Prices panel

Customer reviews Word cloud and Word count bar chart

Modules under construction

Cloud Deployment



[4] [5] [6] [7] [8] [9] [2] [10] [11] [12] [1] [13] [14] [15] [16] [17] [18] [19] [20] [3] [21] [22] [23] [24] [25] [26] [27]

  1. 1.0 1.1 "What is a data dashboard?". Klipfolio.
  2. 2.0 2.1 2.2 "Faction A - Sentiment Analysis Dashboard". Microsoft.
  3. 3.0 3.1 3.2 "Shards dashboard - Demo". Designrevision.
  4. 4.0 4.1 Ellingwood, Justin (May 2016). "How To Serve Flask Applications with Gunicorn and Nginx on Ubuntu 16.04". Digitalocean.
  5. "Failed to find application object 'server' in 'app'". Plotly community. 2018.
  6. Chesneau, Benoit. "Deploying Gunicorn". Gunicorn documentation.
  7. "Standalone WSGI Containers". Pallets documentation.
  8. "Deploying Dash Apps". Dash documentation.
  9. "Dropdown Examples and Reference". Dash documentation.
  10. Ka Hou, Sio (2019). "Bootstrap Navigation Bar". towardsdatascience.com.
  11. "4 Áreas con importantes datos por analizar". UCOM - Universidad comunera. 2019.
  12. "Bootstrap Navigation Bar". W3schools documentation.
  13. Carol Britton and Jill Doake (2005). "A Student Guide to Object-Oriented Development".
  14. "Official Scrapy website". Scrapy.
  15. "Scrapy 2.1 documentation". Scrapy documentation.
  16. "Scrapy". Wikipedia.
  17. "Web scraping". Wikipedia.
  18. "Dash for Beginners". Datacamp. 2019.
  19. "Introduction to Dash". Dash documentation.
  20. "Create Charts & Diagrams Online". Lucidchart.
  21. "Upcube dashboard - Demo". themesdesign.
  22. "W3.CSS Sidebar". W3schools documentation.
  23. "Sidebar code example". W3schools documentation.
  24. "Navbar". Bootstrap documentation.
  25. "Bubble Charts in Python". Plotly documentation.
  26. "Plotly Python Open Source Graphing Library". Plotly documentation.
  27. "Bar Charts in Python". Plotly documentation.