Wikimedia Developer Summit/2016/T112991

This is the session pad for the User Interface working area (T119162), main topic Semantic image styles / beautiful layout (T112991) slated to begin at 2:00 PM on Tuesday, January 5 in R2.

Purpose

Mediawiki is lacking tools to generate truly beautiful layouts across a range of devices. As a result, our articles look so-so on the web (but we are continually challenged to do better) and often broken on mobile and print (although we make heroic efforts to workaround our limitations).

This topic at the developer summit would include features which attempt to provide better tools for describing the way images are laid out in our articles, but hopefully we could expand the scope to include design input: what would a truly beautiful presentation on web/mobile/print/etc look like? What are the features we're missing to enable that?

Summit Plan

• Collect a portfolio of media usage, to inform the scope of the work.
• Create an aspirational "design for mediawiki", which can inform specific implementation work to enable it.
• Identify specific focus tasks for the coming year, for example support for cropping, or for bounding boxes, or for semantic style tagging.

Agenda

• 20 minutes: session introduction (may, cscott)
  • Strawman syntax slides: https://docs.google.com/a/wikimedia.org/presentation/d/1LFzz4f4D6eMY25EVlFAH3TrvoWLkpU65AWmMdH54Hps/edit?usp=sharing
• 60 minutes: discussion

Minutes

Etherpad

https://etherpad.wikimedia.org/p/WikiDev16-T112991

Goals

Please prepopulate this section with the goals of the meeting, and anticipate that collaborative editing around fulfillment of goals. This is a great place to capture action items from the conversation.

Chronology

This section is where an attempt is made to capture the gist of who said what, in what order. A transcript isn't necessary, but it's useful to capture the important points made by speakers as they happen.

Session guidelines

This checklist exists to help each session at WikiDev meet the following goals:

• Have productive discussion about topics that need face-to-face time
• Make progress towards agreement on a solution
• Document what was discussed, including areas of agreement and disagreement
• Create written list of action items for follow up
• Update or create Phabricator tasks as appropriate

Specific tasks:

1. Assign meeting roles:
   • Facilitator
   • Gatekeeper
   • Scribe
   • Timekeeper
2. Facilitator: run session to achieve specific goals.
   • State or build consensus towards meeting goal and style, referencing one of these meeting types:
     • Problem-solving: surveying many possible solutions
     • Strawman: exploring one specific solution
     • Field narrowing: narrowing down choices of solution
     • Consensus: coming to agreement on one solution
     • Education: teaching people about an agreed solution
   • Identify agenda items and guide discussion to stay on topic
   • Redirect participants who begin venting or discussing things that can be done online
3. Scribe(s): Document the session
   • Copy https://etherpad.wikimedia.org/p/WikiDev16-YourSession to https://etherpad.wikimedia.org/p/WikiDev16-[SESSION NAME]
   • Fill out the information in the template, including
     • Link to Phabricator task describing session
     • Goal as described by facilitator
     • Topics of discussion as laid out by facilitator
     • Action items and who is responsible for them
   • Create new Phabricator tasks as needed
   • At end of session, copy meeting notes into Phabricator as appropriate
4. Gatekeeper: Actively manage participation
   • Interrupt people if they are dominating the discussion
   • Help people who are having difficulty being heard
   • If the gatekeeper is talking too much, someone else should interrupt them
5. Timekeeper: Keep track of time left and point out time passing to facilitator
   • If possible, estimate time for each topic written by scribes
   • Let people know when a topic has gone over its time
   • Give a warning when 5-10 minutes are left