ImpVis Wiki - User contributions [en-gb]

File:ImpVis Heat Vis.png

2022-09-20T09:53:19Z

He120:

Heat Transport Visualisation

2022-09-20T09:53:06Z

He120: /* Detailed Achievements */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

* My final visualisation is made up of three designs, each one more complex than the one before it.

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_03.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

* To compare the resource and visualisation design, go to this Miro board [https://miro.com/app/board/uXjVOkaW2Fo=/?share_link_id=198721752218 here].

'''Integration of Visualisation onto [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template]'''
[[File:ImpVis_Heat_Vis.png|1000px|centre|thumb| Screenshot from ImpVis template - visualisation integration]]

Heat Transport Visualisation

2022-09-20T09:52:26Z

He120: /* Detailed Achievements */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

* My final visualisation is made up of three designs, each one more complex than the one before it.

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_03.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

* To compare the resource and visualisation design, go to this Miro board [https://miro.com/app/board/uXjVOkaW2Fo=/?share_link_id=198721752218 here].

'''Integration of Visualisation onto [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template]'''
[[File:ImpVis_Heat_Vis.jpg|1000px|centre|thumb| Screenshot from ImpVis template - visualisation integration]]

Heat Transport Visualisation

2022-09-20T09:44:08Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-20T09:42:52Z

He120: /* Detailed Achievements */

Heat Transport Visualisation

2022-09-20T09:40:53Z

He120: /* Detailed Achievements */

Heat Transport Visualisation

2022-09-20T09:36:30Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-20T09:36:12Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-20T09:33:27Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_03.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

File:Heat Vis 03.jpg

2022-09-20T09:31:50Z

He120:

Heat Transport Visualisation

2022-09-20T09:31:29Z

He120: /* Detailed Achievements */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was easier and more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_03.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

Heat Transport Visualisation

2022-09-20T09:31:09Z

He120: /* Detailed Achievements */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was easier and more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

Heat Transport Visualisation

2022-09-20T09:30:56Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was easier and more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_03.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

File:Heat Vis 3.jpg

2022-09-20T09:27:50Z

He120: He120 uploaded a new version of File:Heat Vis 3.jpg

Heat Transport Visualisation

2022-09-20T09:19:47Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was easier and more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

Heat Transport Visualisation

2022-09-20T09:19:20Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
I chose this because:
** It was easier and more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

Heat Transport Visualisation

2022-09-20T09:18:43Z

He120: /* Detailed Achievements */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''
* Despite my initial plans to code the visualisation from scratch, I decided to create a non-coded visualisation using [https://www.desmos.com/calculator Desmos Graphing Calculator].
* I chose this because:
** It was easier and more efficient to use in the time frame I had (2 weeks)
** I wanted the visualisation to be as easy to use as possible without detracting from the ILOs

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

Heat Transport Visualisation

2022-09-19T20:32:44Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 1 [https://www.desmos.com/calculator/rdpstwxyca '''here''']''

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 2 [https://www.desmos.com/calculator/zlstcimgbw '''here''']''

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

''Access Design 3 [https://www.desmos.com/calculator/yuougzvxpz '''here''']''

Heat Transport Visualisation

2022-09-19T17:50:28Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

Heat Transport Visualisation

2022-09-19T17:50:05Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

File:Heat Vis 3.jpg

2022-09-19T17:48:49Z

He120:

File:Heat Vis 2.jpg

2022-09-19T17:47:54Z

He120:

Heat Transport Visualisation

2022-09-19T17:47:31Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

'''Design 2'''
[[File:Heat_Vis_2.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection: (Constant Surface Temperature and No Heat Generation)]]

'''Design 3'''
[[File:Heat_Vis_3.jpg|1000px|centre|thumb| 1D Steady State Conduction and Convection within a Multi-Layered Composite Wall: (Constant Surface Temperature and No Heat Generation)]]

File:Heat Vis 1.jpg

2022-09-19T17:44:38Z

He120:

Heat Transport Visualisation

2022-09-19T17:44:22Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

''Output''

'''Design 1'''
[[File:Heat_Vis_1.jpg|1000px|centre|thumb| 1D Steady State Conduction: (Constant Surface Temperature and No Heat Generation)]]

'''Design 2'''

'''Design 3'''

Heat Transport Visualisation

2022-09-19T17:41:46Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

''Output''

'''Design 1'''

'''Design 2'''

'''Design 3'''

Heat Transport Visualisation

2022-09-19T17:36:57Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

Heat Transport Visualisation

2022-09-19T17:35:57Z

He120: /* Design Process */

[[Category:Records]]
[[Category:Summer 2022]]

'''Author - Helen'''

== Summary ==

'''''<big>Redesigning an existing visualisation, to make it better</big>'''''

=== Visualisation Topic Title: ===
* Investigating how the temperature profile varies within a composite wall under 1D steady-state conduction.

=== Intended Learning Outcomes (ILOs): ===
* After using the visualisation, the student should be able to:
** Visualise how the '''''temperature profile''''' varies within a composite wall under '''''1D steady-state conduction''''' as the following parameters are changed:
**# Wall thickness
**# Wall subject to uniform heat generation
**# Surface temperature of each wall material
**# Wall material
** Understand that the temperature profile within a planar wall is '''''linear''''' (under 1D steady-state conduction, no heat generation)
** Understand that the temperature profile at and away from the wall is an '''''exponential''''', as explained by '''''Newton's Law of Cooling'''''

=== Motivation: ===
* The idea for this visualisation came after I had struggled to visualise a concept within my ‘Heat and Mass Transport 2’ module in the 2nd year of my degree (MEng Biomedical Engineering).
* I had found an existing visualisation online, by WOLFRAM: [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM Visualisation], but it had many limitations in its functionality. I therefore decided that I would redesign and improve it.

=== Intended User: ===
* 2nd year MEng Biomedical Engineering students, studying the module: [https://www.imperial.ac.uk/bioengineering/admin/current-ug/options/bh9c/?module=BIOE50001&year=22_23'''BIOE50001''']

=== Mode of Learning: ===
* Independent study, study groups

=== Initial Visualisation Idea: ===
* The original plan for the example project was to code the visualisation in JavaScript, from the perspective of someone who had never used JavaScript before and only had two years of Python experience.
* I had intended to redesign the existing visualisation with more useful [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs], and code this design on the [https://wiki.impvis.co.uk/index.php?title=Knowledgebase#The_ImpVis_visualisations_template ImpVis template] using JavaScript.

== Detailed Achievements ==

=== Design Process ===
'''Ideas Brainstorming'''
* First, I worked with Dalia, using [https://miro.com/index/ Miro] to identify what needed to be improved and worked on in the new design, by brainstorming ideas for improved features.
''Output''

[[File:Visualisation_ideas.jpg|1000px|centre|thumb|Screenshot of [https://demonstrations.wolfram.com/HeatGenerationAndConductionThroughCompositeWalls/ WOLFRAM visualisation] with sticky notes for ideas for graphic, interactive and educational design improvements]]

''The original Miro board, from which this screenshot was taken can be found [https://miro.com/app/board/uXjVOrbGwqM=/?share_link_id=647348697742 '''here''']''

'''Visualisation Resource'''

* I then designed and created a resource on the topic in order to show it to Dalia, who had less prior knowledge on the subject.
''Output''

The link to the resource's pdf can be found [https://imperiallondon-my.sharepoint.com/:b:/g/personal/he120_ic_ac_uk/EX-uj1X2I_lPvpZ5TiAFRssBH8pS-cILTib3MHf1fED1wg?e=OYZmhh '''here'''] - (link accessible to Imperial students only).

* While creating this resource I identified the following benefits:
** Designing the [https://wiki.impvis.co.uk/index.php?title=Heat_Transport_Visualisation#Intended_Learning_Outcomes_.28ILOs.29: ILOs] for my visualisation was much easier.
** I was able to revise my design ideas, after thoroughly reviewing the background topic.

'''Visualisation Design'''

'''Desmos Visualisation'''

* I decided to create the visualisation with [https://www.desmos.com/calculator Desmos Graphing Calculator]

Heat Transport Visualisation

2022-09-19T17:32:38Z

He120: /* Initial Visualisation Idea: */

Heat Transport Visualisation

2022-09-19T17:30:42Z

He120: /* Initial Visualisation Idea: */

Heat Transport Visualisation

2022-09-19T17:29:55Z

He120: /* Initial Visualisation Idea: */

Heat Transport Visualisation

2022-09-19T17:20:16Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T17:18:03Z

He120: /* Intended Learning Outcomes (ILOs): */

Heat Transport Visualisation

2022-09-19T17:16:48Z

He120: /* Intended Learning Outcomes (ILOs): */

Heat Transport Visualisation

2022-09-19T16:54:52Z

He120: /* Intended Learning Outcomes (ILOs): */

Heat Transport Visualisation

2022-09-19T16:54:33Z

He120: /* Intended Learning Outcomes (ILOs): */

Heat Transport Visualisation

2022-09-19T16:53:07Z

He120: /* Intended Learning Outcomes (ILOs): */

Heat Transport Visualisation

2022-09-19T16:52:43Z

He120: /* Visualisation Topic Title: */

Heat Transport Visualisation

2022-09-19T16:42:07Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T16:40:59Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:50:26Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:48:01Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:47:31Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:46:15Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:45:15Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:45:01Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:40:45Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:26:21Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-19T14:24:25Z

He120: /* Design Process */

Heat Transport Visualisation

2022-09-18T16:42:06Z

He120: /* Design Process */