File size: 7,661 Bytes
96471b1
83098c2
 
 
 
 
 
41bc27a
83098c2
 
 
 
 
 
 
 
 
 
 
2139cb3
 
 
 
 
 
83098c2
 
 
 
 
 
41bc27a
83098c2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6f96365
83098c2
 
 
 
 
66b0e3d
83098c2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6f96365
83098c2
6f96365
66b0e3d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37120ca
66b0e3d
 
37120ca
 
66b0e3d
37120ca
 
66b0e3d
 
 
 
 
 
 
 
 
 
6f96365
66b0e3d
83098c2
 
 
 
 
96471b1
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>PARROT - Platform for AI-guided Radiation Oncology Treatment</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" href="#">PARROT</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
            aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <div class="navbar-nav">
            <a class="nav-link active" href="#">Home</a>
            <a class="nav-link" href="documentation.html">Documentation</a>
            <a class="nav-link" href="ai_models.html">AI models</a>
            <a class="nav-link" href="contact.html">Contact</a>
        </div>
    </div>
</nav>

<div class="container mt-5">
    <div class="row">
        <div class="col-lg-8">
            <h1 class="mb-4 mt-4">Welcome to PARROT</h1>
            <p>
                PARROT, which stands for Platform for ARtificial intelligence guided Radiation Oncology Treatment,
                is a user-friendly, free, and open-source web platform. It allows users to visualize DICOM files, run AI models,
                display and evaluate predictions easily. The platform includes several trained state-of-the-art dose prediction
                and contour segmentation models. Users can also add their own models using the embedded code editor.
            </p>
            <p>
                The app consists of a frontend built in React JavaScript, including the graphical interface with a DICOM viewer,
                a selection panel of AI models, an editor of contours predictions, and evaluation tools. The backend is built with Flask
                to handle the predictions of AI models.
            </p>
        </div>
        <div class="col">
            <img src="img/index/parrot-logo.png" alt="PARROT Logo" class="index/parrot-logo img-fluid">
        </div>
    </div>
    <div class="col-lg text-center">
        <button id="downloadButton" class="btn btn-primary">Download Latest Release</button>
    </div>
</div>
<div class="container mt-5">
    <div class="row">
        <div class="col text-center mb-5">
            <h2>
                PARROT allows you to:
            </h2>        
        </div>
    </div>
    <div class="row">
        <div class="col-lg-3 text-center">
            <img src="img/index/research-and-development.png" alt="State-of-the-art models" class="img-fluid w-50 mb-3">
            <p>Run state-of-the-art AI models</p> 
        </div>
        <div class="col-lg-3 text-center">
            <img src="img/index/ct-scan.png" alt="ct scan" class="img-fluid w-50 mb-3">
            <p>Visualize contours segmented with AI on CT and MR images</p>
        </div>
        <div class="col-lg-3 text-center">
            <img src="img/index/comparison.png" alt="ct scan" class="img-fluid w-50 mb-3">
            <p>Compare uploaded and/or predicted dose distributions</p>
        </div>
        <div class="col-lg-3 text-center">
            <img src="img/index/edit.png" alt="ct scan" class="img-fluid w-50 mb-3">
            <p>Correct contours predicted by AI model</p>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-3 text-center">
            <img src="img/index/dicom.PNG" alt="ct scan" class="img-fluid w-50 mb-3">
            <p>Full DICOM to DICOM workflow</p> 
        </div>
        <div class="col-lg-3 text-center">
            <img src="img/index/personal-data.png" alt="ct scan" class="img-fluid w-50 mb-3">
            <p>Local web application to ensure patient data privacy</p>
        </div>
        <div class="col-lg-3 text-center">
            <img src="img/index/innovation.png" alt="ct scan" class="img-fluid w-50 mb-3">
            <p>Run your own AI models</p>
        </div>
        <div class="col-lg-3 text-center">
            <img src="img/index/evaluation.png" alt="ct scan" class="img-fluid w-50 mb-3">
            <p>Clinical evaluation tools: NTCP, DVH curves, clinical objectives, dose statistics</p>
        </div>
    </div>



</div>


<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<!-- Wei Repo
<script>
    $(document).ready(function () {
        // Replace 'YOUR_PROJECT_ID' and 'YOUR_REPO_NAME' with your GitLab project ID and repository name
        var projectId = '25472370';
        var repoName = 'charp-viewer';
        var apiUrl = 'https://gitlab.com/api/v4/projects/'+projectId+'/releases/'
        
        $.ajax({
            url: apiUrl,
            method: 'GET',
            success: function (data) {
                if (data.length > 0) {
                    var latestRelease = data[0];
                    var releaseAssets = latestRelease.assets;
                    // Assuming the first asset is the desired download (e.g., a zip file)
                    var downloadUrl = releaseAssets.sources.length > 0 ? releaseAssets.sources[0].url : '';

                    // Update the download button href attribute
                    $('#downloadButton').attr('onclick', 'window.location.href="' + downloadUrl + '"');
                }
            },
            error: function (error) {
                console.error('Error fetching release information:', error);
            }
        });
    });
</script> -->

<!-- Parrot repo -->
<script>
    $(document).ready(function () {
        // Replace 'YOUR_PROJECT_ID' and 'YOUR_REPO_NAME' with your GitLab project ID and repository name
        // Parrot repo
        var projectId = '54838381';
        var repoName = 'PARROT';
        
        var apiUrl = 'https://gitlab.com/api/v4/projects/'+projectId+'/releases/'
        
        $.ajax({
            url: apiUrl,
            method: 'GET',
            success: function (data) {
                if (data.length > 0) {
                    var latestRelease = data[0];
                    console.log("latest release",latestRelease);
                    // Get the latest release
                    var releaseAssets = latestRelease.assets;
                    console.log("releaseAssets",releaseAssets);
                    console.log("releaseAssets.length",releaseAssets.length);
                    // The file is in the link array, and assuming we want to download the first link (.exe), we look for his URL
                    var downloadUrl = releaseAssets.links.length > 0 ? releaseAssets.links[0].url : '';
                    console.log("downloadUrl",downloadUrl);
                    // Update the download button href attribute
                    $('#downloadButton').attr('onclick', 'window.location.href="' + downloadUrl + '"');
                }
            },
            error: function (error) {
                console.error('Error fetching release information:', error);
            }
        });
    });
</script>


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

</body>
</html>