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.

  • Skills

    Web development & design; WordPress theming; SEO; interactive maps, charts & graphs; audio & video editing, & more.

  • Clients

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

  • Teaching

    I am an experienced college professor, teaching courses in diverse departments & academic disciplines.

  • Projects

    Client work, faculty work, experiments, drafts & proofs of concept.

  • Bio

    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.

  • Music

    Original songs, compositions & soundscapes I’ve written & recorded over the years.

  • Video

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

  • 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?

  • News

    Highlights & links, recently added content, etc.

  • Resources

    Pertinent articles on dev, design and tech.

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

  1. Art History
    Digital Media Culture
  2. New Media Photojournalism
    Graduate Studies: Documentary Audio Production
  3. New Media Photojournalism
    Graduate Thesis: Directed Study
  4. New Media Photojournalism
    Senior Thesis: Directed Study
  5. Interactive Media Design
    Senior Thesis: Digital Media Design IV
  6. Interactive Media Design
    Junior Studio Core: Digital Media Design III
  7. Interactive Media Design
    Interactive Web Design II
  8. Interactive Media Design
    Interactive Web Design I
  9. Interactive Media Design
    Sound Design
  10. Interactive Media Design
    Audio Production & Design
  11. Interactive Media Design
    Video Art w/Final Cut Pro
  12. Interactive Media Design
    Flash Animation on the Web
  13. Interactive Media Design
    Intro to Web Design & Flash
  14. Interactive Media Design
    Intro to Dreamweaver
  15. Interactive Media Design
    Intro to Flash
  16. Graphic Design
    Junior Studio Core: Graphic Design III
  17. Graphic Design
    Web Design For Print Professionals
  18. Information Design
    Transitioning fron Print to Web Publishing
  19. Information Design
    A Foundation in Web Publishing Tools

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

I Still Remember My TV

>> 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 real books, nothing whatsoever consumed on a device)

Books Read, 2016

  1. Voices From Chernobyl
    The Oral History of a Nuclear Disaster
    Svetlana Alexievich
    1997 - Literature
  2. The Executioner's Song
    Norman Mailer
    1979 - Fiction
  3. Claudius The God
    And His Wife Messalina
    Robert Graves
    1935 - Literature
  4. The Imperial Presidency
    Arthur M. Schlesinger, Jr.
    1973 - History
  5. Women's Diaries of the Westward Journey
    1840-1870
    Lillian Schlissel
    1992 - History
Click here for the big list of books.

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