SlideShare a Scribd company logo
An Inside Look at the New ARHU College Web SiteMegan WengFebruary 3, 20101
This talk is forDetailed technical discussions of Drupal2Discussing the process of building the ARHU website with Drupal
An overview of the features and how they are supported by Drupal
Strengths and challenges of DrupalsolutionNot for
A Brief HistoryLaunched on September, 2009Took a year from requirement to 1st launchTotally built in house through a Drupal pilot project with OIT and hosted by OIT3
Basic Facts of ARHU SiteIn Drupal 6.9~190 pages including all external linksSupports ~15 usersUses 30+ modulesThree menu systemsPrimary Menu, Main Menu, and top MenuBasic featuresIn-context editingLDAP integratedGoogle Analytics enabledForms with CaptchaPassword Protected pagesFellowship/Employment/News/Events Databaseand more…Continues to evolve4
Basic Facts of ARHU Site5
Project PhaseThe Project From Start to FinishRequirements PhaseDesign PhaseImplementation6
Requirements Phase (I)Problems in the existing siteDifficult to navigate/find informationDifficult to maintain/outdated informationOutdated design & technology (site designed 10 years ago)Criteria for the new siteEasy to navigateEasy to maintainRestrict access rightsConsistent look & feelSolution: Content Management System!!!7
Requirements Phase (II)Primary GoalsFor perspective students to apply to ARHUFor current students to obtain information on resourcesFor current students to communicate with other students For alumni & friends to donate to ARHUFor alumni to connect with ARUH and other alumniFor staff/faculty to obtain information on resources & researchFor inter-department communications 8
Requirements Phase (III)Primary AudienceCurrent StudentsPerspective StudentsFacultyStaff: Department Chairs, Dean’s AdministrationsAlumniDonorsGeneral Public9
Requirements Phase (IV)Review of existing web siteReview of peer institutions web siteDiscussions with stakeholdersThe Result: Web Site Architecture10
Web Site Architecture11
Design PhaseDesign mock ups produced based on information architecture and presented to stakeholders for feedbacks12BeforeAfter
CMS EvaluationOpen Source vs Commercial ProductsPlatforms considerationEvaluationDrupalJoomlaPloneezpublish13
Implementation (I)Theme Developmentused zen theme as starting pointheavy CSS styling (FireBug!!!) Major browsers support was a big challengeheavy usage of Block to control layoutNavigation: menu systemsNice Menu moduleDefine Content TypesCCK moduleExamples: Event, News, Fellowship, Job14
Implementation (II)Development ProcessBefore First Release in 9/200915After First ReleaseFeatures (I)In-context editingAdministration menu moduleLDAP IntegratedLDAP moduleWYSIWYG editorsFCKeditor moduleIMCS module files uploading – images, pdf, docHome PageViews modulePanels module: multiple views on one pageDynamic Display Block module: slide show16
Features (II)Fellowship DatabaseEmployment DatabaseNews & Events DatabaseCCK moduleViews module17
Features (III)Google Analytic EnabledGoogle Analytic modulePassword Protected pagesProtected Node moduleOnline forms with Spam controlWebform modulereCAPTCHA module18
Features (IV)These features will be incorporated into the next Drupal upgradeWorkflowRulesGranular PrivilegesTaxonomy? Multi-sitediagram next slide19
20
Challenges/Limitations/ComplaintsPerformance issue!Turn on Drupal optimization: Site Configuration -> PerformanceOpcode caching on PHPSome features are supported multiple ways, while some features are not fully developedImage galleryWorkflowTheme development can be very challengingCSS styling can be painful! Heavy CSS styling causes side effectsMigration between environments is a pain!21
Strengths of Drupal SolutionVery easy to learn/use for the usersVery flexibleLots of modules offering lots of featuresLarge community of user basePowerful social networking features22
Next StepsContinue to improve the design and user experienceImproving performanceUtilize the social networking/media features of DrupalBlogging, forums, RSS, audio/videoProviding consistent themes/templates for departmentsApplications development within Drupal or without Drupal?Keep an eye on Drupal 7…23

More Related Content

PPT
Bilgi Mba Business 2.0
PPT
Concepts & Platform.E
PDF
Learning Web: Content Management for Instruction
PPTX
Joomla and cms
PPTX
Integrating Multimedia into your Drupal site Using Slideshow Pro & Slideshowp...
PPTX
Teaching and Learning with Technology in the College of Arts and Humanities
PPTX
DrupalCon Denver 2012
PPTX
Highlights from DrupalCon2010 SF
Bilgi Mba Business 2.0
Concepts & Platform.E
Learning Web: Content Management for Instruction
Joomla and cms
Integrating Multimedia into your Drupal site Using Slideshow Pro & Slideshowp...
Teaching and Learning with Technology in the College of Arts and Humanities
DrupalCon Denver 2012
Highlights from DrupalCon2010 SF

Similar to ARHU Drupal Presentation 2/3 (20)

ODP
BrownSites: Building and Managing a CMS Infrastructure for Higher Ed
PPT
Drupal seminar at DDIT Nadiad
PPTX
Introduction to basics of drupal
PDF
BrownSites: Year Two
PDF
[HKDUG] #20160626 - HKOSCon 2015 - Website DIY with Drupal 8
PPTX
Why a CMS? Why Drupal?
PDF
DruStack- a mobile-friendly web content management system (cms
PDF
drustack a mobile-friendly web content management system (cms)
PDF
Ottawa Drupalcamp 2024 Keynote: Chart Your Drupal Journey
PDF
Drupaldelphia 2013 Presentation- Making Your Site more Friendly to Search Eng...
PPTX
Service-now.com Foundations Module 1
PPTX
Banner xe cause 2013 part 1
PPTX
Swf search final
PPTX
Drupal vs. the Others
PDF
Study of content management systems joomla and drupal
PDF
Study of content management systems joomla and
PPT
Plone A Content Management System Chitra Mohla
PDF
Barcamp Hong Kong 2014 - Commercial Use of OSS Web Content Management System
PPT
Drupal Conference
PPT
Sakai 2.9 and Sakai 2.10 Portal and Plans
BrownSites: Building and Managing a CMS Infrastructure for Higher Ed
Drupal seminar at DDIT Nadiad
Introduction to basics of drupal
BrownSites: Year Two
[HKDUG] #20160626 - HKOSCon 2015 - Website DIY with Drupal 8
Why a CMS? Why Drupal?
DruStack- a mobile-friendly web content management system (cms
drustack a mobile-friendly web content management system (cms)
Ottawa Drupalcamp 2024 Keynote: Chart Your Drupal Journey
Drupaldelphia 2013 Presentation- Making Your Site more Friendly to Search Eng...
Service-now.com Foundations Module 1
Banner xe cause 2013 part 1
Swf search final
Drupal vs. the Others
Study of content management systems joomla and drupal
Study of content management systems joomla and
Plone A Content Management System Chitra Mohla
Barcamp Hong Kong 2014 - Commercial Use of OSS Web Content Management System
Drupal Conference
Sakai 2.9 and Sakai 2.10 Portal and Plans
Ad

Recently uploaded (20)

PDF
Computing-Curriculum for Schools in Ghana
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
01-Introduction-to-Information-Management.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
Complications of Minimal Access Surgery at WLH
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
Classroom Observation Tools for Teachers
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Sports Quiz easy sports quiz sports quiz
PPTX
Cell Structure & Organelles in detailed.
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Supply Chain Operations Speaking Notes -ICLT Program
Computing-Curriculum for Schools in Ghana
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
01-Introduction-to-Information-Management.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Complications of Minimal Access Surgery at WLH
2.FourierTransform-ShortQuestionswithAnswers.pdf
102 student loan defaulters named and shamed – Is someone you know on the list?
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Microbial disease of the cardiovascular and lymphatic systems
Classroom Observation Tools for Teachers
O5-L3 Freight Transport Ops (International) V1.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Module 4: Burden of Disease Tutorial Slides S2 2025
Sports Quiz easy sports quiz sports quiz
Cell Structure & Organelles in detailed.
Abdominal Access Techniques with Prof. Dr. R K Mishra
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Supply Chain Operations Speaking Notes -ICLT Program
Ad

ARHU Drupal Presentation 2/3

  • 1. An Inside Look at the New ARHU College Web SiteMegan WengFebruary 3, 20101
  • 2. This talk is forDetailed technical discussions of Drupal2Discussing the process of building the ARHU website with Drupal
  • 3. An overview of the features and how they are supported by Drupal
  • 4. Strengths and challenges of DrupalsolutionNot for
  • 5. A Brief HistoryLaunched on September, 2009Took a year from requirement to 1st launchTotally built in house through a Drupal pilot project with OIT and hosted by OIT3
  • 6. Basic Facts of ARHU SiteIn Drupal 6.9~190 pages including all external linksSupports ~15 usersUses 30+ modulesThree menu systemsPrimary Menu, Main Menu, and top MenuBasic featuresIn-context editingLDAP integratedGoogle Analytics enabledForms with CaptchaPassword Protected pagesFellowship/Employment/News/Events Databaseand more…Continues to evolve4
  • 7. Basic Facts of ARHU Site5
  • 8. Project PhaseThe Project From Start to FinishRequirements PhaseDesign PhaseImplementation6
  • 9. Requirements Phase (I)Problems in the existing siteDifficult to navigate/find informationDifficult to maintain/outdated informationOutdated design & technology (site designed 10 years ago)Criteria for the new siteEasy to navigateEasy to maintainRestrict access rightsConsistent look & feelSolution: Content Management System!!!7
  • 10. Requirements Phase (II)Primary GoalsFor perspective students to apply to ARHUFor current students to obtain information on resourcesFor current students to communicate with other students For alumni & friends to donate to ARHUFor alumni to connect with ARUH and other alumniFor staff/faculty to obtain information on resources & researchFor inter-department communications 8
  • 11. Requirements Phase (III)Primary AudienceCurrent StudentsPerspective StudentsFacultyStaff: Department Chairs, Dean’s AdministrationsAlumniDonorsGeneral Public9
  • 12. Requirements Phase (IV)Review of existing web siteReview of peer institutions web siteDiscussions with stakeholdersThe Result: Web Site Architecture10
  • 14. Design PhaseDesign mock ups produced based on information architecture and presented to stakeholders for feedbacks12BeforeAfter
  • 15. CMS EvaluationOpen Source vs Commercial ProductsPlatforms considerationEvaluationDrupalJoomlaPloneezpublish13
  • 16. Implementation (I)Theme Developmentused zen theme as starting pointheavy CSS styling (FireBug!!!) Major browsers support was a big challengeheavy usage of Block to control layoutNavigation: menu systemsNice Menu moduleDefine Content TypesCCK moduleExamples: Event, News, Fellowship, Job14
  • 17. Implementation (II)Development ProcessBefore First Release in 9/200915After First ReleaseFeatures (I)In-context editingAdministration menu moduleLDAP IntegratedLDAP moduleWYSIWYG editorsFCKeditor moduleIMCS module files uploading – images, pdf, docHome PageViews modulePanels module: multiple views on one pageDynamic Display Block module: slide show16
  • 18. Features (II)Fellowship DatabaseEmployment DatabaseNews & Events DatabaseCCK moduleViews module17
  • 19. Features (III)Google Analytic EnabledGoogle Analytic modulePassword Protected pagesProtected Node moduleOnline forms with Spam controlWebform modulereCAPTCHA module18
  • 20. Features (IV)These features will be incorporated into the next Drupal upgradeWorkflowRulesGranular PrivilegesTaxonomy? Multi-sitediagram next slide19
  • 21. 20
  • 22. Challenges/Limitations/ComplaintsPerformance issue!Turn on Drupal optimization: Site Configuration -> PerformanceOpcode caching on PHPSome features are supported multiple ways, while some features are not fully developedImage galleryWorkflowTheme development can be very challengingCSS styling can be painful! Heavy CSS styling causes side effectsMigration between environments is a pain!21
  • 23. Strengths of Drupal SolutionVery easy to learn/use for the usersVery flexibleLots of modules offering lots of featuresLarge community of user basePowerful social networking features22
  • 24. Next StepsContinue to improve the design and user experienceImproving performanceUtilize the social networking/media features of DrupalBlogging, forums, RSS, audio/videoProviding consistent themes/templates for departmentsApplications development within Drupal or without Drupal?Keep an eye on Drupal 7…23
  • 25. Q & AIf you like to hear a talk on a particular feature discussed today, please let me know!24