phiwebsite/secondPost.html at master · ingrid-wu/phiwebsite · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Phi Pledge Class EP Blog</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

    <!-- Custom styles for this template -->
    <link href="css/clean-blog.min.css" rel="stylesheet">

  </head>

  <body>

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand" href="index.html">Phi Pledge Class</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          Menu
          <i class="fas fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="about.html">About Us</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="post.html">Progress</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Page Header -->
    <header class="masthead" style="background-image: url('img/secondWeek/group.png')">
      <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <div class="post-heading">
              <h1>Second Week</h1>
              <h2 class="subheading">The Phi Pledge Class receives materials and begins building out electronics.</h2>
              <span class="meta">Posted by
                <a href="#">Ingrid Wu</a>
                on October 19, 2018</span>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- Post Content -->
    <article>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <h2 class="section-heading">Structural Update</h2>

            <p>Emily Wong & Phoebe have finished cutting and grinding all of the angle brackets and metal sheets to the specified dimensions. They consulted with one of the brothers, Jasper, about our final design and potential obstacles we could face and solutions to those obstacles. This week, Emily Wong & Phoebe have just been practicing their welding skills to ensure that they have the ability to create a structurally stable mailbox. The Davis Shop Leads have been very helpful and gave them lots of instruction to improve their welds. We have updated our design and have decided not to rivet the mailbox anymore since the Shop Leads pointed out that the rivets would be too time consuming and not necessary for structural support. Phoebe and Emily Wong plan to weld together the entire frame next week and then start incorporating the electronic components that HaiTao and Kevin have been working on.</p>

            <a href="#">
              <img class="img-fluid" src="img/secondWeek/wow.jpg" alt="">
            </a>
            <span class="caption text-muted">Emily Wong and Phoebe Lin working in Davis Shop.</span>

            <!-- <blockquote class="blockquote">The dreams of yesterday are the hopes of today and the reality of tomorrow. Science has not yet mastered prophecy. We predict too much for the next year and yet far too little for the next ten.</blockquote> -->

            <h2 class="section-heading">Initial Slackbot Work</h2>

            <p>Kevin and HaiTao spent a night at Varsity lounge working on the initial Slackbot and learning how to interact with the Slack API. They researched and spent two hours understanding the technology behind the Slack API and Raspberry Pi. After such research they were able to query the Slackbot with certain commands and get custom responses and actions done. With the basic Slackbot implemented and ready to go, they are currently waiting for the ultrasonic sensors to arrive in the mail so that they can connect them and integrate the sensor functionality into the Slackbot.</p>

            <h2 class="section-heading">Connecting the Ultrasonic Sensors</h2>

            <p>Emily Hu and HaiTao set up the circuit for the ultrasonic sensors and connected the ultrasonic sensor to the Raspberry Pi. The circuit setup needed a 1K Ohm resistor that we were not able to acquire at the time. However, they were able to put 2 2K Ohm resistors in parallel that replicated a 1K Ohm resistor. Once the circuitry was set up, Emily Hu and HaiTao ran a Python script off of the Raspberry Pi that read the pulses from the ultrasonic sensor and then used the pulse time to calculate the distance any object was away from the sensor. The Slackbot Python script was then updated with the newly written sensor scripts which read for any movement within 15cm of the sensor. The script then was programmed to send a notification to the Slackbot and update the Slack Channel accordingly.</p>

          </div>
        </div>
      </div>
    </article>

    <hr>

    <!-- Footer -->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <ul class="list-inline text-center">
            </ul>
            <p class="copyright text-muted">Brought to you by the Phi Pledge Class</p>
          </div>
        </div>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="js/clean-blog.min.js"></script>

  </body>

</html>