Sign in Submit a request My activities
Logo Integrated Information Technology Services
Logo Integrated Information
Technology Services
  • Home
  • IT Services & Help
    • All
    • For Faculty
    • For Staff
    • For Student
    • For Alumni
    • For Public
    • For Guest
  • News & Updates
  • Policies
  • Training & WorkshopsCurrently selected
  • IT Welcome Kit
  • eLearn Support
  • About Us
  • Contact Us
Follow
Home
 
  1. IT Services & Help
  2. Internet & Intranet, Mobile & Media
  3. Web Design and Development

Building a Drupal site for SMU

The following requirements must be adhered to by all external vendors building websites for SMU:

SMU Branding Requirements

  1. Alignment with the University identity at https://www.smu.edu.sg/about/university-identity
  2. Oswald for headers and Open Sans for body from Google fonts.
  3. Color Code: (SMU Blue: #151C55 and SMU Gold: #8A704C)

 

Drupal Technical Requirements

  1. All sites must use the current latest version of Drupal 8.xx and adopt the Drupal “multi-site” architecture
  2. Utilize a Bootstrap 3 based Drupal 8 base theme to build the new theme for the website
  3. Adopt the use of the Font awesome, jQuery version 1.9.xx libraries and Master Slider
  4. Requires installation of several custom modules (by SMU IITS web team) that will enable the following:
    1. Single sign-on with SMU’s Active Directory
    2. Connect with our Acquia Cloud subscription service
    3. Work with a list of existing contributed and custom modules deployed to SMU’s Drupal infrastructure (will share the list with vendor separately)
  5. List of contributed and custom modules that will be introduced into the site needs to be shared with IITS to ensure there will be no conflicts – will require active planning discussion between the external vendor and IITS
  6. Cross browser compliance – ensure the site renders well on IE11, Firefox, Chrome, Safari on Windows and Mac
  7. Mobile responsive
    a. ensure the site renders well on popular mobile devices (iPhone, Android) and tablets (iPad, Android) utilize the
    b. inherent mobile responsive elements in the Bootstrap 3 theming framework
    c. SMU logo will be switched to the minimal version at narrow screen widths
    d. The header should accommodate a secondary logo e.g. in this case, the Centre’s logo
    e. The site search is reduced to a single search icon, which on-click reveals the search text box below
    f. The navigation menu handle can be seated on the right side of the screen
  8. File system must be
    a.  "sites/subdomain.smu.edu.sg/files" for subdomain site
    b.  "sites/maindomain.smu.edu.sg.sitename/files" for subfolder site
    i.e, file system path for http://iits.smu.edu.sg

  9. Important Note: Web security vulnerability scanning - upon completion of UAT, we will need to run the site through our security vulnerability scan. The vendor needs to factor in some time into the project schedule should there be vulnerabilities reported by the scan that needs to be addressed
  10. Documentation upon completion of project:
    1. Deployment instructions
    2. Backup and restore procedures
    3. Description of function and documentation of all custom modules

Integrating SMU Site's global footer into custom theme

  1. Include font-awesome.min.css and footer.css in html.tpl.php
    
       
       
       
  2. Include smu-footer.php in custom theme page template files - page.tpl.php
       
       
    
    
    
    

 

Deployment Process

A Bitbucket repo will be provided to the vendor to sync updates to our codebase.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Related articles

  • Understanding the theme structure
  • What are the specifications for current Notebook and MacBook tender?
  • Editing the document title of a PDF file
  • SMU Web Policy
  • Kaltura Mediaspace User Manual
Top
  • Terms of Use
  • |
  • Personal Data Protection Statement
  • |
  • System Check
© Copyright 2015 Singapore Management University. All Rights Reserved
Powered by Zendesk