Geoffrey Booth

web developer and programmer

Geoffrey Booth’s Résumé

full-stack web developer passionate about creating elegant user experiences

Geoffrey Booth’s Portfolio

Contact Geoffrey Booth

Proficiencies

  • Programming Languages: JavaScript/CoffeeScript, PHP, Node.js, HTML5, CSS3/SASS, MongoDB, SQL/MySQL, FileMaker, ActionScript, AppleScript, VBA, Linux/Mac shell scripts, Windows batch files. Some Python, Ruby, ColdFusion, Java.
  • Frameworks: Meteor, WordPress, jQuery, jQuery UI, jQuery/JavaScript plugins, Twitter Bootstrap, Underscore, Handlebars, Google Analytics, Google Maps API, WooCommerce, WordPress MultiLingual, Amazon Web Services/EC2, Shopify. Some Angular, Backbone, D3, Drupal, Joomla.
  • Technologies: Responsive design, mobile-first and HiDPI/Retina design, REST and HTTP APIs, Ajax, JSON, XML, CDNs, SEO, relational and NoSQL databases, CSS3 and JavaScript animation, SVG, UI widgets, reactive JavaScript templates, HTML5 pushState and routing, HTML5 audio and video, PhantomJS, screen scraping, vCard import/export, email with images, video editing and encoding and streaming. Some test-driven development.
  • Software and Systems: Linux/Mac and Windows command lines, SSH, Git/GitHub, Subversion, Grunt, FTP, Apache, Nginx, Sublime Text, Avid, Final Cut Pro, Premiere, Dropbox, Box.com, Photoshop, Illustrator, InDesign, After Effects. Familiar with Scrum and Waterfall.

Work Experience

  • Director of Production and IT, Film Finances New York. Feb 2013-Jul 2014. Found and opened New York office, including setting up wireless network, computers and other technology. Built the following internal, employee-facing web apps:
    • Production Tracking. Web interface for remote hosted FileMaker database. Provides powerful tools for searching contacts and films based on multiple criteria, with contact search results downloadable as mobile-friendly vCards. Visualizes films’ progress with interactive graphs and progress bars. Plots Film Finances’ active projects on a world map. Custom UI widgets parse film-specific data types such as page counts and payroll hours. Built using Meteor framework with a custom-built HTTP API endpoint written in PHP to sync MongoDB and FileMaker databases.
      • CoffeeScript
      • PHP
      • Meteor
      • MongoDB
      • FileMaker
      • responsive
      • Bootstrap
      • Handlebars
      • Underscore
      • jQuery
      • X-Editable
      • Iron Router
      • D3
      • X-Charts
      • Google Maps
      • Sugar.js
    • Locations Map and Gallery. Shows locations and photo galleries on map, with buttons to rate them.
      • CoffeeScript
      • Meteor
      • Google Maps
      • Dropbox
    • Open from Email. Email links to shared files that open those files when clicked; eliminates the need to send attachments.
      • AppleScript
      • Dropbox
    • Degrees of IMDb. Finds connections between any two people or companies on the Internet Movie Database.
      • Meteor
      • PhantomJS
      • screen scraping
  • Software Developer, New Regency. Dec 2012-Feb 2013. Built web app to find and replace sets of text pairs across folders and subfolders of Word and Excel documents. Features a Web interface where users can upload an entire folder and download it processed and zipped. Also wrote guidelines for digital asset management.
    • CoffeeScript
    • PHP
    • Meteor
    • MongoDB
    • Twitter Bootstrap
    • Ajax
    • jQuery upload plugins
    • OpenTBS
    • Zip extension
  • Assistant to Producer, Keep Your Head Productions. Oct 2011-Dec 2012. Wrote software and provided IT support for Academy Award-winning producer Anthony Katagas on various projects including films 12 Years a Slave and The Immigrant. Built the following internal apps and scripts:
    • PDF Watermarker and Emailer. Automates the creation and email distribution of watermarked PDFs.
      • ActionScript
      • Python
    • Printable Map Stitcher. Combines high-resolution Google Maps tiles into poster-sized maps that look sharp when printed.
      • Python
      • Google Maps
    • Secure Video Streamer. Presents video on password-protected site via secure stream
      • WordPress
      • Amazon CloudFront
      • RTMP streaming video player
    • Contact List Generator. Generates traditional film industry three-column contact list from a group vCard or folder of vCards.
      • PHP
      • vCard PHP
    • Day Out of Days Poster. Converts cast work schedule paginated PDF into a single colorful table, printable as a poster.
      • VBA

Freelance Web Development Experience

  • Stephen King: “The Basement.” stephenking.com/promo/mr_mercedes/the-basement/ Interactive game to promote the Stephen King murder-mystery book Mr. Mercedes. Users explore seven web-based “desktops” that simulate the computers used by the killer in the book, unlocking achievements and discovering clues about the book’s mystery.
    • JavaScript
    • PHP
    • heavily-modified Symbiose WebOS
  • Emerging Pictures. www.emergingpictures.com Search engine for films and showtimes of a global network of 500 movie theaters, handling 350,000 users per year. Users enter a location to see an animated map with theaters near them, including films and showtimes. Built as a custom WordPress plugin.
    • PHP
    • JavaScript
    • MySQL
    • WordPress
    • Google Maps API and Geocoder
    • Ajax
    • jQuery
    • jQuery templates
    • cookies
    • detection of users’ language and locale
  • Piano Adventures. www.pianoadventures.cn, .com.au, .co.uk; www.pianoadventures-es.com Designed multilingual foreign sites for Piano Adventures, the #1 bestselling piano teaching method in the United States. Developing relaunch of American website, featuring searchable database of 298 publications including page and audio previews.
    • PHP
    • JavaScript
    • SASS
    • WordPress
    • WooCommerce
    • WordPress MultiLingual
    • responsive design
  • Voice Survey. voicesurvey.meteor.com Web survey for singing instructors. Questions ask the user to reorder audio clips, with drag-and-drop buttons that play audio, along with a “play all in current order” button. Autosaves as the user works.
    • CoffeeScript
    • Meteor
    • HTML5 audio
    • jQuery UI
  • Middlemarch. www.middlemarch.com Designed and coded WordPress-based site for the documentary film production company Middlemarch. Features custom interactive JavaScript checkerboard where thumbnail tiles slide on hover, implemented as a WordPress plugin with its own client-accessible admin page. Implemented custom-styled monochrome Google map as well as inline videos. Created help website with detailed instructions with screenshots for clients to easily administer their site.
    • JavaScript
    • PHP
    • WordPress
    • jQuery
    • jQuery UI and animation
  • Chic Shop. www.chicshopla.com. Improved this Shopify-powered online store. Built new Ruby-based templates for product browsing and pagination, created an admin page to control the frontpage slideshow, replaced graphical text with Web fonts.
    • Ruby
    • JavaScript
    • responsive design
  • Gerrit Goss. www.gerritgoss.com. Designed and built site for landscape architect Gerrit Goss. Worked closely with the client to implement attractive slideshows of his work. Created instructions and a video tutorial for client to maintain the site himself.
    • PHP
    • JavaScript
    • WordPress
  • Richard Brick. www.richardbrick.com.. Designed and coded site for film producer Richard Brick. Created custom templates for slideshows generated by the NextGen Gallery and cForms plugins.
    • PHP
    • JavaScript
    • WordPress
    • responsive design
  • A Alden Wallace. www.aaldenwallace.com. Designed and coded site for photographer Alden Wallace. Implemented side-scrolling photo galleries and custom typography. Set up on Amazon Web Services EC2, including separate subdomain for static resources.
    • PHP
    • JavaScript
    • WordPress

Education

  • Columbia University. School of the Arts, 2005–2009. Master of Fine Arts degree in Film Producing.
  • Cornell University. College of Arts & Sciences, 1999–2003. Bachelor of Arts degree in Film with a focus in Computer Science.
Production Tracking This web app was designed as a faster, more convenient and mobile-friendly interface to a remotely-hosted FileMaker database.
Stephen King: “The Basement” This website is an interactive game to promote the Stephen King murder-mystery book Mr. Mercedes. Users explore seven web-based “desktops” that simulate the computers used by the killer in the book, unlocking achievements and discovering clues about the book’s mystery.
Replacer This web app was created to provide a faster way to create the sets of documents, mostly contracts, needed at the start of a new project. A set of files are kept as templates, revised as policies and legal language change; and when each new project begins, the set is uploaded to Replacer to be filled in with the new project’s specifics.
Marquee: Theaters and Showtimes Search Engine Emerging Pictures, a chain of over 500 art cinemas, needed a search engine so that users could find theaters near them and see those cinemas’ titles and showtimes. Since launch in 2010, the site has averaged over 350,000 visitors per year.
Locations Map and Gallery I have created variations of this app over the years to show information geographically, from potential new offices in New York to filming locations for 12 Years a Slave around New Orleans, from locations for the TV series Blue Bloods to research into historical locations for the film True Story.
Voice Survey This web survey made possible a graduate student’s thesis research project into voice teachers’ relative knowledge about different types of singing.
Degrees of IMDb Like Six Degrees of Kevin Bacon, except that this app connects any two people or companies on the Internet Movie Database, within two degrees of separation. It was built for the company Film Finances to answer the question “who do we know who knows X?”
Piano Adventures international sites A new content management system and new design was required to handle the bilingual demands of Piano Adventures’ Chinese and Spanish-language sites.