Demo mateirals:
https://x.gd/yx0oi

4840-1055:
Non-Research Tips for Information Science Researchers
情報科学研究補助技法 (Summer 2024)

Figures
Koya Narumi

Keio University

https://narumi.me/Demo materials are available:
https://x.gd/yx0oi• Photoshop demo
• Illustrator demo
• Rhino demo

3“Interesting and unpublished” is equivalent to “non-existent.”‒ George Whitesides

4Letʼs publish your achievement effectively and beautifully.

5

Three presentation methods

Week 3: Slides

Week5: Figures

Week6: Videos

6

Three presentation methods

Week 3: Slides

Week5: Figures

Week6: Videos

7Todayʼs topics

Photo-shooting
shooting environment and post-process are more important than a camera.

Making figures for papers
Outline your paper with figures.

Making 3D figures
Learn multiple ways of rich 3D figures.

8

Todayʼs topics

Photo-shooting
shooting environment and post-process are more important than a camera.

Making ﬁgures for papers
Outline your paper with ﬁgures.

Making 3D ﬁgures
Learn multiple ways of rich 3D ﬁgures.

PHOTO-SHOOTING10

NOTE: I will not teach the camera setup• There are many interesting setups for cameras, such as F-value, shutter
speed, and ISO sensitivity.
• But shooting environment and post-process are usually more important.

11

Assume you take a photo of a bunny for your paper

What should you do to make the photo both scientific and aesthetic?

12

Four bad environments to avoid

1. Avoid noisy background
2. Avoid multiple shadows
3. Avoid a long shadow
4. Avoid a non-diffused light

13

Avoid noisy backgroundNoisy Background → Bad
If you have no intention, find a pure black or white background.

14

Avoid multiple shadows

Multiple shadows → Bad
Shadows cast from many angles is unnatural.

15

Avoid multiple shadows

Camera: iPhone 12 mini

Multiple shadows → Bad

Multiple light source → Bad

Avoid multiple light source if you take a photo in a “normal” living space.

16

Avoid a long shadow

Long shadow → Bad
Donʼt take a photo like a sunset.

17Comparison: shadow length

Camera: iPhone 12 miniLong shadow → Worse

Short shadow → Better

A shorter shadow is better.

18

Avoid a non-diffused light

Camera: iPhone 12 mini

Strong shadow → Bad

Non-diffused light → Bad

Donʼt use a strong, non-diffused light like a summer beach.

19

Use a diffused light

Soft shadow → Good

Diffused light → Good

The diffused light like a cloudy sky is much better.

20

Four bad environments to avoid

1. Avoid noisy background
2. Avoid multiple shadows
3. Avoid a long shadow
4. Avoid a non-diffused light21

A smartphone is mostly good enough

Original photo by iPhone 12 mini Post-processing by Photoshop (3 sec)
In most cases, a smartphone shot is acceptable.

22

Quick and easy post-process by Photoshop① Open the photo in Photoshop

23

Quick and easy post-process by Photoshop② Select “color correction -> tone curve”

24

Quick and easy post-process by Photoshop

Click white partBlack picker
White picker③ Click a white part with a white picker (or black part with a black picker)

iPhone 12 mini
Diffused light source (umbrella) x1
Post-processing by Photoshop

26

Our actual setup

Diffused video light x3 (two direct lights, one umbrella)Black, white, and other colored backgrounds
Sony α7III

27

Our production (not explained)

1. Take photos in a photo booth with raw images.
2. Photo development with Lightroom
3. Additional correction with Photoshop if neededComparison of cameras

iPhone 12 miniSony α7III

Diffused light source x1

Diffused light source x3

Color correction (3 sec) by Photoshop

Color correction by Lightroom

Slight difference. But details are better captured in the right one.

The black background is also an option

Sony α7III

Sony α7III

Diffused light source x3

Diffused light source x3

Color correction by Lightroom

Color correction by Lightroom

White backgroundBlack background

Use a background as your like, but with intention.

30

Todayʼs topics

Photo-shooting
shooting environment and post-process are more important than a camera.

Making ﬁgures for papers
Outline your paper with ﬁgures.

Making 3D ﬁgures
Learn multiple ways of rich 3D ﬁgures.

MAKING FIGURESFOR PAPERS32

NOTE: I will use Adobe Illustrator

Any software is OK for figures.
But Illustrator is a “de facto standard” and thus quite useful.

33“Outline” method by George Whitesides

[1]

[2]

Outline the paper by preparing figures, tables, equations, and messages
before data and manuscripts are completed.
[1] https://gmwgroup.harvard.edu/people/george-m-whitesides[2] Whitesides, Whitesidesʼ group: writing a paper, Advanced Materials, 2004.

34

Sketch ﬁgures to outline your paper

Figure 10. Examples from the outputs of design studies.

Longer quotes, when placed in their own paragraph,need not be italicized or in quotation marks when indented.
Write in a straightforward style.
Try to avoid long or complex sentence structures.
Use common and basic vocabulary (e.g., use the word ì unusualî rather than the word ì arcaneî .
CONCLUSION

Figure 11. The user can roll the device to t in the backpack.

It is important that you write for the SIGCHI audience. Please
read previous years' proceedings to understand the writing
style and conventions that successful authors have used. It
is particularly important that you state clearly what you havedone, not merely what you plan to do, and explain how yourwork is different from previously published work, i.e., theunique contribution that your work makes to the eld. Pleaseconsider what the reader will learn from your submission, andhow they will nd your work useful. If you write with thesequestions in mind, your work is more likely to be successful,both in being accepted into the conference, and in in uencing
the work of our eld.
ACKNOWLEDGMENTS

Figure 12. The UGV follow the user to deliver objects.

The paper may be accompanied by a short video gure (werecommend staying within ve minutes in length). However,the paper should stand on its own without the video gure,as the video may not be available to everyone who reads thepaper.
Application Exapmles
Folding and Unfolding
DeliveryDISCUSSIONS

Quotations may be italicized when ì placed inlineî .

Sample text: We thank all the volunteers, and all publications
support and staff, who wrote and provided helpful comments
on previous versions of this document. Authors 1, 2, and 3
gratefully acknowledge the grant from NSF (#1234ñ 2012ñ
ABC). This whole paragraph is just an example.
REFERENCES

Figure 8. Screenshots of the design software and variations of the mobility devices for the posture. There are motorcycle mode and wheelchair mode.
Table 1. Design parameters and constraints for motorcycle.

Table 2. Design parameters and constraints for wheelchair.

Slider controls

Parameter descriptions

Slider controls

Parameter descriptions

Front Fork Deg.

Angle of the steering hinge. This value also affects
the position of the wheels.
Position of the handle.
Height of the seat. The seat position is lower thanthe handle by a certain value. This value also
affects the diameter of the wheels.
Diameter of the wheels. The diameter is constrained to fit under the seat.
Ground clearance between the ground and thevehicle body.
Amount of the trail. This value also affects the
position of the hinge.

Seat Height
Wheel Size

Height of the seat.
Diameter of the wheels. The diameter is constrained so that the axle position will fit under theseat.
Depth of the seat.
Height of the back from the seating face.
Wheel axle position in the front and rear directions.
The amount of protrusion of the middle board of
the seat.

Hand X, Y
Seat Height
Wheel Size
Body Bottom
Trail Offset

based on the position of the user’s hands, the position of thewheel center (i.e., Wheel Offset in Table 2) and the diameterof the wheel (i.e., Wheel Size in Table 2) are decided. All theother parameters in Table 1) are set to default values.
Designing Process

Next, the users can modify the automatically generated vehicle
design as they like by changing the parameters from the sliders
on the left of the user interfaces (Figure 8). The parameters
the users can change are listed in Table 1 (for the motorcycles)
and Table 2 (for the wheelchair). They can also choose thecolor of each body component of the vehicle from the color
pallet. The software allows the users to rotate the 3D model,
and all the parametric modification by them are reflected tothe model in real time.
Here, for example, let us assume a user of the motorcycle who
likes a riding experience similar to the touring bike. Then,
she/he can increase the Trail Offset value that contributes to a

Seat Depth
Backrest Height
Wheel Offset
Nose

steady and straight run in the faster speed. When a user wants
a vehicle like a city cycle, on the other hand, they can decrease
the Trail Offset value, which is more suitable for frequent
turns in the lower speed. As another example, if a user ofthe wheelchair would like to have the one for sports (e.g.,basketball), they might think that the forward-bent posture
will be more suitable. Then, she/he can increase the value of
the Nose to put the forward wheel far from the seat to balance
the posture.
Likewise, the users can iterativevly try parameters by checking
the vehicle model and the skelton until they feel satisfied.
Order and Assembly

When the designing process is done, the users can export thecompleted 3D design data by pressing the “Export” button.
The generated model data include the scale and color information that is used to place an order to the manufacture. After theorder, the completed poimo will be sent from the manufacturer
to the user in a compact deflated form, as shown in Figure 1D.

[1]

Use your sketches as placeholders to overview your paper.

[1] Niiyama and Sato et al., poimo, ACM UIST 2020.

35

Sketch ﬁgures to outline your paper

Figure 2. The drop-stitch in atable.

Figure 5. The interactive design system. Cameras measure the positionof joints to reconstruct the posture. In the software tool, the user canselect basic shapes, colors, and other design parameters.

Vehicle Tyeps
Motorcycle

al. built a hand-held digital milling device that continuously
tracks the position of the device tip and automatically extends
or retracts the tip to help users sculpt the target 3D object [29].

Wheelchair

In this paper, we followed these design methods and implemented a scan-based design system that can optically capture
the user’s riding posture for customizing a template design of
poimo.

cool

comfortUGV
Figure 3. Mapping.

Fabrication
Wheels, Steering, and Suspension
In atable Wheels
Steering Mechanism

In poimo, hinges are created by sewing the air chambers,
working as steering (Figure ??). We note that there are several studies on substituting rigid mechanical parts by leveraging the characteristics of in atable structures [?] in the eldof soft robotics.
Suspension

In addition, the viscosity of the pneumatic body has a suspension function. Because the whole structure of poimo isconnected through one air chamber, the body with steeringand suspension functions can be implemented at a time.

unmanned ground vehicle, delivery, follow around

PORTABLE AND INFLATABLE MOBILITY DEVICESElectric Drive System

We envision a new type of PMD as an inclusive device that is
uniquely tailored to the needs of each individual, safe, affordable, lightweight, and require little space for storage. Inflatablestructures are the key technology that can satisfy these many
conflicting demands. Inflatables allow for construction on thehuman scale, which is essential for function as a vehicle aswell as compactness for portability and storage. They canalso be rigid and hold the human weight while remaining softenough for comfort, safety, and transformation.

INTERACTIVE DESIGN SYSTEMIn Figure 2, we mapped potential applications of customized
mobility devices in a design space composed of autonomy on
the x-axis and travel speed on the y-axis. From this wide range
of applications, we chose electric motorcycles and humanpowered wheelchairs (Figure 3) to demonstrate how our approach can generate inclusive technologies to aid human mobility as well as to accommodate the user’s unique requirements
and preferences. To achieve this goal, we will demonstrate
a few derivative designs from one type of mobility that canconform to the physical characteristics and preferences of theuser. We will also discuss our interactive software tools withwhich the users can design their own mobility devices later inthe “Interactive Design System” section.

Every submission should begin with an abstract of about 150
words, followed by a set of Author Keywords and ACM Classi cation Keywords. The abstract and keywords should beplaced in the left column of the rst page under the left halfof the title. The abstract should be a concise statement of the
problem, approach, and conclusions of the work described.
It should clearly state the paper' s contribution to the eld of
HCI.

Overview

今日ユーザーの移動体験は多様化しており、どのくらいの速度で移動したいのか、運転を楽しみたいのか移動中に作業をしたいのかなど、求める機能も様々である。また
インクルーシブな社会へ移行する中で、何らかの病気やハンディキャップを持った人々が自分に合った移動手段をつくり出せることは大切である。poimo の特徴は、インフレータブル構造により任意の形状が比較的容易に作れることである。その特性を活かし、ユーザーが自身の体型に合わせ、自由に形状をデザインできるソフトウェアツールを製作した。今回は先に紹介した Motorcycle と Wheel
Chair を製作することができるツールを作った。

The design system import the riding posture and the outlineof the body through the embodied tools. The user can adjust
the instruments to explore the comfort position of the saddle,
handle, and pedals.
Software tool

Figure 4. Types of personal mobility devices.

Figure 2. Potential applications of inflatable mobility devices.

図のようなインタフェースをもつインタラクティブデザ
インソフトウェアを製作した。Figure 5 画面構成として、ユーザーが自身の体を撮影する際の確認とデザインをエMaterials and Fabrication

While inflatables are an attractive construction method, there
remain issues of strength and shape freedom. For example,
vinyl inflatables such as pool floats lack structural durability.
PVC fabrics used for inflatable boats are strong, but the basic
shape is limited to tubes. Instead, we adopted a unique composite material called drop-stitch fabric, also known as doublewall fabric. The drop-stitch fabric is composed of two parallel
surfaces connected by a web of long pile yarns (Figure 4). The

Figure 3. A: Design examples of motorcycle. B: Design example ofwheelchair. The isometric drawing shows the assembly of inflatableparts.

approach using the drop-stitch fabric allows for the creation offlat and rigid inflatable boards; they are used for manufacturing
stand up paddleboards (SUP). Although origami can also be
employed to make three-dimensional shapes from planar materials, this inflatable structure is lighter for its size and strength,
while also being soft to the touch. The standard thickness ofdrop-stitch fabrics is between 25 mm and 450 mm. We used
a 200-mm-thick fabric for the body of the motorcycle, and a
150-mm-thick fabric for the wheels, forks/arms, and seats.
In our prior work [1], we built the body of an electric scooter
by the drop-stitch fabric. But the whole structure was not
fully constructed from inflatables (i.e., the wheels and thesuspensions were made of rigid components). In this paper, we
conducted further experiments to clarify the properties of dropstitch inflatables. Moreover, we’ve advanced our design bymaking the wheels and suspensions out of inflatables, creating
a more fully inflatable vehicle.
The fabrication process of poimo is shown in Figure 4A. We
send the pattern data to the inflatable factory and receive thefinished product in about a week. The drop-stitch fabric, cutfrom the roll according to the pattern, becomes an airtightinflatable structure sealed by a valve (Figure 4B) and thesidewall (Figure 4C). The valve is the same as the one used incommercial inflatable boats and SUPs, and the pump is easily
available. Additionally, there are surface fasteners attachedby glue to bind the structure with other inflatable components.
Metal plates with threaded holes are also glued on it to mountthe bearings, shafts, casters, and handles.
We note that the frames of conventional vehicles are made bywelding, die casting, and sheet metal stamping. Comparedto this conventional process, the production of an inflatable
frame is relatively easy and inexpensive, and the lead time ismuch shorter.
Wheels, Steering, and Riding Comfortability

Although the design and fabrication of inflatables have alreadybeen investigated for complex 3D models [20], furniture [19],and architecture [12], there is no reports on the fabrication anddiscussion of inflatable wheels/steering and their ride quality,
all of which are unique to mobility devices. Here, we show

[1]

Use your sketches as placeholders to overview your paper.

[1] Niiyama and Sato et al., poimo, ACM UIST 2020.

Case study: making figures for Inkjet 4D Print

37[1] Narumi and Koyama et al., Inkjet 4D Print, ACM TOG 2023.

38

Example case: a teaser ﬁgure39Procedure for figure editing

1. Check the format of your target venue
2. Decide the figure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the figure height
7. Export (in my case, 500ppi JPG)

40

Procedure for ﬁgure editing

1. Check the format of your target venue
2. Decide the ﬁgure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the ﬁgure height
7. Export (in my case, 500ppi JPG)

41

Check the format of your target venue[1][1] ACM UIST 2024 Paper Template, https://uist.acm.org/2024/cfp/

42Letʼs have your own ﬁgure style
Part label Caption
Figure width
Unit: mm (not pt)
1-column ﬁgures: 84 mm
2-column ﬁgures: 176.5 mm
Color
RGB (most people read papers by PDF)

84 mm

Font
Part label: 10pt, Helvetica bold, capital letter (i.e., recommended by Science [1])Captions: 5 pt at minimum, 9 pt at maximum
Capitalize only the ﬁrst letter in a caption (i.e., recommended by Science [1])[1] https://www.science.org/content/page/instructions-preparing-initial-manuscript

43

NOTE: This is just a 守, and you can 破 / 離Once you understand the basic procedure,
be creative and preferably ignore it.

44

Procedure for ﬁgure editing

1. Check the format of your target venue
2. Decide the ﬁgure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the ﬁgure height
7. Export (in my case, 500ppi JPG)

45

Decide the ﬁgure width ﬁrst

Unit: mm, width: 84 mm
Height might be any number.

46

The 2-column art board was prepared

Unit: mm, width: 84 mm
Height might be any number.

47

Prepare 2-column art board as well

Unit: mm, width: 176.5 mm
Height might be any number.

48

Procedure for ﬁgure editing

1. Check the format of your target venue
2. Decide the ﬁgure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the ﬁgure height
7. Export (in my case, 500ppi JPG)

49

Rough sketch

Prepare rough sketches for all the figures before photo shooting

50

Procedure for ﬁgure editing

1. Check the format of your target venue
2. Decide the ﬁgure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the ﬁgure height
7. Export (in my case, 500ppi JPG)

51

Prepare materials

52

Procedure for ﬁgure editing

1. Check the format of your target venue
2. Decide the ﬁgure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the ﬁgure height
7. Export (in my case, 500ppi JPG)

53

Roughly align the size and position

At this point, I feel like integrating the aspect ratio of each material.

54

Prepare rectangles for clipping masks

Now I set the rectangle width to (art board width)/6.

55

Prepare rectangles for clipping masks

56

Prepare rectangles for clipping masks

57

Do clipping mask

58

Do clipping mask

Clipping mask: crop objects below with an object above

59

Do clipping mask

Clipping mask: crop objects below with an object above

60

Do clipping mask for the other materials

Clipping mask: crop objects below with an object above

61

Put part labels

10pt, Helvetica bold, capital letters (Science style)

62

Align part labels

63

Put captions◯ 3D model× 3D Model

9pt, Helvetica Regular, capitalize only the ﬁrst letter in a caption (Science style)64

Align captions

65

Procedure for ﬁgure editing

1. Check the format of your target venue
2. Decide the ﬁgure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the ﬁgure height
7. Export (in my case, 500ppi JPG)

66

Reduce the art board height

After adding other decorations, reduce the art board height as small as possible.

67

NOTE: Align objects to a key object

Assume you wanna align the letter “3D model” to a cap without moving the cap

68

NOTE: Align objects to a key object

Shift+Click to select both the cap and the letters.

69

NOTE: Align objects to a key object

Release Shift and click the cap as a key object

70

NOTE: Align objects to a key object

The letter was aligned to the cap without moving the cap.

71

Reuse the same design for other ﬁgures
Same font and same design

Put multiple art boards in a single .ai ﬁle help us:(1) exactly reuse the same design; (2) prevent from losing materials.

72

Reuse the same design for other ﬁgures

73

Procedure for ﬁgure editing

1. Check the format of your target venue
2. Decide the ﬁgure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the ﬁgure height
7. Export (in my case, 500ppi JPG)

74

Export for screensFile->Export->Export for Screen
I like 500ppi JPG, because the ﬁnal paper size will be reasonable ( ~10 MB).

75

Export for screensFile->Export->Export for Screen
I like 500ppi JPG, because the ﬁnal paper size will be reasonable ( ~10 MB).

76

Procedure for figure editing

1. Check the format of your target venue
2. Decide the figure width
3. Rough sketch before photo shooting
4. Prepare materials
5. Align materials
6. Fix the figure height
7. Export (in my case, 500ppi JPG)

Any comment? There must be other ideas.

78

Todayʼs topics

Photo-shooting
shooting environment and post-process are more important than a camera.

Making ﬁgures for papers
Outline your paper with ﬁgures.

Making 3D ﬁgures
Learn multiple ways of rich 3D ﬁgures.

MAKING 3D FIGURES

80

Sometimes you need 3D figures

How do you draw this?
Narumi and Koyama et al., Inkjet 4D Print, ACM TOG 2023.

81

Sometimes you need 3D figures

How do you draw this?
Niiyama and Sato et al., poimo, ACM UIST 2020.

82

Sometimes you need 3D figures

How do you draw this?
Narumi and Qin et al., Self-healing UI, ACM UIST 2018.

83

Sometimes you need 3D figures

How do you draw this?
Narumi and Koyama et al., Inkjet 4D Print, ACM TOG 2023.

84

Four ways of Making 3D figures

1. [Rhino] make2D for schematics
2. [Rhino] Rendered viewport for casual rendering
3. [Rhino] Renderer for better rendering
4. [Illustrator] Perspective grid tool

85

Four ways of Making 3D ﬁgures

1. [Rhino] make2D for schematics
2. [Rhino] Rendered viewport for casual rendering
3. [Rhino] Renderer for better rendering
4. [Illustrator] Perspective grid tool86Letʼs make 3D figures with Rhino

Rhino is a 3D CAD software popular in architecture and design.
make2D is a built-in function of Rhino to make a 2D vector from a 3D model.

87Open rhino̲demo.3dm with Rhino

Assume you wanna draw a 2D vector image of the vase at some angle.

88

Rotate the vase at the angle you want

Right click + drag to rotate the vase

89

make2D

Select the object and type “make2D.”
If you uncheck “Hidden lines,” occluded lines will not be visualized.

90

make2DIf you move to the Top View, a 2D vector image is generated.

91

Export the 2D file to other vector formats“File -> Export Selected” to export the data to many vector formats.
Here I choose .ai for post-processing.

92

Post-processing on Illustrator

You can continue post-processing on the software you like.

93

Post-processing on Illustrator

You can continue post-processing on the software you like.

94

Four ways of Making 3D ﬁgures

1. [Rhino] make2D for schematics
2. [Rhino] Rendered viewport for casual rendering
3. [Rhino] Renderer for better rendering
4. [Illustrator] Perspective grid tool

95

Casual rendering with Rhino

You can also casually render the model on Rhino.
Long-tapand choose “Rendered viewport.”

96

Casual rendering with Rhino

You can also casually render the model on Rhino.
Long-tapand choose “Rendered viewport.”

97

Four ways of Making 3D ﬁgures

1. [Rhino] make2D for schematics
2. [Rhino] Rendered viewport for casual rendering
3. [Rhino] Renderer for better rendering
4. [Illustrator] Perspective grid tool

98

Renderer for better rendering

Renderer is also available for more precise rendering.
Choosefor more controllable rendering.

99②ちゃんとしたレンダリング

Rendering for 10 min
by MacBook Pro

詳細は省くRhino上部のから、より詳細な設定でレンダリングができる100

Examples in the paper

Renderedin Rhino

Narumi and Koyama et al., Inkjet 4D Print, ACM TOG 2023.

101

Four ways of Making 3D ﬁgures

1. [Rhino] make2D for schematics
2. [Rhino] Rendered viewport for casual rendering
3. [Rhino] Renderer for better rendering
4. [Illustrator] Perspective grid tool102

How did I make this?

Perspective grid tool in Illustrator
Narumi and Koyama et al., Inkjet 4D Print, ACM TOG 2023.

103

Prepare layers from the top view

①
②
③
④

104

Align layers in the same position①+②+③+④105

Perspective grid tool

When you select a perspective grid tool, a large grid will appear.

106

Perspective grid tool

Choose a suitable perspective (the green one in this case)107

Perspective selection tool

Then choose a perspective selection tool to select layers.

108

Perspective selection tool

Then choose a perspective selection tool to select layers.

109

Finish a perspective selection tool

Finish a perspective selection tool and align layers.

110

Finish a perspective selection tool

Finish a perspective selection tool and align layers.

111

Done with a perspective figure

CONCLUSIONS

113

Three presentation methods

Week 3: Slides

Week5: Figures

Week6: Videos

114

Three presentation methods

Week 3: Slides

Week5: Figures

Week6: Videos

115

Todayʼs topics

Photo-shooting
shooting environment and post-process are more important than a camera.

Making figures for papers
Outline your paper with figures.

Making 3D figures
Learn multiple ways of rich 3D figures.

116

Three presentation methods

Week 3: Slides

Week5: Figures

Week6: Videos