Western Web Workers GroupJan 25, 2013

all Web … all Western … all the time

Drupal Sites Working actively with Woodring, CFPA, and CBE on

their test sites Huxley is next (waiting on personnel) Other colleges welcome to begin discussions with us Offices – not starting yet until colleges are finishing up

Drupal Design In development in ATUS; Desktop view nearly done;

solving template and mobile view issues

News

Infrastructure Changes- planned but not scheduled yet Current system maintenance and site deployment

is manual Adopting Aegir (“awe-ger”) system to automate

site creation, maintenance, roll-back etc Project requires Tech Services and ATUS personnel

plus one or more VMs to run Aegir Once changes in place new sites can be added

more quickly

News - continued

You Tell UsSurvey of Participants

Web Design and Graphics / Images Project Management (tools and issues) Analytics and Statistics Technical Coding Topics (HTML, CSS, JS, PHP) Marketing and Content Production User Studies, Usability, Accessibility Security or Infrastructure

You Tell Us – Topics

Demos and Presentations from Peers

Discussions on Current Web Topics

Hands-on Tutorials

Information and News from around campus

You Tell Us – Format

Managers or Directors of web people Content updating, writing, producing Web Designer (graphics / imagery) Web Developer (server-side and database) Web Specialist (accessibility, social, analytics) Computer support for web people Infrastructure or database support Interested but not currently active

You Tell Us – Who are We?

Demonstration GuidelinesHow to Succeed when YOU present

Each Demonstration consists of:

1. Prepare the Audience

2. Do the demonstration

3. Summarize your experience

4. Answer questions and receive (gentle, positive) critiques

Demonstration Guidelines

WHAT (type of demo) Type of demo:

How-to (e.g. Setting Up SASS) Original or borrowed code (HTML, CSS, JS, PHP) Cool site or resource (e.g. great tool or site)

Clarify OS and environment required WHY

What does this do or solve for us? WHO (Role)

Borrowed? Team work? Your specific role? RESOURCES

Provide URLS of all resources

Demonstration – GuidelinesPrepare the Audience

Keep it short – 5 minutes or less?

Show us! Interactive (bring your laptop or do on web) Video recordings

Demonstration – GuidelinesDemonstration

Status In use?

Lumps and Trumps – what didn’t go so well, what you might do

different what worked

Demonstration – GuidelinesSummary

Audience – participate with questions and critiques

Ask for clarification / use cases Extrapolate – what ifs? Suggest refinements or improvements or

extensions

BE NICE!

Demonstration – GuidelinesQuestions / Critique

Quick Lessons

HTML: the STRUCTURE and CONTENT for a site

CSS: the DESIGN and look for a site

Javascript: (not “Java”) the INTERACTIVITY for a site (hover, animation, click behaviors etc)

PHP: a server-side language that can access databases, perform calculations etc. ; Drupal built on php

MySQL: (“mySequel”) a common database system for the web; Drupal commonly built on MySQL

Quick Lesson: Terms

Drupal Theme: provides the look and feel for a site. Starter themes provided (we use Zen) and we modify these aspects: page.tpl.php – PHP file that contains HTML and

PHP for a Drupal page. Other “tipple-fips” such as block.tpl.php provide specific html and php for specific kinds of Drupal elements.

CSS – various css files provide grid system, responsive system, images, colors, styles to be applied to the “tipple-fips”

Quick Lesson: Drupal Theme

Today’s Demonstration

by Max Bronsema, ATUS Web Developer on the New Drupal Theme for Colleges that is currently being developed by our group including Max, Marie, and our students: Amy Brown, Evan Derickson, and Samwise Cottle

Peer Demonstration

Meeting Summary

Attendees – please comment at:http://atusnews.drupalgardens.com/meeting-survey

Presentation will be available at http://collaborate.wwu.edu/wwudug by 1/28/13

Use the collaborate site (above) to comment, suggest meeting ideas, give feedback.

Meeting Summary