michaelremley.github.io/2020Projects.html at master · michaelremley/michaelremley.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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<div class="card mb-3 bg-light">
  <div class="card-header"><h1>2020 Projects</h1></div>
  <div class="card-body">
    <div class="accordion" id="coursesAccordian">
      <h3>Fall 2020</h3>
      <div class="card">
        <div class="card-header" id="heading2">
          <h2 class="mb-0">
            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse2">
              Christmas Conflict Creator
            </button>
          </h2>
        </div>
        <div id="collapse2" class="collapse show" aria-labelledby="heading2" data-parent="#coursesAccordian">
          <div class="card-body row">
            <div class="col-8">
            <h5>Summary</h5>
            <p>After learning about graph theory in discrete math, we chose to build a website that surveys a group of people then generates a seating arrangement that either maximizes or minimizes the possibility for a chaotic dinner. Perfect for the holidays if you want things to be peaceful (or not) with your loved ones! You can try it out on the project website!</p>
            <a class="btn btn-primary" href="https://christmas-conflict-creator.herokuapp.com/index" id="button-kittycaddy">Learn More</a>
            </div>
            <div class="col-4">
              <img src="images/conflict.png" class="figure-img img-fluid rounded" alt="...">
            </div>
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header" id="heading1">
          <h2 class="mb-0">
            <button class="btn" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
              Simulated MIPS Processor
            </button>
          </h2>
        </div>
        <div id="collapse1" class="collapse show" aria-labelledby="heading1" data-parent="#coursesAccordian">
          <div class="card-body row">
            <div class="col-4">
            <h5>Summary</h5>
            <p>For a final project in computer architecture, we simulated a processor implementing the full MIPS instruction set. Read the whole story on the project website!</p>
            <a class="btn btn-primary" href="https://michaelremley.github.io/Kurem-MIPS-Verilog" id="button-kittycaddy">Learn More</a>
            </div>
            <div class="col">
              <img src="https://michaelremley.github.io/Kurem-MIPS-Verilog/img/COMPLETEMIPS.png" class="figure-img img-fluid rounded" alt="...">
            </div>
          </div>
        </div>
      </div>
      <h3>Spring 2020</h3>
      <div class="card">
        <div class="card-header" id="headingOne">
          <h2 class="mb-0">
            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              A Voltage Controlled Oscillator in SPICE
            </button>
          </h2>
        </div>
        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#coursesAccordian">
          <div class="card-body row">
            <div class="col-4">
            <h5>Summary</h5>
            We simulated a voltage controlled oscillator (VCO) in SPICE then analyzed the output for a final project in our microelectronic circuits class. We chose this project to take all we had learned about MOS transistor electronics and put it to practical use. A VCO takes a voltage as input and produces a waveform of a frequency dependent on the input voltage. It is useful for a variety of things, including modulation for wireless communication. This was one of the first of several projects done during the odd 2020 semesters.
            </div>
            <div class="col-8">
              <img src="images/MOSVCO.png" class="card-img img-thumbnail" alt="..." >
            </div>
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header" id="heading3">
          <h2 class="mb-0">
            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse3">
              User-Oriented Collaborative Design
            </button>
          </h2>
        </div>
        <div id="collapse3" class="collapse show" aria-labelledby="heading3" data-parent="#coursesAccordian">
          <div class="card-body row">
            <div class="col-8">
            <h5>Summary</h5>
            UOCD is class about people, not engineers. We spent 3 months learning all about what makes our user group "tick". A user group, in our case librarians, is a group of people with something in common, and we eventually proposed something that would make their lives easier. We settled on reimagining the bulletin board into a more inviting tree shape. This helps librarians do what they love most: helping and greeting people!
            </div>
            <div class="col-4">
              <img src="images/uocdtree.png" class="card-img img-thumbnail" alt="..." >
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>