Agenda for meeting with Web site folks at Western Washington University.

1. Western Web Workers Group
Jan 25, 2013
all Web … all Western … all the time

2. News
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

3. News - continued
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

4. Survey of Participants
You Tell Us

5. You Tell Us – Topics
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

6. You Tell Us – Format
Demos and Presentations from Peers
Discussions on Current Web Topics
Hands-on Tutorials
Information and News from around campus

7. You Tell Us – Who are We?
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

8. How to Succeed when YOU present
Demonstration Guidelines

9. Demonstration Guidelines
Each Demonstration consists of:
1. Prepare the Audience
2. Do the demonstration
3. Summarize your experience
4. Answer questions and receive (gentle, positive)
critiques

10. Demonstration – Guidelines
Prepare the Audience
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

11. Demonstration – Guidelines
Demonstration
Keep it short – 5 minutes or less?
Show us!
Interactive (bring your laptop or do on web)
Video recordings

12. Demonstration – Guidelines
Summary
Status
In use?
Lumps and Trumps –
what didn’t go so well, what you might do
different
what worked

13. Demonstration – Guidelines
Questions / Critique
Audience – participate with questions and
critiques
Ask for clarification / use cases
Extrapolate – what ifs?
Suggest refinements or improvements or
extensions
BE NICE!

14. Quick Lessons

15. Quick Lesson: Terms
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

16. Quick Lesson: Drupal Theme
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”

17. Peer Demonstration
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

18. Meeting Summary

19. 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.