Knowledgebase - Revision history

Cclewley: /* Getting started */

2022-02-16T12:32:37Z

Getting started

← Older revision		Revision as of 12:32, 16 February 2022
Line 10:		Line 10:
	# Understand what it means to [[Working in partnership\|work in partnership]].		# Understand what it means to [[Working in partnership\|work in partnership]].

	You can follow the links in the pages above to find out more information. Below are listed all the pages in the 'Getting Started' category in alphabetical order.<categorytree mode="pages">Getting Started</categorytree>		You can follow the links in the pages above to find out more information. Below are listed all the pages in the 'Getting Started' category in alphabetical order.<categorytree mode="pages">Getting Started
			</categorytree>

	==Visualisation design guidance==		==Visualisation design guidance==

Cclewley: /* The coding process */

2022-02-09T13:58:44Z

The coding process

← Older revision		Revision as of 13:58, 9 February 2022
Line 54:		Line 54:
	# [[Help on HTML, CSS, JS and JS libraries]]		# [[Help on HTML, CSS, JS and JS libraries]]
	#[[JavaScript packages for graphics\|Javascript packages for graphics]]		#[[JavaScript packages for graphics\|Javascript packages for graphics]]
	#[[~~Index.php?title=Introduction to Vue workshop\|~~Introduction to Vue workshop]]		#[[Introduction to Vue workshop]]
	#[[Tips for the developer]]		#[[Tips for the developer]]

Cclewley: /* The coding process */

2022-02-09T13:58:00Z

The coding process

← Older revision		Revision as of 13:58, 9 February 2022
Line 46:		Line 46:

	Below are all our guidance pages for the ImpVis and the associated components, in alphabetical order.<categorytree mode="pages">ImpVis Template		Below are all our guidance pages for the ImpVis and the associated components, in alphabetical order.<categorytree mode="pages">ImpVis Template

	</categorytree>		</categorytree>
	===The coding process===		===The coding process===
Line 53:		Line 54:
	# [[Help on HTML, CSS, JS and JS libraries]]		# [[Help on HTML, CSS, JS and JS libraries]]
	#[[JavaScript packages for graphics\|Javascript packages for graphics]]		#[[JavaScript packages for graphics\|Javascript packages for graphics]]
	#[[Vue~~.js guidance~~]]		#[[Index.php?title=Introduction to Vue workshop\|Introduction to Vue workshop]]
	#[[Tips for the developer]]		#[[Tips for the developer]]

Cclewley at 16:00, 19 January 2022

2022-01-19T16:00:14Z

← Older revision		Revision as of 16:00, 19 January 2022
Line 14:		Line 14:
	==Visualisation design guidance==		==Visualisation design guidance==
	To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to follow:		To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to follow:
	# Carefully phrase the visualisation's aim, learning outcomes, and intended implementation. Read [[Scaffolding concepts]] for guidance. Document these in your own project's Wiki page. If you haven't yet created your own project Wiki page, do so now by copying the [[Wiki Template for new project\|template Wiki]] ~~below~~ and filling in the sections. Have a look at [[Solid Angles Design\|this example]] of a finalised design.		# Carefully phrase the visualisation's aim, learning outcomes, and intended implementation. Read [[Scaffolding concepts]] for guidance. Document these in your own project's Wiki page. If you haven't yet created your own project Wiki page, do so now by copying the [[Wiki Template for new project\|template Wiki]] and filling in the sections. Have a look at [[Solid Angles Design\|this example]] of a finalised design.
	# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis visualisation template] (hosted on the ImpVis website) so you understand how it can support your visualisation design and read the [[ImpVis template description\|description of the ImpVis template]].		# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis visualisation template] (hosted on the ImpVis website) so you understand how it can support your visualisation design and read the [[ImpVis template description\|description of the ImpVis template]].
	#Check out the [[Organising content]] page to consider how to populate the visualisation template with your own visualisation's content.		#Check out the [[Organising content]] page to consider how to populate the visualisation template with your own visualisation's content.

Cclewley at 11:17, 13 October 2021

2021-10-13T11:17:03Z

← Older revision		Revision as of 11:17, 13 October 2021
Line 82:		Line 82:

	</categorytree>		</categorytree>
	[[Category:~~Knowledgebase~~]]		[[Category:Everything]]

Cclewley: /* Visualisation design guidance */

2021-09-30T18:18:49Z

Visualisation design guidance

← Older revision		Revision as of 18:18, 30 September 2021
Line 15:		Line 15:
	To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to follow:		To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to follow:
	# Carefully phrase the visualisation's aim, learning outcomes, and intended implementation. Read [[Scaffolding concepts]] for guidance. Document these in your own project's Wiki page. If you haven't yet created your own project Wiki page, do so now by copying the [[Wiki Template for new project\|template Wiki]] below and filling in the sections. Have a look at [[Solid Angles Design\|this example]] of a finalised design.		# Carefully phrase the visualisation's aim, learning outcomes, and intended implementation. Read [[Scaffolding concepts]] for guidance. Document these in your own project's Wiki page. If you haven't yet created your own project Wiki page, do so now by copying the [[Wiki Template for new project\|template Wiki]] below and filling in the sections. Have a look at [[Solid Angles Design\|this example]] of a finalised design.
	# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis template] (hosted on the ImpVis website) so you understand how it can support your visualisation design.		# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis visualisation template] (hosted on the ImpVis website) so you understand how it can support your visualisation design and read the [[ImpVis template description\|description of the ImpVis template]].
	~~#Read~~ the [[ImpVis template description\|description of the ImpVis template]] ~~for a greater understanding~~.		#Check out the [[Organising content]] page to consider how to populate the visualisation template with your own visualisation's content.
	#Check out the [[Organising content]] page to consider how to populate the template.
	#Decide on what the visualisation will look like and how it will work. Peruse the design guidance documents listed below to help you.		#Decide on what the visualisation will look like and how it will work. Peruse the design guidance documents listed below to help you.
	#Insert a design sketch, including the visual and interactive elements of the visualisation, in your visualisation's dedicated Wiki project page. Explain the rationale of your decisions.		#Insert a design sketch, including the visual and interactive elements of the visualisation, in your visualisation's dedicated Wiki project page. Explain the rationale of your decisions.

Cclewley: /* Visualisation design guidance */

2021-09-30T18:16:41Z

Visualisation design guidance

← Older revision		Revision as of 18:16, 30 September 2021
Line 14:		Line 14:
	==Visualisation design guidance==		==Visualisation design guidance==
	To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to follow:		To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to follow:
	# Carefully phrase the visualisation's aim, learning outcomes, and intended implementation. Read [[Scaffolding concepts]] for guidance.		# Carefully phrase the visualisation's aim, learning outcomes, and intended implementation. Read [[Scaffolding concepts]] for guidance. Document these in your own project's Wiki page. If you haven't yet created your own project Wiki page, do so now by copying the [[Wiki Template for new project\|template Wiki]] below and filling in the sections. Have a look at [[Solid Angles Design\|this example]] of a finalised design.
	~~#Create~~ your own project's Wiki page by copying the template Wiki below and filling in the sections. Have a look at:
	#* [[Solid Angles Design\|~~Example~~]] of a finalised design.
	~~#*[[Wiki Template for new project\|Template]] Wiki page for a new project~~.
	# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis template] (hosted on the ImpVis website) so you understand how it can support your visualisation design.		# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis template] (hosted on the ImpVis website) so you understand how it can support your visualisation design.
	#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.		#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.

Cclewley: /* Visualisation design guidance */

2021-09-30T18:12:22Z

Visualisation design guidance

← Older revision		Revision as of 18:12, 30 September 2021
Line 13:		Line 13:

	==Visualisation design guidance==		==Visualisation design guidance==
	To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to ~~take~~:		To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to follow:
	# Create your own project's Wiki page by copying the template Wiki below and filling in the sections. Have a look at:		# Carefully phrase the visualisation's aim, learning outcomes, and intended implementation. Read [[Scaffolding concepts]] for guidance.
			#Create your own project's Wiki page by copying the template Wiki below and filling in the sections. Have a look at:
	#* [[Solid Angles Design\|Example]] of a finalised design.		#* [[Solid Angles Design\|Example]] of a finalised design.
	#*[[Wiki Template for new project\|Template]] Wiki page for a new project.		#*[[Wiki Template for new project\|Template]] Wiki page for a new project.
	# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis template] (hosted on the ImpVis website) so you understand how it can support your visualisation design.		# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis template] (hosted on the ImpVis website) so you understand how it can support your visualisation design.
	#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.		#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.
			#Check out the [[Organising content]] page to consider how to populate the template.
			#Decide on what the visualisation will look like and how it will work. Peruse the design guidance documents listed below to help you.
			#Insert a design sketch, including the visual and interactive elements of the visualisation, in your visualisation's dedicated Wiki project page. Explain the rationale of your decisions.
			#Once all staff partners are happy with the design, they need to formally confirm their agreement on the website to move their project to the development stage (read [[Managing your project on the ImpVis website#Changing the progress status of your project\|here]] about how to do this).

	Below we list all our ~~further~~ design guidance documents alphabetically, split up into three different categories: education, graphic, and interaction design. Note that we have only just started collating our experience in this section, so it is sparsely populated - we aim to incorporate all knowledge generated by the ImpVis module students in this Wiki going forward.<categorytree mode="pages">Design Guidance		Below we list all our design guidance documents alphabetically, split up into three different categories: education, graphic, and interaction design. Note that we have only just started collating our experience in this section, so it is sparsely populated - we aim to incorporate all knowledge generated by the ImpVis module students in this Wiki going forward.<categorytree mode="pages">Design Guidance
	</categorytree>		</categorytree>

Cclewley: /* Education design */

2021-09-30T17:58:54Z

Education design

← Older revision		Revision as of 17:58, 30 September 2021
Line 20:		Line 20:
	#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.		#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.

	Below we list all our further design guidance documents alphabetically, split up into three different categories: education, graphic, and interaction design. Note that we have only just started collating our experience in this section, so it is sparsely populated - we aim to incorporate all knowledge generated by the ImpVis module students in this Wiki going forward.		Below we list all our further design guidance documents alphabetically, split up into three different categories: education, graphic, and interaction design. Note that we have only just started collating our experience in this section, so it is sparsely populated - we aim to incorporate all knowledge generated by the ImpVis module students in this Wiki going forward.<categorytree mode="pages">Design Guidance

	~~===Education design===~~
	~~Relevant pages in alphabetical order:~~<categorytree mode="pages">~~Education~~ Design
	</categorytree>		</categorytree>

	~~===Graphic design ===~~
	~~Relevant pages in alphabetical order:<categorytree mode="pages">Graphic Design</categorytree>~~

	~~===Interaction design===~~
	~~Relevant pages in alphabetical order:<categorytree mode="pages">Interaction Design~~
	~~</categorytree>~~
	== Guidance for coding up visualisations==		== Guidance for coding up visualisations==

Cclewley: /* Visualisation design guidance */

2021-09-30T17:57:51Z

Visualisation design guidance

← Older revision		Revision as of 17:57, 30 September 2021
Line 13:		Line 13:

	==Visualisation design guidance==		==Visualisation design guidance==
	To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested ~~reading~~:		To create an interactive visualisation for education, you will need to consider the design of your visualisation carefully from several angles. The ImpVis template implements some of our ideas so that you do not need to design your visualisation entirely from scratch. Suggested steps to take:
	# [[~~Our~~ design ~~and development process~~#~~Visualisation design based on aims and learning outcomes~~\|~~Which steps to take~~]] ~~during the design process~~.		# Create your own project's Wiki page by copying the template Wiki below and filling in the sections. Have a look at:
			#* [[Solid Angles Design\|Example]] of a finalised design.
			#*[[Wiki Template for new project\|Template]] Wiki page for a new project.
	# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis template] (hosted on the ImpVis website) so you understand how it can support your visualisation design.		# Familiarise yourself with the [https://impvis.co.uk/launch/impvis-layouts-v2/page1.html?collection=39 ImpVis template] (hosted on the ImpVis website) so you understand how it can support your visualisation design.
	#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.		#Read the [[ImpVis template description\|description of the ImpVis template]] for a greater understanding.