MODULE CMS

Contents
This module has the following files:

 MODULE_CMS.doc
 MODULE_CMS_MEDIA.zip

INTRODUCTION
IndoDesign is a designer agency company where customers can hire designer from the agency. They
want a new and elegant website in order to market their designer and earn big profit.

DESCRIPTION OF PROJECT AND TASKS

This module requires you to use the most popular Content Management System(CMS), Wordpress.
You need to implement your skill of website design, website layout, client-side scripting and server-
side scripting. You will develop your theme as a child theme of the Blankslate Wordpress theme,
called IDesign. For a better functionality of the website you will need to implement some plugins
provided for you or you can develop your own plugin.

The company wants the possibility to create posts that will apply as the company’s designer biodata
(More on CMS Details). Make proper use of the provided plugins like SEO and security.

DESIGN DETAILS
Create a design for a responsive front page for the website so it will be accessible and look beautiful
in other devices:

Desktop: 1440px,

Tablet: 768px,

Mobile: 320px.

Add the designs to a mockup to present your website.

You should save the mockup file as: Mockup_IDesign.*. The mockup should be saved as *.png or
*.psd or *.ai.

The company wants their main page to have at least these elements:

 Image Banner
 About the company (placeholder text)
 List of their designers (show only 4) (Designer biodata)
 Contact Info
 Footer with copyrights and three links to social media
 Tap to open the hidden sidebar

Wordpress posts will be used to display the company’s designer data.

The list of the designer section has to show maximum 4 designers. On this section, you only need to
display their photo, name and joined date. The design of the list section has to be attractive to attract
users.

The sidebar should be added to all pages. The sidebar is hidden but has a small tab to open the
sidebar. When user clicks the sidebar, you can give additional animation to make the entrance of the
sidebar appealing.

Footer also has to be implemented to all pages. The footer should contain copyrights and three links
to social media.

TECHNIQUE
The layout of the website should be identical to your designs, but also needs to scale without
damaging the design when scaling the browser window between 320px and 1440px. You should
implement the HTML and CSS W3C standards for proper SEO support.

Wordpress post should be used to display the company employees (designers).

CMS DETAILS
For safety reasons, you need to create 1 users for the website:

1. Administrator – all access to admin dashboard

 Username: admin
 Password: passadmin

The Wordpress login page should contain the IndoDesign logo.

Post (Designer Biodata)

In the Wordpress dashboard for each posts should contains these fields:

- Designer Name
- Joined Date
- Description
- Image

*You can use the provided plugin to help you to create the functionality of the website.

INSTRUCTIONS TO THE COMPETITOR

 Save your files in your working directory on the server called “XX_MODULE_CMS”.
 Save your mockup files in this location: XX_MODULE_CMS/design
 Save your database dump into a file named “db-dump.sql” placed inside the
XX_MODULE_CMS directory
 Assessment will be done on the files and data in the database named “MODULE_CMS" on
your computer.