Académique Documents
Professionnel Documents
Culture Documents
Document
Date: 31-Mar-15
Document History
Change Record
Date Author Version Change Reference
22 March 2015 Usman Shahid 0.1 First Draft
Reviewers
Date Author Version Position
24 March 2015 Baha Ghanim 0.1 Engagement Manager
2 SDU–SCAD-SRS-0315-22-V1.0 2
Confidentiality Agreement
The recipient of this document agrees that the information provided within this document
is to be considered confidential and proprietary to Exceed IT Services. Recipient shall not
use the confidential information other than for the purposes of its business with Exceed IT
Services, and shall disclose it only to its officers, directors, or employees with a specific
need to know. Recipient will not disclose, publish or otherwise reveal any of the confidential
information received from Exceed IT Services to any other party whatsoever except with
the specific prior written authorization of Exceed IT Services.
All documents provided by Exceed IT Services are copyrighted and/or protected from any
changes or modifications or any other kind of use outside the scope defined between
Exceed IT Services and the Recipient.
Exceed IT Services retains all title, ownership and intellectual property rights to the
information contained herein, including all supporting documentation. By acceptance of
this document, the recipient agrees to be bound by the aforementioned statement.
3 SDU–SCAD-SRS-0315-22-V1.0 3
1. Table of Contents
3. Introduction ............................................................................................................................... 12
3.1. Purpose ............................................................................................................................................................. 12
3.2. 1.2 Scope:.......................................................................................................................................................... 12
3.3. 1.3 Stakeholders .............................................................................................................................................. 13
3.4. 1.4 Reference Documents ............................................................................................................................. 13
3.5. 1.5 Acronyms, Abbreviations and Definitions ............................................................................................ 13
4.1.7. Operations....................................................................................................................................................... 17
4 SDU–SCAD-SRS-0315-22-V1.0 4
5.2.1.1. Small Devices Home Page Layout ........................................................................................................... 26
5.5.10. Services............................................................................................................................................................. 40
5.6. Footer................................................................................................................................................................. 41
5.6.1. Subscribe ......................................................................................................................................................... 43
5.6.3.2. FAQs.................................................................................................................................................................. 48
5 SDU–SCAD-SRS-0315-22-V1.0 5
5.7.2. Theme Links (2 Level – Child Menu Items) ............................................................................................ 52
IsArabic 60
5.7.7. Feedback.......................................................................................................................................................... 62
6 SDU–SCAD-SRS-0315-22-V1.0 6
5.11.3. Data Visualizations Page / Web Part....................................................................................................... 87
5.13.8. Tenders............................................................................................................................................................. 99
7 SDU–SCAD-SRS-0315-22-V1.0 7
6.4.3. Security .......................................................................................................................................................... 109
8 SDU–SCAD-SRS-0315-22-V1.0 8
2. Table of Figures
9 SDU–SCAD-SRS-0315-22-V1.0 9
Figure 38 – Theme Links .......................................................................................................................52
Figure 39 – User hovered on Abu Dhabi Statistics (whole box) to reveal all sub themes in
that theme / Abu Dhabi Statistics has only 1 Sub Theme (General Publication) ...................53
Figure 40 – User clicked on General Publication to reveal all publications in that sub
theme – (2nd Level Child Menu Items)...............................................................................................54
Figure 41 – User clicked on Explore Abu Dhabi through Statistics Publication in Theme
Links Web Part .........................................................................................................................................55
Figure 42 – User clicked on Abu Dhabi Statistics Theme Box in Themes Link Web Part ....56
Figure 43 – Key Indicators – EN Culture ...........................................................................................57
Figure 44 – Statistical Calendar – EN Culture..................................................................................58
Figure 45 – Press Releases – EN Culture ..........................................................................................59
Figure 46 – Latest Releases – EN Culture .........................................................................................61
Figure 47 – Feedback – EN Culture ...................................................................................................62
Figure 48 - Picture Links........................................................................................................................64
Figure 49 – Quick Text Links – EN Culture .......................................................................................64
Figure 50 – CPI – Consumer Price Index Ticker ..............................................................................65
Figure 51 – Contact DG – EN Culture ...............................................................................................68
Figure 52 – Contact DG Form Submit Message – EN Culture....................................................68
Figure 53 – Surveys Banner Image – EN Culture ...........................................................................69
Figure 54 – All Surveys Web Part – EN Culture ..............................................................................70
Figure 55 – Surveys Detail Web Part (Illustration only) – EN Culture Actual design to be
provided by SCAD ..................................................................................................................................73
Figure 56 – Banner Statistics Publication Pages .............................................................................75
Figure 57 – Banner for Economy in Statistics – EN Culture .........................................................75
Figure 58 – Banner for Economy in Statistics – AR Culture .........................................................75
Figure 59 – Theme Links – EN Culture ..............................................................................................76
Figure 60 – Theme Overview Web Part – EN Culture ..................................................................76
Figure 61 – Publications Web Part (Latest/Must Read 5 Publication Releases from all Sub
Themes in a Theme) – EN Culture .....................................................................................................78
Figure 62 – Publications Release Details Web Part (Publication opened in detail) – EN
Culture .......................................................................................................................................................79
Figure 63 – Must Read (Promotional Content) Web Part ............................................................82
Figure 64 – Interactive Tools Overview Web Part – EN Culture.................................................84
Figure 65 – Mobile Apps Web Part – EN Culture ..........................................................................86
Figure 66 – Methodology Overview Web Part – EN Culture ......................................................89
Figure 67 – Methodology Overview Web Part – EN Culture ......................................................90
Figure 68 – Services Overview Web Part (Illustration only) – EN Culture Updated design to
be provided by SCAD ............................................................................................................................93
Figure 69 – Services Description Web Part for Subscribe Page (Illustration only) – EN
Culture Updated design to be provided by SCAD ........................................................................93
10 SDU–SCAD-SRS-0315-22-V1.0 10
Figure 70 – Services Data Request Web Part (Illustration only) – EN Culture ........................94
Figure 71 – Services Data Request Web Part Confirmation Message – EN Culture.............95
Figure 72 – Services Subscribe Web Part – EN Culture................................................................96
Figure 73 – Services Subscribe Web Part Confirmation Message – EN Culture ....................97
Figure 74 – Services Feedback Web Part – EN Culture ................................................................97
Figure 75 – Services Feedback Web Part Confirmation Message – EN Culture ....................98
Figure 76 – Services Follow Up Web Part – EN Culture ...............................................................98
Figure 77 – Services Follow Up Web Part Confirmation Message – EN Culture ...................99
Figure 78 – SCAD Tenders – EN Culture ....................................................................................... 100
Figure 79 – Services Meeting Request Web Part Confirmation Message – EN Culture ... 102
Figure 80 – Services Statistical Consultations Web Part – EN Culture ................................... 102
Figure 81 – Services Statistical Consultations Web Part Confirmation Message – EN
Culture .................................................................................................................................................... 103
Figure 82 – Media Gallery Web Part – EN Culture ..................................................................... 104
Figure 83 – Media Gallery Web Part (Slider) – EN Culture ....................................................... 104
Figure 84 – All Press Releases Web Part – EN Culture .............................................................. 105
Figure 85 – Contact Us Web Part – EN Culture........................................................................... 106
11 SDU–SCAD-SRS-0315-22-V1.0 11
3. Introduction
This document contains information about SCAD’s intent to have its existing internet web
site redesigned and implemented in a responsive, flexible and interactive design; such that
it requires least number of user actions/interaction to get the content delivered and
presented.
The new Internet Website would be based on advanced SharePoint 2013 technology and
will present various details, information, statistics, releases, publications and statistical
documents/information about Abu Dhabi to GP (General Public/End users).
3.1. Purpose
This document aims at describing the details of requirements (functional and non-
functional) such as functionalities, features, and user interfaces of SCAD Public Website.
In this document, the behaviors, user interface and interactivity details of the website
will be fully described.
By using this document, project team, customer business team, website design and
development team will have a full view about the interface and functions of the SCAD
Website and customer business team can review this document to verify finished
product against requirements specifications.
12 SDU–SCAD-SRS-0315-22-V1.0 12
3.3. 1.3 Stakeholders
Abbreviations Definitions
SCAD Statistics Center Abu Dhabi
SP SharePoint
CRM Dynamics CRM
SRS Software Requirements Specification
CM Content Manager / Admin / Web Management Team
CMS Content Management System
TBD To be defined/decided.
13 SDU–SCAD-SRS-0315-22-V1.0 13
4. Overall description
SCAD’s public facing website will be built on SharePoint 2013 platform. This section will
give a requirements specification overview of the entire website. The website will be
discussed in this context to show how users will interact with it, what features and functions
will be available and introduce the overall functionality of it. This will also describe what
type of stakeholders will use the system and what functionality will be available for them.
Lastly, the constraints and assumptions for the system will be presented.
SCAD’s new SP 2013 website would be accessible to users via Internet. The website will
have two interfaces, one for the common internet end users and one for the Content
Managers and Administrators.
The public facing website will require no login details or credentials to view the website.
The objective of the website is to present statistical publications document and related
information to end users at the click of a button. The site is targeted to have a very neat
and clean user interface with zero to minimal learning curve.
SCAD has designed and developed Adobe PSD design files to build the new site around
that layout. The implementation team will be making use of the exact design files shared
by SCAD to mimic the behavior/functionality by first creating HTML files and will then
integrating in SharePoint. The design files are designed in light of Abu Dhabi style
guidelines and the implementation team will be making sure to implement the behavior
in light of those guidelines.
In case of any design/interaction found missing, SCAD will be providing the required
design/interaction example in Desktop and Small device visualizations
(PSDs/JPEGS/Images).
14 SDU–SCAD-SRS-0315-22-V1.0 14
Rather than having different version to target each specific device; it will have a very
responsive interface to accommodate personal computers as well as common handheld
devices such as Tablets and Mobile devices. The interface will shrink on Mobile devices and
expand on laptop computer to fill up screen space.
SCAD.AE
SharePoint 2013 Server
15 SDU–SCAD-SRS-0315-22-V1.0 15
4.1.1. System Interfaces
The website will be connected to Dynamics CRM via a web service interface. This
web service is developed by CRM team at SCAD and the solution implementation
team will be making use of this service to push and pull data to CRM.
Details on CRM interface are available in the functional requirements section of this
document. Apart from the services module/section, SCAD’s new portal will be a
standalone public website providing statistics and related information to end-users
in the form of read-only content and some downloadable documents.
System will have a friendly user interface and will comply with the guidelines
provided by SCAD and Abu Dhabi Style Guidelines. Details about user interface is
provided in the upcoming sections.
System being a public website; the only software required to use the system is a
modern web browser. List of supported web browsers is provided in Non-Functional
Specification section.
16 SDU–SCAD-SRS-0315-22-V1.0 16
4.1.6. Memory Constraints
None.
4.1.7. Operations
The system only has interface to one external web service for Service
module/section implementation with CRM.
The functions have been divided into categories according to the user types:
1. Administrator/Content Manager
a. Uploads / Manage content on the web site
i. OOTB SharePoint List Forms / No Admin Panel
b. Approves the content to be visible to end-users
i. Content Approval/Rejection Workflow
2. Users / Viewers
a. Explore Web Site
i. Multiple Languages
1. AR - Arabic
2. EN - English
ii. Search
1. SCAD
2. International Statistical Search via Google
iii. View Top Navigation – child menu with 1 level hierarchy
1. To access different modules of the site
iv. Subscribe to SCAD Newsletter
v. Via Social Links – RSS Feeds
17 SDU–SCAD-SRS-0315-22-V1.0 17
vi. View Site Map – Privacy Policy – Disclaimer/Terms of Use –
Laws & Statutes – Statistical Links – Statement of Intent
vii. View Tenders
1. Instructions
2. SCAD Tenders
a. Agree and Download documents if any
3. Vendor Registration
b. Explore Home Page
i. View Sliding Banner
1. Linked to inner page
ii. View Links to Themes in Statistics section of the site with
child menus at (2 level hierarchy)
1. Abu Dhabi Statistics
2. Economy
3. Industry and Business
4. Population & Demography
5. Social Statistics
6. Labor Force
7. Agriculture Environment
iii. View Statistical Key Indicators
1. Linked to Publications - Release
iv. View Calendar / Events
1. Linked to Publications - Release (if required)
v. View Press Releases
vi. View Latest Releases
1. Latest releases from all themes in Statistics section
vii. Provide Feedback
1. Home Page
viii. View Links
1. Picture
2. Text
ix. View CPI – Consumer Price Index
1. Linked to Publications – Release (if required)
c. Explore About Us section
i. Overview
ii. Board Members
iii. DG Message
iv. Contact Director General
v. Organizational Chart
vi. Our Strategy
18 SDU–SCAD-SRS-0315-22-V1.0 18
vii. Cooperation Charter
d. Explore Statistics
i. View Themes / Sub Themes / Publications / Releases
1. Download and View documents/graphs in a release
2. Provide feedback on Publication Release
ii. View All Key Indicators
iii. View Statistical Calendar
e. Explore Services section (Integrated with CRM)
i. General Services
1. Data Request – (CRM)
2. Submit CV
3. Subscribe
4. Feedback – (CRM)
5. Follow Up – (CRM)
6. Tenders
ii. Government Services
1. Meeting Request – (CRM)
2. Training
3. Statistical Consultations – (CRM)
f. Explore Surveys
i. Current and Future Surveys
1. View Details
a. Download documents if any
g. Explore Media
i. Media Gallery
ii. Press Releases
1. Download documents if any
h. Explore Interactive Tools
i. Mobile Apps
ii. Data Visualizations
iii. InfoGraphics
iv. E-Books
v. Provide Feedback
i. Explore Methodology
i. Methodology and Statistical standards
ii. Data Quality
iii. Manuals and Classifications
iv. Download documents if any
j. Explore Contact Us
i. View Multiple Location on ADSIC Maps
19 SDU–SCAD-SRS-0315-22-V1.0 19
4.2.1. HTML5 Features
A Configuration list (SharePoint List) would also be available in the root web to store
any common or technical information that would be used in the site.
Administrators will be able to manage permissions for the website using out of the box
SharePoint features.
Content Managers will have permission to add/update content in the system that is
visible to the normal users / viewers. Information added by content managers will be
approved by Administrators/Approvers to approve/reject the content
Viewers of the website will only use the website to obtain information. The whole site
will be read-only to users except for following forms where they will only be able to
submit information to SCAD.
1. Feedback forms
2. Contact DG form
3. Services section forms
4.5. Constraints
There are no special constraint for the end user except to have a modern browser that
supports HTML5 and an Active Internet Connection on the device.
20 SDU–SCAD-SRS-0315-22-V1.0 20
4.6. Assumptions and Dependencies
The design for the website (Desktop and Small Devices) will be provided by SCAD
including PSD and Image files for each page in each section of the website. Visual
comments or Illustration can be provided for small to little changes.
As understood the design files which SCAD will provide will be designed in light of
Abu Dhabi Style Guidelines. The implementation team will be following the design
files (PSDs/Images) provided by SCAD.
Content Managers will use out of the box SharePoint capability (lists/libraries) to
update content. Illustrative and self-explanatory navigation will be setup to let
content managers guide in updating each section of the website. As SharePoint
2013 provides extensive content management capabilities, custom admin panel will
not be part of the solution.
SCAD will provide the hardware and software for the SharePoint servers.
SCAD will provide the SQL farms necessary for the environments.
Providing Firewall and configuring is SCAD responsibility.
SCAD will be responsible for the hosting.
For Eservices, CRM availability is SCAD’s responsibility. Data for Eservices will not be
stored in SharePoint, it will be retrieved and pushed to SCAD’s CRM on the fly.
The implementation team will need CRM web service URL availability on internet for
them to implement it in the new design.
The website will support only mentioned browsers in the non-functional
requirements section.
Users will be fetched from SCAD’s Active Directory.
Security will be managed by SCAD.
SMTP for Outgoing email will be configured by SCAD.
This solution does not include any windows or web services development.
All the information except for Eservices will be stored in SharePoint lists not in SQL
Servers.
Content should be fully edited and adjusted outside SharePoint before uploading.
Styling or formatting for Printing will be out of the box.
There will be no sign in option via social sites in the website.
This solution only includes out of the box workflow to approve/reject publications
being uploaded by content managers (content managers will upload the content
and admins will approve).
Only approved publication releases will be displayed on the website
Anything not mentioned in details is this document is only content.
Emails sent from SharePoint internally will not be customized and will be in English.
Emails sent to public users will have both English and Arabic text in same email
body.
21 SDU–SCAD-SRS-0315-22-V1.0 21
Email sent to public users will be plain text and will not be based on any content
template.
Internal emails (to web management team) will be will be sent at web@scad.ae.
Emails sent to end users will be from: no-reply@scad.ae both of these email address
will be configurable and stored in Configurations List.
Designs embedded in this document are for reference only.
Actual site may show slight to some difference and will resemble to the designs
provided by SCAD.
The SharePoint list schemas and number of SharePoint Lists/Web Parts mentioned
in the document are for understanding reference only. The total number of web
parts and lists/libraries and architecture may vary in actual implementation.
22 SDU–SCAD-SRS-0315-22-V1.0 22
5. Functional Requirements
Following are the identified components of the system.
SharePoint 2013 variations (manual) feature will be used to implement SCAD’s website
with bilingual (Arabic and English) front end. A language switch link will be provided
on website in header, which will allow visitors to switch from Arabic flavor of website
to English, and vice versa. SharePoint 2013 Variations will be manual and will not be
used for data or content propagation. It will just provide a virtual segregation between
English and Arabic.
A Page Layout in SharePoint is a template for a page that users/admins apply to their
content for a consistent layout of information. The zones in the page layouts are used
to add web parts.
Page Layouts are based on a Master Page and inherit certain controls defined in it. For
SCAD website, header and footer will be part of the Master Page, this will ensure that
same look and feel is maintained throughout the site and same header and footer are
available in each page. Following are the Page Layouts which will be available in the
website:
23 SDU–SCAD-SRS-0315-22-V1.0 23
Figure 1 - Home Page Wireframe – EN Culture
24 SDU–SCAD-SRS-0315-22-V1.0 24
Figure 2 - Home Page Layout Design (Desktop) – EN Culture
25 SDU–SCAD-SRS-0315-22-V1.0 25
5.2.1.1. Small Devices Home Page Layout
26 SDU–SCAD-SRS-0315-22-V1.0 26
5.2.2. Statistical Page Layout
The statistical page layout is as follows. Each page in Statistics section will be based
on this layout.
27 SDU–SCAD-SRS-0315-22-V1.0 27
Figure 5 – Statistical Page Layout Design (Desktop) – EN Culture
28 SDU–SCAD-SRS-0315-22-V1.0 28
5.2.3. Single Column Page Layout
This single column content page layout will be created to achieve the same look
and feel for every other page in the website. Following predefined zones will be
included in this page layout which will have multiple web parts to render the content.
29 SDU–SCAD-SRS-0315-22-V1.0 29
The single column content page layout will be used in the following sections of the
website:
About Us
Surveys
Interactive Tools
Methodology
Services
Media
Contact Us
The single column page layout will also be referenced in the content/inner pages of
the website including:
Search Pages
Site Map
Privacy Policy
Disclaimer/Terms of Use
RSS
Laws and Statutes
Statistical Links
Statement of Intent
Single column page layout will be used for the above mentioned sections and pages
in SCAD website.
Actual PSD (Design) files for Desktop and Small Devices will be shared by SCAD for
each section in the site.
30 SDU–SCAD-SRS-0315-22-V1.0 30
Economy #b5985a
Industry #336d71
The color codes will be stored in SharePoint Themes List. The schema for the list is
mentioned in section (5.10.3). Content Managers will be able to update color codes
for a theme anytime, they wish. This change will be reflected in Home Page, Statistics
and Surveys sections of the website including anywhere else where themes branding
will be getting used.
5.5. Header
31 SDU–SCAD-SRS-0315-22-V1.0 31
Figure 10 - Header Design (Small Devices) – AR Culture
The primary purpose of header is to promote company’s brand and make it instantly
recognizable to users. Users should instantly know they have arrived at the correct
place. Global header would be visible on each page of the website. Header would stick
to top while scrolling the website in desktop computers only.
Alignment of header would stay the same in both English and Arabic site
SCAD logo would stay on right on both English and Arabic site.
32 SDU–SCAD-SRS-0315-22-V1.0 32
Figure 14 – Header – Search (Small Devices) – AR Culture
Language switch button would toggle the website language between Arabic and
English and will be available throughout the website.
The search options menu will be created dynamically from a SharePoint list
containing approved items. If Content Manager adds or deletes items from the list;
it will be automatically reflected in the search options.
SCAD website search will search content within SharePoint Database while when
selecting International Statistical Search the search will be queried using Google
search JS API. Both search options will navigate user to a single page with different
results. The International statistical search will be using the following JS to render
results from Google.
Following will be the schema of the SharePoint list for Search in SCAD.
33 SDU–SCAD-SRS-0315-22-V1.0 33
Title_AR Single line of text
MenuOrder Number
34 SDU–SCAD-SRS-0315-22-V1.0 34
The logo for SCAD new SP 2013 website will be updateable and Content Managers
will use OOTB SharePoint capability to change it, if necessary. The logo will be
positioned right in the header, floating right.
SCAD website logo would be a clickable image. Upon clicking it will take the user to
the homepage of the website irrespective of where the user is within same
window/tab.
35 SDU–SCAD-SRS-0315-22-V1.0 35
Figure 20 – Header – Top Navigation (Small Devices) – AR Culture
The top navigation menu will be created dynamically from a SharePoint list
containing approved items and will be a 1 level child menu only. If Content Manager
adds or deletes items from the list; it will automatically be reflected in the top
navigation menu. Child menus will render by clicking on the parent menu item
Clicking on parent menu items in the top navigation will reveal child menu items
and clicking on each of these will take to their respective page in the website.
The menu will only contain textual items. Main menu on Small Devices will open
from the right. Top menu and sub menus will open when touched on the heading.
Since the menu is not simple but has style for each item, the number of items menu
can accommodate could be less than normal. Following will be the schema of the
SharePoint list.
Column Name Type
MenuOrder Number
36 SDU–SCAD-SRS-0315-22-V1.0 36
HomePageMenuOrder Number
ShowOnHomePageMenu Yes/No
ShowOnInnerPageMenu Yes/No
ShowOnSiteMap Yes/No
ParentNavigation Lookup
FooterOrder Number
Currently selected menu item in the top Navigation will be displayed in SCAD
branding (Red color) with red as background color while white being the foreground
text.
Following is the list of Parent and Child menu items in the order in which they will
be available in Top navigation. Items marked (bold in the following list) and having
child menu items as shown below will have a dropdown arrow along with the text
to let user know that there are child menu items available for the menu item.
Surveys المسوحات
Current تيار
Future مستقبل
Statistics إحصاءاتنا
37 SDU–SCAD-SRS-0315-22-V1.0 37
Abu Dhabi Statistics إحصاءات أبوظبي
Economy اقتصاد
Industry and Business الصناعة واألعمال
Population and Demography السكان والديموغرافيا
Social اإلحصاءات االجتماعية
Labor Force القوى العاملة
Agriculture and Environment الزراعة والبيئة
Key Indicators األرقام الرئيسية
Statistical Calendar التقويم االحصائي
Methodology منهجية
Methods and Statistical Standards األساليب و المعايير اإلحصائية
Data Quality جودة البيانات
Manuals and Classifications األدلة والتصانيف
Services الخدمات
General عام
Government حكومة
5.5.4. Home
Home will be a single menu in the top navigation. Clicking on it will take the user to
Home Page of the web site. Home is discussed in detailed in Home Page
Components section.
38 SDU–SCAD-SRS-0315-22-V1.0 38
5.5.5. About Us
About Us will have child menu items and upon clicking it will display the child menu
items. About Us section is discussed in detailed in About Us Components section.
5.5.6. Surveys
Surveys will have child menu items and upon clicking it will display the child menu
items for Surveys section in the website. Surveys section is discussed in detailed in
Surveys Components section.
Surveys المسوحات
Current تيار
Future مستقبل
5.5.7. Statistics
Statistics will have child menu items and upon clicking it will display the child menu
items for Statistics section in the website. Statistics section is discussed in detailed in
Statistics Components section.
Statistics إحصاءاتنا
Abu Dhabi Statistics إحصاءات أبوظبي
Economy اقتصاد
Industry and Business الصناعة واألعمال
Population and Demography السكان والديموغرافيا
Social اإلحصاءات االجتماعية
Labor Force القوى العاملة
39 SDU–SCAD-SRS-0315-22-V1.0 39
Agriculture and Environment الزراعة والبيئة
Key Indicators األرقام الرئيسية
Statistical Calendar التقويم االحصائي
5.5.9. Methodology
Methodology will have child menu items and upon clicking it will display the child
menu items for Methodology section in the website. Methodology section is
discussed in detailed in Methodology Components section.
Methodology منهجية
Methods and Statistical Standards األساليب و المعايير اإلحصائية
Data Quality جودة البيانات
Manuals and Classifications األدلة والتصانيف
5.5.10. Services
Services will have child menu items and upon clicking it will display the child menu
items for Services section in the website. Services section is discussed in detailed in
Services Components section.
Services الخدمات
General عام
Government حكومة
40 SDU–SCAD-SRS-0315-22-V1.0 40
5.5.11. Media
Media will have child menu items and upon clicking it will display the child menu
items for Media section in the website. Media section is discussed in detailed in
Media Components section.
5.5.12. Contact Us
Contact Us will be a single menu in the top navigation. Clicking on it will take the
user to Contact Us section of the web site. Contact Us is discussed in detailed in
Contact Us Components section.
5.6. Footer
The footer will appear in all page of the SCAD website and is part of the Master Page.
41 SDU–SCAD-SRS-0315-22-V1.0 41
Figure 23 – Footer (Small Devices) – EN Culture
42 SDU–SCAD-SRS-0315-22-V1.0 42
Figure 24 – Footer (Small Devices) – AR Culture
5.6.1. Subscribe
End users will be able to subscribe to SCAD’s Newsletter. Email address of a user
subscribing to SCAD’s Newsletter will be saved in a SharePoint List.
Users will enter their email address and press subscribe button. Once the user
subscribes and proper email validation occurs he/she will be presented with
greeting text that he subscribed to the newsletter. A confirmation email will also be
sent to the subscribing user that he/she has successfully subscribed to the
newsletter.
43 SDU–SCAD-SRS-0315-22-V1.0 43
An item added event receiver will be created for Newsletter Subscription list.
Following is the schema of this list.
A custom SharePoint list will be created to manage social links in the SCAD footer.
The schema for the list will be like:
Facebook https://www.facebook.com/adstatistics
Twitter https://twitter.com/adstatistics
LinkedIn https://www.linkedin.com/in/adstatistics
YouTube https://www.youtube.com/user/adstatistics
Google+ https://plus.google.com/101415886706208605001
44 SDU–SCAD-SRS-0315-22-V1.0 44
5.6.2.1. RSS
RSS web part will be created to point users to RSS feeds link. Out of the box
SharePoint capability will be used to generate RSS feeds for the Release List.
The web part will query a SharePoint list to render RSS links. Following is the
schema of that list.
Column Name Type
IsArabic Yes/No
45 SDU–SCAD-SRS-0315-22-V1.0 45
5.6.3. Footer Links
A custom SharePoint list will be created to store configurable links without any
image or thumbnail. The maximum number of items are limited to 8. The links will
be pointing to content pages and will take user to that page in same browser
window/Tab.
MenuOrder Number
HomePageMenuOrder Number
ShowOnHomePageMenu Yes/No
ShowOnInnerPageMenu Yes/No
ShowOnFooterSecondLastRow Yes/No
ShowOnFooterLastRow Yes/No
46 SDU–SCAD-SRS-0315-22-V1.0 46
Home Link to Home Yes No
Page
All page links mentioned in the above table will inherit Single Column Page
Layout.
47 SDU–SCAD-SRS-0315-22-V1.0 47
Figure 30 – Site Map – EN Culture
5.6.3.2. FAQs
FAQs are frequently asked questions. A web part will be created to display
FAQs to the user. FAQs will be retrieved from a SharePoint list and Content
Manager will be able to update them in the list.
Question
Answer
48 SDU–SCAD-SRS-0315-22-V1.0 48
Figure 31 – FAQs – EN Culture
The actual design in the implementation will resemble to the design which
SCAD will provide for FAQs and may include additional web parts (banner) as
shown in the single column page layout.
49 SDU–SCAD-SRS-0315-22-V1.0 49
5.6.3.3. Privacy Policy
Privacy policy web part will be created and added on Privacy Policy page. This
will just be a text content similar to FAQs and Content Manager could update
the privacy policy anytime and it would reflect in ER and AR cultures of the site.
5.6.5. Copyrights
This simple text would be saved in a configuration SharePoint list. This will not be a
clickable link only static text. Creative commons will be a link and clicking on it will
take the user to http://creativecommons.org/licenses/by/3.0/deed.en_US
The link value and Image of creative commons link will also be stored configuration
list.
50 SDU–SCAD-SRS-0315-22-V1.0 50
sitemap staying on the same page. When the expand sitemap will be clicked the
footer will expand upwards to reveal SCAD SP 2013 sitemap.
Once expanded the site map will also be collapsible by clicking on Collapse sitemap.
Clicking on any link in the sitemap will take the user to the target navigation page.
5.7.1. Banner
51 SDU–SCAD-SRS-0315-22-V1.0 51
The banner on the home page will be a rotating carousel of max 5 images. It would
be SharePoint web part added to the home page. The web part would take images
from a SharePoint Picture Library.
1. Banner will be clickable and clicking on the current image hyper link will
navigate user to the respective link
2. There will be maximum of 5 images displayed in the Banner.
3. Latest 5 approved images will be retrieved by the web part in a sorting order
defined in the picture library schema.
4. User would be able to change the image from bottom bullet controls.
5. Content Managers will be able to add text (Title, Description) for a banner
image. The text will render as overlayed on the image in the banner web
part.
6. Out of the box SharePoint content approval feature would be used
7. Only images with approved status will be displayed on the homepage.
8. Different set of max 5 images can be added for EN & AR sites
5.7.2. Theme Links (2 Level – Child Menu Items)
Primary purpose of the SCAD website is to give end user statistical information.
Theme links on the Home Page and Statistics section provide direct access to this
information by using 2 level child menu items implementation. The statistical
information hierarchy goes as below:
Themes
Sub Themes (Sub Categories)
Publications
Releases
Documents (Each release has document
related to that publication release)
Feedback on a release
The links in the above figure represent themes. Currently there are (7) themes:
52 SDU–SCAD-SRS-0315-22-V1.0 52
2. Economy
3. Industry and Business
4. Population and Demography
5. Social Statistics
6. Labor Force
7. Agriculture & Environment
1. Themes
2. Sub Themes
3. Publications
4. Releases
5. Documents in Publication Release
Mouse over on the Theme Box will grey out other theme boxes and first reveal sub
themes in that theme. Further clicking on any sub theme will reveal all publications
in that sub theme in a collapsible/expand manner.
Illustration below:
Figure 39 – User hovered on Abu Dhabi Statistics (whole box) to reveal all sub themes in that theme / Abu
Dhabi Statistics has only 1 Sub Theme (General Publication)
53 SDU–SCAD-SRS-0315-22-V1.0 53
Figure 40 – User clicked on General Publication to reveal all publications in that sub theme – (2nd Level Child
Menu Items)
If user clicked on any publication for example ‘Explore Abu Dhabi through Statistics’
in the above menu, he will be navigated to Latest Release of this Publication in
expanded mode and previous releases list below in a detailed page under Statistics
section of the web site:
The max releases count will be (5) per page and incase the total number of releases
increased than 5 pagination will be used.
54 SDU–SCAD-SRS-0315-22-V1.0 54
Figure 41 – User clicked on Explore Abu Dhabi through Statistics Publication in Theme Links Web Part
The above page is under Statistics section showing user clicked Explore Abu Dhabi
through Statistics Publication and its Latest Release in expanded mode and
previous releases collapsed below it.
In the actual implementation there will be a total 5 releases per page. For example
in the above scenario Latest Release will be in expanded mode and (4) old
releases will be in collapse mode. Clicking in any of the collapsed release will
expand it collapsing currently expanded release.
In case the user did not click on the Publication directly and clicked on the theme
box he/she will be directed to another content page in Statistics section showing
(5) Latest Releases from all sub themes and (5) Must Read Publications in that
theme.
Illustration below:
55 SDU–SCAD-SRS-0315-22-V1.0 55
Figure 42 – User clicked on Abu Dhabi Statistics Theme Box in Themes Link Web Part
56 SDU–SCAD-SRS-0315-22-V1.0 56
5.7.3. Key Indicators
The key indicators web part will display Key Indicators from a SharePoint list in a
rotating carousel view.
1. Each page in Key Indicators will be of a different Theme in Statistics
2. There will be a maximum 5 key indicator for each Page
3. Each Key Indicator will be linked to a Publication
4. Clicking on any Key Indicator will take user to the Publication Latest Release
page in expanded mode – No other/previous releases will be displayed in
that view.
5. Color of the Key Indicators theme will be fetched from color codes
SharePoint list. For example in the figure above Agriculture and Environment
text and the left border of the container is being displayed in its respective
RGB color code (#a3ac73)
6. Clicking on the total count of Key Indicators will take user to the All Key
Indicators content page under Statistics Section
Last updated date will be of the Key Indicator last modified/updated and added in
the Key Indicators SharePoint list.
To the right side total count of key indicators and publications in the website will be
displayed and this data will not be clickable and will be available for view only
purposes.
57 SDU–SCAD-SRS-0315-22-V1.0 57
The description of the Key Indicators on home page will also be updateable and will
be store in SharePoint configurations List.
The schema of the SharePoint List for Key Indicators will be:
IsArabic Yes/No
Statistical calendar will display a quarterly view of the current year on the home
page.
58 SDU–SCAD-SRS-0315-22-V1.0 58
Click on the publication will take user to the latest release of that publication
in expanded mode – No other/previous releases of that publication will be
shown on that page.
All items in the calendar will be displayed without color (white) in the web
part. On mouse over of an item in any quarter the hovered item will display
the color of the theme the linked release was. For example; in the above
example the item hovered in First quarter was linked to a release in economy
theme.
IsArabic Yes/No
59 SDU–SCAD-SRS-0315-22-V1.0 59
This section on the home page will be a Latest Press release web part displaying the
latest press release added in the website. Press releases will actually be document
files getting uploaded by Content Managers in SharePoint document library.
The web part will be displaying the press release logo, title, published date, press
release type and the description of it in ~ 3 to 5 lines.
A press release can be of 3 types, the logo of the press for each type will also vary
depending on the press release type. Following are the types of press release in
SCAD:
1. Press release
2. Agreement
3. Newsletter Release
Clicking on the logo or title of the press release will navigate user to the press
release details page under Media section of the website, where clicking on more
button will actually download the press release document.
The schema of SharePoint Document library for Press Release will be:
IsArabic Yes/No
A separate SharePoint list will be created to maintain types of release for Press
Releases. Following is the schema of list for Press Release types:
60 SDU–SCAD-SRS-0315-22-V1.0 60
Title Single line of text
ReleaseType_AR Choice
The latest release web part displays latest release publications from all 7 themes in
the website. These latest release can be from any sub theme in a theme. Following
are the features of this web part
The Latest Release web part will query latest (last 3) publication releases from the
SharePoint custom list for Releases.
61 SDU–SCAD-SRS-0315-22-V1.0 61
Title_AR Single line of text
MustRead Yes/No
IsArabic Yes/No
The details page for a Latest release would include the release expanded in the
brand color of the theme it belonged to. Older/Previous releases will not be
shown in this view.
Content Managers will be able to add new release for a publication by creating a
new item in the above list and then uploading documents for this release in a
separate document library. The release will stay in draft mode unless the users in
admin role approve it via a workflow.
5.7.7. Feedback
62 SDU–SCAD-SRS-0315-22-V1.0 62
The feedback web part on the home page will let users give their feedback to the
question mentioned in the web part. Both the questions and the choice will be
updateable and Content Managers will be able to update the text (question +
options) which displays in this web part.
The web part will store the feedback comments and question information in a
custom SharePoint Feedback Result list. If configured the web part will also be
emailing feedback to the email address mentioned in the Feedback Configuration
list.
The web part will also include a captcha control for a word verification where only
numbers and alphabets will be allowed. Selecting the option and submitting
comment will reveal captcha for words verification, once the captcha verifies the
information will be saved.
By default the email address where emails be sent, will be: web@scad.ae
SendEmail Yes/No
IsArabic Yes/No
63 SDU–SCAD-SRS-0315-22-V1.0 63
Title_AR Single line of text
The small banner would display series of images in a rotating carousel behavior. The
images would be configurable and will be saved in a SharePoint Image Gallery.
Content Managers would be able to provide a URL with the image and upon
clicking, user will be redirected to the specified URL. The Picture Links web part will
contain left and right arrows to scroll images.
The Quick Text Links web part will render two types of links:
64 SDU–SCAD-SRS-0315-22-V1.0 64
Text Links (Max 4)
A custom SharePoint list will be created to store these links along with pictures/texts.
Order Number
IsArabic Yes/No
The Laws and Statutes, Statistical Links and Statement of Intent will be links to
content pages within the SCAD website and the layout of these page and content
render/update behavior will be similar to what described in section (5.6.3.4).
A web part would be added to the home page that will display consumer price
indexes in a marquee ticker style. Information in this web part will come from a
SharePoint list for CPI and the title of the consumer price will be clickable to navigate
to some release in the publication.
Content Managers will be able to update this information on a monthly period and
any price for which value is below 0 will be shown by downward green, value equal
to 0 with dash and value more than 1 will be shown by upward red arrow.
65 SDU–SCAD-SRS-0315-22-V1.0 65
The schema for CPI SharePoint list will be:
Order Number
IsArabic Yes/No
Overview
Board Members
Cooperation Charter
DG Message
Contact Director General
Organizational Chart
Strategy
Each page in this section will follow the layout mentioned for About Us in Content
Page Layouts section (5.2.).
66 SDU–SCAD-SRS-0315-22-V1.0 66
The generic schema of SharePoint custom list for page contents in About Us section
will be:
IsArabic Yes/No
The web parts in each section will read the key/value pairs of information to present
the data. Content Managers will be able to update the content in About Us by
updating values in the above list.
Captcha Control Yes Word Verification Code Numbers and Alphabets only
67 SDU–SCAD-SRS-0315-22-V1.0 67
Figure 51 – Contact DG – EN Culture
Following message will appear once the user submits the form:
A confirmation email will also be sent to the end user. An item added event
receiver will be written for sending confirmation email.
Each page in this section will follow the layout mentioned for Surveys in Content Page
Layouts section (5.2.).
68 SDU–SCAD-SRS-0315-22-V1.0 68
There are two kinds of surveys in SCAD, current and future. The website will have
three web parts to cater surveys functionality, one to display banner image on the
pages, second to display all surveys (Current/Future) and the third to display a survey
in details page.
The banner image web part on all surveys page will be just an image and not
clickable. There will be different images for EN and AR cultures. Content Managers
could change the above image in surveys by uploading a new image of
similar/appropriate (dimensions) in SharePoint Picture Library.
In case of the details page this image will be of the respective theme, survey was
linked to. Read below sections for more details:
By default current Surveys tab will be the default view. A survey can be linked to a
theme. By linking a survey to a theme makes it adopt certain features of theme.
For example the logo, title and banner in the details page.
Illustration below:
69 SDU–SCAD-SRS-0315-22-V1.0 69
Figure 54 – All Surveys Web Part – EN Culture
In the above figure each survey is linked to a theme. Multiple surveys can be
linked to a theme. But multiple themes cannot be linked to a survey. For example
Annual Economic Survey and Quarterly Economic Survey are linked to Economy
theme. This is the reason the icon and title of these are in Economy theme color
code.
Each survey in this web part will have an icon, title and descriptive text with a more
link which will take user to the details page of the survey.
70 SDU–SCAD-SRS-0315-22-V1.0 70
For surveys which are linked to a theme, Content Managers will upload
appropriate icon and specify a color code for it. They will also be able to specify if
clicking on more will take user to some http:// link instead of opening it in a details
page.
For example:
All of this is configurable in a SharePoint list. Following will be the schema for
SharePoint Surveys List.
SurveyOrder Number
ThemeLookup Theme
IsArabic Yes/No
71 SDU–SCAD-SRS-0315-22-V1.0 71
5.9.3. Survey Details Web Part
This web part will be added on Surveys Details Page and will display the details of
a survey from a separate SharePoint List.
Introduction
Survey Field Date
Objectives
Benefits of Survey/Project to the society
Time Frame
Sample Size / Targeted Entities
Deliverables
The above headings will be displayed in the theme color code and banner web
part will also display respective theme banner image.
72 SDU–SCAD-SRS-0315-22-V1.0 72
Figure 55 – Surveys Detail Web Part (Illustration only) – EN Culture
Actual design to be provided by SCAD
The survey also has documents attached to it. The documents will be uploaded in
a separate SharePoint document library.
Demo
Glossary
Survey Questionnaire
If there will not be a document or content in the above mentioned sections, the
section will altogether be hidden from the web part/page and will not be
rendered.
73 SDU–SCAD-SRS-0315-22-V1.0 73
Deliverables Multiline text / Note
IsArabic Yes/No
DocumentSortOrder Number
IsArabic Yes/No
Document download icon will vary depending on the type of document; PDF /
PowerPoint / Excel; clicking on the name or icon of document will download it. File
size will also be mentioned along with document icon.
Publications Page
o Displaying Latest and Must Read 5 Publications
Publications Detail Page
All Key Indicators Page
Statistical Calendar
Each page in this section will follow the layout mentioned for Surveys in Content Page
Layouts section (5.2.).
74 SDU–SCAD-SRS-0315-22-V1.0 74
5.10.1. Banner Image
The banner image web part on statistics publication details page will be just an
image of the current theme the user has selected. For example, the above image
will change if the user was either in Economy, Industry & Business, Population &
Demography, Social Statistics, Labor Force or Agriculture & Environment.
Separate images will be used for EN and AR site. An example of banner, when the
user was in Economy theme will be:
The images for statistics banner section will be stored in a separate SharePoint
Picture Library.
75 SDU–SCAD-SRS-0315-22-V1.0 75
5.10.2. Theme Links
Theme links will have the same functionality as mentioned in the Home Page
(Theme Links) Components. If the user opened publications page within economy
theme the Theme Links will have the above style.
Theme Overview Web Part will display overview of the current theme. The title of
the theme and description overview will be fetched from SharePoint Themes
custom list. The web part will display 5 lines of overview at a time and scrollbar will
be used to scroll the overflow vertical content.
Title and left border color code for the overview container will be fetched from
Color Codes SharePoint List for the respective theme.
76 SDU–SCAD-SRS-0315-22-V1.0 76
ThemeRGBColorCodeWithoutPoundSign Single line of text
IsArabic Yes/No
The publication web parts are the most web important web parts in SCAD website
as they provides the core information users are interested in; two web parts will be
created to cater the publications functionality:
Publications Web Part; Displays latest (5) and must read (5) releases in a
theme
Publication Release Details Web Part; displays latest release in expanded
while previous releases in collapsed mode. The expanded release displays
the documents and let end users post feedback as well. While submitting
the feedback captcha information is also required.
The list to retrieve data for these will be a SharePoint custom list. Publication
Release custom list schema is already mentioned under section (5.7.6). The color
of most of the content will be based on what theme the current user is on.
77 SDU–SCAD-SRS-0315-22-V1.0 77
Figure 61 – Publications Web Part (Latest/Must Read 5 Publication Releases from all Sub Themes in a
Theme) – EN Culture
This web part will be added to the default page in Statistics section and will
display the latest 5 or must read 5 releases from the current theme in all
subthemes in two tabs. The default tab will be of Latest Release.
Content Managers will be able to add new releases in the draft mode and will
the release will need to get approved before getting displayed to the end
users. A two-step content approval/rejection workflow or SharePoint out of the
box content approval/rejection feature will be used for this purpose.
Clicking on a publication will navigate user to the details page where the
following web part will be added.
78 SDU–SCAD-SRS-0315-22-V1.0 78
Figure 62 – Publications Release Details Web Part (Publication opened in detail) – EN Culture
The breadcrumb at the top tells user under which theme and subtheme the
following release is.
79 SDU–SCAD-SRS-0315-22-V1.0 79
The expanded release displays the image, title of the release, description, issue
date and type a long-with attached documents (from a separate document
library).
IsArabic Yes/No
Following are the types of document content managers can upload, a separate
SharePoint list will be created to manage document types:
Publication
Indicators
Tables
Time series
Methodology
InfoGraphic
Maps
Table Builder
DataVisualization
iBook
80 SDU–SCAD-SRS-0315-22-V1.0 80
Following is the schema of document type SharePoint list for release
documents:
Clicking on any document type will download the document except for
DataVisualization which will be an HTML File and will be opened within the
browser in a new tab and not downloaded.
The feedback will work the same way as home page feedback web part works
and the question/option will be retrieved from Feedback Configuration list
saved to Feedback Results list and will be sent to the registered email address
if marked yes. See section for full details (5.7.7.).
This same web part will be used to display the latest releases only scenarios,
where older/previous releases will not be displayed to user.
81 SDU–SCAD-SRS-0315-22-V1.0 81
ImageUrl_AR Single line of text / Picture
IsArabic Yes/No
The title (background) of the web part will be branded to be of the theme color
code the current user in; so for example Agriculture and Environment if user was
under this theme. The web part would look like this:
This web part will also be used to render All Key Indicators for a specific theme, for
the user being navigated to this Web Part/Page from Home Key Indicators Web
Part.
82 SDU–SCAD-SRS-0315-22-V1.0 82
SharePoint list schema for All Key Indicators Web Part is already defined in section
(5.7.3).
SharePoint list schema for Statistical Calendar Web Part is already defined in
section (5.7.4).
There will also be a feedback web part at the bottom of the page. The schema for
Feedback web part will be similar to Feedback mentioned in section (5.7.7.).
While submitting the feedback, following fields will be part of the form.
Once submitted after proper validation, the feedback will be saved in Interactive tools
Feedback Results list.
Each page in this section will follow the layout mentioned for Interactive Tools in
Content Page Layouts section (5.2.).
83 SDU–SCAD-SRS-0315-22-V1.0 83
5.11.1. Interactive Tools Overview Page / Web Part
The Interactive Tools overview web part will be added on Services overview page
and will display four tabs along-with a brief description for interactive tools at the
top.
Mobile Apps
Data Visualizations
InfoGraphics
E-Books
For each of these above four pages/tabs in the Interactive tools, the overview web
part will have four images. Hovering on any of the 4 overlay images (tablet, iMac,
Graph, EBook) will grey out other images; distinctively urging the user to select the
current option.
Illustration below:
The overview text will be updateable by content managers and will be retrieved
from a SharePoint list for overviews in Interactive Tools.
84 SDU–SCAD-SRS-0315-22-V1.0 84
5.11.2. Mobile Apps Page / Web Part
The Mobile Apps web part will be added on Mobile Apps page and will display
overview textual content for Mobile Apps including detailed content in
expand/collapse manner. By default the content will be expanded and will be of a
specific height. A vertical scrollbar will be used in case the content will overflow the
height of container.
For Mobile Apps section in Interactive tools these links will navigate to app stores.
The links will be rendered as App screenshot and App store icons.
Illustration below:
85 SDU–SCAD-SRS-0315-22-V1.0 85
Figure 65 – Mobile Apps Web Part – EN Culture
The schema of SharePoint list for Mobile Apps section will be:
86 SDU–SCAD-SRS-0315-22-V1.0 86
Title Single line of text
IsArabic Yes/No
A separate SharePoint list will be created to add links for Mobile section item
IsArabic Yes/No
IsArabic Yes/No
87 SDU–SCAD-SRS-0315-22-V1.0 87
The links in the Data Visualization content items will be pointing to some resource
in http://sis.scad.ae/ domain.
The links in InfoGraphics content item will not navigate the user to some other
domain or app store link, but will actually be downloadable PDF documents.
The links in E-Books content will point to kindle apps store similar to Mobile Apps
content items links.
Methodology Overview
Methods and Statistical Standards
Data Quality
Manuals and Classifications
Each page in this section will follow the layout mentioned for Methodology in Content
Page Layouts section (5.2.).
The hover effects and the functionality of this web part is similar to as what
described in Interactive Tools Overview Web Part (5.13.1).
88 SDU–SCAD-SRS-0315-22-V1.0 88
Figure 66 – Methodology Overview Web Part – EN Culture
Clicking on any of the three tabs or respective overly images will open its details
page. The three tabs for Methodology are:
The overview text will be updateable by content managers and will be retrieved
from a SharePoint list for overviews in Methodology.
All content will be ready only and no data forms will be available. Links will be part
of the content to download any documents, if necessary. Content Managers will
89 SDU–SCAD-SRS-0315-22-V1.0 89
be able to update the content for Methodology sections via respective SharePoint
lists.
Above is just an illustration of what the web part / page will look like. Actual
implementation may vary and will be similar to the updated designs provided by
SCAD.
90 SDU–SCAD-SRS-0315-22-V1.0 90
5.13. Services Components
Services section will have the following pages:
Out of these above pages last three will fall under Government services while the rest
in General services. Every page in this Services section pulls and push data to CRM via
a WCF web service, which will be made public temporarily to be accessible outside the
SCAD’s intranet until final solution deployment.
The Services overview page, submit CV, tenders and training page will have just plain
HTML content (no data forms) and will not be integrated with CRM.
Content/Information within these three pages will be retrieved from SharePoint lists.
For the remaining data form pages; documents, links, some brief textual description
and icons will be saved within SharePoint. While the forms will be rendered in the web
part on the fly using some dynamic and some static controls. Once the form submits
and proper validation occurs it will push the information in CRM using WCF web
service. Form web parts are mentioned in the following section with complete field
level details.
Once the data is submitted it, the CRM will automate the business processes. SCAD’s
services section scope is limited to pulling/presenting and pushing data from and in
CRM only with the web service provided by SCAD.
91 SDU–SCAD-SRS-0315-22-V1.0 91
GetDepartments X X
CreateCase X X X X X
GetCaseDetails X
Each page in this section will follow the layout mentioned for Services in Content Page
Layouts section (5.2.).
General
Government
By default the general tab will be selected. The design/illustration for General tab
will show five links/steps. On desktop computers hovering on a link will grey out
the other links and distinctly urge the user to click on the hovered link.
Once the user will click on the hovered link he/she will be navigated to the target
page with a dynamic web part on it which will pull the data from CRM and render
a form to submit details.
If the target page was not CRM related a simple HTML with some links or
documents will be presented to the end user.
The hover functionality will not be available for small devices instead a simple
touch/click will do the job. Same concept applies for the Government tabs section
as well.
As the design is fairly complex and hardcoded with the number of image links,
Content managers will not be able to add more links but they could change the
links to existing icons from a SharePoint list for services section.
92 SDU–SCAD-SRS-0315-22-V1.0 92
Figure 68 – Services Overview Web Part (Illustration only) – EN Culture
Updated design to be provided by SCAD
The above figure is all grey and doesn’t show tabs. This is for illustration purposes
only and the design may vary based on the updated design provided by SCAD
but the concept will remain the same.
Figure 69 – Services Description Web Part for Subscribe Page (Illustration only) – EN Culture
Updated design to be provided by SCAD
This will be added on each service detail page, to render icon, textual description
and or some documents/links if needed. Once the web part will be dropped on a
page it will be configured via web part properties to display appropriate content.
93 SDU–SCAD-SRS-0315-22-V1.0 93
5.13.3. Services Data Request Page / Web Part
This web part will be added on the Data Request page along with Services Generic
Information Web Part which will be configured to display descriptive text for Data
Request page.
The Services Data Request Web Part will call CRM WCF web service to render
themes and Client Types using dynamic controls while other controls will be preset
in the form.
Fields marked with red star are mandatory and will require proper validation
before submitting the form. The mobile number will have a place holder in a
format similar to: (+971 – xx – xxxxxxx).
Once submitted the information will be pushed to CRM via WCF web service
handle and the web part will render following confirmation message along-with
the Request ID to follow up with, in future.
The Request ID will be returned from the CRM WCF service. An exception will
return if the CRM WCF service failed and will be handled in the web part.
94 SDU–SCAD-SRS-0315-22-V1.0 94
Figure 71 – Services Data Request Web Part Confirmation Message – EN Culture
Above figures are for EN culture only and all web parts along-with the above in
the website will display AR culture content.
The Services Subscribe Web Part will render all sub theme categories in the SCAD
website as shown below. The web part will be configurable in a way that it will
have custom properties (theme checkboxes) to render sub theme categories. If a
theme will not be checked in the custom properties of the web part, its sub theme
categories will not render.
Once the user will subscribe to sub theme categories, his First Name, Family
Name, Email and Mobile number will stored in SharePoint Services Subscription
List and an email will be sent to the subscribing user via SharePoint list item
receiver, item added event.
Once the web management team will be finished with uploading the documents
for a release and admins will set the release item (status) approved, an email will
be sent.
95 SDU–SCAD-SRS-0315-22-V1.0 95
To send this email a SharePoint list item receiver for item updated event will be
created, this receiver will flag if the status changes to approve and will send an
email.
Proper validations will occur on the form and fields marked with red * are
mandatory.
Following is the confirmation message which will also appear once the user will
subscribe.
96 SDU–SCAD-SRS-0315-22-V1.0 96
Figure 73 – Services Subscribe Web Part Confirmation Message – EN Culture
Suggestions
Feedback
Complaint
97 SDU–SCAD-SRS-0315-22-V1.0 97
Changing the feedback will not alter the type or number of fields on the form.
Following is the confirmation message user will get after submitting the form.
Illustration below:
The Services Feedback Web Part will call CRM WCF web service to render Client
Types using dynamic controls while other controls will be preset in the form.
Once submitted the information will be pushed to CRM via WCF web service
handle and the web part will render above confirmation message along-with the
Request ID to follow up with, in future.
The Request ID will be returned from the CRM WCF service. An exception will
return if the CRM WCF service failed and will be handled in the web part.
So for example for the feedback provided earlier the user could follow up on this
page. Following is the result when user submits the above form:
98 SDU–SCAD-SRS-0315-22-V1.0 98
Figure 77 – Services Follow Up Web Part Confirmation Message – EN Culture
The web part queries the WCF web service GetCaseDetails method for this
functionality.
5.13.8. Tenders
Tenders will be a page displaying Instructions, SCAD Tenders and Vendor
Registration information to the user. Users will be able to download any
document for a tender by first agreeing to the terms and conditions in the
instructions tab.
SCAD tenders have a closing date after which the status of tender will be
marked as closed and users will not be able to download the document.
Pagination will be used to render all tenders below the tabs and per page five
tenders will be displayed to the user in latest creation date ascending order.
99 SDU–SCAD-SRS-0315-22-V1.0 99
Figure 78 – SCAD Tenders – EN Culture
The text content in the above three tabs including the banner will be
updateable and will be stored and retrieved from a SharePoint list.
A document library will be created to store tenders, the document library will
have the following fields and Content Manager will be able to add new tenders
in the SCAD tenders page by uploading a new document in the library.
ClosingDate__AR
Status_AR Chioce
IsArabic Yes/No
The web part has the same number and types of field as in Data Request Web
Part and will be similar to it in design and behavior, except that the Services
Generic Information Web Part on Meeting Request page will be configured to
display content for Meeting Request. And the confirmation message it will display
will have a different Request/case ID format.
The Services Meeting Request Web Part will call CRM WCF web service to render
themes and Client Types using dynamic controls while other controls will be preset
in the form.
Once submitted the information will be pushed to CRM via WCF web service
handle and the web part will render above confirmation message along-with the
Request ID to follow up with, in future.
The Request ID will be returned from the CRM WCF service. An exception will
return if the CRM WCF service failed and will be handled in the web part.
For this web part to submit, it will be necessary to provide an attachment of the
document template filled with data. The template link will be provided in the
Once submitted the information will be pushed to CRM via WCF web service
handle and the web part will render above confirmation message along-with the
Request ID to follow up with, in future.
The Request ID will be returned from the CRM WCF service. An exception will
return if the CRM WCF service failed and will be handled in the web part.
The Services Statistical Consultations Web Part will call CRM WCF web service to
render Client Types using dynamic controls while other controls will be preset in
the form.
Media Gallery
All Press Releases
The Media Gallery page will be the default page of Media section in SCAD website. All
pages in this section will follow the layout mentioned for Media in Content Page
Layouts section (5.2.).
Partnerships
SCAD Library
Events
While hovering on an image other images will grey out and after clicking on the
hovered Image or selecting a tab will display images of the respective type.
Illustration below:
Each Image will have a title, description. Content Managers will upload the images
in separate folders in a SharePoint Library. These folder will be named as follows.
And will be rendered as tabs in the web part. This will allow CMs to introduce
more types of images in website, in future, if required.
Partnerships
SCAD Library
Events
Any image in Partnerships folder will of Partnership type and will be visible in
Partnerships tab/type in the slider. Same concept applies for the rest of images.
The total number of items in the Press Release will be 5 per page. Pagination will
be used to navigate between previous press releases. The schema and types of
Press Releases are already defined in section (5.7.5).
The pagination will allow users to swiftly navigate between first, last and between
press releases.
Clicking on more or the title of the document will download the press release.
The default page in this section will follow the layout mentioned for Contact Us in
Content Page Layouts section (5.2.).
ADSIC maps API will be used to render information on the page. Clicking the
different locations will render SCAD location for that area.
The content will be migrated from the latest site collection backup shared already by
SCAD on March 17, 2015, with a file size of 1.52 GB in compressed zip format. The
implementation team will not be responsible for any other content migration activity
and SCAD web management team will be taking care of adding any other content
once the website is delivered.
The system is provisioned to build on SharePoint 2013 platform which is highly flexible
and scalable.
Server Side:
The disk space on SQL Server should always be at least 10GB available.
The installed Memory on each Web Front End server should be at least 32GB.
Client Side:
The client’s browser must be a modern browser and support HTML5 standards. A list
of compatible browsers is provided in the previous section.
As the system is based on SharePoint Server 2013, a pair of SharePoint 2013 web
front ends are configured behind network load balancer to ensure seamless
browsing experience in case of single server failure. The system would not crash in
case of an invalid input on any of the forms.
6.4.2. Availability
6.4.3. Security
The system is a public website; therefore all the content will be available for the
users.
From the administrator’s perspective, SharePoint 2013 supports security for user
access at the website, list, list or library folder, and item levels. Security management
is role-based at all levels, providing coherent security management across the
SharePoint 20 13 platform with a consistent role-based user interface and object
model for assigning permissions on objects. As a result, list-level, folder-level, or
item-level security implements the same user model as website–level security,
making it easier to manage user rights and group rights throughout a website.
SharePoint 2013 also supports unique permissions on the folders and items
contained within lists and document libraries.
The security model for the new website will be similar to what SCAD is already using
in its SharePoint 2010 website.
Administrators will be able to add new groups and defines roles at a later time as
well. Following out of the box groups will be available in the SCAD website.
SCAD Administrators will have full control permissions, while content managers will
be given contribute level permissions.
The code will be written in a way that it favors implementation of new functions.
SharePoint 2013 out of the box features will be used mostly to keep components as
simple as possible for future maintenance.
6.4.5. Portability
The system shall be built explicitly on top of SharePoint 2013 platform. Thus, it
cannot be installed on any other server or server with a different SharePoint release.
This section states the list of Design (PSD) files missing or not updated for both the
Desktop and Small Devices at the time of writing this document.
Redesign Redesign
Surveys (Main Page + Inner Pages) (Main Page + Inner Pages)
Redesign Redesign
Interactive Tools (Main Page + Inner Pages) (Main Page + Inner Pages)
Redesign Redesign
Methodology (Main Page + Inner Pages) (Main Page + Inner Pages)
Redesign Redesign
Services (Main Page + Inner Pages) (Main Page + Inner Pages)
Redesign Redesign
Media (Main Page + Inner Pages) (Main Page + Inner Pages)
The actual design and functional implementation of the site will resemble to the design
files provided by SCAD.
I have reviewed the information contained in this document and approved it through by
sign off below:
The signatures of the people above relay an understanding in the purpose and content of
this document by those signing it. By signing this document you agree to this as the
formal Software Requirement Specifications Document.