Skip to content

Commit 7211166

Browse files
ddelpianoddelpiano
authored
Merge pull request #727 from MetaCell/salvadord-patch-1-tutorials
Update tutorial_steps.js
2 parents 5d6095f + 74ad745 commit 7211166

3 files changed

Lines changed: 330 additions & 205 deletions

File tree

‎webapp/redux/reducers/data/tutorial2_steps.js‎

Lines changed: 56 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,20 @@ const tutorial2_steps = [
33
{
44
target: '#selectCellButton',
55
title: (
6-
<div>Cell Creation</div>
6+
<div>Import a detailed cell type (pyramidal neuron)</div>
77
),
88
content: (
99
<div>
10-
<p>We will create first a new cell using a cell template.</p>
11-
<p>Click on the "+" to create a new cell.</p>
10+
<p>In this tutorial we will import an existing cell type with a detailed morphology and biophysics.</p>
11+
<p>Specifically, we will import a mouse motor cortex layer 5B pyramidal tract (PT) corticospinal neuron.</p>
12+
<p>Click on the "+" to create a new cell type.</p>
1213
</div>
1314
)
1415
},
1516
{
1617
target: '#fromTemplateCellTemplate',
1718
title: (
18-
<div>Cell Creation</div>
19+
<div>Import a detailed cell type (inhibitory interneuron)</div>
1920
),
2021
content: (
2122
<div>
@@ -27,7 +28,7 @@ const tutorial2_steps = [
2728
{
2829
target: '#importCellParamsRuleLabel',
2930
title: (
30-
<div>Cell Creation</div>
31+
<div>Import a detailed cell type (pyramidal neuron)</div>
3132
),
3233
content: (
3334
<div>
@@ -39,7 +40,7 @@ const tutorial2_steps = [
3940
{
4041
target: '#importCellParamsCellName',
4142
title: (
42-
<div>Cell Creation</div>
43+
<div>Import a detailed cell type (pyramidal neuron)</div>
4344
),
4445
content: (
4546
<div>
@@ -51,7 +52,7 @@ const tutorial2_steps = [
5152
{
5253
target: '.fa-folder',
5354
title: (
54-
<div>Cell Creation</div>
55+
<div>Import a detailed cell type (pyramidal neuron)</div>
5556
),
5657
content: (
5758
<div>
@@ -73,7 +74,7 @@ const tutorial2_steps = [
7374
{
7475
target: '.fa-folder',
7576
title: (
76-
<div>Cell Creation</div>
77+
<div>Import a detailed cell type (pyramidal neuron)</div>
7778
),
7879
content: (
7980
<div>
@@ -95,7 +96,7 @@ const tutorial2_steps = [
9596
{
9697
target: '#importCellParamsCompileMod',
9798
title: (
98-
<div>Cell Creation</div>
99+
<div>Import a detailed cell type (pyramidal neuron)</div>
99100
),
100101
content: (
101102
<div>
@@ -106,7 +107,7 @@ const tutorial2_steps = [
106107
{
107108
target: '#appBarPerformActionButton',
108109
title: (
109-
<div>Cell Creation</div>
110+
<div>Import a detailed cell type (pyramidal neuron)</div>
110111
),
111112
content: (
112113
<div>
@@ -117,7 +118,7 @@ const tutorial2_steps = [
117118
{
118119
target: '#PTcell',
119120
title: (
120-
<div>Cell Modifications</div>
121+
<div>Explore the imported cell</div>
121122
),
122123
content: (
123124
<div>
@@ -128,42 +129,45 @@ const tutorial2_steps = [
128129
{
129130
target: '#newSectionButton',
130131
title: (
131-
<div>Cell Modifications</div>
132+
<div>Explore the imported cell</div>
132133
),
133134
content: (
134135
<div>
135136
<p>Click on "Section" to see all the sections of the cell.</p>
137+
<p>You will see that it has hundreds of sections, including soma and basal and apicals dendrites.</p>
138+
<p>If you click on Mechs, you will be able to explore the ion channels in each section.</p>
139+
<p>You can of course modify any morphology and biophysical properties.</p>
136140
</div>
137141
)
138142
},
139143
{
140144
target: '#selectCellButton',
141145
title: (
142-
<div>Cell Creation</div>
146+
<div>Import a detailed cell type (inhibitory interneuron)</div>
143147
),
144148
content: (
145149
<div>
146-
<p>Go back to the cell creation and import a new one from a template as before.</p>
150+
<p>Go back to the Import a detailed cell type (inhibitory interneuron) and import a new one from a template as before.</p>
147151
</div>
148152
)
149153
},
150154
// New cell import
151155
{
152156
target: '#selectCellButton',
153157
title: (
154-
<div>Cell Creation</div>
158+
<div>Import a detailed cell type (inhibitory interneuron)</div>
155159
),
156160
content: (
157161
<div>
158-
<p>We will create first a new cell using a cell template.</p>
162+
<p>Next, we will import a second cell type, in this an inhibitory interneuron.</p>
159163
<p>Click on the "+" to create a new cell.</p>
160164
</div>
161165
)
162166
},
163167
{
164168
target: '#fromTemplateCellTemplate',
165169
title: (
166-
<div>Cell Creation</div>
170+
<div>Import a detailed cell type (inhibitory interneuron)</div>
167171
),
168172
content: (
169173
<div>
@@ -175,19 +179,19 @@ const tutorial2_steps = [
175179
{
176180
target: '#importCellParamsRuleLabel',
177181
title: (
178-
<div>Cell Creation</div>
182+
<div>Import a detailed cell type (inhibitory interneuron)</div>
179183
),
180184
content: (
181185
<div>
182-
<p>Change the cell rule label to "SRI"</p>
186+
<p>Change the cell rule label to "SRI" (striatal cholinergice interneuron)</p>
183187
</div>
184188
),
185189
validation: 'SRI'
186190
},
187191
{
188192
target: '#importCellParamsCellName',
189193
title: (
190-
<div>Cell Creation</div>
194+
<div>Import a detailed cell type (inhibitory interneuron)</div>
191195
),
192196
content: (
193197
<div>
@@ -199,7 +203,7 @@ const tutorial2_steps = [
199203
{
200204
target: '.fa-folder',
201205
title: (
202-
<div>Cell Creation</div>
206+
<div>Import a detailed cell type (inhibitory interneuron)</div>
203207
),
204208
content: (
205209
<div>
@@ -221,7 +225,7 @@ const tutorial2_steps = [
221225
{
222226
target: '.fa-folder',
223227
title: (
224-
<div>Cell Creation</div>
228+
<div>Import a detailed cell type (inhibitory interneuron)</div>
225229
),
226230
content: (
227231
<div>
@@ -243,7 +247,7 @@ const tutorial2_steps = [
243247
{
244248
target: '#importCellParamsCompileMod',
245249
title: (
246-
<div>Cell Creation</div>
250+
<div>Import a detailed cell type (inhibitory interneuron)</div>
247251
),
248252
content: (
249253
<div>
@@ -254,7 +258,7 @@ const tutorial2_steps = [
254258
{
255259
target: '#appBarPerformActionButton',
256260
title: (
257-
<div>Cell Creation</div>
261+
<div>Import a detailed cell type (inhibitory interneuron)</div>
258262
),
259263
content: (
260264
<div>
@@ -266,39 +270,40 @@ const tutorial2_steps = [
266270
{
267271
target: 'img[src*="popParams"]',
268272
title: (
269-
<div>Population Creation</div>
273+
<div>Create two populations</div>
270274
),
271275
content: (
272276
<div>
277+
<p>Now that we have defined 2 cell types, we can create the corresponding populations.</p>
273278
<p>Click on "Populations" to create new cells populations.</p>
274279
</div>
275280
)
276281
}, //newPopulationButton
277282
{
278283
target: '#newPopulationButton',
279284
title: (
280-
<div>Population Creation</div>
285+
<div>Create two populations</div>
281286
),
282287
content: (
283288
<div>
284-
<p>Create a new population for PTcell</p>
289+
<p>Create a new population for the PTcell</p>
285290
</div>
286291
)
287292
},
288293
{
289294
target: 'div.MuiBox-root.scrollbar.scrollchild > div.MuiBox-root > div',
290295
title: (
291-
<div>Population Creation</div>
296+
<div>Create two populations</div>
292297
),
293298
content: (
294-
<p>Change the population name to "E"</p>
299+
<p>Change the population name to "E" for excitatory</p>
295300
),
296301
validation: 'input[value="E"]'
297302
},
298303
{
299304
target: 'div[id^="netParamspopParams"][id$="cellType"]',
300305
title: (
301-
<div>Population Creation</div>
306+
<div>Create two populations</div>
302307
),
303308
content: (
304309
<p>Select "PTcell"</p>
@@ -307,38 +312,39 @@ const tutorial2_steps = [
307312
{
308313
target: 'input[id^="netParamspopParams"][id$="numCells"]',
309314
title: (
310-
<div>Population Creation</div>
315+
<div>Create two populations</div>
311316
),
312317
content: (
313-
<p>Enter 2 as number of cells</p>
318+
<p>Enter 2 as number of cells.</p>,
319+
<p>Remember, this is just a toy model to illustrate how to import detailed cells.</p>
314320
),
315321
validation: '2'
316322
},
317323
{
318324
target: '#newPopulationButton',
319325
title: (
320-
<div>Population Creation</div>
326+
<div>Create two populations</div>
321327
),
322328
content: (
323329
<div>
324-
<p>Create a new population for SRI</p>
330+
<p>Create a new population for the inhibitory neuron, SRI</p>
325331
</div>
326332
)
327333
},
328334
{
329335
target: 'div.MuiBox-root.scrollbar.scrollchild > div.MuiBox-root > div',
330336
title: (
331-
<div>Population Creation</div>
337+
<div>Create two populations</div>
332338
),
333339
content: (
334-
<p>Change the population name to "I"</p>
340+
<p>Change the population name to "I" (inhibitory)</p>
335341
),
336342
validation: 'input[value="I"]'
337343
},
338344
{
339345
target: 'div[id^="netParamspopParams"][id$="cellType"]',
340346
title: (
341-
<div>Population Creation</div>
347+
<div>Create two populations</div>
342348
),
343349
content: (
344350
<p>Select the cell type</p>
@@ -349,7 +355,7 @@ const tutorial2_steps = [
349355
{
350356
target: 'li[data-value^="SRI"]',
351357
title: (
352-
<div>Population Creation</div>
358+
<div>Create two populations</div>
353359
),
354360
content: (
355361
<p>Select "SRI"</p>
@@ -358,7 +364,7 @@ const tutorial2_steps = [
358364
{
359365
target: 'input[id^="netParamspopParams"][id$="numCells"]',
360366
title: (
361-
<div>Population Creation</div>
367+
<div>Create two populations</div>
362368
),
363369
content: (
364370
<p>Enter 2 as number of cells</p>
@@ -369,22 +375,30 @@ const tutorial2_steps = [
369375
{
370376
target: '.MuiGrid-item .MuiButton-root:nth-last-child(2)',
371377
title: (
372-
<div>Creation</div>
378+
<div>Creation the network</div>
373379
),
374380
content: (
375381
<div>
376-
<p>Create now the network!</p>
382+
<p>Click on the Create network button to generate the small toy network with detailed cells!</p>
377383
</div>
378384
)
379385
},
380386
{
381387
target: 'img[src*="experimentControlPanel"]',
382388
title: (
383-
<div>Visualization</div>
389+
<div>Visualize the cells</div>
384390
),
385391
content: (
386392
<div>
393+
<p>Enjoy exploring the beautiful morphologies of these 4 detailed neurons.</p>
394+
<p>You can zoom in and out to see, for example, the detailed apical tuft dendrites.</p>
387395
<p>You can open the control panel to see the the cell population and identify them in the 3D view.</p>
396+
<p>...</p>
397+
<p>The tutorial ends here, but to see the cells in action go to the Examples menu and load Model 2.</p>
398+
<p>This includes the full toy model, with connectivity between the cells and stimulation.</p>
399+
<p>Once you simulate the model, you will be able to see the cell voltages and network spikes.</p>
400+
<p>Continue to tutorial 3 to discover how to create a multiscale cortical network with LFP recording and reaction-diffusion!</p>
401+
388402
</div>
389403
)
390404
}

0 commit comments

Comments
 (0)