Web development - Revision history

E.vandenberge: /* Project examples */

2026-08-05T12:02:46Z

Project examples

← Older revision		Revision as of 12:02, 5 August 2026
Line 18:		Line 18:
	It can be used as a quick check on input parameters before performing long-running, computationally intensive simulations.		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]		* [https://www.socsci.ru.nl/fusinitiative/tuscalculator/ TUS calculator made with VueJS + Quasar + Pinia + webworkers + HTML5 canvas]
	* ~~https://gitlab.socsci.ru.nl/~~fus-initiative/tus-calculator		* {{Gitlab\|fus-initiative/tus-calculator}}

	'''Picture book'''		'''Picture book'''

Wiki-admin: Change url radcloud docs

2025-06-26T08:44:32Z

Change url radcloud docs

← Older revision		Revision as of 08:44, 26 June 2025
Line 11:		Line 11:
	The TSG have created a web application platform to support users with temporary datastorage of web experiment data.		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://radcloud.socsci.ru.nl/ Radcloud experiment management User interface made with VueJS + Quasar + Pinia]
	* [https://~~tsg.gitlab-pages~~.socsci.ru.nl/radcloud-docs/ Radcloud documentation site made with Vitepress]		* [https://www.socsci.ru.nl/tsg/radcloud-docs Radcloud documentation site made with Vitepress]
	* [https://radcloud.socsci.ru.nl/swagger/ Radcloud OpenAPI documentation ]		* [https://radcloud.socsci.ru.nl/swagger/ Radcloud OpenAPI documentation ]

Wiki-admin at 09:13, 8 May 2025

2025-05-08T09:13:21Z

@@ Line 1: / Line 1: @@
-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. Whether you are a developer or researcher, this guide aims to provide a comprehensive overview of the tools and frameworks at your disposal.
+Welcome to the TSG Web Development page!
-== Web Applications ==
+This document outlines the various technologies available for web development within TSG,
 === Frontend Development ===
@@ Line 64: / Line 89: @@
 * '''Markdown''': Lightweight markup language for creating rich text documents.
 * '''MediaWiki Pages''': Easily editable and accessible documentation for all projects.

Wiki-admin at 09:00, 8 May 2025

2025-05-08T09:00:55Z

← Older revision		Revision as of 09:00, 8 May 2025
Line 79:		Line 79:

	== Project examples ==		== 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://radcloud.socsci.ru.nl/ Radcloud experiment management User interface made with VueJS + Quasar + Pinia]
	* [https://tsg.gitlab-pages.socsci.ru.nl/radcloud-docs/ Radcloud documentation site made with Vitepress]		* [https://tsg.gitlab-pages.socsci.ru.nl/radcloud-docs/ Radcloud documentation site made with Vitepress]
	* [https://radcloud.socsci.ru.nl/swagger/ Radcloud OpenAPI documentation ]		* [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]		* [https://www.socsci.ru.nl/fusinitiative/tuscalculator/ TUS calculator made with VueJS + Quasar + Pinia + webworkers + HTML5 canvas]
			* https://gitlab.socsci.ru.nl/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/


	== Screenshots ==		== Screenshots ==

Wiki-admin at 10:30, 31 October 2024

2024-10-31T10:30:42Z

← Older revision		Revision as of 10:30, 31 October 2024
Line 1:		Line 1:
	Welcome to the TSG ~~Software~~ Development ~~Possibilities~~ page! This document outlines the various ~~avenues and~~ technologies available for ~~software~~ development within TSG, with a particular focus on creating software solutions for researchers. Whether you are a developer~~, project manager,~~ or researcher, this guide aims to provide a comprehensive overview of the tools and frameworks at your disposal.		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. Whether you are a developer or researcher, this guide aims to provide a comprehensive overview of the tools and frameworks at your disposal.

	== Web Applications ==		== Web Applications ==

Wiki-admin at 10:25, 31 October 2024

2024-10-31T10:25:35Z

← Older revision		Revision as of 10:25, 31 October 2024
Line 48:		Line 48:
	* '''Postman''': Postman is an API platform for building and using APIs. (https://www.postman.com/)		* '''Postman''': Postman is an API platform for building and using APIs. (https://www.postman.com/)
	* '''OpenAPI''': (https://swagger.io/specification/)		* '''OpenAPI''': (https://swagger.io/specification/)


	== Graphics Rendering ==		== Graphics Rendering ==
Line 70:		Line 69:
	At TSG software development group, we believe in the philosophy that 'sharing is caring.'		At TSG software development group, we believe in the philosophy that 'sharing is caring.'

	~~To foster a collaborative and knowledge-sharing culture, we organize~~ regular 'Sharing is Caring' sessions within our software development group. These sessions provide a platform for team members to showcase their latest projects, share valuable insights, and discuss innovative solutions. Whether it's a successful implementation, a challenging problem overcome, or a new technology exploration, these sessions are an opportunity for our developers to learn from each other's experiences and collectively enhance our skills.		We organise regular 'Sharing is Caring' sessions within our software development group. These sessions provide a platform for team members to showcase their latest projects, share valuable insights, and discuss innovative solutions.
			Whether it's a successful implementation, a challenging problem overcome, or a new technology exploration, these sessions are an opportunity for our developers to learn from each other's experiences and collectively enhance our skills.

	By actively participating in 'Sharing is Caring' sessions, we strengthen our bonds as a team, stay updated on emerging trends~~, and collectively contribute to the growth and success of our software development endeavors~~.		By actively participating in 'Sharing is Caring' sessions, we strengthen our bonds as a team and stay updated on emerging trends.

	== How to Get Started ==		== How to Get Started ==

	For client assistance or inquiries about our software development services, feel free to reach out to the TSG at tsg@ru.nl for ~~any~~ inquiries or assistance. ~~Our team is dedicated to ensuring a smooth experience and addressing queries promptly for the success of your projects.~~		For client assistance or inquiries about our software development services, feel free to reach out to the TSG at tsg@ru.nl for inquiries or assistance.

	~~Happy coding!~~

	== Project examples ==		== Project examples ==

Wiki-admin at 10:22, 31 October 2024

2024-10-31T10:22:17Z

← Older revision		Revision as of 10:22, 31 October 2024
Line 80:		Line 80:
	Happy coding!		Happy coding!

	==		== Project examples ==
			* [https://radcloud.socsci.ru.nl/ Radcloud experiment management User interface made with VueJS + Quasar + Pinia]
			* [https://tsg.gitlab-pages.socsci.ru.nl/radcloud-docs/ Radcloud documentation site made with Vitepress]
			* [https://radcloud.socsci.ru.nl/swagger/ Radcloud OpenAPI documentation ]
			* [https://www.socsci.ru.nl/fusinitiative/tuscalculator/ TUS calculator made with VueJS + Quasar + Pinia + webworkers + HTML5 canvas]
	== Screenshots ==		== Screenshots ==

Wiki-admin at 10:07, 31 October 2024

2024-10-31T10:07:57Z

← Older revision		Revision as of 10:07, 31 October 2024
Line 7:		Line 7:
	TSG supports frontend development using technologies like:		TSG supports frontend development using technologies like:

			* '''HTML/CSS/JavaScript/TypeScript''': Standard web technologies for creating interactive and responsive user interfaces.
	* '''Vue.js''': A progressive JavaScript framework for building user interfaces. (https://vuejs.org/)		* '''Vue.js''': A progressive JavaScript framework for building user interfaces. (https://vuejs.org/)
	* '''Quasar Framework''': A Vue.js framework for building responsive and high-performance multi-platform applications. (https://quasar.dev/)		* '''Quasar Framework''': A Vue.js framework for building responsive and high-performance multi-platform applications. (https://quasar.dev/)
	* '''~~HTML/CSS/JavaScript/TypeScript~~''': ~~Standard web technologies for creating interactive and responsive user interfaces~~. (https://~~pixijs~~.~~com~~/)		* '''Pinia''': State management library. (https://pinia.vuejs.org/)
			* '''PixiJS''': A fast 2D rendering engine for the web. (https://pixijs.com/)
	~~For advanced graphics rendering, consider:~~

	* '''PixiJS''': A fast 2D rendering engine for the web.
	* '''HTML5 Canvas'''

	=== Backend Development ===		=== Backend Development ===
Line 82:		Line 79:

	Happy coding!		Happy coding!

			==

	== Screenshots ==		== Screenshots ==

Wiki-admin at 09:50, 31 October 2024

2024-10-31T09:50:21Z

← Older revision		Revision as of 09:50, 31 October 2024
Line 48:		Line 48:

	* '''RESTful APIs''': Standardized APIs for seamless communication.		* '''RESTful APIs''': Standardized APIs for seamless communication.
	* '''Django Rest Framework''': A web framework for building APIs quickly.		* '''Django Rest Framework''': A web framework for building APIs quickly. (https://www.django-rest-framework.org/)
	* '''Postman''': Postman is an API platform for building and using APIs.		* '''Postman''': Postman is an API platform for building and using APIs. (https://www.postman.com/)
			* '''OpenAPI''': (https://swagger.io/specification/)

Wiki-admin at 09:47, 31 October 2024

2024-10-31T09:47:38Z

← Older revision		Revision as of 09:47, 31 October 2024
Line 7:		Line 7:
	TSG supports frontend development using technologies like:		TSG supports frontend development using technologies like:

	* '''Vue.js''': A progressive JavaScript framework for building user interfaces.		* '''Vue.js''': A progressive JavaScript framework for building user interfaces. (https://vuejs.org/)
	* '''Quasar Framework''': A Vue.js framework for building responsive and high-performance multi-platform applications.		* '''Quasar Framework''': A Vue.js framework for building responsive and high-performance multi-platform applications. (https://quasar.dev/)
	* '''HTML/CSS/JavaScript/TypeScript''': Standard web technologies for creating interactive and responsive user interfaces.		* '''HTML/CSS/JavaScript/TypeScript''': Standard web technologies for creating interactive and responsive user interfaces. (https://pixijs.com/)

	For advanced graphics rendering, consider:		For advanced graphics rendering, consider:

	* '''PixiJS''': A fast 2D rendering engine for the web.		* '''PixiJS''': A fast 2D rendering engine for the web.
	* '''HTML5 Canvas'''		* '''HTML5 Canvas'''

Line 31:		Line 31:

	Technologies we currently use for deployment are:		Technologies we currently use for deployment are:
	* '''Docker''': Docker is a platform designed to help developers build, share, and run container applications.		* '''Docker & Docker compose''': Docker is a platform designed to help developers build, share, and run container applications.
	* '''Apache2'''		* '''Apache2''': https://httpd.apache.org/
	* '''Gitlab pages'''		* '''NGINX''': https://nginx.org/en/
			* '''Gitlab pages''': https://docs.gitlab.com/ee/user/project/pages/

	== Version Control and Collaboration ==		== Version Control and Collaboration ==
Line 63:		Line 64:
	Comprehensive documentation is crucial for successful software development. TSG recommends:		Comprehensive documentation is crucial for successful software development. TSG recommends:

			* '''Vitepress''': Fast way to create a documentation site using markdown. (https://vitepress.dev/)
	* '''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.