SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Western Web Edit
…Drupal for Western
What is Western Web Edit?
.. A Content Management System
.. based on Drupal
.. that enables regular humans to create
and maintain modern, dynamic
websites.

   It’s a website for creating websites
What is Drupal?
Drupal is a free and open source
content management system (CMS)

Drupal is an open source community

Drupal, the word, is from the Dutch for droplets.
Hence the druplicon (mascot) in the form of a water
droplet
What is Open Source?
Open Source means that the source
code is supplied for those that want to
modify or improve the system.

It implies a community that contributes
their time to create extensions and fixes.

It is the opposite of proprietary software.
What’s so great about Open
Source?
Lots of ants will straighten
a path…

A company is more likely
to cling to its “features”


So the community – people like us - fix it to work
the way we want it

It is the opposite of proprietary software.
Is Open Source always good?
Of course not! It depends on:
• An active, dedicated community of
  developers with needs like ours
• A base product with good “bones”
 ……..structured   …….good design principles
 ……..modular      …….strong security policies

• Sufficient product maturity for
  capability and stability
So…what is Drupal?
Drupal is a stable and mature open source
product with one of the most active
communities in the open source world. It
has a fabulous security team and over
15000 modules contributed by thousands of
developers.


Drupal is a robust, well-supported
 content management system
What is a CMS?
A Content Management System is a tool for
publishing website content that allows for:

• browser-only editing access (no special
  software)
• content-centric rather than page-centric
  production
• = re-usable content
• = re-configurable content
What is a CMS?
………………………………….. re-usable content
  Two different pages, some of the same content. Edit one, both change.
What is a CMS?
……….………... re-configurable content
What is a CMS?
……….………... re-configurable content
How can this be the same data?
Because CMS content is made of fields:
• Title
• Author
• Date
• Event type

Choose which fields you display, where, in what
format. When you change it, the display changes
everywhere it occurs on site.
Page-centric vs Content-centric?
Static Web                        Dynamic Web

The page is smallest unit         •   Content is made of fields
• you can link to it              •   Fields have a value
• you can link to it again             –   a number
• the page has no values – just        –   a link
   text                                –   some text, etc

                                  Example:
                                  List all the titles of calendar items that
                                  have a type “holiday” that haven’t
                                  happened yet…


    If you repeat a PIECE of
 content, you have to maintain      When you add new content, or
both copies; when today’s date    today’s date changes… the whole
 changes, you have to update       site is updated automagically…
      the content manually                 it’s “dynamic” web
The power of fields…
              Amazon.com
       Their database associates buying and browsing history
                         with a user name

to show the logged-in users’ browsed but un-bought items, or offers to
                 buy back previously bought items.
The power of fields…
  When displaying
   an article in one
  subject area, lists
    the titles of the
other articles in the
      same subject
                  area.
  This list is created
   once and grows
  automatically as
content is created
          in the same
      subject area.
The power of fields…

• Create a list of all the courses your
  department is teaching next year
  – List only those taught by Prof. Smith
  – List only Spring Term Courses
  – When you add a new course – all the
    pages using that data are updated
• List the events that haven’t happened
  yet…. and the list is updated for you
  each day
What is Western Web Edit?
A website for creating departmental
and college web sites

That provides the tools for you to create
a dynamic web site

• authenticated editors use any browser
  to create or maintain a website
Why Western Web Edit?
The goal:
• facilitate more vibrant, up-to-date
  websites
• by enabling content experts to create
  and maintain modern, dynamic
  websites
Don’t we do that now?
What people said before CMS and
dynamic web:
• It’s complicated
• So much can go wrong!
• It doesn’t think the way I do
• I don’t remember what program to use

And… no fields, just pages!
The Drupal Experience
http://dev.wwu-
demo.gotpantheon.com/
Just a demo -
 no styling
 fake content
Status
• Defined Requirements by working with
  three colleges (Woodring, CBE, CFPA)
• Site-building in progress now
• Design group created to refine home
  page design for academic groups
  (ATUS, UComm, Admissions, CFPA, & student rep)
• Launching capability for target
  colleges late May (Design avail early summer)
Design Team
University Communications:
  –    Derek Bryson (graphic designer)
  –    Matthew Anderson (design and policy)
CFPA
  –    Courtney Hiatt (marketing designer)
  –    Jesse Sturgis (graphic designer)
Admissions:
  –    Phil Acuncius (graphic designer)
  –    Jamin Agosti (student employee)
ATUS
  –    Emilie Nouveau (Drupal expert and designer)
  –    Marie Raney (team lead)
Questions?



Thank you
marie.raney@wwu.edu

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (9)

What PressBooks Does to WordPress
What PressBooks Does to WordPressWhat PressBooks Does to WordPress
What PressBooks Does to WordPress
 
WordPress
WordPressWordPress
WordPress
 
EPUB for Website Producers
EPUB for Website ProducersEPUB for Website Producers
EPUB for Website Producers
 
Dropbox
DropboxDropbox
Dropbox
 
The WordPress Way
The WordPress WayThe WordPress Way
The WordPress Way
 
Static Site Generation with Hugo and Markdown
Static Site Generation with Hugo and MarkdownStatic Site Generation with Hugo and Markdown
Static Site Generation with Hugo and Markdown
 
Wordpress intro
Wordpress introWordpress intro
Wordpress intro
 
Web development using ASP.NET MVC
Web development using ASP.NET MVC Web development using ASP.NET MVC
Web development using ASP.NET MVC
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
 

Andere mochten auch

Drupal UB Usability Testing
Drupal UB Usability TestingDrupal UB Usability Testing
Drupal UB Usability Testing
beccascollan
 
The journey to build a more usable toolbar for Drupal 8
The journey to build a more usable toolbar for Drupal 8 The journey to build a more usable toolbar for Drupal 8
The journey to build a more usable toolbar for Drupal 8
dcmistry
 

Andere mochten auch (7)

Drupal UB Usability Testing
Drupal UB Usability TestingDrupal UB Usability Testing
Drupal UB Usability Testing
 
10 tips for a usable website
10 tips for a usable website10 tips for a usable website
10 tips for a usable website
 
Make your site web-worthy. Make it usable.
Make your site web-worthy. Make it usable.Make your site web-worthy. Make it usable.
Make your site web-worthy. Make it usable.
 
The journey to build a more usable toolbar for Drupal 8
The journey to build a more usable toolbar for Drupal 8 The journey to build a more usable toolbar for Drupal 8
The journey to build a more usable toolbar for Drupal 8
 
Bootstrapping ux in your open source project
Bootstrapping ux in your open source project Bootstrapping ux in your open source project
Bootstrapping ux in your open source project
 
Lavacon: What Is User Experience?
Lavacon: What Is User Experience?Lavacon: What Is User Experience?
Lavacon: What Is User Experience?
 
Get It Right the First Time Through Cheap and Easy DIY Usability Testing - Dr...
Get It Right the First Time Through Cheap and Easy DIY Usability Testing - Dr...Get It Right the First Time Through Cheap and Easy DIY Usability Testing - Dr...
Get It Right the First Time Through Cheap and Easy DIY Usability Testing - Dr...
 

Ähnlich wie Using Drupal at Western Washington University: an Intro

Why a CMS? Why Drupal?
Why a CMS? Why Drupal?Why a CMS? Why Drupal?
Why a CMS? Why Drupal?
Marie Toler Raney
 
Web only draft
Web only draftWeb only draft
Web only draft
Media Now STL
 

Ähnlich wie Using Drupal at Western Washington University: an Intro (20)

Why a CMS? Why Drupal?
Why a CMS? Why Drupal?Why a CMS? Why Drupal?
Why a CMS? Why Drupal?
 
Jan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for Content
Jan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for ContentJan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for Content
Jan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for Content
 
Indictrans technologies CMS presentation
Indictrans technologies CMS presentationIndictrans technologies CMS presentation
Indictrans technologies CMS presentation
 
Imperial College London: Creating and managing a flexible site for 1,000 editors
Imperial College London: Creating and managing a flexible site for 1,000 editorsImperial College London: Creating and managing a flexible site for 1,000 editors
Imperial College London: Creating and managing a flexible site for 1,000 editors
 
T44u 2015, imperial college
T44u 2015, imperial collegeT44u 2015, imperial college
T44u 2015, imperial college
 
Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design Top Tips for Responsive eLearning Design
Top Tips for Responsive eLearning Design
 
In-Fisherman.com - Building an Enterprise Level Drupal Site
In-Fisherman.com - Building an Enterprise Level Drupal SiteIn-Fisherman.com - Building an Enterprise Level Drupal Site
In-Fisherman.com - Building an Enterprise Level Drupal Site
 
Open Source CMS
Open Source CMSOpen Source CMS
Open Source CMS
 
Module 4 - Dreamweaver Templates (Static vs. Dynamic Content)
Module 4 - Dreamweaver Templates (Static vs. Dynamic Content)Module 4 - Dreamweaver Templates (Static vs. Dynamic Content)
Module 4 - Dreamweaver Templates (Static vs. Dynamic Content)
 
Open Source Content Management Systems
Open Source Content Management SystemsOpen Source Content Management Systems
Open Source Content Management Systems
 
Thinking in Components
Thinking in ComponentsThinking in Components
Thinking in Components
 
Building Sites on DNN's Liquid Content: From Content Modeling to Front-End UX
Building Sites on DNN's Liquid Content: From Content Modeling to Front-End UXBuilding Sites on DNN's Liquid Content: From Content Modeling to Front-End UX
Building Sites on DNN's Liquid Content: From Content Modeling to Front-End UX
 
Static dynamic and active web pages
Static dynamic and active web pagesStatic dynamic and active web pages
Static dynamic and active web pages
 
Content management system
Content management systemContent management system
Content management system
 
WordPress for Business
WordPress for Business WordPress for Business
WordPress for Business
 
presentation on static website design
presentation on static website designpresentation on static website design
presentation on static website design
 
Web only draft
Web only draftWeb only draft
Web only draft
 
Online platform
Online platformOnline platform
Online platform
 
Building a CMS with Content Factories
Building a CMS with Content FactoriesBuilding a CMS with Content Factories
Building a CMS with Content Factories
 
Apple pi preso_october_2019_final4
Apple pi preso_october_2019_final4Apple pi preso_october_2019_final4
Apple pi preso_october_2019_final4
 

Mehr von Marie Toler Raney (8)

Combining pages and posts in word press
Combining pages and posts in word pressCombining pages and posts in word press
Combining pages and posts in word press
 
WebTech work 2010-2015
WebTech work 2010-2015WebTech work 2010-2015
WebTech work 2010-2015
 
Why coding is a cool career
Why coding is a cool careerWhy coding is a cool career
Why coding is a cool career
 
Office website
Office websiteOffice website
Office website
 
Atus website
Atus websiteAtus website
Atus website
 
Western web work Jan 25, 2013
Western web work Jan 25, 2013Western web work Jan 25, 2013
Western web work Jan 25, 2013
 
Ask your users
Ask your usersAsk your users
Ask your users
 
Design for college sites
Design for college sitesDesign for college sites
Design for college sites
 

KĂźrzlich hochgeladen

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

KĂźrzlich hochgeladen (20)

AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 

Using Drupal at Western Washington University: an Intro

  • 2. What is Western Web Edit? .. A Content Management System .. based on Drupal .. that enables regular humans to create and maintain modern, dynamic websites. It’s a website for creating websites
  • 3. What is Drupal? Drupal is a free and open source content management system (CMS) Drupal is an open source community Drupal, the word, is from the Dutch for droplets. Hence the druplicon (mascot) in the form of a water droplet
  • 4. What is Open Source? Open Source means that the source code is supplied for those that want to modify or improve the system. It implies a community that contributes their time to create extensions and fixes. It is the opposite of proprietary software.
  • 5. What’s so great about Open Source? Lots of ants will straighten a path… A company is more likely to cling to its “features” So the community – people like us - fix it to work the way we want it It is the opposite of proprietary software.
  • 6. Is Open Source always good? Of course not! It depends on: • An active, dedicated community of developers with needs like ours • A base product with good “bones” ……..structured …….good design principles ……..modular …….strong security policies • Sufficient product maturity for capability and stability
  • 7. So…what is Drupal? Drupal is a stable and mature open source product with one of the most active communities in the open source world. It has a fabulous security team and over 15000 modules contributed by thousands of developers. Drupal is a robust, well-supported content management system
  • 8. What is a CMS? A Content Management System is a tool for publishing website content that allows for: • browser-only editing access (no special software) • content-centric rather than page-centric production • = re-usable content • = re-configurable content
  • 9. What is a CMS? ………………………………….. re-usable content Two different pages, some of the same content. Edit one, both change.
  • 10. What is a CMS? ……….………... re-configurable content
  • 11. What is a CMS? ……….………... re-configurable content How can this be the same data? Because CMS content is made of fields: • Title • Author • Date • Event type Choose which fields you display, where, in what format. When you change it, the display changes everywhere it occurs on site.
  • 12. Page-centric vs Content-centric? Static Web Dynamic Web The page is smallest unit • Content is made of fields • you can link to it • Fields have a value • you can link to it again – a number • the page has no values – just – a link text – some text, etc Example: List all the titles of calendar items that have a type “holiday” that haven’t happened yet… If you repeat a PIECE of content, you have to maintain When you add new content, or both copies; when today’s date today’s date changes… the whole changes, you have to update site is updated automagically… the content manually it’s “dynamic” web
  • 13. The power of fields… Amazon.com Their database associates buying and browsing history with a user name to show the logged-in users’ browsed but un-bought items, or offers to buy back previously bought items.
  • 14. The power of fields… When displaying an article in one subject area, lists the titles of the other articles in the same subject area. This list is created once and grows automatically as content is created in the same subject area.
  • 15. The power of fields… • Create a list of all the courses your department is teaching next year – List only those taught by Prof. Smith – List only Spring Term Courses – When you add a new course – all the pages using that data are updated • List the events that haven’t happened yet…. and the list is updated for you each day
  • 16. What is Western Web Edit? A website for creating departmental and college web sites That provides the tools for you to create a dynamic web site • authenticated editors use any browser to create or maintain a website
  • 17. Why Western Web Edit? The goal: • facilitate more vibrant, up-to-date websites • by enabling content experts to create and maintain modern, dynamic websites
  • 18. Don’t we do that now? What people said before CMS and dynamic web: • It’s complicated • So much can go wrong! • It doesn’t think the way I do • I don’t remember what program to use And… no fields, just pages!
  • 20. Status • Defined Requirements by working with three colleges (Woodring, CBE, CFPA) • Site-building in progress now • Design group created to refine home page design for academic groups (ATUS, UComm, Admissions, CFPA, & student rep) • Launching capability for target colleges late May (Design avail early summer)
  • 21. Design Team University Communications: – Derek Bryson (graphic designer) – Matthew Anderson (design and policy) CFPA – Courtney Hiatt (marketing designer) – Jesse Sturgis (graphic designer) Admissions: – Phil Acuncius (graphic designer) – Jamin Agosti (student employee) ATUS – Emilie Nouveau (Drupal expert and designer) – Marie Raney (team lead)