Update 'index.html'

- "portal" is replaced with "platform"
- "geodata" is replaced with "geospatial data"
- GlusterFS is removed
- Jetson storage information is updated
- Package logos are updated
- ODK is added to the services
- Supported language versions are updated
master
Serkan Girgin 3 years ago
parent 34c8815b55
commit da0cebcce5

@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Geospatial Computing Portal of the Faculty of Geo-Information Science and Earth Observation (ITC), University of Twente" /> <meta name="description" content="Geospatial Computing Platform of the Faculty of Geo-Information Science and Earth Observation (ITC), University of Twente" />
<meta name="author" content="Serkan Girgin" /> <meta name="author" content="Serkan Girgin" />
<title>Geospatial Computing Portal</title> <title>Geospatial Computing Platform</title>
<link rel="icon" type="image/x-icon" href="img/favicon.ico" /> <link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
@ -21,7 +21,7 @@
<body id="page-top"> <body id="page-top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav"> <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container"> <div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="img/logo-itc.png" width="30" height="30" alt="" loading="lazy"> Geospatial Computing Portal</a> <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="img/logo-itc.png" width="30" height="30" alt="" loading="lazy"> Geospatial Computing Platform</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0"> <ul class="navbar-nav ml-auto my-2 my-lg-0">
@ -40,13 +40,13 @@
<div class="container h-100"> <div class="container h-100">
<div class="row h-100 align-items-center justify-content-center text-center"> <div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-lg-10 align-self-end"> <div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">One-stop geospatial data analysis portal</h1> <h1 class="text-uppercase text-white font-weight-bold">One-stop geospatial data analysis platform</h1>
<hr class="divider my-4" /> <hr class="divider my-4" />
</div> </div>
<div class="col-lg-8 align-self-baseline"> <div class="col-lg-8 align-self-baseline">
<p class="text-white-75 font-weight-light mb-4">Do you need an infrastructure to analyse your geodata? Do you need parallel, distributed, or GPU-assisted computing capabilities for machine learning and AI applications involving (big) geospatial data?</p> <p class="text-white-75 font-weight-light mb-4">Do you need an infrastructure to analyse geospatial data? Do you need parallel, distributed, or GPU-assisted computing capabilities for machine learning and AI applications involving (big) geospatial data?</p>
<p class="text-white font-weight-bold mb-4">You are at the right place.</p> <p class="text-white font-weight-bold mb-4">You are at the right place.</p>
<p class="text-white mb-5">Welcome to the ITC Geospatial Computing Portal!</p> <p class="text-white mb-5">Welcome to the ITC Geospatial Computing Platform!</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a> <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
</div> </div>
</div> </div>
@ -58,7 +58,7 @@
<div class="col-lg-8 text-center"> <div class="col-lg-8 text-center">
<h2 class="text-white mt-0">We've got what you need!</h2> <h2 class="text-white mt-0">We've got what you need!</h2>
<hr class="divider light my-4" /> <hr class="divider light my-4" />
<p class="text-white-75 mb-0">Based on the <a href="https://www.itc.nl/.uc/f005f828001025fdfb5006b505002370da2ce543cd49600/Big%20Data%20at%20ITC.pdf" target="_blank" class="text-white">user needs assessment</a> we have designed and implemented a computing infrastructure to serve high-priority activities related to big geodata, including exploratory research, prototyping, and self-learning. Feel free to use it also for other geospatial computing needs!</p> <p class="text-white-75 mb-0">Based on the <a href="https://www.itc.nl/.uc/f005f828001025fdfb5006b505002370da2ce543cd49600/Big%20Data%20at%20ITC.pdf" target="_blank" class="text-white">user needs assessment</a> we have designed and implemented a computing infrastructure to serve high-priority activities, such as exploratory research, prototyping, and self-learning. It is tailored for big data analysis, but feel free to use it for other geospatial computing needs!</p>
</div> </div>
</div> </div>
</div> </div>
@ -72,7 +72,7 @@
<div class="mt-5"> <div class="mt-5">
<i class="fa fa-cubes fa-10x text-info mb-4"></i> <i class="fa fa-cubes fa-10x text-info mb-4"></i>
<h3 class="h4 mb-2">Containerized</h3> <h3 class="h4 mb-2">Containerized</h3>
<p class="text-muted mb-2">Each working environment is containerized and isolated from each other and also the host unit to ensure privacy.</p> <p class="text-muted mb-2">Each working environment is containerized and isolated from each other and also from the host unit to ensure privacy.</p>
<a href="https://www.docker.com/" target="_blank" class="badge badge-pill badge-danger" >Powered by Docker</a> <a href="https://www.docker.com/" target="_blank" class="badge badge-pill badge-danger" >Powered by Docker</a>
</div> </div>
</div> </div>
@ -88,8 +88,8 @@
<div class="mt-5"> <div class="mt-5">
<i class="fa fa-copy fa-10x text-info mb-4"></i> <i class="fa fa-copy fa-10x text-info mb-4"></i>
<h3 class="h4 mb-2">Replicated</h3> <h3 class="h4 mb-2">Replicated</h3>
<p class="text-muted mb-2">Your assets are protected against hardware failures through replicated storage with minimum two copies.</p> <p class="text-muted mb-2">Your assets are protected against hardware failures through replicated storage with minimum two physical copies.</p>
<a href="https://www.gluster.org/" target="_blank" class="badge badge-pill badge-danger" >Powered by GlusterFS and ZFS</a> <a href="https://en.wikipedia.org/wiki/ZFS" target="_blank" class="badge badge-pill badge-danger" >Powered by ZFS</a>
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
@ -153,7 +153,7 @@
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
<img src="img/jetson-agx-xavier.png" class="img-fluid" alt="NVIDIA Jetson AGX Xavier" /> <img src="img/jetson-agx-xavier.png" class="img-fluid" alt="NVIDIA Jetson AGX Xavier" />
<h3 class="h4 mb-2">Small, But Talented</h3> <h3 class="h4 mb-2">Small, But Talented</h3>
<p class="text-muted mb-0"><a href="https://www.nvidia.com/en-us/autonomous-machines/embedded-systems/jetson-agx-xavier/" target="_blank">NVIDIA Jetson AGX Xavier</a> units with 10 TB dedicated storage connected through Gigabit Ethernet empower the platform.</p> <p class="text-muted mb-0"><a href="https://www.nvidia.com/en-us/autonomous-machines/embedded-systems/jetson-agx-xavier/" target="_blank">NVIDIA Jetson AGX Xavier</a> units with 1 TB local and 200 TB network storage connected through Gigabit Ethernet empower the platform.</p>
</div> </div>
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
<img src="img/jupyterlab.png" class="img-fluid" alt="Powered by JupyterLab" /> <img src="img/jupyterlab.png" class="img-fluid" alt="Powered by JupyterLab" />
@ -191,12 +191,12 @@
<div class="row"> <div class="row">
<div class="col"><img src="img/logo/tensorflow.png" alt="TensorFlow" title="TensorFlow" class="img-fluid" /></div> <div class="col"><img src="img/logo/tensorflow.png" alt="TensorFlow" title="TensorFlow" class="img-fluid" /></div>
<div class="col"><img src="img/logo/keras.png" alt="Keras" title="Keras" class="img-fluid" /></div> <div class="col"><img src="img/logo/keras.png" alt="Keras" title="Keras" class="img-fluid" /></div>
<div class="col text-center"><img src="img/logo/pytorch.png" alt="PyTorch" title="PyTorch" class="img-fluid" /><span class="badge badge-pill badge-danger">Coming Soon!</span></div> <div class="col text-center"><img src="img/logo/pytorch.png" alt="PyTorch" title="PyTorch" class="img-fluid" /></div>
<div class="col"><img src="img/logo/mxnet.png" alt="MXnet" title="MXnet" class="img-fluid" /></div> <div class="col"><img src="img/logo/mxnet.png" alt="MXnet" title="MXnet" class="img-fluid" /></div>
<div class="col"><img src="img/logo/scikit-learn.png" alt="Scikit-learn" title="Scikit-learn" class="img-fluid" /></div> <div class="col"><img src="img/logo/scikit-learn.png" alt="Scikit-learn" title="Scikit-learn" class="img-fluid" /></div>
<div class="col"><img src="img/logo/scikit-cuda.png" alt="Scikit-CUDA" title="Scikit-CUDA" class="img-fluid" /></div> <div class="col"><img src="img/logo/scikit-cuda.png" alt="Scikit-CUDA" title="Scikit-CUDA" class="img-fluid" /></div>
<div class="col"><img src="img/logo/xgboost.png" alt="XGBoost" title="XGBoost" class="img-fluid" /></div> <div class="col"><img src="img/logo/xgboost.png" alt="XGBoost" title="XGBoost" class="img-fluid" /></div>
<div class="col text-center"><img src="img/logo/rapids.png" alt="RAPIDS" title="RAPIDS" class="img-fluid" /><span class="badge badge-pill badge-danger">Coming Soon!</span></div> <div class="col text-center"><img src="img/logo/rapids.png" alt="RAPIDS" title="RAPIDS" class="img-fluid" /></div>
</div> </div>
<div class="row"> <div class="row">
<div class="col"><img src="img/logo/gdal.png" alt="GDAL" title="GDAL" class="img-fluid" /></div> <div class="col"><img src="img/logo/gdal.png" alt="GDAL" title="GDAL" class="img-fluid" /></div>
@ -230,7 +230,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col"><img src="img/logo/vscode.png" alt="VS Code" title="VS Code" class="img-fluid" /></div> <div class="col"><img src="img/logo/vscode.png" alt="VS Code" title="VS Code" class="img-fluid" /></div>
<div class="col text-center"><img src="img/logo/rstudio.png" alt="RStudio" title="RStudio" class="img-fluid" /><span class="badge badge-pill badge-danger">Coming Soon!</span></div> <div class="col text-center"><img src="img/logo/rstudio.png" alt="RStudio" title="RStudio" class="img-fluid" /></div>
<div class="col"><img src="img/logo/octave.png" alt="Octave" title="Octave" class="img-fluid" /></div> <div class="col"><img src="img/logo/octave.png" alt="Octave" title="Octave" class="img-fluid" /></div>
<div class="col"><img src="img/logo/statsmodels.png" alt="Statsmodels" title="Statsmodels" class="img-fluid" /></div> <div class="col"><img src="img/logo/statsmodels.png" alt="Statsmodels" title="Statsmodels" class="img-fluid" /></div>
<div class="col"><img src="img/logo/altair.png" alt="Altair" title="Altair" class="img-fluid" /></div> <div class="col"><img src="img/logo/altair.png" alt="Altair" title="Altair" class="img-fluid" /></div>
@ -261,7 +261,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
<a href="http://geoserver.org/" target="_blank"><img src="img/geoserver.png" class="img-fluid" alt="GeoServer" /></a> <a href="http://geoserver.org/" target="_blank"><img src="img/Geoserver.png" class="img-fluid" alt="GeoServer" /></a>
<h3 class="h4 mb-2">GeoServer</h3> <h3 class="h4 mb-2">GeoServer</h3>
<p class="text-muted mb-4">Open source server for sharing geospatial data</p> <p class="text-muted mb-4">Open source server for sharing geospatial data</p>
<a class="btn btn-info btn-xl mb-4" href="https://crib.utwente.nl/geoserver" target="_blank">Access</a> <a class="btn btn-info btn-xl mb-4" href="https://crib.utwente.nl/geoserver" target="_blank">Access</a>
@ -269,8 +269,8 @@
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
<a href="https://mapserver.org/" target="_blank"><img src="img/mapserver.png" class="img-fluid" alt="MapServer" /></a> <a href="https://mapserver.org/" target="_blank"><img src="img/mapserver.png" class="img-fluid" alt="MapServer" /></a>
<h3 class="h4 mb-2">MapServer</h3> <h3 class="h4 mb-2">MapServer</h3>
<p class="text-muted mb-0">Open source platform for publishing spatial data</p> <p class="text-muted mb-4">Open source platform for publishing spatial data</p>
<p class="badge badge-danger">Coming Soon!</p> <a class="btn btn-info btn-xl mb-4" href="https://crib.utwente.nl/cgi-bin/mapserv" target="_blank">Access</a>
</div> </div>
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
<a href="https://www.postgresql.org/" target="_blank"><img src="img/postgresql.png" class="img-fluid" alt="PostgreSQL" /></a> <a href="https://www.postgresql.org/" target="_blank"><img src="img/postgresql.png" class="img-fluid" alt="PostgreSQL" /></a>
@ -281,8 +281,8 @@
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
<a href="https://mariadb.org/" target="_blank"><img src="img/mariadb.png" class="img-fluid" alt="MariaDB" /></a> <a href="https://mariadb.org/" target="_blank"><img src="img/mariadb.png" class="img-fluid" alt="MariaDB" /></a>
<h3 class="h4 mb-2">MariaDB</h3> <h3 class="h4 mb-2">MariaDB</h3>
<p class="text-muted mb-0">Open source relational database</p> <p class="text-muted mb-4">Open source relational database</p>
<p class="badge badge-danger">Coming Soon!</p> <a class="btn btn-info btn-xl mb-4" href="https://crib.utwente.nl/phpmyadmin/" target="_blank">Access</a>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -295,9 +295,8 @@
<div class="col-lg-3 col-md-6 text-center"> <div class="col-lg-3 col-md-6 text-center">
<a href="https://dataverse.org/" target="_blank"><img src="img/dataverse.png" class="img-fluid" alt="The Dataverse Project" /></a> <a href="https://dataverse.org/" target="_blank"><img src="img/dataverse.png" class="img-fluid" alt="The Dataverse Project" /></a>
<h3 class="h4 mb-2">Dataverse</h3> <h3 class="h4 mb-2">Dataverse</h3>
<p class="text-muted mb-4">Open source research data repository software</p> <p class="text-muted mb-0">Open source research data repository software</p>
<a class="badge badge-pill badge-danger" href="https://itc.nl/research/data-policy-implementation/" target="_blank">In cooperation with ITC Research Data Team</a> <a class="badge badge-pill badge-danger mb-4" href="https://itc.nl/research/data-policy-implementation/" target="_blank">In cooperation with ITC Research Data Team</a>
<p class="badge badge-pill badge-success">Incubating! - BETA</p>
<br> <br>
<a class="btn btn-info btn-xl" href="https://crib.utwente.nl:8080" target="_blank">Access</a> <a class="btn btn-info btn-xl" href="https://crib.utwente.nl:8080" target="_blank">Access</a>
</div> </div>
@ -307,6 +306,12 @@
<p class="text-muted mb-4">Open source lightweight code hosting solution</p> <p class="text-muted mb-4">Open source lightweight code hosting solution</p>
<a class="btn btn-info btn-xl mb-4" href="https://crib.utwente.nl/git/" target="_blank">Access</a> <a class="btn btn-info btn-xl mb-4" href="https://crib.utwente.nl/git/" target="_blank">Access</a>
</div> </div>
<div class="col-lg-3 col-md6 text-center">
<a href="https://opendatakit.org/" target="_blank"><img src="img/odk.png" class="img-fluid" alt="Open Data Kit" /></a>
<h3 class="h4 mb-2">Open Data Kit</h3>
<p class="text-muted mb-4">Open source platform to collect data quickly, accurately, offline, and at scale</p>
<a class="btn btn-info btn-xl mb-4" href="https://odk.crib.utwente.nl/" target="_blank">Access</a>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -337,7 +342,7 @@
<p>If you are new to JupyterLab (or Jupyter notebooks in general), a good starting point is its <a href="https://jupyterlab.readthedocs.io/en/stable/index.html" target="_blank">official documentation</a>, which includes a detailed user guide. There is also a nice and short (~ 6 min.) <a href="https://www.youtube.com/watch?v=A5YyoCKxEOU" target="_blank">introduction video</a> available.</p> <p>If you are new to JupyterLab (or Jupyter notebooks in general), a good starting point is its <a href="https://jupyterlab.readthedocs.io/en/stable/index.html" target="_blank">official documentation</a>, which includes a detailed user guide. There is also a nice and short (~ 6 min.) <a href="https://www.youtube.com/watch?v=A5YyoCKxEOU" target="_blank">introduction video</a> available.</p>
<p>For specific components integrated to the platform (e.g. <a href="https://github.com/cdr/code-server" target="_blank">Code Server</a>), please refer to their own documentation.</p> <p>For specific components integrated to the platform (e.g. <a href="https://github.com/cdr/code-server" target="_blank">Code Server</a>), please refer to their own documentation.</p>
<p class="text-primary font-weight-bold mt-5">Which languages are supported by the platform?</p> <p class="text-primary font-weight-bold mt-5">Which languages are supported by the platform?</p>
<p>The platform has kernels for <a href="https://www.python.org/" target="_blank">Python</a> <span class="text-muted">(3.6)</span>, <a href="https://www.r-project.org/" target="_blank">R</a> <span class="text-muted">(4.0)</span>, <a href="https://golang.org/" target="_blank">Go</a> <span class="text-muted">(1.15)</span>, Julia <span class="text-muted">(1.5)</span>, Java <span class="text-muted">(11)</span>, Scala <span class="text-muted">(2.12)</span>, PHP <span class="text-muted">(7.4)</span>, Ruby <span class="text-muted">(2.7)</span>, Octave <span class="text-muted">(6.1)</span>, dot <span class="text-muted">(2.43)</span>, gnuplot <span class="text-muted">(5.2)</span> which you can use in interactive notebooks. All these languages are also accessible through the terminal interface. By using the terminal you can also use <a href="https://gcc.gnu.org/" target="_blank">C</a> <span class="text-muted">(GNU 9.3)</span>, <a href="https://gcc.gnu.org/" target="_blank">C++</a> <span class="text-muted">(GNU 9.3)</span>, <a href="https://gcc.gnu.org/fortran/" target="_blank">Fortran</a> <span class="text-muted">(GNU 9.3)</span>, <a href="https://www.perl.org/" target="_blank">Perl</a> <span class="text-muted">(5.30)</span>, and <a href="https://en.wikipedia.org/wiki/CUDA" target="_blank">CUDA</a> <span class="text-muted">(10.2)</span>.</p> <p>The platform has kernels for <a href="https://www.python.org/" target="_blank">Python</a> <span class="text-muted">(3.8.5)</span>, <a href="https://www.r-project.org/" target="_blank">R</a> <span class="text-muted">(4.1.0)</span>, <a href="https://golang.org/" target="_blank">Go</a> <span class="text-muted">(1.16.3)</span>, Julia <span class="text-muted">(1.5.4)</span>, Java <span class="text-muted">(11.0.11)</span>, Scala <span class="text-muted">(2.12.12)</span>, PHP <span class="text-muted">(7.4.3)</span>, Ruby <span class="text-muted">(2.7.0)</span>, Octave <span class="text-muted">(6.2.0)</span>, dot <span class="text-muted">(2.43.0)</span>, gnuplot <span class="text-muted">(5.2)</span> which you can use in interactive notebooks. All these languages are also accessible through the terminal interface. By using the terminal you can also use <a href="https://gcc.gnu.org/" target="_blank">C</a> <span class="text-muted">(GNU 9.3)</span>, <a href="https://gcc.gnu.org/" target="_blank">C++</a> <span class="text-muted">(GNU 9.3)</span>, <a href="https://gcc.gnu.org/fortran/" target="_blank">Fortran</a> <span class="text-muted">(GNU 9.3)</span>, <a href="https://www.perl.org/" target="_blank">Perl</a> <span class="text-muted">(5.30)</span>, and <a href="https://en.wikipedia.org/wiki/CUDA" target="_blank">CUDA</a> <span class="text-muted">(10.2)</span>.</p>
<p class="text-primary font-weight-bold mt-5">Which libraries and packages are supported by the platform?</p> <p class="text-primary font-weight-bold mt-5">Which libraries and packages are supported by the platform?</p>
<p>Complete list of system packages (including low-level libraries, e.g. <a href="https://www.openblas.net/" target="_blank">OpenBLAS</a>, <a href="http://math-atlas.sourceforge.net/" target="_blank">ATLAS</a>, <a href="https://proj.org/" target="_blank">PROJ</a>, <a href="https://gdal.org/" target="_blank">GDAL</a>, etc.) and language-specific packages (e.g. Python and R packages) are listed under <code>public/platform</code> folder on the platform.</p> <p>Complete list of system packages (including low-level libraries, e.g. <a href="https://www.openblas.net/" target="_blank">OpenBLAS</a>, <a href="http://math-atlas.sourceforge.net/" target="_blank">ATLAS</a>, <a href="https://proj.org/" target="_blank">PROJ</a>, <a href="https://gdal.org/" target="_blank">GDAL</a>, etc.) and language-specific packages (e.g. Python and R packages) are listed under <code>public/platform</code> folder on the platform.</p>
<p class="text-primary font-weight-bold mt-5">Why the latest version of <em>xxx</em> is not available?</p> <p class="text-primary font-weight-bold mt-5">Why the latest version of <em>xxx</em> is not available?</p>

Loading…
Cancel
Save