johnCarmody.com

Web Design + Data + Multimedia

I do it all. If you can describe it, I can build it: database-driven websites and custom WordPress CMS solutions for organizations which need something more than something off the shelf.

  • Clients

    Museums & galleries; foundations; law firms; journalists; thoroughbred stables; energy companies; pro rock bands, & many others.

  • Skills

    WordPress dev; interactive web design; new media storytelling with data-driven maps, charts, galleries & timelines; audio & video editing; more.

  • Teaching

    I am an experienced college & university professor, teaching design, communication and post-production courses in diverse departments and academic disciplines.

  • Projects

    Highlights of lectures, client and faculty work, proofs of concept in JavaScript, graphic design, live data sets, animation, information design and more.

  • Biography

    Aptitude tests in high school reported I was best suited to be a farmer.

  • Reading

    I threw out my television 24 years ago, leaving plenty of time for reading.

  • Studio

    My work studio is a co-mingling of the obsolete and the cutting edge.

  • Photography

    It took me awhile to go digital – a penultimate apostasy in my book. Want to see what I can do with a crummy camera?

  • Music

    I cannot read or write a note of music — I taught myself to play different instruments & write songs in sundry styles & genres.

  • Video

    These are mostly time-lapse experiments – I shot the imagery and composed the soundtracks.

  • News

    Recent additions to this site: web projects, design projects, photo galleries, original music & video — you name it.

  • Resources

    An archive of articles which tie into the web projects I build, the university courses I teach and the lecture audiences I address.



Client & Faculty Work

Most people in my field do web development *or* web design – I do both, front- & back-end design & programming.

Working with clients of all sizes, I am highly skilled at creating custom database-driven interactive solutions using PHP, mySQL, jQuery, AJAX, Bootstrap & WordPress.

I am well-versed in creating innovative applications serving up API-driven rich content from Scribd, Flickr, SoundCloud, YouTube, Twitter, Google Custom Search, Disqus, Wufoo and others.

National Press Foundation

I was hired to design and build the National Press Foundation a state-of-the-art Digital Asset Management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists who make up their target audience.

The Corcoran Gallery of Art – Interactive Exhibition Kiosk

The Corcoran Gallery of Art in Washington DC hired me to build an interactive exhibition kiosk as part of their special exhibition “The American Evolution – A History Through Art“. Displayed prominently in the gallery, this interactive exhibition presented visitors with an educational and entertaining look into 100+ pages from the sketchbooks of German-American master Albert Bierstadt (1830-1902), from which came some of his most famous work.

Interactive Deep-Zoom Image (DZI) Batch Image Processor and Gallery

I recently built a custom PHP- and mySQL-based WordPress automation system for batch image processing and deep-zoom image creation (DZI). Click here to see it in action.
Using open-source JavaScript libraries in the front-end to guide visitors on a pleasing journey through the thousands of images in the collections, this responsive solution also simultaneously automates custom SQL INSERT statements, adding 1,000s of hi-resolution TIF & JPG image records to a database all at once.

AgIS Capital LLC

AgIS Capital LLC is a Boston-based firm that makes opportunistic investments in farmland and private equity investments in farmland-rich enterprises. I delivered AgIS Capital an online identity reflecting the firm’s dedication to perfection based on their insights, knowledge of emerging opportunities within the agricultural investment arena and conceptions of how best to capitalize on them.

LaBokay Natural Resources

LaBokay Natural Resources is a Louisiana investment company that owns mineral rights on 270,000 acres in some of the most productive areas in western Louisiana, exclusively focused on leasing oil and gas rights for exploration and development by others. I delivered an online identity highlighting LaBokay’s success in realizing the full potential of its oil and gas assets.

Gonzaga College High School Archives

I was part of a small select team granted access to the archives of Gonzaga College High School in Washington DC, to organize and evaluate the school’s large and historic collections and artifacts. Dating to Gonzaga’s start in 1821, the archives include relics and remnants of Gonzaga, Notre Dame Academy, St. Aloysius Parish, the Swampoodle and Sursum Corda neighborhoods and old Washington DC before, during and after the Civil War.

Vietnam Photography

Journalist Robert Hodierne covered the Vietnam war from the DMZ in the north to the Mekong Delta in the south, from the Central Highlands to the coastal plains, photographing soldiers, sailors, Marines, airmen & civilians caught up in the war. I was hired to build a database-driven showcase of his work. Using mySQL and PHP, I delivered a dynamic photography site which allows visitors to view the combat imagery by keywords, text, dates, series and units.

Design, Content Portability & the Information Hierarchy

There are many ways to say the same thing. I designed and coded these examples for my students to demonstrate the idea of “portability of content”, to get them thinking about the information hierarchy and simultaneous uses of data in layout design. For each design, there are the same 7 sections in the information hierarchy. The HTML in each of these designs is 100% the same – all that changes is the CSS.

Interactive Temporal Map, Family Journeys, 1730 – 1960

Part of a multimedia genealogy project, this interactive temporal map shows residence and migration patterns of ancestors from Europe in the 1730s to America starting in the 1820s. This database-driven solution is built with CartoDB, Leaflet, Google WSK, PHP, mySQL, JavaScript, JSON & CSV.

Interactive Map: Ireland 1850 Census > Family Households by Parish

This interactive map shows where people of specific surnames lived in Ireland in the 19th century, according to parish records. I scraped a static dataset from the Irish Times website, and built a much more interesting way to view the same information, with additional insights provided by clustering of semi-opaque colored markers. The dataset has 4 pieces of information: latitude, longitude, name of parish and number of family surnames in that parish.

Interactive MP3 Player With Animated SVG Kaleidoscopic Logo

I digitized and remastered a collection of my great-grandfather’s 78rpm Victrola records, many of which date back a hundred years or more. I then built this mp3 player which features CSS3 transformations and custom JavaScript combining to create a beautiful experimental kaleidoscopic SVG-animated logo. Refresh the page to see subtle variations in the pattern.

Interactive Fact Sheet with Dynamic Data

This project is part of a PHP plugin experiment I wrote for generating interactive charts and graphs as well as formatted content, notes & sources on the fly. It uses custom JavaScript, Bootstrap, PHP, mySQL & HighCharts. The idea was to create a flexible mechanism for displaying multiple types of dynamic data from .JSON and .CSV files in a small amount of screen real estate. Plus it’s a nice typographical treatment, and the information hierarchy is just right.

>> More Recent Work by John Carmody

National Press Foundation

I was hired to design and build the National Press Foundation a state-of-the-art Digital Asset Management system allowing the foundation to deliver streamlined interactive educational experiences to the national and international journalists who make up their target audience.

The Corcoran Gallery of Art – Interactive Exhibition Kiosk

The Corcoran Gallery of Art in Washington DC hired me to build an interactive exhibition kiosk as part of their special exhibition “The American Evolution – A History Through Art“. Displayed prominently in the gallery, this interactive exhibition presented visitors with an educational and entertaining look into 100+ pages from the sketchbooks of German-American master Albert Bierstadt (1830-1902), from which came some of his most famous work.

AgIS Capital LLC

AgIS Capital LLC is a Boston-based firm that makes opportunistic investments in farmland and private equity investments in farmland-rich enterprises. I delivered AgIS Capital an online identity reflecting the firm’s dedication to perfection based on their insights, knowledge of emerging opportunities within the agricultural investment arena and conceptions of how best to capitalize on them.

LaBokay Natural Resources

LaBokay Natural Resources is a Louisiana investment company that owns mineral rights on 270,000 acres in some of the most productive areas in western Louisiana, exclusively focused on leasing oil and gas rights for exploration and development by others. I delivered an online identity highlighting LaBokay’s success in realizing the full potential of its oil and gas assets.

Vietnam Photography

Journalist Robert Hodierne covered the Vietnam war from the DMZ in the north to the Mekong Delta in the south, from the Central Highlands to the coastal plains, photographing soldiers, sailors, Marines, airmen & civilians caught up in the war. I was hired to build a database-driven showcase of his work. Using mySQL and PHP, I delivered a dynamic photography site which allows visitors to view the combat imagery by keywords, text, dates, series and units.

Organizing For Innovation

I recently completed this site for a client specializing in innovation management. I delivered an elegant corporate identity and strategic blueprint for furthering the client’s strategy, message and goals. This solution is RWD, built with a 100% custom Bootstrap theme in Wordpress and is a complete content management system – the client can easily update 98% of the site’s content 24/7/365.

Siena Farm Thoroughbred Stables

Siena Farm Thoroughbred Stables is a Kentucky-based thoroughbred horse racing stable dedicated to breeding world-class winners. I built Siena Farm a site to set the stable apart from its global competitors with a sophisticated in-depth level of technical data, showcasing the farm and individual horses.

Louise Nevelson Foundation

Louise Nevelson (1899 – 1988) was an American sculptor known for “her monumental, monochromatic, wooden wall pieces and outdoor sculptures.” (wikipedia) I delivered this elegant website for the foundation dedicated to her life and work.

The American Gaming Association

The American Gaming Association represents the commercial casino entertainment industry by addressing federal legislative and regulatory issues affecting its members and their employees and customers, such as federal taxation, Internet gambling, and travel and tourism matters. I was hired to design and build the AGA a custom database-driven contact management system and communications repository. With both internal- and public-facing content, the AGA needed a secure way to keep all staff up to date on the latest communications and pertinent news stories related to the gaming industry. This I provided.

American Bankers Association

The American Bankers Association is the voice of the nation’s $14 trillion banking industry. I was hired to build for the ABA PHP-mySQL dynamic brochures for their subscribers – mostly large and small banks. Back before the day of the content management system, member banks could log in to the platform I wrote, update any of their info on pertinent matters of the day (Phishing, Identity Theft, etc.), and have custom brochures dynamically generated with their custom info and branding for web and print collateral.

Choices, Inc.

Choices, Inc. was founded to develop educational films for persons with IDD who would benefit from a multimedia approach to their sexuality education. This blog showcases articles and resources for people with IDD, their caregivers, family and friends in order to educate & advance the field of intellectual and developmental disabilities for the public.

The Hawk ‘n’ Dove Restaurant & Bar

The Hawk ‘n’ Dove Restaurant & Bar was *the* classic dive bar in Washigton, DC. Situated for 45 years on Capitol Hill, its charm, vibe and decor were renowned throughout the District and beyond. I was hired to build the Hawk ‘n’ Dove a database-driven content mangement system to allow staff to update the main Hawk website with news articles, menu selections, specials of the day, photo galleries and much more. Using mySQL and PHP, I delivered a cutting-edge dynamic solution long before CMSs ruled the earth.

>> More Client Work

Interactive Deep-Zoom Image (DZI) Batch Image Processor and Gallery

I recently built a custom PHP- and mySQL-based WordPress automation system for batch image processing and deep-zoom image creation (DZI). Click here to see it in action.
Using open-source JavaScript libraries in the front-end to guide visitors on a pleasing journey through the thousands of images in the collections, this responsive solution also simultaneously automates custom SQL INSERT statements, adding 1,000s of hi-resolution TIF & JPG image records to a database all at once.

Gonzaga College High School Archives

I was part of a small select team granted access to the archives of Gonzaga College High School in Washington DC, to organize and evaluate the school’s large and historic collections and artifacts. Dating to Gonzaga’s start in 1821, the archives include relics and remnants of Gonzaga, Notre Dame Academy, St. Aloysius Parish, the Swampoodle and Sursum Corda neighborhoods and old Washington DC before, during and after the Civil War.

Design, Content Portability & the Information Hierarchy

There are many ways to say the same thing. I designed and coded these examples for my students to demonstrate the idea of “portability of content”, to get them thinking about the information hierarchy and simultaneous uses of data in layout design. For each design, there are the same 7 sections in the information hierarchy. The HTML in each of these designs is 100% the same – all that changes is the CSS.

Interactive Temporal Map, Family Journeys, 1730 – 1960

Part of a multimedia genealogy project, this interactive temporal map shows residence and migration patterns of ancestors from Europe in the 1730s to America starting in the 1820s. This database-driven solution is built with CartoDB, Leaflet, Google WSK, PHP, mySQL, JavaScript, JSON & CSV.

Interactive Map: Ireland 1850 Census > Family Households by Parish

This interactive map shows where people of specific surnames lived in Ireland in the 19th century, according to parish records. I scraped a static dataset from the Irish Times website, and built a much more interesting way to view the same information, with additional insights provided by clustering of semi-opaque colored markers. The dataset has 4 pieces of information: latitude, longitude, name of parish and number of family surnames in that parish.

Interactive MP3 Player With Animated SVG Kaleidoscopic Logo

I digitized and remastered a collection of my great-grandfather’s 78rpm Victrola records, many of which date back a hundred years or more. I then built this mp3 player which features CSS3 transformations and custom JavaScript combining to create a beautiful experimental kaleidoscopic SVG-animated logo. Refresh the page to see subtle variations in the pattern.

Interactive Fact Sheet with Dynamic Data

This project is part of a PHP plugin experiment I wrote for generating interactive charts and graphs as well as formatted content, notes & sources on the fly. It uses custom JavaScript, Bootstrap, PHP, mySQL & HighCharts. The idea was to create a flexible mechanism for displaying multiple types of dynamic data from .JSON and .CSV files in a small amount of screen real estate. Plus it’s a nice typographical treatment, and the information hierarchy is just right.

Interactive Rubik’s Cube: Maps of Old Washington DC

I used a collection of old maps of Washington DC for this Rubiks Cube code experiment from Google Chrome Labs. It would seem to make the game exponentially harder, especially if one does not know old Washington DC.

Interactive: Image Gallery Photowall

Inspired by the fireflies in my backyard, this experimental responsive gallery uses JavaScript; AJAX; Isotope & Bootstrap to serve up samples of my photography. Picture this as a very large horizontal or vertical interactive screen, with all content animating in the DOM, where you can filter and interact with it.

Interactive Genealogy Exhibition & Archives

This is a feature-rich genealogy web app w/interactive family trees; digital maps; galleries; timelines; digitized 8mm home movies; restored 78rpm records; national & regional census records; ship manifests; detailed research findings, and much more. This high-end secure CMS solution uses the latest and greatest, scales to any size (screen, data-set and audience) and is entertaining and educational. It ports simultaneously to a smart phone and a smart surface, making it ideal for interactive exhibitions.

JavaScript Count-Down Timer with Full Page Map

Happy 150th Birthday, Cornelius J. Carmody!

One of my great grandfathers had his sesquicentennial birthday recently, so I whipped up this interactive prototype as part of my family genealogy project, to share with relatives and others.The back-end pulls out the personal data, then the front-end creates a full-screen map centered on the person’s home town, while a count-down timer animates to the scheduled event.This responsive solution uses Javascript, PHP, mySQL, CSS3 and Google Maps APIv3.

Interactive Map Tour of Tenleytown, DC

This interactive map tour through historic Tenleytown in Washington, DC uses ESRI and ArcGIS to serve up a responsive, educational map of razed residences and stores.

>> More Project Highlights

The George Washington University

  • Graphic Design: Layout and Design of the Book
  • Digital Media Design: Interactive Web Design I

The Corcoran College of Art + Design

  • Art History: Digital Media Culture
  • Graphic Design: Junior Studio Core, Graphic Design III
  • New Media Photojournalism: Graduate Studies, Documentary Audio Production
  • New Media Photojournalism: Graduate Thesis, Directed Study
  • New Media Photojournalism: Senior Thesis, Directed Study
  • Digital Media Design: Senior Thesis, Digital Media Design IV
  • Digital Media Design: Junior Studio Core, Digital Media Design III
  • Digital Media Design: Interactive Web Design II
  • Digital Media Design: Interactive Web Design I
  • Digital Media Design: Sound Design

The Catholic University of America

  • Interactive Media Design: Audio Production & Design
  • Interactive Media Design: Video Art w/Final Cut Pro
  • Interactive Media Design: Intro to Dreamweaver
  • Interactive Media Design: Intro to Flash

Seminar Presentation – the National Press Foundation

  • Information Design: A Foundation in Web Publishing Tools

Seminar Presentations – US General Accounting Office

  • Graphic Design: Web Design For Print Professionals
  • Information Design: Transitioning from Print to Web Publishing

Lecture Audiences

  • The National Press Foundation
  • The United States Government Accountability Office (USGAO)
  • Judge, The Scholastic Art & Writing Awards competition

>> More Faculty Work by John Carmody

Genuine Original Compositions

I cannot read or write a note of music, I am self-taught on numerous instruments by ear.

This is a small sampling of original songs, audio collages, time-lapse videos and photography I’ve composed, recorded and otherwise shot over the years.

This includes musical work I composed for instruments I cannot play (violin, cello, baritone saxophone, tenor saxophone, others.)

I Really Didn’t Mean It!

Goodbye My Baby

Arbor Day

The Lady Vanishes

Olde Town Crier

A Real Moral Let-Down

Mailbox

Mary What’s Her Name

Kid From Kansas

Half-Carved Heart

Your Polite Applause

The Arms of Venus

>> More Original Music

Resolution No. One

Time-Lapse Fourth of July – the Grand Old Flag

The Arms of Venus

The 2013 Gonzaga Carmody Open in About a Minute

The Secret of Happiness and Virtue

It Might As Well Be Spring

The Sugar Dance

Nothing Is Mundane

Anti War Protest – Washington

Greatness Comes In Simple Trappings

Introduction to Obsolete Media

I Still Remember My TV

>> More Video Highlights

dogHeaven

The Strange Rage of Boris Yeltsin

Resolution No. One

The Arms of Venus

The Secret of Happiness and Virtue

Anti War Protest – Washington

Greatness Comes In Simple Trappings

Resolution No. 78

Her Inner Self (Revealed)

>> More Audio Collage Work

Original Photography: Black and White

The majority of these were taken on an old 35mm Pentax camera. All imagery © John Carmody, Washington, D.C.

Original Photography: Washington DC

Usually I carry a camera or other recording device with me around Washington, D.C. All photographs © John Carmody, Washington, D.C.

Original Photography: Nature

Miscellaneous shots of flora and fauna. Photography © John Carmody, Washington, D.C.

Original Photography: Portraits

Family, friends and strangers, some pictures just take themselves. All photographs © John Carmody, Washington, D.C.

Original Photography: My Studio

Most of these images are from a Washington Post Magazine feature. Photos © David C. Kennedy, the Washington Post.
The rest? © John Carmody, Washington, D.C.

Original Photography: Kitchen Sink

A miscellaneous collection of old and new images. The photograph above is right out of the camera, no Photoshop, filters, special lens or anything. All photographs © John Carmody, Washington, D.C.

>> More Original Photography

All You Need To Know About John Carmody

I pulled the plug almost 25 years ago.

Since the end of 1992 I have been studying American heritage while living a pop culture hermitage.

That means: no TV (at all), no Facebook, no Twitter, no crummy music, no texting, no celebrities, no sports, no credit cards, no debt, no logos, no smart phone...

You get the idea.

(All of these are 100% real books, of course, nothing whatsoever consumed on a device.)

Books Read, 2016

  1. Finale
    The Reagan Years
    Thomas Mallon
    2015 - Fiction
  2. Specifications Grading
    Restoring Rigor, Motivating Students & Saving Faculty Time
    Linda B. Nilson
    2015 - Education
  3. The Bell Jar
    Sylvia Plath
    1963 - Fiction
  4. The Autobiography of Benjamin Franklin
    Benjamin Franklin
    1793 - Biography
  5. The Big Picture
    On the Origins of Life, Meaning & the Universe Itself
    Sean Carroll
    2016 - Physics & Mathematics
  6. Six Amendments
    How and Why We Should Change the Constitution
    John Paul Stevens, US Supreme Court Justice (ret.)
    2014 - Law
  7. Death of a Salesman
    Arthur Miller
    1949 - Drama
  8. Notes From A Dead House
    Fyodor Dostoevsky
    1862 - Literature
  9. Real Peace
    Richard Nixon
    1984 - Political Science
  10. Stars In Their Courses
    The Gettysburg Campaign, June-July 1863
    Shelby Foote
    1963 - History
  11. Fear and Loathing on the Campaign Trail '72
    Hunter S. Thompson
    1973 - Political Science
  12. Zero K
    Don DeLillo
    2016 - Fiction
  13. The Johnstown Flood
    The Story Behind The 1889 Disaster
    David McCullough
    1968 - History
  14. A Walk on the Wild Side
    Nelson Algren
    1956 - Fiction
  15. The Jungle
    Upton Sinclair
    1906 - Literature
  16. Working
    People Talk About What They Do All Day and How They Feel About What They Do
    Studs Terkel
    1974 - History
  17. Hells Angels
    The Strange and Terrible Saga of the Outlaw Motorcycle Gangs
    Hunter S. Thompson
    1966 - Non-Fiction
  18. Babbit
    Sinclair Lewis
    1922 - Fiction
  19. Don't Wait for the Next War
    A Strategy for American Growth and Global Leadership
    General (ret.) Wesley K. Clark
    2014 - Foreign Affairs
  20. Here, There and Everywhere
    My Life Recording the Music of The Beatles
    Geoff Emerick
    2006 - Biography
  21. Sound Man
    A Life Recording Hits with The Stones, The Who and Led Zeppelin
    Glynn Johns
    2014 - Biography
  22. Waiting For Lefty
    And Other Plays
    Clifford Odets
    1937 - Drama
  23. The Big Rock Candy Mountain
    Wallace Stegner
    1943 - Literature
  24. Voices From Chernobyl
    The Oral History of a Nuclear Disaster
    Svetlana Alexievich
    1997 - Literature
  25. The Executioner's Song
    Norman Mailer
    1979 - Fiction
  26. Claudius The God
    And His Wife Messalina
    Robert Graves
    1935 - Literature
  27. The Imperial Presidency
    Arthur M. Schlesinger, Jr.
    1973 - History
  28. Women's Diaries of the Westward Journey
    1840-1870
    Lillian Schlissel
    1992 - History
Click here for the big list of books, 2010 - 2016.

Me?

Aptitude tests in high school reported I was best suited to be a farmer.

Expelled my senior year from Gonzaga College High School in Washington, D.C., I was a high school drop-out for awhile until I was accepted by the Catholic University of America without a high school diploma, GED or SAT scores.

Would you like to know more?

This is a Creative Environment.

An extension of skin, bone, circuit boards, paper & vinyl, my work studio is a co-mingling of the obsolete and the cutting edge.

Antiques, cast-aways, 33 1/3 album covers and open-source software interact with a striking visual experience which never fails to inspire hi-quality work.

My Studio was Featured in the Washington Post Magazine

john-carmody-design-studio

Check out Second Glance - “The Great Wall of Music”

More Photos from My Studio

john-carmody-design-studio

Click here to see more photos from the Washington Post Magazine shoot, as well as other photos taken over the last 18 years as this space has evolved.

Would you like to know more?

Unplugged Since 1992

I have been studying American heritage while living a pop culture hermitage:

  1. no TV
  2. no celebrities
  3. no radio
  4. no sports
  5. no crummy music
  6. no car
  7. no logos
  8. no credit cards
  9. no debt
  10. no cell
  11. no iPhone or smart phone
  12. no eBooks
  13. no blogging lifestyle
  14. no twitter
  15. no blackberry
  16. no facebook
  17. no video games
  18. no consumerist wastage
  19. no trends