Website features

Phase 1

1- Home page

Will contain the following

- Website menu (main & sub)- Main sections of the website- Some news selected by the website’s admin- Photos slider - Search bar- Newsletter section- Quick links- Important links

2- Dynamic Pages

Dynamic pages module is module which accept unlimited numbers of pages whether main pages, subpages like

معلومات عن االتحاد ومجلس االدارة ، الخدمات المقدمة الخ

Our Content management system based on the latest technology used in this field to offer a powerful and easy way to use website that can be used by large and small companies to help them manage, exchange and dissemination of information and building sites effectively and without prior technical expertiseThe management system and web design offers simple solutions to complex problems stand as an obstacle to the development of the small site to one day become a great location or even the gate due to the increased number of visitors daily. Our CMS enables admin to perform the following:

1- Enter all the data on the all pages in the website

2- He can add images, videos and document file in the content of the page

3- He can choose to be main pages or subpages on the site

4- Can Select pages show to home to be main pages on-site and he can select

important pages to be popular pages which will be shown in a special section in

the website.

5- He selects published in the current time or published it in another time.

6- He arranges pages by drag and drop technique to facilitate his work.

7- He can edit data or delete any pages in any time he wants

8- He adds many pages and writes the detail in the rich text editor

9- Rich text editor control that is able to display and edit rich-text content including

formatted text arranged in pages, paragraphs, spans, tables, etc. Control allows

you to edit text and apply rich formatting options, like:

- Bold, Italic

- Underline, Strike Through, Superscript and Subscript

- Built-in Silver light fonts and sizes

- Text color and background

- Bullet and numbered lists

- Paragraph alignment and indentation

- Show/Hide formatting symbols

- Clear Formatting

- Inserting pictures/symbols/hyperlinks/custom UI elements –

- Table support – including nested tables, merging cells, setting different Row Span

and Column Span, tables with auto width and more.

- Context Menu - a standard one is provided out of the box, but it can be easily

customized or substituted for a user-defined one.

- Selection Mini Toolbar - very similar to the one in MS Word, but can also be replaced

with another.

- Spell Checker - extensible spell checking for different languages, using built-in or

custom dictionaries.

- Printing – users can choose between HTML printing for better performance and

Silver light printing.

- Multi-level Undo/Redo Support –provides desktop-like usability and control thanks to

its multilevel Undo/Redo feature. It allows past actions to be reviewed and reversed,

just like in Microsoft Word.

- Three types of layout – Paged, Flow (as text in an HTML page viewed in a browser)

and Flow No Wrap.

- Multi-region selection - the built-in multi-region support enables you to perform

various operations for more than one selection simultaneously.

- Delete, Cut, Copy and Paste in plain text, Copy/Paste in internal rich-text clipboard.

- Import/export - with rich text editor control you can load XAML, HTML, RTF, Doc X

(rich-text) or TXT (plain text) into the control, you can format and edit it and then

export it back to any of the above formats or PDF.

- Headers and Footers - rich text editor supports headers and footers in its document.

- Track changes - adding and removing of text, images, hyperlinks, tables, etc. and

formatting changes of these elements can be tracked by different users.

- Bibliographic references - can be used for referencing a source in the form of text or

pointing the source of a citation.

- Captions for tables and figures - images, tables, etc. can now be easily labeled.

3- News

This module contains the news by the union or related to the union activities

Description The module will allow site owners to build a news section for their

site through a dynamic database driven module. Using the backend,

site admin can create, delete and edit news including title, brief, full

text and upload a related photo. The news module also support a

clickable news ticker that can be placed anywhere on the website

Type Admin / user

Admin role - He can add unlimited number of news

- He can add images , videos and document file using rich text editor

- He adds many paragraphs for each news and

writes the detail in the rich text editor

- Can select some news to be the most important

(featured) news

- He selects published in the current date-time

- He can control displaying the news in the animated bar

- He select number of news to be displayed in the home page

- He allows to all website visitors can comment on the specific news by Facebook comments

User role - Browse all news

- Browse news in home page

- Browse most important news

- View details about a specific news

- Can post comments on a specific news

- Share content in the social media websites

(Facebook)

Input Input(s) Data type

ID int

Title Nvarchar

Brief description Nvarchar

Image Image

Start_date datetime

Editor Nvarchar

Is_featured_news bit

Show_on_home bit

Is_archive bit

Show_on_bar bit

Is_approved bit

Input validation Requiredfiledvalidator will be used.

Output List of all news added by admin

4- Events

This module contains the events which organized by the union or related to the union activities

Description The module will allow site owners to build a events section for their

site through a dynamic database driven module. Using the backend,

site admin can create, delete and edit events including title, brief, full

text and upload a related photo.

Type Admin / user

Admin role - He can add unlimited number of events

- He can add images , videos and document file using rich text editor

- He adds many paragraphs for each events and

writes the detail in the rich text editor

- Can select some events to be the most

important (featured) events

- He selects published in the current date-time

- He select number of events to be displayed in the home page

- He allows to all website visitors can comment on the specific event by Facebook comments

User role - Browse all events

- Browse events in home page

- Browse most important news

- View details about a specific news

- Can post comments on a specific news

- Share content in the social media websites

(Facebook)

Input Input(s) Data type

ID int

Title Nvarchar

Brief description Nvarchar

Image Image

Start_date datetime

End-date datetime

Editor Nvarchar

Event_location Nvarchar

Event_organizer Nvarchar

Is_featured_event bit

Show_on_home bit

Is_archive bit

Is_approved bit

Input validation Requiredfiledvalidator will be used.

Output List of all news added by admin

5- Photo Gallery

Description The photo gallery enables site owners to publish collections of

images and photos online. The database driven module supports

categorization, photo thumbnails and enlarged image view, title and

comments for each image and support for all image types

Type Admin / user

Admin role 1- He can add unlimited number of albums

2- He can assgin unlimited number of photos in each album

3- He can select some photos to be in the home page

4- He can rearrange photos by drag & drop

User role 1- Browse albums

2- Browse photos in each album

3- Has the ability to view enlarged images as pop ups

for big photo views

4- Can share photo on social media websites

Input Input(s) Data type

Album ID (Primary key) int

Album Title Nvarchar

Album Date DateTime

Album Image Image

Photo ID (Foreign key) int

Photo Path Image

Photo Title Nvarchar

Photo Description Nvarchar

Photo order int

Show_on_home bit

Input validation Requiredfiledvalidator will be used.

Output List of all albums & images inside each album added by adminAn error message will appear if admin tries to upload any file but image files (Custom Validator)An error message will appear if admin tries to upload any image file bigger than 4 MB

6 Video Gallery

Description The video gallery enables site owners to publish collections of

videos online. The database driven module supports categorization,

video thumbnails and enlarged video view, title and comments for

each video and support for all video types

Also support displaying videos from famous video websites

(Youtube-Vimeo-etc) by inseting the video share code instead of

uploading a video

Type Admin / user

Admin role 1- He can add unlimited number of albums

2- He can upload unlimited number of videos assigned in each

album

3- He may insert the video’s share code instead of uploading a

video

4- He can select some videos to be shown in the home page

5- Assigning date time to each video (Videos will be arranged

from newest to oldest in the front-end of the website)

User role 1- Browse video albums

2- Show videos in each album

3- Show a specific video in a bigger size in a popup

4-Can share video on social media websites

Input Input(s) Data type

Album ID (Primary key) int

Album Title Nvarchar

Album Date DateTime

Album Image Image

Video ID (Foreign key) int

Video Photo Image

Video Title Nvarchar

Video Description Nvarchar

Video date time DateTime

Video share code nchar

Show_on_home bit

Input validation Requiredfiledvalidator will be used.

Output List of albums & list of videos assigned in each album added by adminAn error message will appear if admin tries to upload any file but videos or images files (Custom Validator)An error message will appear if admin tries to upload any video file bigger than limited size given to each video

7 Contact us

Will contains the following - Union’s contacts data- Union’s location on a map- Contact us form ( will send an email message to the website’s admin with the visitor’s

data and the message

8 Send query

Will enable visitors to send a query to the website admin, visitor will enter the following data- Name- Email address- Phone number - Job

- The queryAdmin can browser all queries sent by all users from the administration areaAn email message will be sent to the website’s admin for each query sent by each user.

9 Electronic vote (Poll)

Enable website visitors to give their opinion about a subject submitted by the admin- Admin can submit the vote subject- Admin can submit some answers for each subject- Visitors can post his opinion about the subject by selecting a one of the answers- System will create a counter for each answer- System will calculate all answers hits by visitors- User can vote once – an error message will appear to him if he tried to vote another

time-- Vote results will be displayed in a final report or a rich statistics – bar charts-

10 Frequently asked questions (FAQ)

List of some important questions and answers added, updated & deleted by the website admin- Admin can submit unlimited number of questions- Each question can have a brief answer & a full answer- Admin can submit answers in rich text format – MS word like –- Admin can re arrange questions depend on its priority- FAQ section (questions & answers) in the front end will be displayed using an

interactive scripts

11 Newsletter

Website’s visitors can subscribe in the newsletter section by submitting the e-mail address in order to collecting the visitors email addressed to be used in the announcement in the future

- Admin can browse all email address submitted in the system’s database- Admin can export email address in the following formats (excel file, MS word file, text

file)- Admin can send a message to all email address stored in the database- Message can be formatted in rich text editor – like MS word - or HTML format

12 Website search

Website visitor can search in all content of the website, he can write search word and will be redirected to the “SEARCH RESULTS” page which will contains all results found depend on the search criteria written by the website’s visitor and will also contains number of results found

Phase 2

1- Ads- Website design will have one or more sections for ads- Ads can be added , published by website’s admin- Each ad will be published for a specific period of time depend on admin’s selection- Ads will be in any image formats

2- Life chat

This section will enable website’s visitors to chat with the website’s admin in interactive component

3- E-Library

Contains official document & papers that should be announced to the website’s visitors categorized by documents types.

- Each category has a title, description & each file has a title, description- Each document file has a title, description, attached file , uploading date-time- Each file will be related to the predefined category- For security uploaded files will be limited to the following extensions (doc, docx, pdf,

ppt, pptx, pps, xls, xlsx)

4- Tenders

This module contains the tenders organized by the union or related to the union activities

Description The module will allow site owners to build a tender section for their

site through a dynamic database driven module. Using the backend,

site admin can create, delete and edit tender including title, brief, full

details, start date , end date and upload a related photo. The news

module also support a clickable news ticker that can be placed

anywhere on the website

Type Admin / user

Admin role - He can add unlimited number of tenders- He can add images , videos and document file

using rich text editor- He adds many paragraphs for each news and

writes the details in the rich text editor

- Can select some news or events to be the most

important (featured) tenders

- He selects published in the current date-time

- He select number of tenders to be displayed in the home page

- He allows to all website visitors can comment on the specific news or events using Facebook comments

- Can archive tenders by its date- Can re arrange tenders depend on its date or by

drag & drop depend on its priority

User role - Browse all tenders (current or future) or

previouse tenders

- Browse current tenders in home page

- View details about a specific tender

- Can post comments on a specific tender

- Can upload the tender document file

Input Input(s) Data type

ID int

Title Nvarchar

Brief description Nvarchar

Image Image

Start_date datetime

End-date datetime

Full Details Nvarchar

Is_featured_tender bit

Show_on_home bit

Is_archive bit

5- member area

Will be described in details later

6- Testimonials

In promotion and of advertising, a testimonial or show consists of a person's written or spoken statement extolling the virtue of a product or a service

- Admin can add any number of testimonials with the following data Person name A brief description about the person Person job title (if available) Person photo His opinion (testimonial)

Website proprieties

Search engine optimization

SEO will be applied to all website pages and section and also Meta tags will be applied to the master page of the website and to all content pages

- Admin can update page title, description and keywords any time as he want

Google analytics

Website will be registered in the Google analytics by our company All reports will be sent to the website’s adminAdmin can have an account to track all activities in the website

Social media integration

Website will be integrated with all known social media websites like (Facebook, Twitter)

Responsive web design

Website will be responsive (work fine on all computer browsers & smart phone browsers).

Website front-end language

Front end will be developed in 2 languages (Arabic & English)Admin can hide English section any time he want

Website Compatibility

Website interface and functionality will be fully compatible with the following browsers - Internet Explorer - Mozilla Firefox

- Google Chrome - Opera

- Safari - Microsoft edge

Website should be fully compatible with 2 preceding versions and 2 next versions for listed browsers.

Accessibility

Website HTML code should be on XHTML standards.Website HTML code should give no errors using the following tools

http://wave.webaim.org http://www.w3.org/Status.html which include the following tools

1. Charlint2. CSS Validator3. Link Checker4. Log Validator5. mobileOK checker6. Markup Validator7. RDF Validator8. HTML Tidy9. XSV

Skip navigation

An HTML code should be added in the header to skip to menu or skip to main content

Access keys

A special HTML attributes which given to HTML tags which allow user immediately to jump to a specific part of a web page via the keyboardThe UK list is easily the most widely adopted standardized list of access key shortcuts:

- S - Skip navigation

- 1 - Home page

- 2 - What's new

- 3 - Site map- 4 - Search

- 5 - Frequently Asked Questions (FAQ)- 6 - Help

- 7 - Complaints procedure- 8 - Terms and conditions

Contrast

Website’s interface should be developed in trend of ensure that there is sufficient contrast between textual elements and background colors or images or when the screen is viewed on a black and white screen

Source code delivery

We can deliver the source code with extra fees.

Used technologies

Website will be developed using C# programming language; Data will be stored using SQL Server, Ajax and JavaScript will be used to enhance the client pages usability. And finally graphics special effects will be created using Adobe Photoshop.Tasheed website will be developed by multitier model as the following diagram

Website’s phases planning

Process Time CostPhase one 6 weeks 43000 L.EPhase two 4 weeks 32000 L.EWebsite management N/A 3000 L.E per monthWebsite maintenance & support For one year Free Website Hosting & Domain For one year Free for the first year and

6000 L.E for each year later