Author: Barrett

  • DRAFT: Launch and Learn: Lessons in Multimedia Training

    DRAFT: Launch and Learn: Lessons in Multimedia Training

    “The Shape of Learning: How Media Consumers Become Media Producers”
    http://www.pbs.org/idealab/2014/01/the-shape-of-learning-how-media-consumers-become-media-producers/

    “Launch and Learn: Lessons in Multimedia Training”
    http://www.pbs.org/idealab/2014/10/launch-and-learn-lessons-in-multimedia-training/

  • Facebook / o2

    Facebook Group features and info architecture (and whether these can be replicated in WP.com’s P2 — soon to be o2):

    • Thread-level of 1 (Post and Comment)**
    • Sort Posts by most recent activity (Post or Comment timestamp)***
    • Live notifications*
    • Comments on the homepage*
    • Front-end posting/commenting*
    • Inline editing*
    • Display activity since last user login***
    • Private messages
    • Chat via
    • Link preview (thumbnail, title, excerpt)
    • Audio: Link preview w/ embedded player*
    • Video: Link preview w/ embedded player*
    • Tag site member autocomplete*
    • Likes*
    • Upload photo (w/ text)*
    • Upload video (w/ text, display w/ player)*
    • Upload file (w/ text, display w/ link)*
    • Post types (photo, link, question)***

    (more…)

  • MOOCs Current

    World Press Photo Academy Connected Learning https://www.facebook.com/wpphconnected

    Knight Center for Journalism in the Americas Social Media for Journalists: The Basics http://open.journalismcourses.org/course/view.php?id=16&section=1

    MulinBlog J-School Audio Photo Slideshow Storytelling http://www.mulinblog.com/mooc/course/view.php?id=9

    Code School Backbone.js https://www.codeschool.com/courses/anatomy-of-backbonejs

    Code School Front-End Formations https://www.codeschool.com/courses/front-end-formations

    Done

    Coursera (U of TX) Energy 101 https://www.edx.org/course/utaustinx/utaustinx-ut-1-01x-energy-101-667

  • Jetpack Carousel Audio

    Jetpack Carousel Audio

    Kelly Roberti, Jazz bassist, Bozeman MT, painting by Pascal Martos
    Kelly Roberti, Jazz bassist, Bozeman MT, painting by Pascal Martos

    Testing the Jetpack Carousel Audio plugin:

  • SV Digital

    SoundVision’s digital presence should strive to give visitors the best content, in a way that’s easy to navigate, and is easy (and inexpensive) for web admin/producers to maintain and enhance. Goals:

    • Deep, authoritative site content.
    • Engaging multimedia/interactive features.
    • Good user experience for site’s visitors.
    • Simple yet flexible content-entry.
    • Interconnections between programs.
    • Interconnections between SV site and its program sites.

    Research Other Networks

    Start by examining other distributors and networks: How do they present their multi-sites? Examine individual program sites: How do they acknowledge their parent distribution/production agency?

    Emulate what they do right; avoid their mistakes. For example, Localore has a great front page linking all their projects, but inconsistent branding on the individual project sites. PRI’s front is not as engaging, but their programs use the same logo at each site (more examples below).

    SV Network

    Branding

    SV Credits are sometimes in header, sometimes in footer, sometimes neither. Sometimes credits have SV logo, sometimes not. One of the best ways SV integrates with a program is SLP’s header:
    TNBQ header

    Favorites Icon

    A crucial web brand is your “favorites icon” (favicon), a small logo that appears in browsers tabs. For example, these pubradio site have one; SV does not:
    Favicons in browser tabs

    These same icons appear in a user’s bookmark’s and history list; again SV has no icon:
    Favicons in bookmarks

    Intra-site & Cross-site Consistency

    Content Management System

    SV sites use several different CMSes. TRBQ uses two different ones at same site (?????).

    WordPress Multisite

    Recommendation: Use a single CMS on all your sites. This way any SV staff that learns it at one site can use it at another.

    WordPress is a good candidate for SV: its “Multisite” option makes it possible to have one site control a network of sites (more info below):

    WP SV Net mockup

    Style Guide

    A basic style guide helps gives sites a consistent look. And it saves content creators from wasting hours trying to decide simple things: How do SV sites write a date, “February 20, 2013” or “Feb 20 2013”? How do you indicate an updated article: display the original publish date and the update? Or just the last update? Or all the update dates?

    For instance, this might be a style guide entry:

    Always use “SoundVision”, with a capital “S” and “V”, when referring to the production network. When referring to the company, add the registered mark: “SoundVision Productions®”.

    SV can save time by starting with an existing Style Guide (ProPublica’s) then adapt it.

    Think Like the Web

    Don’t just be on the web; be part of the Web: Offer ways for people to embed SV multimedia and share SV infographics. When choosing things like image sizes, think about NPR Content Depot and PRX standard sizes, and about thumbnail sizes at station websites. Chose standards and solutions that work best not just for SV, but for all pubmedia.

    Use the same standards in all SV’s websites: same an audio player, same size thumbnail images, etc.. This saves time for content producers, and provides site visitors with familiar visual cues.

    Also, SV has the opportunity to cross-promote and combine its resources. Different projects, might tackle similar stories together, e.g.: TRBQ and BURN on “How Much Stuff is Too Much Stuff?”.

    Get Inspired

    Great SEO starts is mainly: great web content. SV’s staff has the skills to provide among the best content in SV program’s subject areas. Here’s a few presentations showing the different ways the web can now weave a story:


    Other Networks: Site Examples

    How other distributors and network present their multi-sites:

    How individual program sitesacknowledge their parent distribution/production agency:

    • Localore has a great front page linking all their projects. However, branding on the individual project site is inconsistent.
    • WNYC uses a logo in the footer to brand their relationship with  Radiolab and Studio 360.
    • WBEZ has their call letters at the top of This American Life and Sound Opinions.

    APM has different logos/ branding on each site — also note the following titles of each program’s front page, some w/ APM, some not:

    WP Multisite Links

  • Post Format- Video

    test: post format-video

  • Post Format- Audio

    test: post format-audio

    /**
     * Change attribute for WP audio shortcode and embed .
     *
     * Default preload attribute is 'none' which shows time as 'O:OO'.
     * Setting attribute to 'metadata' displays time upon page load.
     */
    function soundsshares_audio_preload( $html, $atts, $audio, $post_id, $library ) {
        $html = str_replace( 'preload="none"', 'preload="metadata"', $html );
    
        return $html;
    }
    add_filter( 'wp_audio_shortcode', 'soundsshares_audio_preload', 10, 5 );
    
  • Widows

    http://css-tricks.com/forums/discussion/4949/widow-cleaning-in-post-titles-vs-/p1

    function widowKiller($text) {
    	$return = $text;
    	$arr = explode(' ',$text);
    		$arr[count($arr) - 2].= ' '.$arr[count($arr) - 1];
    		array_pop($arr);
    		$return = implode(' ',$arr);
    	return $return;
    }
    
    function widowKilledTitle() {
    	global $post; $text = the_title('','',false);
    	$return = $text;
    	$arr = explode(' ',$text);
    		$arr[count($arr) - 2].= ' '.$arr[count($arr) - 1];
    		array_pop($arr);
    		$return = implode(' ',$arr);
    	echo $return;
    }
    

    http://imgiseverything.co.uk/articles/removing-typographic-widows-in-wordpress-page-titles/

  • Meetup 2013-02-13

    Theme 2013

    Twenty Thirteen: http://twentythirteendemo.wordpress.com/

    MP6: http://wordpress.org/extend/plugins/mp6/

    Plugins:

    • Article: http://transom.org/?p=30590
    • Plugin directory: http://wordpress.org/extend/plugins/co-authors-plus/
      • image
      • description
      • author
    • Reviews
    • Free: donate
    • Code standards
      • conflict/collision
      • Clean up: uninstall.php, tables?
      • function_exists
      • prefix: function, classes, constants, globals
      • headecon_function()
        tells you it’s yours (not wp_)
        5.3 namespace: http://de3.php.net/manual/en/language.namespaces.php

      • metadata options key name: http://dougal.gunters.org/blog/2009/12/10/wordpress-option-namespacing/
      • files: server vs client
      • plugin x 3:
        1. functions file: http://codex.wordpress.org/Functions_File_Explained
          Theme dependent.
        2. plugins folder:/wp-content/plugins/
          Theme-independent functionality; activation required.
        3. “must use” plugins: /wp-content/mu-plugins/my-custom-functions.php
          Theme-independent functionality, w/o requiring activation.
          http://justintadlock.com/archives/2011/02/02/creating-a-custom-functions-plugin-for-end-users
    • Changelog