nguzman313.github.io/notation_switch.html at master · nguzman313/nguzman313.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
    <title>A Prototype Interface For Mathematical Notation Switching</title>
    <link rel="stylesheet" href="tufte_mod.css">
</head>
<body>
    <article>
        <h1 id="study">A Prototype Interface For Mathematical Notation Switching</h1>

        <section>
            <h2 id="overview">Project Overview</h2>
                <p>
                    Learning math is hard, especially when the book or reference you are using employs a different notation than what you are used to.
                    To both avoid confusion and learn a multiplicity of notations, one should have the ability to switch between notations on the fly while reading mathematical texts.
                    A digital interface for reading texts that includes this feature makes learning easier and improves the usability of mathematical materials.
                </p>

                <p>
                    As a proof of concept, I have prototyped such an interface using Figma.
                    The text used is an excerpt from the second edition of Stephen Wiggins' <i>Introduction to Applied Nonlinear Dynamical Systems and Chaos</i>.
                </p>
        </section>

        <section>
            <h2 id="overview">Figma Prototype</h2>
                <p>
                    Below are two demos illustrating the prototype in action:
                </p>

                <figure>
                    <img src="G1.gif">
                </figure>

                <figure>
                    <img src="G2.gif">
                </figure>

                <p>
                    <a href="https://www.figma.com/proto/p88FVN3r3D5pt7M0GiohBb/Interface-for-Mathematical-Notation-Preferences?node-id=105-2&starting-point-node-id=105%3A2" target="_blank">Try out the prototype for yourself.</a>
                </p>
        </section>

    </article>
</body>
</html>