Monica LentDeveloper & Designer



Past Technical/UX Work & Projects


Ancient Geek Aug 2013 - Nov 2014

View on Github!

Ancient Geek, also known as the Historical Languages eLearning Application, is one part of the Open Philology Project. As the project's Interaction Designer, I am chiefly in charge of the front end web development of Ancient Geek. My goal with this project is to make it accessible to academics and non-academics alike, easy to use (thus lowering the barrier to contributing data), and fun!

Frontend: Require.js, Backbone.js (& Underscore.js), d3, Sass, Bootstrap.
Backend: Django, Django Tastypie, Fabric, Virtualenv, Neo4j, Postgres, Nginx, Uwsgi.


This splash screen explains our mission to visitors: We teach you Greek, and you help us with crowd-sourced digital editions of classical works.


Features I've developed

1. Lessons and Tasks

On the backend, I wrote the code for content creators to add learning content, associate learning content with supporting content, provide translations, and associate content with exercises. Content writers can describe "task sequences", which are appropriate for the learning content.

On the frontend, I designed a framework through which content created through the back end was used to generate exercise-oriented lessons.

2. Assisted Reading Environment

The Reader is meant to make it easy for people to read Greek, while giving them the appropriate level of help with the text. Too much help can make a learner too dependent on tools, while too little makes more difficult texts inaccessible. Here, for example, a user can choose whether they want to view the morphology of a word, or they can view the related grammar topics (which is derived from the morphology programmatically).

Features


Miscellaneous


Parse Tree Editor

View on Github!

I wrote the Parse Tree Editor for Ancient Geek with the goal of making it easy, fun, and entertaining to practice Greek by building dependency trees. I got really comfortable working with trees and recursion through this project, and got to dabble a bit in client-side testing with Node and Mocha.

Frontend: d3.
Backend: Node, Mocha, Grunt, Blanket, PhantomJS.

Features


Interested in how it works? Read my blog post.


Alignment Editor

View on Github!

I also wrote the Alignment Editor for Ancient Geek, which lets people view parallel translations and see which words correlate to which translations. It can handle any number of languages at once, and will use the primary source language to show alignments between languages that were not directly aligned with one another.

Features


Atmosphere 2011 - 2013

View on Github!

Enables bench biologists and bioinformaticians alike to interact with iPlant's cloud services in a way that is simple and powerful. One of the main goals of this project was to make doing science in the cloud accessible to people whose technical prowess ranges vastly. The interface should make it very clear how the cloud resources are working together, while also appearing friendly, simple, and remaining consistent with iPlant's existing branding guidelines.

Frontend: Backbone.js (& Underscore.js), jQuery, Bootstrap.
Backend: Openstack/Eucalyptus, Django, Apache, Postgres..

Some features I developed:



Design

Greek Alphabet Series

I created this set of letters to help ease people into learning Ancient Greek. Many people are intimidated by learning a 'different alphabet', but are also intrigued by etymology.

With this line of thinking, these letters are meant to encourage people who have these mindsets.

In our trials, people responded very well to learning the Greek alphabet through these letters, including kids who didn't speak English.


My personal favorite letter is Lambda — which depicts the famous myth where Sisyphus is sentenced to rolling a boulder up a hill. In this letter, the lambda can be remembered by lithos, meaning "stone".



Logos

Open Philology Project Logo

The Open Philology Project is all about making previously inaccessible classical texts available online openly, and for free. This logo symbolizes that idea as an open book through the letters OP. I chose the two shades of red because it evokes a mature, literary association when paired with the bookmark that forms the stem of the letter P.


Universit├Ąt Leipzig Department of Digital Humanities Logo

This logo depicts our building, Das Neue Augusteum, and one of Leipzig's best-known buildings, the MDR tower. Anyone who sees this logo should immediately be reminded of the city of Leipzig and its iconic main university buidling. The teal and navy colors come directly from the unique glasswork visible on das neue Augusteum.



Infographics

Poster for the Open Philology Project (OPP)

This poster focuses on the eLearning branch of the Open Philology Project. Three of the tools in the bottom row were also designed and implemented by me.


Digital Humanities 2014 Conference — Poster for the Open Philology Project (OPP)

I designed this poster to help the presenters at the conference explain the workflows of the various components of the OPP. It demonstrated points where we receive data, how the subprojects work together, and how the project integrates with the community and other third parties.


iPlant's Achievements as of Year Five

For our five-year anniversary as a project, we wrote a newsletter which included some of the exciting accomplishments of the project and the plant sciences community. This infographic details the connections we'd made with members of the scientific community, as well as interesting project-related stats such as the amount of stored data, user count, and citations in publications.


iPlant's International Reach

This graphic details how iPlant reached into the international scientific community, and was an exercise for me in data mining and using public APIs to get geographical data.


iPlant's Project Timeline as a Tree

I got the idea in my head of displaying our project timeline with dendrochronology as a model. Here you can see some high-level trends, as well as when important events in the project's history took place.



About

Bio

I currently work at SumUp as Senior Front-End Engineer, where I develop an AngularJS application for merchants who make sales through the SumUp card reader. My current frontend stack comprises Angular and Webpack for the Javascript, Sass, Bourbon, and Neat for the CSS, and Gulp for the build.

Previously, I worked as the Interaction Designer for the Open Philology Project, I primarily focus on the eLearning interface for historical languages, such as Ancient Greek and Latin, though I've contributed front-end development for other components as well.

Previously I worked as a User Experience Designer and Frontend Developer for the iPlant Collaborative, an NSF-funded project that empowers plant biologists to harness cutting-edge technologies for their research. My work focused on the project's web interface to their cloud, Atmosphere.

Technical Interests These are quite varied at this point. I am mostly interested in frontend development, though I hope to expand my experience with C to learn Objective C and Swift, and try out coding for iOS. I'm hosted at Rackspace, which is a fun opportunity to learn more about the backend. On the server side, I primarily dabble in Python and have just begun to experiment with Node.

Other Interests My main hobbies right now include reading in the park, learning German by watching cartoons and dubbed movies on Amazon Prime, and becoming an expert tortilla-maker. I'm also an avid commuter cyclist and proponent of daily sun salutations. If I'm not engulfed in a sci-fi series at the moment, I'm probably baking.

Academia

Education I attended the University of Arizona, where I studied Latin and Ancient Greek, and graduated cum laude with a B.A. in Classics. For my minor in Computer Science I studied Java, Python, C, Unix, computer architecture, object-oriented programming and design, and web programming.

Talks and Presentations

Papers and Abstracts

Conferences Attended


Contact Me

You can contact me via lent.monica at gmail dot com.