<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>Team A Report</title>
  
  <!--main stylesheet-->
  <link rel="stylesheet" href="css/vizpjt_main.css" type = "text/css"> <!--main style sheet to be customized-->
    <link href="css/simple-line-icons.css" rel="stylesheet" type="text/css">

  </head>
  
  <body>

     
    <!--templater header-->
    <div w3-include-html="template_header.html"></div> 
    
    <nav role = "top_navbar">
      <ul class = "topnav">
            <li><a href="index.html">Introduction</a></li>
            <li><a class="active" href="pg2_motivation.html">Motivation</a></li>
            <li><a href="pg3_research_work.html">Research Work</a></li>
            <li><a href="pg4_design_concept.html">Design & Concept</a></li>
            <li><a href="pg5_demo.html">Demo</a></li>
            <li><a href="pg6_discussion.html">Discussion</a></li>
            <li><a href="pg7_futurework.html">Future Work</a></li>
            <li><a href="pg8_credits.html">Credits</a></li>
            <li><a href="pg9_installation_guide.html">Installation Guide</a></li>
      </ul>
    </nav>
    
    <!--template left nav bar -->
    <div w3-include-html="template_leftnavbar.html"></div>
    

    
    <!-- the body of the content-->
    <div class = "mainbody_content">
      
      <!--slideshow-->
      
              <div class="slideshow-container" style = "width = 80%">
              
              <div class="mySlides fade">
              
              <!--
              <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                  <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
              </div>
              -->  
                  <div class="numbertext">1 / 8</div>
                  
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p1.png" alt="SMU Logo" style="width:400px;height:400px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>Background</b></p>
                                          
                                          <h3>Company A is a mid-size SME with a history of about 30 years in Singapore. <br> <br>
                                          The company provides materials and installation services of interior furnishing products 
                                          such as Wallcovering, Flooring, Carpet, and Fabrics to both local and overseas markets. </h3>
                                          <br><br><br>

                                          </th>
                                      </tr>
                                  </table>                          
                          </div>
                            
                      <div class="nav_slide_nex" style="height: 1000px  display: block float:left">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font></p> </a></div>
              </div>                                                              
              
                <div class="mySlides fade">
                
                    <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                      <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
                    </div>
                
                   <div class="numbertext">2 / 8</div>
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p2.png" alt="SMU Logo" style="width:400px;height:300px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>Challenges</b></p>
                                          
                                          <h3>
                                          Similar to many SMEs, the management tends to "gut feeling", 
                                          which may not be aligned with the current market trends and opportunities. <br> <br>

                                          <b>Example:</b><br> 
                                          Marketing campaigns are designed based on historical sales performance, 
                                          with no visibility on current market opportunities - which can be inferred from external data, 
                                          such as recent transaction of resales of real estate. </h3>

                                          </th>
                                      </tr>
                                  </table>   
                        </div>
                            
                      <div class="nav_slide_nex" style="height: 1000px  display: block">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font> </p> </a></div>
              </div>
              
                <div class="mySlides fade">
                
                    <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                      <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
                    </div>
                
                   <div class="numbertext">3 / 8</div>
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p3.png" alt="SMU Logo" style="width:400px;height:300px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>Challenges</b></p>
                                          
                                          <h3>
                                          The company has collected much data from ERP System. These data are shared among departments, 
                                          but with them working in its own silo. Thus, resulting in conflicting business analysis. <br> <br>

                                          <b>Example:</b><br> 
                                          The product head tends to consider only material while that the sales head will consider others factors 
                                          when measuring the performance of the same project. Therefore, both may arrive to different conclusions 
                                          for the same project. 
                                          </h3>

                                          </th>
                                      </tr>
                                  </table>  
                        </div>
                            
                      <div class="nav_slide_nex" style="height: 1000px  display: block">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font></p> </a></div>
              </div>
              
              <div class="mySlides fade">
                
                    <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                      <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
                    </div>
                
                   <div class="numbertext">4 / 8</div>
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p4.png" alt="SMU Logo" style="width:400px;height:300px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>Challenges</b></p>
                                          
                                          <h3>
                                          Much of the business performance are analysed based on highly aggregated figures, 
                                          reported on traditional tools such as MS PowerPoint and MS Excel.
                                          <br> <br>

                                          <b>Example:</b><br> 
                                          It is common that during management meeting, when further breakdown of analysis is required on the fly, 
                                          information may not be available easily as it is tedious to compile the required information.
                                          </h3>
                                          </th>
                                      </tr>
                                  </table>  
                        </div>
                            
                      <div class="nav_slide_nex" style="height: 1000px  display: block">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font></p> </a></div>
              </div>

               <div class="mySlides fade">
                
                    <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                      <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
                    </div>
                
                   <div class="numbertext">5 / 8</div>
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p5.png" alt="SMU Logo" style="width:400px;height:300px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>Opportunities</b></p>
                                          
                                          <h3>
                                          Hence, we the opportunity to design an integrated performance dashboard with the following objectives in mind:
                                           <br> <br>

                                          <b>FIRST:</b><br> 
                                          To benchmark the company's actual performance with the market potential; by comparing 
                                          internal data with external data.
                                          </h3>
                                          </th>
                                      </tr>
                                  </table>   
                        </div>
                            
                      <div class="nav_slide_nex" style="height: 1000px  display: block">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font></p> </a></div>
              </div>  

                <div class="mySlides fade">
                
                    <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                      <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
                    </div>
                
                   <div class="numbertext">6 / 8</div>
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p5.png" alt="SMU Logo" style="width:400px;height:300px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>Opportunities</b></p>
                                          
                                          <h3>
                                          Hence, we the opportunity to design an integrated performance dashboard with the following objectives in mind:
                                           <br> <br>

                                          <b>SECOND:</b><br> 
                                            To provide a centralize and interactive analytic business platform, integrating analysis on customers, products, 
                                            and sales performance.

                                          </h3>
                                          </th>
                                      </tr>
                                  </table> 
                        </div>
                            
                      <div class="nav_slide_nex" style="height: 1000px  display: block">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font></p> </a></div>
              </div> 
              
                <div class="mySlides fade">
                
                    <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                      <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
                    </div>
                
                   <div class="numbertext">7 / 8</div>
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p5.png" alt="SMU Logo" style="width:400px;height:300px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>Opportunities</b></p>
                                          
                                          <h3>
                                          Hence, we the opportunity to design an integrated performance dashboard with the following objectives in mind:
                                           <br> <br>

                                          <b>THIRD:</b><br> 
                                            To apply Shneiderman�s mantra of "Overview first, zoom and filter, 
                                            then details-on-demand" in developing user-oriented dashboard.


                                          </h3>
                                          </th>
                                      </tr>
                                  </table>  
                        </div>
                            
                      <div class="nav_slide_nex" style="height: 1000px  display: block">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font></p> </a></div>
              </div>           

                <div class="mySlides fade">
                
                    <div class="nav_slide_prev" style="height: 1000px  display: block  float:left; ">
                      <a class="prev" onclick="plusSlides(-1)"><p> <font size = 20 font color = grey> < </font> </p></a>
                    </div>
                
                   <div class="numbertext">8 / 8</div>
                          <div class = "content_slide">
                                  <table>
                                      <tr>
                                        <th style = "padding: 15px; width: 50%;">
                                                  <img src="data/motivation_p8.png" alt="SMU Logo" style="width:400px;height:300px;">
                                                  <h3>

                                        </th>
                                          <th style = "width: 50%; text-align:justify; padding-left: 20px;padding-right: 20px;"><p><b>In Summary</b></p>
                                          
                                          <h3>
                                          In all, this will help company A to;                                                                                    
                                          <br> <br>
                                          <ol>
                                            <li> 
                                            Realize the benefits of comparing internal with external data in business decision-making.</li>
                                            <li>                                             
                                            Provide a single and integrated platform for key management members. </li>
                                            <li>                                            
                                            Reduce the time and effort to compile reports and analysis  </li>
                                           </ol>  <br>
                                           
                                          Also, this will provide a concept to other businesses, especially SMEs, 
                                          in how analysis can be simplified and yet insightful using visual analytics.
                                          </h3>
                                          </th>
                                      </tr>
                                  </table>  
                        </div>
                      <!--      
                      <div class="nav_slide_nex" style="height: 1000px  display: block">
                      
                      <a class="next" onclick="plusSlides(1)"><p> <font size = 20 font color = grey> > </font></p> </a></div>
                      -->
              </div>             
              </div>
              <br>
              
              <div style="text-align:center">
                <span class="dot" onclick="currentSlide(1)"></span> 
                <span class="dot" onclick="currentSlide(2)"></span> 
                <span class="dot" onclick="currentSlide(3)"></span> 
                <span class="dot" onclick="currentSlide(4)"></span> 
                <span class="dot" onclick="currentSlide(5)"></span> 
                <span class="dot" onclick="currentSlide(6)"></span> 
                <span class="dot" onclick="currentSlide(7)"></span> 
                <span class="dot" onclick="currentSlide(8)"></span> 
              </div>    
    
    <!--slideshow-->
    </div>
    
<!--load JS-->
  <script src = "js/w3data.js"></script>
        
    <script>
    w3IncludeHTML();
    </script>
  <script src = "js/vizpjt_main.js"></script>
      
  </body>
</html>