Marcus Pope

Husband, Father, Inventor, Programmer Austin, TX - °

Portfolio

AgileLaw

AgileLaw's E-Deposition Platform Site

/AgileLaw/,case_home.png,doc_viewer.png,add_documents_progress_full.png,add_documents_integration_full.png,drop_case_documents_depo.png

Languages: HTML5, CSS3, PHP, JavaScript, Objective-C, C#

Middleware: NGINX, Apache, NodeJS, PostgreSQL, MemCache, RabbitMQ, LocalStorage, S3

Browsers: IE10+, FireFox, Chrome, Mobile Safari Web Application

Platforms: iOS/Android Cordova Application, AWS Ubuntu & Windows Services

Libraries: Yii, jQuery, Backbone, SocketCluster, PDFTron, OAuth, JWToken

APIs: Relativity, DropBox, Box.com, Stripe, Groove

Tools: Selenium, Cordova, GapDebug, Vagrant, Monit, AWS, Git

Features: New feature development and extensive performance & reliability fixes. UI redesign. 3rd-Party document integrations and a Microsoft Office document conversion service. Modern customer signup wizard. Real-time multi-user workflows with socket messaging. Functional tests and documentation.

L7 Desktop

L7 Desktop Shell for Windows

/L7-Desktop/,desktop_capture2.png,desktop_capture3.png,desktop_capture5.png,desktop_capture7.png,desktop_capture4.png

Languages: HTML5, CSS3, JavaScript, C#

Middleware: Microsoft HTA, NodeJS, .Net

Platforms: Windows Desktop & Server

Libraries: VerbotenJS, L7 API, Tracking.js, OpenWeather

APIs: Win32API, COM, L7 Orb, Canvas

Tools: JSONDB, Nircmd

Features: A fully integrated HTML application that serves as a replacement for the windows shell. Communicates with a C# ORB process that allows for event-driven messaging and low-level hook integration with the host OS.

Uses natural language processing to administer the operating system and manage my application workflows. Provides application and project tracking metrics to my project management system PWNN. Uses real-time object and facial recognition to monitor my front door. Adjusts screen and UI brightness based on ambient light levels, and icon color based on luminosity analysis of the wallpaper.

My College Scout

My College Scout

/My-College-Scout/,homepage.png,showcase.png,activity-tracker.png,report-card.png

Languages: HTML5, CSS3, PHP, JavaScript

Middleware: Apache, NodeJS, MySQL, MemCache

Browsers: IE7+, FireFox, Chrome, Mobile

Platforms: Rackspace Ubuntu & Windows Servers

Libraries: Symfony, Twig, Bootstrap, jQuery, Highcharts

APIs: Facebook, OAuth

Tools: Jenkins, PhantomJS

Features: MCS was a social networking and portfolio management application for high school students to better prepare them for college admissions.

Cue Music

Multi-Source Streaming Audio Player

/Personal/,cue_music1.png

Languages: HTML5, CSS3, JavaScript

Middleware: Microsoft HTA

Platforms: Windows Desktop & Server

Libraries: VerbotenJS

Tools: JSONDB

Features: This desktop HTML application allows me to stream music from YouTube, Amazon, SoundCloud, and Pandora via one source. Commercials are muted and the application can mix and match sources in playlists.

The platform is extensible with plugins that allow for playing videos in full screen or running the Geiss screen saver.

MyEDU

MyEdu

/MyEdu/,schedule-planner.png,myedu1.jpg

Languages: HTML, CSS, PHP, JavaScript, C#

Middleware: Apache, MySQL, MemCache, PostgreSQL

Browsers: IE6+, FireFox, Chrome, Safari

Platforms: AWS Red Hat & Windows Server

Libraries: ZendFramework, jQuery, Highcharts

APIs: Facebook, OAuth

Tools: Jenkins, Mantis

Features: In addition to developing the features above for the public facing website, I also lead the development of their web crawler. The crawler collected college class schedules from public university websites.

The system ran a distributed network of Windows services (AWS) and was capable of crawling most of the campus websites in the US in under a week without causing any significant target server load. It supported self-load-balancing the number of crawlers based on semester enrollment when schedule data was most volatile.

Designed with a wrapped Internet Explorer COM instance, we were capable of extracting data from virtually any website, including script-heavy CMS's.

MSN @ Cannes

MSN @ Cannes Film Festival

/MSN-Cannes/,tweets_in_space2.png,tweets_in_space.png,tweets_in_space_leaderboard.png

Languages: HTML5, CSS3, JavaScript, PHP

Middleware: NodeJS, MongoDB

Browsers: IE9+, FireFox, Chrome, Safari

Platforms: Heroku Cloud

Libraries: ExpressJS, Backbone.js

APIs: Twitter FireHose

Features: We created a social media engagement for MSN at the Cannes Film Festival. People could tweet their friends with a special hashtag and ask for retweets to earn points. Doing so produced a planet that orbited on a large display and as they earned more points their planet grew or orbited closer to the center.

Power Engineers

PowerEng.com Site

/power-engineers/,home2.jpg

Languages: HTML5, CSS3, JavaScript, PHP

Middleware: IIS, WordPress, MySQL

Browsers: IE8+, FireFox, Chrome, Safari

Platforms: Windows Server

Libraries: ContactForm, jQuery, Custom WP Theme, WPRootRelativeURLs, WPEnhancedWYSIWYGEditor

Features: One of many custom WordPress themes I developed for Springbox. This site uses a couple of my WordPress plugins for easier content migration and WYSIWYG/HTML editing. And while it responsively handles desktop, tablet and mobile viewports, it appears someone broke the desktop to tablet breakpoint since I launched the site in 2012. But otherwise the site is pretty much as I originally built it.

Gallery Direct

GalleryDirect.com Site

/Gallery-Direct/,GD_Home_account.jpg

Languages: HTML5, CSS3, JavaScript, PHP

Middleware: Vanilla PHP Templates

Browsers: IE7+, FireFox, Chrome, Safari

Libraries: jQuery

Features: This project was just a synthesized view of mock data so that I could code the front end logic/markup. I then handed that off to the in-house development team at Gallery Direct who worked on the backend. This site still contains a lot of my original code, but it too has quite a few flaws in the final product that were beyond my scope to fix.

The site is subtly more complex than it appears, particularly the print and framing options on a selected work. This was one of the first projects I used PixelDiff on to ensure near perfect rendering on all platforms.

Sweet Leaf Tea

Sweet Leaf Tea

/Sweet-Leaf-Tea/,sweet_leaf_tea.png,grannys_almanac_contest.png

Languages: HTML5, CSS3, JavaScript, PHP, ActionScript

Middleware: Apache, Flash, MySQL

Browsers: IE7+, FireFox, Chrome, Safari

Platforms: Red Hat

APIs: OpenWeather

Features: One of my all time favorite companies to work with. We maintained their site (in flash :/) and did a bunch of promotional work on micro sites (in HTML, tg.)

My favorite was a contest to submit a statement to be added to the underside of a bottle cap. I built a bottle cap rendering widget that scaled the text to fit inside a picture of their bottle caps. You could save the image client side and send it to your social networks for voting.

We also did a summer-long promo where if the weather reached a record high you could pickup a free or discounted bottle of SLT depending on the severity.

CSID

CSID (now part of Experian) Site

/CSID/,home.png

Languages: HTML5, CSS3, PHP, JavaScript

Middleware: IIS, WordPress, MySQL

Browsers: IE9+, FireFox, Chrome, Mobile

Platforms: Windows Server

Libraries: ContactForm, jQuery, Custom WP Theme, WPRootRelativeURLs, WPEnhancedWYSIWYGEditor

Tools: PixelDiff

Features: Just your standard company website. This was the first project I used my own WordPress plugins to facilitate easier development and a better end-user experience for the client.

A few things have changed on the site but it managed to keep up most of the original work after 30 Internet years and a company merger, not bad.

Chevy SuperBowl

Chevy Route66 SuperBowl XLVI Contest

/Chevy-SuperBowl/,msn_chevy_commercial_contest.png

Languages: HTML5, CSS3, C#, JavaScript

Middleware: IIS, SQLServer, MemCache

Browsers: IE9+, FireFox, Chrome, Safari Mobile

Libraries: jQuery, ASP.Net, MVC3

APIs: Brightcove CDN, Layer7 CDN, Layer7 dedicated server farm

Tools: JMeter cloud on AWS

Features: We developed a rich media website that could handle a full page takeover ad on msn.com. The traffic and server load was staggering. But we managed to maintain sub second response times in 7 major countries through global marketing events and during the SuperBowl commercials and contest winner announcement.

I did most of the infrastructure and server side programming, but I also helped out with some of the video playback features as well. Having an impossible goal with an immovable deadline made watching that game supremely satisfying.

Premier Global

Premier Global Services Website

/PGI/,01_PGiSupport_Landing.jpg,03_PGiSupport_searchresults.jpg,05_PGiSupport_article.jpg,07_PGiSupport_video.jpg

Languages: HTML4-Strict, CSS, JavaScript

Middleware: Apache, MySQL

Browsers: IE6+, FireFox, Chrome, Safari

Libraries: jQuery, Smarty

Tools: WAMP

Features: This was an awful project and I hesitate to add it to my profile. But it's the nicest looking piece I have from pre-2010 and I wanted to fill the grid on my portfolio page :P PGi came to us with a framework the picked up from some dude who hacked together a spaghetti code in 2003. I don't even remember the name and that's OK, because it is certainly lost to the ether now. The point is that I managed to make it work, cross-browser, including IE6. (I've written cross-browser sites for even IE5, but they fugly and I keep them in a zip archive so I don't have to see the thumbnails.)