PerformoBotSurveyWebsite/about.html at master · DECLARE-Project/PerformoBotSurveyWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!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>PerformoBot</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="style/index_new.css">
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">PerformoBot</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="navbar-button" href="index.html">Chatbot</a></li>
                    <li><a class="navbar-button" href="study.html">Study</a></li>
                    <li><a class="navbar-button" href="updates.html">Updates</a></li>
                    <li><a class="navbar-button navbar-button-selected" href="about.html">About</a></li>
                    <li><a class="navbar-button" href="contact.html">Contact</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-9">
                <div class="textbox">
                    <h2>About the Project</h2>
                    <p align="justify">With the continuous growth of communication platforms like Twitter, Facebook, and
                        instant messaging services like Whatsapp, Slack, and Telegram,
                        the excitement about conversational interfaces has also grown in popularity. In this sense,
                        chatbots have revolutionized how customers interact with
                        businesses. Chatbots are used for instant, dynamic, human-like interactions in order to provide
                        information, answer questions, and overall customer
                        service. They rely on machine learning as well as natural language processing (NLP) to learn and
                        improve these interactions. This trend of popularity
                        in chatbot interaction is also present in software development itself. Chatbots are used for a
                        variety of tasks to support developers in their daily work.</p>
                    <p align="justify">Performance evaluation of software systems is currently typically done by the
                        developers or a separate testing team. They use different tools to analyze
                        the system’s functional and non-functional requirements. The idea of this project is to utilize
                        a chatbot to facilitate this process. This chatbot should be
                        able to help various users to define appropriate tests for their system.
                        Analysis experiments based on the given configuration in natural language is then created and
                        sent to the connected <a href="https://vizardous.herokuapp.com/">Vizard</a> reporting framework.
                        Following the completion of the experiment execution, the Vizard generates a descriptive
                        report which is sent back to the chatbot. The chatbot then
                        presents the user the fully automated analysis and the visualization of its result.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-5"></div>
            <div class="col-sm-7">
                <div class="textbox">
                    <h3>Goals</h3>
                    <ol>
                        <li>Allow chatbot to understand performance concerns from non experienced users</li>
                        <li>Support different performance concerns</li>
                        <li>Integrate chatbot into software development life cycle</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-9">
                <div class="textbox">
                    <h3>Approach</h3>
                    <img src="images/approach.png" alt="A figure that explains the approach of the chatbot" width="100%">
                </div>
            </div>
        </div>
    </div>
</body>

</html>