DTC Documentation
DTC Documentation
DTC Documentation
49",
Right,Leader: …
DTC Website
Documentation
Updated on 5th AUGUST 2019
1
Table of Contents
A. General Comments: ............................................................................................................... 74
B. Website structure: ................................................................................................................. 85
1. Homepage .......................................................................................................................... 85
a. Sections .......................................................................................................................... 95
2. About DTC..................................................................................................................... 2111
a. Sections ...................................................................................................................... 2111
3. Media Center.................................................................................................................. 2514
1.3 News ....................................................................................................................... 2614
2.3 Events ..................................................................................................................... 2816
3.3 Gallery .................................................................................................................... 3219
4. Contact Us ...................................................................................................................... 3320
5. Careers ........................................................................................................................... 3421
a. Vacancies inner page.................................................................................................. 3522
6. Product & Services ........................................................................................................ 3522
a. Product & Services Listing ........................................................................................ 3522
b. Product & Services inner............................................................................................ 3623
7. Request a Quotation ....................................................................................................... 3824
8. News Room .................................................................................................................... 3925
a. News Room Listing page ........................................................................................... 3925
b. news inner page .......................................................................................................... 4026
C. Content Management System ........................................................................................... 4127
1. General Note .................................................................................................................. 4227
2. Login Page ...................................................................................................................... 4227
3. Dashboard ...................................................................................................................... 4227
4. General Settings ............................................................................................................. 4227
5. Email Settings ................................................................................................................. 4227
6. Add New page ................................................................................................................ 4227
7. Social Media Links .......................................................................................................... 4328
8. Homepage ...................................................................................................................... 4328
8.1. Slider....................................................................................................................... 4328
8.2. Introduction ............................................................................................................ 4429
8.3. Security printing ..................................................................................................... 4429
8.4. Security Features .................................................................................................... 4530
2
8.5. Our Approach ......................................................................................................... 4730
9. About DTC ...................................................................................................................... 4932
9.1. Profile ..................................................................................................................... 4933
9.2. Mission, Vision & Values ...................................................................................... 4933
9.3. CEO Message ......................................................................................................... 5033
9.4. History .................................................................................................................... 5033
10. Media Center .............................................................................................................. 5135
10.1. News ................................................................................................................... 5135
10.2. Events .................................................................................................................. 5236
10.3. Gallery................................................................................................................. 5437
11. Contact Us .................................................................................................................. 5639
12. Careers ....................................................................................................................... 5639
13. Products & Services .................................................................................................... 5841
13.1. Categories ........................................................................................................... 5841
13.2. Product/Service Listing....................................................................................... 5941
14. News Room ................................................................................................................ 6143
15. FAQ ............................................................................................................................. 6244
16. Privacy Policy .............................................................................................................. 6345
17. Terms & Conditions .................................................................................................... 6345
D. Another section for CMS ................................................................................................... 6446
1. Contact Us Request ........................................................................................................ 6446
2. Careers Request ............................................................................................................. 6446
3. Request Quotations ....................................................................................................... 6546
A. General Comments: ................................................................................................................. 4
B. Website structure: ................................................................................................................... 4
1. Homepage ............................................................................................................................ 4
a. Sections ............................................................................................................................ 4
2. About DTC......................................................................................................................... 10
a. Sections .......................................................................................................................... 10
3. Media Center...................................................................................................................... 13
1.3 News ........................................................................................................................... 13
2.3 Events ......................................................................................................................... 15
3.3 Gallery ........................................................................................................................ 16
4. Contact Us .......................................................................................................................... 17
3
5. Careers ............................................................................................................................... 18
a. Vacancies inner page...................................................................................................... 19
6. Product & Services ............................................................................................................ 19
a. Product & Services Listing ............................................................................................ 19
b. Product & Services inner................................................................................................ 20
7. Request a Quotation ........................................................................................................... 21
8. News Room ........................................................................................................................ 22
a. News Room Listing page ............................................................................................... 23
b. news inner page .............................................................................................................. 23
C. Content Management System ............................................................................................... 24
1. General Note ...................................................................................................................... 24
2. Login Page .......................................................................................................................... 24
3. Dashboard .......................................................................................................................... 25
4. General Settings ................................................................................................................. 25
5. Add New page .................................................................................................................... 25
6. Social Media Links .............................................................................................................. 25
7. Homepage .......................................................................................................................... 25
7.1. Slider........................................................................................................................... 25
7.2. Introduction ................................................................................................................ 26
7.3. What is security printing............................................................................................. 27
7.4. Security Features ........................................................................................................ 27
7.5. Our Approach ............................................................................................................. 28
8. About DTC .......................................................................................................................... 30
8.1. Profile ......................................................................................................................... 30
8.2. Mission, Vision & Values .......................................................................................... 31
8.3. CEO Message ............................................................................................................. 31
8.4. History ........................................................................................................................ 31
9. Media Center ..................................................................................................................... 32
9.1. News ........................................................................................................................... 32
9.2. Events ......................................................................................................................... 34
9.3. Gallery ........................................................................................................................ 35
10. Contact Us ...................................................................................................................... 36
11. Careers ........................................................................................................................... 37
12. Products & Services ........................................................................................................ 38
4
Formatted ...
Formatted ...
Formatted ...
Formatted ...
Formatted ...
12.1. Categories ............................................................................................................... 38
Formatted ...
12.2. Product/Service Listing........................................................................................... 39 Formatted ...
13. News Room .................................................................................................................... 40 Formatted ...
Formatted ...
14. FAQ ................................................................................................................................. 41
Formatted ...
15. Privacy Policy .................................................................................................................. 42 Formatted ...
16. Terms & Conditions ........................................................................................................ 43 Formatted ...
Formatted ...
D. Another section for CMS ....................................................................................................... 43
Formatted ...
1. Contact Us Request ............................................................................................................ 43 Formatted ...
2. Careers Request ................................................................................................................. 43 Formatted ...
6
Formatted: Font: 20 pt
A.General Comments:
1- This website will be for now in 2 languages:
a. English (Default)
b. Arabic
2- DTC website will be complete responsive layout that offers various, auto-adjusted displays
and resolutions for tablets, Pads & mobiles.
i. Page Path:
Full Path for how did the user reached to this page.
ii. Watermark
The watermark position will depend on the website language, right in
English and left in Arabic.
7
B. Website structure:
Default page when the user opens the website. The whole page will be in one-page design
where the user can navigate through the sections using the side navigator or scrolling up
and down.
The design will also contain the timeline, where each section will be contented to the other
through line move when the user scroll down.
B.
1- Homepage
2- About DTC
a. Product Listing
b. Product Description
c. Request a quote
4- Media Center
a. News
b. Events
c. Gallery
5- FAQ
6- Careers
7- Contact Us
8- Terms & Conditions
9- Privacy Policy
8
C. Homepage Formatted: Font: +Headings (Cambria), 16 pt, Font color:
Accent 1
Formatted: Heading 2, No bullets or numbering
Formatted: Font: 16 pt
Formatted: Heading 2
Default page when the user opens the website. The whole page will
be In one page design where the user can navigate through the
sections using the side navigator or scrolling up and down.
The design will also contain the timline, where each section will be
contented to the other through line move when the user scroll down.
a. Sections
1.1 Header
9
1. Homepage Slider Formatted: Font: Not Bold, Italic
Formatted: Heading 2, Numbered + Level: 1 + Numbering
2. Style: 1, 2, 3, … + Start at: 1 + Alignment: Left + Aligned at:
0.5" + Indent at: 0.75"
Formatted: Font: 12 pt, Not Bold, Italic
Header will be applied in all the website pages
10
# Name Type Description
1 Slider Image Image Slider image, or video
2 Slider Text Text Slider description text
3 Slider Navigator Button Once the user clicks on it will change the
image
4 Vertical slide Button Will scroll down to the section user click on it. Formatted Table
And will be fixed will scrolling in each section.
11
# Name Type Description Formatted Table
1 Slider Image Image The slider will contain more than one slide (at
least one), each slider will take 5 second then
will be moved to the next.
2 Slider Text Text Slider description text
3 Slider Navigator Button Once the user clicks on it will change the
image
4 Slider name Text Current slider name
5 Navigator Button User can navigate to the left or right
12
3.1 Introduction
7 Timeline
13
6. Introduction Formatted: No bullets or numbering
14
# Name Type Description
1 Section Title text
2 Description TextText Text
3 Section Image The Statics will contain number and text
ImageStatistics under it.
4 Section image Section image
Icons
15
5 Section Icons ImageList List of icons.
Background Image
6 Background image Image
7 Timeline
4.1 PrintingFeatures
7.
16
# Name Type Description
1 Section icon Iimage
2 Section image Iimage
2 Section title Ttext
Image
Name
Formatted: Indent: Left: 0.25", No bullets or numbering
Only three features will be listed and Formatted: Font: (Default) Calibri, Bold
will be dynamic. Formatted: Normal, No bullets or numbering
Formatted: Font: (Default) Calibri, Bold
Formatted: Font: Bold
8. This section will list all the entities DTC provide its services for it will be
divided into 2 categories (Governmental, Private)
17
# Name Type Description
1 Section title Ttext
This section will include boxes of services, when the user clicks on any of
the boxes the website will direct him to the selected services page.
18
Admin will be able to select the featured service to appear in the homepageList of
featured selected services, when the user clicks on a specific servicesone of the
service, the website will direct the user to the services details page.
19
Link: will direct the user to the contact page.
The footer will appear in all the pages of the website. And will include the
following:
in the header.s
3 Copyrights Text
4 Social media icons Links
5 Terms & Conditions ButtonsLlink Will direct the user to Terms & Conditions
page
6 Privacy Policy ButtonsLlink Will direct the user to Privacy Policy page
20
D.
E. About DTC
Page path will be applied at the top of the page
2. About DTC
, this should be note in the general section you don’t have to repeated in each page.The
design will contain the timeline, where each section will be contented to the other
through line move when the user scroll down.
a. Sections
21
# Name Type Description
1 Title Text
2.2.2 Mission, Vison & Values Formatted: Numbered + Level: 1 + Numbering Style: 1, 2,
3, … + Start at: 1 + Alignment: Left + Aligned at: 0.5" +
Indent at: 0.75"
This section will include three boxes for mission, Vision and Values.
Each box will have title and description text.
The design will also contain the timeline.
22
# Name Type Description
1 Mission box will have: Formatted: Font: Calibri, Bold
23
# Name Type Description
1 Title Text
24
1 Title Text
Image
Title
Date
F.3. Media Center Formatted: Font: +Headings (Cambria), Font color: Accent
Formatted: Heading 2, Numbered + Level: 1 + Numbering
This should be 3 not C Style: 1, 2, 3, … + Start at: 1 + Alignment: Left + Aligned at:
0.25" + Indent at: 0.5"
Formatted: Font: Bold, Font color: Red
This page will have top menu contain three pages
Formatted: Font: Bold
Formatted: Indent: Left: 0.75", No bullets or numbering
1.3 News
2.3 Events
3.3 Gallery
3.3 Formatted: Indent: Left: 1.08", No bullets or numbering
25
1.3 News
1.
This should be part of the previous list why are you creating
separated list
a. News Listing page Formatted: Font color: Accent 1
This page will contain listing of all news added to the website from the CMS order by
the newest.
Each News will be clickable, once the user clicks on it, the website will direct the
user to detail page
Watermark will be applied at the right of the page
Formatted: Centered, Indent: Left: 0.81", No bullets or
numbering
Page path will be applied at the top of the page
26
12 Top menu L:link Blue color is for the current page checking
23 News listing Each news will have: Formatted: Font: Bold
Image
Date
description
34 Loading News will load automatic will user scroll
down
Please mention the news will be clickable and will direct the user to the details page
b. news inner pageNews Details Pages Formatted: Font color: Accent 1
Formatted: Font color: Accent 1
Formatted: Numbered + Level: 1 + Numbering Style: a, b,
This page will contain the details of the the selected news c, … + Start at: 1 + Alignment: Left + Aligned at: 0.75" +
Indent at: 1"
Formatted: Indent: Left: 0.81", No bullets or numbering
I believe this screenshot for events details pages not news Formatted: Font: (Default) Times New Roman, Font color:
Red
Formatted: Font color: Red
Formatted: Normal, Left, Indent: Left: 0"
# Name Type Description Formatted Table
1 Page path Clickable Formatted Table
12 Top menu Link Blue color is for the current page checking Formatted: Font color: Red
Remove this and added it in general for this
section
23 Back Button Once user clicks on it will direct the user to
the previous page
34 Page image Iimage
27
45 News title Ttext
56 News description Ttext
the CMS
Also, will cinclude ontain the upcoming events
User will be able to view and filter the events in the calendar Formatted: Font: Bold
Watermark will be applied at the right of the page Formatted: Font: Bold
28
redo this section
# Name Type Description Formatted Table
1 Month & Year Drop-Down User can select the year and
Menu monthDrop-down list contains all the
months
2 Year Drop-Down Drop-down list contains all the years
Menu
32 Month Clickable User can navigate right and left to
navigatorCurrent day change the month and day
&month navigator
43 Calendar Vview Buttons User can view the calendar by:
Month
Week
Day
4 Event Each event will be shown on its current
date:
Start & End date
title
Each event will be shown on its current date inside the calendar.
Each event will be clickable, Once the user clicks on it, the website will direct the user
to event details page.
29
# Name Type Description
1 Event Each event will have Formatted: Font: Bold
Event Title
Start Date
End Date
Each event will be clickable, Once the user clicks on it, the website will direct the
user to event details page.
30
# Name Type Description
1 Upcoming events Texttext Section title
2 Events listing Clickable Each event will have: Formatted: Font: Bold
Date
Title
Country
Number of exhibitors
31
3 Page image Image
4 Event title Text
5 Event Description Text
Same as the inner page of the news section (F-1)
3.3 Gallery
3.
Watermark will be applied at the right of the page
Page path will be applied at the top of the page
This page will contain all the images and videos added to the website from the
CMS
32
G.4. Contact Us Formatted: Font: +Headings (Cambria), Font color: Accent
1
Formatted: Heading 2, Numbered + Level: 1 + Numbering
Style: 1, 2, 3, … + Start at: 1 + Alignment: Left + Aligned at:
0.25" + Indent at: 0.5"
This page will contain contact us information of the company
Also, include inquiry form
Watermark will be applied at the right of the page
Page path will be applied at the top of the page
Not need for all this here write only the major things
33
MessageMessage (optional)
5 Send Bbutton User will receive confirmation email
User email will be stored in DATABASE.
Name
Reference Number
Mention it will clickable and direct the user Formatted: Font color: Red
34
5 Button Bbutton Once the user clicks on it will direct the user
to the selected form pagevacancy details
page.
I.6. Product & Services Formatted: Font: +Headings (Cambria), Font color: Accent
Formatted: Heading 2, Numbered + Level: 1 + Numbering
Style: 1, 2, 3, … + Start at: 1 + Alignment: Left + Aligned at:
0.25" + Indent at: 0.5"
a. Product & Services Listing Formatted: Font: 16 pt
Formatted: Heading 3, Numbered + Level: 1 + Numbering
Style: a, b, c, … + Start at: 1 + Alignment: Left + Aligned at:
This page will have top menu contain all the products and services categories 0.31" + Indent at: 0.56"
Each Category have a listing of products Formatted: Font: 16 pt, Not Bold, Italic
35
# Name Type Description
1 Page path Clickable
12 Categories Buttons User can filter the products/services by
category
23 Products/Services listing Each product/service will have:
Image
Name
36
# Name Type Description Formatted Table
37
J.7. Request a Quotation Formatted: Font: +Headings (Cambria), Font color: Accent
1
Formatted: Heading 2, Numbered + Level: 1 + Numbering
Style: 1, 2, 3, … + Start at: 1 + Alignment: Left + Aligned at:
0.25" + Indent at: 0.5"
This page will contain a simple form for the quotation
Watermark will be applied at the right of the page
Page path will be applied at the top of the page
Reduce the description
38
Letters only
3. First Name (Mandatory)
Letters only
4. Last name (Mandatory)
[email protected]
5. Email (Mandatory)
Numbers only
6. Phone (Mandatory)
Letters only
7. City (Mandatory)
This page will not be included in the site structure and it will have password detected.
This page will contain listing of all news added to the website from the CMS When
admin added a new news an email from the settings (CMS) will send to the admin.
Formatted: Font: 12 pt
Formatted: Normal, No bullets or numbering
39
# Name Type Description
1 News listing Each news will have: Formatted: Font: Bold
Image
Date
Description
2 Loading News will load automatic when user scroll
down
40
# Name Type Description
1 Page image Image
2 News title Text
3 News description Text
41
1. General Note
K.
All the pages will have version controls, meta title, meta tags and meta keywords.
General notes Formatted: Font color: Red
The admin can access the dashboard through hidden link, where he will be required
to fill the credentials to login to the CMS
o Email
o Password
The admin can retrieve the password in case he forgot his password through forget
my password page.
2.3. Dashboard
5. Email Settings
The admin can add new pages using the any of the existing pages templates.
42
5.7. Social Media Links
The admin can manage and add social media links by filling the following:
6.8. Homepage
6.1.8.1. Slider
The admin can manage the text slider with the following actions
a. Add
The admin can add new text slide by filling the following information
For the slider, write it will be a file the file can be video or image It should accept
video as well
b. Order
c. Edit
43
d. Delete
The admin can delete any selected slide. The deleted slide won’t be available on
the CMS.
e. Active/in Active
The admin can active/ in active any selected slide. The active slider will be
available on the website, the in active slider won’t be shown in the website
6.2.8.2. Introduction
The admin can manage this section by edit
44
PNG, JPG
Icon Iimage Yyes
45
Name Type Description Validation Optional
Title Text Field Ssection title Unique No
Title AR Text Field Ssection Arabic title Unique No
Text Text editor Description text No
Text AR Text editor Description Arabic text. No
The admin can manage the features in the home page with the following actions
a. AddEdit
The admin can add edit features by filling the following information editing in
the following:
b. Order
c. Edit
Admin can edit the selected feature information.
d.c. Delete
The admin can delete any selected feature. The deleted feature won’t be
available on the CMS.
The admin can active/ in active any selected feature. The active feature will be
available on the website, the in active feature won’t be shown in the website
46
8.5. Our Approach
a. Edit
Not add here only edit
The admin can manage the categories by editing the following information
b. Order
47
c. Delete
The admin can delete any selected category. The deleted category won’t be
available on the CMS.
d. Active/in Active
The admin can active/ in active any selected category. The active category will be
available on the website, the in active category won’t be shown in the website.
Each Category will have a listing of approaches, Admin will manage the listing by
the following actions
frontend (didn’t understand)
48
The admin can active/ in active any selected approach. The active approach will
be available on the website, the in active approach won’t be shown in the
website.
6.5.
7.1.9.1. Profile
The admin can manage this section by edit
49
Name Type Description Validation Optional
Title Text Field Ttitle No
Title AR Text Field section Arabic title No
Text Text editor Description text No
Text AR Text editor Description Arabic text. No
7.4.9.4. History
a. Add
50
PNG, JPG
Title Text Field Hhistory title No
Title AR Text Field Hhistory Arabic title No
Date Drop-down History dateAdmin will No Formatted Table
menuDate select from the year
picker from drop-down menu
b. Order
c. Edit
c. Formatted: Heading 5, Numbered + Level: 1 + Numbering
Style: a, b, c, … + Start at: 1 + Alignment: Left + Aligned at:
Admin can edit the selected history information. 1" + Indent at: 1.25"
d. Delete
The admin can delete any selected history. The deleted history won’t be
available on the CMS.
e. Active/in Active
The admin can active/ in active any selected history. The active history will be
available on the website, the in active history won’t be shown in the website
8.1.10.1. News
51
a. Add Formatted: Numbered + Level: 1 + Numbering Style: a, b,
c, … + Start at: 1 + Alignment: Left + Aligned at: 1" +
Indent at: 1.25"
The admin can add news by filling the following information
8.2.10.2. Events
i. Page content
52
Ttitle Text field Section title Unique No
Title AR Text field Section Arabic title Unique No
a. Add
b. Order
c. Edit
d. Delete
53
The admin can delete any selected event. The deleted event won’t be available
on the CMS.
e. Active/in Active
The admin can active/ in active any selected event. The active event will be
available on the website, the in active event won’t be shown in the website
8.3.10.3. Gallery
i. Page content
54
Title AR Text field Section Arabic title Unique No
a. Add
b. Order
c. Edit
d. Delete
55
The admin can delete any selected images/ Video. The deleted images/ Video
won’t be available on the CMS.
e. Active/in Active
The admin can active/ in active any selected images/ Video. The active images/
Video will be available on the website, the in active images/ Video won’t be
shown in the website
9.11. Contact Us
The admin can manage this section by edit
10.12. Careers
i. Page content Formatted: Font: Not Italic
56
image Ffile Page image Extensions Yyes
PNG, JPG
Text Text Description text of the No
editor careers
Text AR Text Arabic description text of No
editor the careers
a. Add
b. Order
c. Edit
57
d. Delete
The admin can delete any selected vacancy. The deleted vacancy won’t be
available on the CMS.
e. Active/in Active
The admin can active/ in active any selected vacancy. The active vacancy will be
available on the website, the in active vacancy won’t be shown in the website
11.1.13.1. Categories
The admin can manage the product categories by
a. Add
58
b. Order
c. Edit
d. Delete
The admin can delete any selected category. The deleted category won’t be
available on the CMS.
e. Active/in Active
The admin can active/ in active any selected category. The active category will be
available on the website, the in active category won’t be shown in the website
59
a. Add
b. Order
c. Edit
d. Delete
The admin can delete any selected product. The deleted product won’t be
available on the CMS.
e. Active/in Active
The admin can active/ in active any selected product. The active product will be
available on the website, the in active product won’t be shown in the
websitwebsitee
60
Formatted: Font: Calibri, 18 pt, Font color: Accent 1
14. News Room Formatted: Heading 2, Indent: Left: 0.5"
61
The admin can delete any selected news. The deleted news won’t be available
on the CMS.
15. FAQ
i. Page content Formatted: Numbered + Level: 1 + Numbering Style: i, ii,
iii, … + Start at: 1 + Alignment: Right + Aligned at: 1" +
Indent at: 1.25"
Name Type Description Validation Optional
Title Text field Section title Unique No
Title AR Text field Section Arabic title Unique No
62
d. Delete Formatted: Numbered + Level: 1 + Numbering Style: a, b,
c, … + Start at: 1 + Alignment: Left + Aligned at: 1" +
Indent at: 1.25"
The admin can delete any selected FAQ. The deleted FAQ won’t be available on
the CMS.
63
Image File Extensions Yes
PNG, JPG
1. Contact Us Request
In this section admin will find all the requests from contact us form
Admin can do the following:
Eexport all the emails in excel sheet
, can Vview the details,
and can Ddelete
Filter the data by, dateWhere’s the filtration
Search
2. Careers Request
In this section admin will find all the requests from Careers form
Admin can do the following:
Admin can export all the emails in excel sheet, can view the details, and can delete
Export all the emails in excel sheet
View the details
Delete
64
Filter the data by, date, Job Title, education, gender
Download CVs
Where’s the filtration
3. Request Quotations
In this section admin will find all the requests from quotation form
Admin can do the following:
Export all the emails in excel sheet
View the details
Delete
Filter the data by date, Country, City, Services
Search
Admin can export all the emails in excel sheet, can view the details, and can delete
Where’s the filtration
65