Spaces:
Running
Running
File size: 6,790 Bytes
96471b1 83098c2 41bc27a 83098c2 41bc27a 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 |
<!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">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation.html">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ai_models.html">AI models</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</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>
<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';
// https://gitlab.com/zhaosadre/charp-viewer/-/releases -->
// GitLab API endpoint for releases
var apiUrl = 'https://gitlab.com/api/v4/projects/'+projectId+'/releases/'//+tag_name+'/assets/links'
//var apiUrl = 'https://gitlab.com/api/v4/projects/' + projectId + '/repository/tags'; -->
// Fetch the latest release information
$.ajax({
url: apiUrl,
method: 'GET',
success: function (data) {
console.log("data",data);
if (data.length > 0) {
var latestRelease = data[0];
console.log("latestRelease",latestRelease);
var releaseAssets = latestRelease.assets;
console.log("releaseAssets",releaseAssets);
// 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>
<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>
|