413 lines
28 KiB
HTML
413 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Benjamin Wiegand</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<meta property="og:description" content="I am a programmer with experience ranging from embedded devices to Android, web, and desktop applications…">
|
|
<meta property="og:site_name" content="Benjamin Wiegand">
|
|
<meta property="og:title" content="Benjamin Wiegand - Software Developer">
|
|
<meta property="og:url" content="https://ben.wiegand.pw/">
|
|
<meta property="og:type" content="website">
|
|
<meta name="theme-color" content="#29BDBD">
|
|
</head>
|
|
<body>
|
|
<div class="header-section">
|
|
<div id="header-bg1" class="header-bg"></div>
|
|
<div id="header-bg2" class="header-bg"></div>
|
|
|
|
<div class="title-thingy">
|
|
<h1>Benjamin Wiegand</h1>
|
|
<h2>Software Developer</h2>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="general-content">
|
|
<div class="about-section text-section">
|
|
<h2>About me</h2>
|
|
<p>I am a programmer with experience ranging from embedded devices to Android, web, and desktop applications. In my spare time I work on various programming and electronics projects.</p>
|
|
<p>I'm also a self-taught systems administrator with experience ranging from static website hosting (like this one) to repairing Postgres database corruption. I do, however, have some formal education in network security.</p>
|
|
<div class="sub-section">
|
|
<h3>Education</h3>
|
|
<p>
|
|
I am currently a junior majoring in Computer Science at <a href="https://www.pacific.edu" target="_blank">University of The Pacific</a> in Stockton, California.
|
|
</p>
|
|
<p>A list of relevant University-level courses that I've taken:</p>
|
|
<ul>
|
|
<li>Design and Analysis of Algorithms</li>
|
|
<li>Computer Graphics</li>
|
|
<li>Web Applications</li>
|
|
<li>Network Security (Security+)</li>
|
|
<li>Computing Theory</li>
|
|
<li>Computer Systems & Networks</li>
|
|
<li>Discrete Math for Computer Science</li>
|
|
<li>Digital Design</li>
|
|
<li>Programming Languages</li>
|
|
<li>Application Development</li>
|
|
<li>Data Structures</li>
|
|
<li>Calculus</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sub-section">
|
|
<h3>Skills</h3>
|
|
<p>Over the years I have gained experience in these languages:<br>Java, Python, C++, C, Bash, C#, Javascript, PHP, SQL</p>
|
|
<p>My experience includes, but is not limited to:<br>Object Oriented Programming, Functional Programming, Docker, Git, Android Studio, JSON, XML, and YAML</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="projects-section text-section">
|
|
<h2>Projects</h2>
|
|
|
|
<div class="project sub-section">
|
|
<h3>Web Presentation Clicker <small>(2024)</small></h3>
|
|
<small><a href="https://on-stage.click/" target="_blank">Website</a> - <a href="https://addons.mozilla.org/en-US/firefox/addon/web-presentation-clicker/" target="_blank">Download for Firefox</a> - <a href="https://chromewebstore.google.com/detail/web-presentation-clicker/mnkkbdgkehfhenamhggdljdmlpdpjmom/" target="_blank">Download for Chrome</a> - <a href="https://github.com/web-presentation-clicker" target="_blank">Github</a></small>
|
|
<p>A browser extension that lets you control your slideshow presentation from your phone, in the simplest way possible.</p>
|
|
<details title="the deets">
|
|
<summary>More details</summary>
|
|
<p>
|
|
  Web Presentation Clicker is a browser extension that a fellow classmate and I worked on for the Web Applications course. It allows you to control your Google Slides or Office 365 slideshow presentation in your browser with your phone without having to download an app. The extension displays a QR code when opened, which both acts as a convenient link to the clicker webpage and contains the necessary pairing data. Once scanned, you are presented with two left and right arrow buttons that can be used to control your slideshow.
|
|
</p>
|
|
<p>
|
|
  To relay the slide change events to the browser extension, a server is used. The extension opens a websocket connection with the server, and the clicker (currently) sends REST API calls to the server to switch slides. A websocket-based clicker API has been implemented in the server but I have yet to add it to the client. The actual "clicking" of the presentation is done by simulating the arrow keys with javascript in the browser window.
|
|
</p>
|
|
<p>
|
|
  The server is written in python and consists of two components. A multiprocess uWSGI application that opens and maintains the websockets and accepts the REST API calls, and a multithreaded "session server" which keeps track of the presentations and routes the "click events" between the multiple uWSGI processes. The two communicate using unix domain socket connections, ensuring minimal overhead.
|
|
</p>
|
|
<p>
|
|
  I worked on the server and the extension while my classmate David worked on the landing page and the project reports. You can view our work <a href="https://github.com/web-presentation-clicker" target="_blank">on the github org</a>. You can even host your own server if you want.
|
|
</p>
|
|
</details>
|
|
<div class="screenshot-collection">
|
|
<div class="project-image">
|
|
<label for="oscp" class="thumbnail">
|
|
<img src="/img/osc-pairing-thumb.webp" alt="Web Presentation Clicker extension showing the pairing QR code">
|
|
</label>
|
|
<input type="checkbox" id="oscp">
|
|
<div class="modal">
|
|
<label for="oscp" class="modal-bg"></label>
|
|
<label for="oscp" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="oscp-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="oscc" class="thumbnail no-crop">
|
|
<img src="/img/osc-clicker-thumb.webp" alt="Clicker interface, consisting of two buttons for next and previous slide.">
|
|
</label>
|
|
<input type="checkbox" id="oscc">
|
|
<div class="modal">
|
|
<label for="oscc" class="modal-bg"></label>
|
|
<label for="oscc" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="oscc-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<small>click image to view in full resolution</small>
|
|
</div>
|
|
|
|
<div class="project sub-section">
|
|
<h3>PeerCord <small>(2023)</small></h3>
|
|
<p>An end-to-end encrypted client/server messaging application.</p>
|
|
<details title="the deets">
|
|
<summary>More details</summary>
|
|
<p>
|
|
  PeerCord is a project I worked on during freshman year with my fellow classmates at University of The Pacific for the Application Design course. It is an end-to-end alternative to the popular chat app known as Discord. It has a similar server/client model, but the key advantage over Discord is that the messages are end-to-end encrypted keeping them private from even the server that hosts Peercord, or any data breaches. It is written 100% in Java, per the course requirements. It was a very large project and my key role was to write the entire server application. I also wrote the code to connect the client to the server. We completed the project and did very well.
|
|
</p>
|
|
</details>
|
|
<div class="screenshot-collection">
|
|
<div class="project-image">
|
|
<label for="lpcl" class="thumbnail">
|
|
<img src="/img/peercord-login-thumb.webp" alt="PeerCord login screen">
|
|
</label>
|
|
<input type="checkbox" id="lpcl">
|
|
<div class="modal">
|
|
<label for="lpcl" class="modal-bg"></label>
|
|
<label for="lpcl" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="lpcl-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="lpcc" class="thumbnail">
|
|
<img src="/img/peercord-chat-thumb.webp" alt="PeerCord login screen">
|
|
</label>
|
|
<input type="checkbox" id="lpcc">
|
|
<div class="modal">
|
|
<label for="lpcc" class="modal-bg"></label>
|
|
<label for="lpcc" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="lpcc-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<small>click image to view in full resolution</small>
|
|
</div>
|
|
|
|
<div class="project sub-section">
|
|
<h3>Fast ILO Exporter <small>(2024)</small></h3>
|
|
<p>Uses SNMP instead of HTTP when possible to fetch metrics like temperature, fan speed, power draw, drive status, memory status, health, etc. from the ILO controller of an HP server, and exports them to Prometheus. It is significantly faster (15 seconds vs 1 minute) than the pre-existing solutions I tried which only use the slower HTTP API.</p>
|
|
<details>
|
|
<summary>More details</summary>
|
|
<p>
|
|
  Fast ILO Exporter is a quickly thrown together Python project that I made over the course of a few days to export metrics like temperature, fan speed, power draw, drive status, memory status, health, and more from my HP server with an ILO4 controller. I built it after finding out that all the pre-existing solutions used the ILO's HTTP API and were extremely slow, requiring scrape intervals ranging from 1-5 minutes. For my purposes, such a delay is not satisfactory.
|
|
</p>
|
|
<p>
|
|
  My implementation uses SNMP to grab most of this information, which ends up being significantly faster, easily achieving the 15 second scrape interval that I was after. The exporter also optionally fetches some minimal information not available over SNMP using the HTTP API, and maps it with the values received over SNMP. Even with all the HTTP functions enabled, it's still able to achieve my 15 second scrape interval since it only has to make 2 HTTP requests.
|
|
</p>
|
|
<p>
|
|
  I also took the time to make this project publicly available too. You can view the source code <a href="https://github.com/Benjamin-Wiegand/ilo_exporter" target="_blank">on GitHub</a> or <a href="https://git.wiegand.pw/ben/fast_ilo_exporter" target="_blank">my personal git server</a>.
|
|
</p>
|
|
</details>
|
|
<div class="screenshot-collection">
|
|
<div class="project-image">
|
|
<label for="lio" class="thumbnail">
|
|
<img src="/img/ilo-overview-thumb.webp" alt="overview of my ILO dashboard in grafana">
|
|
</label>
|
|
<input type="checkbox" id="lio">
|
|
<div class="modal">
|
|
<label for="lio" class="modal-bg"></label>
|
|
<label for="lio" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="lio-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="lit" class="thumbnail">
|
|
<img src="/img/ilo-temperatures-thumb.webp" alt="temperature sensor data shown in my ILO dashboard in grafana">
|
|
</label>
|
|
<input type="checkbox" id="lit">
|
|
<div class="modal">
|
|
<label for="lit" class="modal-bg"></label>
|
|
<label for="lit" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="lit-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="lid" class="thumbnail">
|
|
<img src="/img/ilo-drives-thumb.webp" alt="drive health, status, and temperature shown in my ILO dashboard in grafana">
|
|
</label>
|
|
<input type="checkbox" id="lid">
|
|
<div class="modal">
|
|
<label for="lid" class="modal-bg"></label>
|
|
<label for="lid" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="lid-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="lifci" class="thumbnail">
|
|
<img src="/img/ilo-fan-and-cpu-info-thumb.webp" alt="fan speed, fan health, fan status, and cpu status shown in my ILO dashboard in grafana">
|
|
</label>
|
|
<input type="checkbox" id="lifci">
|
|
<div class="modal">
|
|
<label for="lifci" class="modal-bg"></label>
|
|
<label for="lifci" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="lifci-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<small>click image to view in full resolution</small>
|
|
</div>
|
|
|
|
<div class="project sub-section">
|
|
<h3>SMBus MITM <small>(2023/2024)</small></h3>
|
|
<p>Uses a microcontroller to intercept laptop battery communications, providing additional information regarding battery health and maintenance.</p>
|
|
<details title="the deets">
|
|
<summary>More details</summary>
|
|
<p>
|
|
  After purchasing a 10 year old ThinkPad T420 on ebay, I decided that the battery life could be better. I decided to make a ridiculously large battery using cells intended for electric cars. Coming in at around 189 Wh, it gives about 6-11 hours of battery life with moderate usage and 3-6 hours when compiling FireFox on all cores. To do this properly, I had to modify the BMS' calibration data so it didn't freak out when the battery more than doubled in size.
|
|
</p>
|
|
<p>
|
|
  Since I didn't want to drop $600 on an SMBus battery programmer and subscription battery repair software, I used the I<sup>2</sup>C line in my laptop's VGA port and wrote most of the software by hand. Through this, I became familiar with SMBus and SBS (Smart Battery System) 1.1 specifications, the protocol and spec used by the laptop and battery to communicate.
|
|
</p>
|
|
<p>
|
|
  Using this knowledge, I added an Arduino which captures and relays the data sent between the laptop and the BMS. The Arduino also requests and captures some extra information intended for the laptop's EC (embedded controller). This information includes cell voltages, temperature, instant pack voltage, instant current draw, charge/discharge cycle count, alarms, and more, some of which is very useful for verifying the health, age, and balance of my custom battery pack. Finally, I added a small OLED display and a button to show all this info without needing a USB serial cable.
|
|
</p>
|
|
</details>
|
|
<div class="screenshot-collection">
|
|
<div class="project-image">
|
|
<label for="sma" class="thumbnail">
|
|
<img src="/img/smbus-mitm-arduino-thumb.webp" alt="the arduino leonardo that's attached to my battery, complete with small OLED display">
|
|
</label>
|
|
<input type="checkbox" id="sma">
|
|
<div class="modal">
|
|
<label for="sma" class="modal-bg"></label>
|
|
<label for="sma" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="sma-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="smw" class="thumbnail">
|
|
<img src="/img/smbus-mitm-wiring-thumb.webp" alt="wiring to intercept communications between the BMS and the laptop">
|
|
</label>
|
|
<input type="checkbox" id="smw">
|
|
<div class="modal">
|
|
<label for="smw" class="modal-bg"></label>
|
|
<label for="smw" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="smw-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<small>click image to view in full resolution</small>
|
|
</div>
|
|
|
|
<div class="project sub-section">
|
|
<h3>Android Security Camera <small>(2021/2022)</small></h3>
|
|
<p>Turns an ordinary Android phone into a network security camera with a live feed and local motion detection and recording. It additionally sends the recordings to a local server for later viewing.</p>
|
|
<details title="the deets">
|
|
<summary>More details</summary>
|
|
<p>
|
|
  This is a project I worked on for my AP Computer Programming course in highschool. I wrote an Android app in Java which turns any Android smartphone into a security camera. It syncs with a server (also written in Java) over an encrypted TCP connection to store recordings and motion events. The cameras can also be viewed live by another phone over an encrypted UDP connection. This differs from many readily-available solutions as the server is on your local network, ensuring the likely very personal footage can only be viewed by you. Additionally, the recordings still happen even if the network drops out, unlike with traditional IP cameras.
|
|
</p>
|
|
</details>
|
|
<div class="screenshot-collection">
|
|
<div class="project-image">
|
|
<label for="scst" class="thumbnail">
|
|
<img src="/img/security-camera-stream-thumb.webp" alt="two phones, one streaming video to another over the network">
|
|
</label>
|
|
<input type="checkbox" id="scst">
|
|
<div class="modal">
|
|
<label for="scst" class="modal-bg"></label>
|
|
<label for="scst" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="scst-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="scsc" class="thumbnail no-crop">
|
|
<img src="/img/security-camera-screenshot-thumb.webp" alt="screenshot of the app while it's recording video">
|
|
</label>
|
|
<input type="checkbox" id="scsc">
|
|
<div class="modal">
|
|
<label for="scsc" class="modal-bg"></label>
|
|
<label for="scsc" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="scsc-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<small>click image to view in full resolution</small>
|
|
</div>
|
|
|
|
<div class="project sub-section">
|
|
<h3>Spy Roomba <small>(2017)</small></h3>
|
|
<p>A robot with a camera that can be controlled wirelessly over Wi-Fi with a live video feed. It is built upon a Roomba, using the serial port to control it.</p>
|
|
<details title="the deets">
|
|
<summary>More details</summary>
|
|
<p>
|
|
  This is a personal project I worked on in middle school where I wanted to remotely control my Roomba from my laptop with a video feed. I connected an Arduino to the Roomba's diagnostic port, paired with a Raspberry pi running an Apache2 web server with PHP and a motion video server. The pi hosts a website over Wi-Fi which allows any modern web browser to view the video feed and send serial commands to the Arduino. The Arduino then sends its own commands outlined in iRobot's SCI specification to carry out control of the Roomba. The Arduino also receives and parses data from the Roomba for safety features such as cliff detection.
|
|
</p>
|
|
</details>
|
|
<div class="screenshot-collection">
|
|
|
|
<div class="project-image">
|
|
<label for="r" class="thumbnail">
|
|
<img src="/img/roomba-thumb.webp" alt="a normal Roomba with a webcam, Raspberry pi, Arduino, and a voltage regulator mounted on it">
|
|
</label>
|
|
<input type="checkbox" id="r">
|
|
<div class="modal">
|
|
<label for="r" class="modal-bg"></label>
|
|
<label for="r" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="r-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="project-image">
|
|
<label for="rc" class="thumbnail">
|
|
<img src="/img/roomba-control-thumb.webp" alt="webpage for controlling the Roomba and viewing the live feed">
|
|
</label>
|
|
<input type="checkbox" id="rc">
|
|
<div class="modal">
|
|
<label for="rc" class="modal-bg"></label>
|
|
<label for="rc" class="close"></label>
|
|
<label>
|
|
<input type="checkbox">
|
|
<span class="lazy-image" id="rc-fr"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<small>click image to view in full resolution</small>
|
|
</div>
|
|
|
|
<script src="/image-modal.js"></script>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="footer-info">
|
|
🄯 Copyleft 2024 Benjamin Wiegand
|
|
</div>
|
|
<div class="footer-logo">
|
|
<div id="cursor-thing" onclick="click_duck()"></div>
|
|
</div>
|
|
<div class="footer-contact">
|
|
<noscript>
|
|
<div class="spam-manifesto">
|
|
<p>
|
|
To protect against email spam, <b>please enable javascript</b> to view my contact email.
|
|
</p>
|
|
<div class="poem">
|
|
<p>
|
|
<small>
|
|
I do not like canned email spam<br>
|
|
I do not like it <a href="mailto:spam.i.am@wiegand.biz">spam.i.am</a>
|
|
</small>
|
|
</p>
|
|
</div>
|
|
<p>
|
|
Important: contacting <a href="mailto:spam.i.am@wiegand.biz">spam.i.am</a> <b>will list you as spam</b>!<br>
|
|
Robots will not read this and email it anyways.
|
|
</p>
|
|
</div>
|
|
</noscript>
|
|
<p class="spam-manifesto spam-sandwich">
|
|
Please refrain from contacting <a href="mailto:spam.i.am@wiegand.biz">spam.i.am@wiegand.biz</a>, as this <b>will list you as spam</b>!<br>
|
|
This text <i>should</i> be invisible to humans, but not robots.
|
|
</p>
|
|
<div class="spam-honeypot spam-email anti-spam" id="CONT"></div>
|
|
<script src="/ob.js"></script>
|
|
<p class="spam-manifesto spam-sandwich">
|
|
Once again, please refrain from contacting <a href="mailto:spam.i.am@wiegand.biz">spam.i.am@wiegand.biz</a>, this <b>will list you as spam</b>!<br>
|
|
This text <i>should</i> be invisible to humans, but not robots.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/cursor-thing.js"></script>
|
|
</body>
|
|
</html>
|