Web development: Difference between revisions
Jump to navigation
Jump to search
Wiki-admin (talk | contribs) No edit summary |
|||
| (2 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
Welcome to the TSG Web Development page! | Welcome to the TSG Web Development page! | ||
== | This document outlines the various technologies available for web development within TSG, | ||
with a particular focus on creating software solutions for researchers at RU FSW. | |||
If you have a project that involves web development and you need some help, contact us at tsg@ru.nl. | |||
For more information about our software development services, feel free to reach out as well. | |||
== Project examples == | |||
'''[[Radcloud|Radcloud - Experiment data acquisition solution for web-based experiments]]''' | |||
The TSG have created a web application platform to support users with temporary datastorage of web experiment data. | |||
* [https://radcloud.socsci.ru.nl/ Radcloud experiment management User interface made with VueJS + Quasar + Pinia] | |||
* [https://www.socsci.ru.nl/tsg/radcloud-docs Radcloud documentation site made with Vitepress] | |||
* [https://radcloud.socsci.ru.nl/swagger/ Radcloud OpenAPI documentation ] | |||
'''TUS Calculator''' | |||
The calculator can be used to estimate derived quantities like ultrasound intensity and mechanical index, which have consequences for both safety and efficacy of ultrasound protocols. | |||
It can be used as a quick check on input parameters before performing long-running, computationally intensive simulations. | |||
* [https://www.socsci.ru.nl/fusinitiative/tuscalculator/ TUS calculator made with VueJS + Quasar + Pinia + webworkers + HTML5 canvas] | |||
* {{Gitlab|fus-initiative/tus-calculator}} | |||
'''Picture book''' | |||
TSG created a webapp picture book framework to browse through a collection of movies. The movies were created by researcher and stimulus designer, and combined in the framework. | |||
* https://www.socsci.ru.nl/tsg/picture-book/ | |||
== Tech stack == | |||
Below you find a list of technologies we have used in the past and standardised. However, the field is constantly changing and we are happy to keep up. | |||
=== Frontend Development === | === Frontend Development === | ||
| Line 64: | Line 89: | ||
* '''Markdown''': Lightweight markup language for creating rich text documents. | * '''Markdown''': Lightweight markup language for creating rich text documents. | ||
* '''MediaWiki Pages''': Easily editable and accessible documentation for all projects. | * '''MediaWiki Pages''': Easily editable and accessible documentation for all projects. | ||