Olivia Jeffers

Work Products & Code Repos

--------------------------

CV, Transcript

--------------------------

Present Projects:

Compassionate Technologies

Mapping the Neuroscience Research Space

Mapping Emotive Biometrics

--------------------------

Past Projects:

  1. Saqsaywaman, Green Cities Urban Planning | topographic water modeling (ArcGIS, 2013)
  2. TribeSay | crowd-sourced news by tag, (HTML, CSS, Javascript, jQuery, PHP, 2013-15)
  3. Coffee and WiFi | crowd-sourced coffee and wifi data by location, (MeteorJS, MongoDB, Reactive Programming, 2015)
  4. Compassionate Technologies | stories of technology and people (WebFlow, English, Story, 2016-17)
  5. Neuroscience | looking at amyloid beta plaques in C. elegans (C. elegans, fluorescent stains, microscope, 2008)

(back to top)

// Saqsaywaman (ArcGIS, 2013)

Saqsaywaman is an Incan ruin that began construction in the 1440s and was deconstructed by the Spanish after the failed Inca Rebellion of 1536; only three megalithic walls remain. In 2009, portions of the wall crumbled due to excess water runoff from a recently installed, impermeable clay layer, just above the damaged portion.

The goal of Miksad’s research is to prevent further damage by returning the site to its original drainage state using traditional Inca engineering practices.

  1. Saqsaywaman Historic Site Review [PDF]

    The topography changed significantly during deconstruction of the site post-1536, since most of the accessible boulders were removed and used to construct the surrounding city of Cusco, Peru. Using first hand accounts, handdrawn maps, and aerial photography from the Dumbarton Oaks archives in Washington, D.C., I adjusted and rectified the images onto current topographical models to gain insight into original water flow and site structure.

  2. Civil Engineering Review (Thesis) [PDF]

    The team traveled to Peru in August 2013 to gather the remaining topographic data for to increase the accuracy of drainage analyses. The video shows hypothesized drainage canal, topographic data, wall data, and flow path analysis using ArcGIS and ArcScene.

(back to top)

// Green Cities Urban Planning (ArcGIS, 2013)

  1. Stormwater Retrofit Analysis [PDF]

    The Strategic Water Action Team used GIS analysis to identify and locate potential areas for stormwater retrofit in the Bellemeade Watershed of Richmond, Virginia. We used ArcGIS to calculate water savings and cost of retrofitting. Our proposal combined permeable pavement, green roof, reforestation, cistern use, and Filterra® boxes can reduce runoff during a 2-year, 30-minute storm by 300,000 gallons. This runoff reduction is the same as turning off 700 water hoses or half of an Olympic-size swimming pool.

(back to top)

// TribeSay [Github Repo] (HTML, CSS, Javascript, jQuery, PHP, 2013-15)

  1. Masonry Function [link to code]

    By far, my favorite function during this project was the Masonry function. It was able to dyanimcally detect browser width and select the optimal number of columns to display news items. Timing was a huge issue here, because the items were ranked by tag, timeliness, and relevance -- so you couldn't just insert items as they arrived. I implemented a "frisbee gating" function, which used the API call as a frisbee toss and an ordering function to only open the gate for the next sequential item, letting the other items wait in queue. As each item arrived, I added it sequentially across columns to most naturally use the HTML and CSS sructures for a masonry or brick-like appearance. To optimize user experience, we called items in small batches, triggering new calls as the user approached the bottom of the screen, creating an endless stream effect.

    All the shared news by 'space' tag:

    Read news without distractions:

(back to top)

// Coffee and WiFi [Github Repo] (MeteorJS, MongoDB, Reactive Programming, 2015)

[Live Site]

I discovered MeteorJS while doing freelance design work in Thailand, because I wanted to move fast without maintaining my own databases.

MeteorJS is a funny little creature. It is part of "reactive programming" which means that inherent to the framework structure, the client side view is immediately reactive to server side changes. It has a nice library of modules, and I would say that modularity is part of it's core philosophy as a coding language. Most files in the repo are very small, and hook into the HTML through template handlebar compilers such as Blaze, which offers the ability to process logic functions in HTML.

  1. "Understanding Reactivity in Meteor Using Iron Router and Google Maps"

    [Popular Article on LinkedIn, 2015]

  2. Client Side Logic, using Blaze compilers

    The index (top image) calls the template (bottom image) which contains the logic for processing each shop in the database.

  3. Modularity and Reactivity

    Modularity: The app is separated into 'node_modules' which are external modules, and 'app-*' folders which carry small functions internal to the app. In this way, it's easier to debug and faster to load. This type of programming can be confusing because you can't read it all in one page and the program becomes very sensitive to timing.

    Reactivity: Any folder that says 'client' is visible only to the client-side browser, any folder that says 'server' is visible only to the server, and things inside 'lib' not under a 'client' or 'server' folder are visible to both. This makes the program very reactive and also very sensitive to timing issues.

(back to top)

// Compassionate Technologies [Live Site] (WebFlow, English, Story, 2016-17)

In January 2016, I started this project as an excuse to go to research symposiums in Boston, exploring the deep intersection of where mind meets matter. It was a throwing together of yin and yang, challenging the notion that technology is uncaring and masculine, and that compassion is irrational and feminine. It's also a riff on the concept of a technology being compassionate!

I was a "seminar reporter" going to topics on genetic engineering, inflammation research, nanostructural engineering, and pharmaceutical development -- and then writing about it. My articles were very dry at first!

Storyline: Soon the story began to emerge, and the dividing lines between disciplines and industry melted away. I began to interview not only scientists, but tech translation-alists and venture capitalists as well. I began to see that technology isn't separate from us, it is us just as much as we are it.

My stories began to follow the technologies themselves, slicing across the looping verticals of science, engineering, business, and context. [print distribution]

Stories for General Technical Executive Audience:

  1. Trends, "Rational Design Re-Emerges to Change Up Drug Discovery" (June 2016)

  2. Research, "How Alzheimer's and Diabetes Work at the Nano-Scale" (June 2016)

  3. Engineering, "Designing Away the Side Effects of a Former Wonder-Drug" (June 2016)

  4. Business, "Taking Drugs from the Lab to your Nightstand" (June 2016)

Publishing: During this time, I played around with publishing and worked with ideas around podcasting, magazine [PDF], print, and email newsletters. Eventually I found that the daily demands of running a publishing business wore away at my original enthusiasm and drive, which was investigative research.

Once I took a break from the business, I found that I was reading research papers, working on code projects, and reading books again -- my energy and enthusiasm had returned, and I now had greater insight into myself.

Stories for General Audience:

  1. "Thoughts On Technology After 100 Hours Of Meditation" (2016) [also published in 'Thrive Global']

  2. "The Mind of Matter, Delving into Consciousness" (2017) ['Humanizing Tech']

  3. "The Many Faces of A Neuron: Cell, Wire, Computer" (2017) ['Humanizing Tech']

  4. "The Anatomy of Machines, the Chemistry of Transistors" (2017) ['Humanizing Tech']

  5. "Transistor, Meet Neuron: the science behind Elon Musk's Neuralink investment" (2017) ['Humanizing Tech']

(back to top)

// Neuroscience [Poster PDF] (C. elegans, fluorescent stains, microscope, 2008)

I put this at the end because it was a high school experience and the work is no longer representative of my current state, but it is fundamental and relevant to my pursuit of neuroscience.

My most vivid memory of this lab experience, was sitting in the dark lab room during the summer after graduation, staring into the barrels of the microscope, straining my eyes for any fluorescent signs. After struggling for a few weeks, with the computer, then the microscope, and then my own frustration -- I realized that there was a miscommunication on the strain of C. elegans, and the version I had ordered was not designed to display amyloid beta using the stain!

I left that experience feeling like a failure because I didn't get the data I wanted, but in hindsight after about 8 years of life experience, I realize that I learned valuable lessons.

I learned that it's not always the 'what' that matters, but the 'how'. In my failure, I learned that craving for a goal clouds judgment. I learned how to be tenacious until I'd figured out why -- and I learned how to check even my most basic assumptions, not only about the situation, but about myself as the perceiver of the situation.

  1. "The Effect of Melatonin on the Rate of Amyloid-beta Aggregation in the Caenorhabditis elegans Strain CL4176" (Jeffers, Ramamurthi, 2008)

  2. Tables of Data (Jeffers, Ramamurthi, 2008)

  3. Some weeks of my summer:

(back to top)