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