Dynamic Website For DANECO

Transcription

1 Dynamic Website For DANECO Author: Digilution Creation Date: 05/10/13 Project Number: Version: 1.0 Approved By:

2 1.0 Design Concept This website shall serve as an online community for DANECO, offering several functions that support and uphold faster global information dissemination and robust user interactivity. The site will be divided into two (2) sections: The first section will be for DANECO public viewing. This section is composed of public pages that transmit information about DANECO. It can be accessed directly using the site URL. The second section will be a password-protected area to be used by the site administrator. This will consist of maintenance tools that site administrators can use to efficiently administer the normal operations of the website. 2.0 Section 1 DANECO Public Pages This section shall contain pages that users can easily access using standard web browsers. The main links used to navigate to the main sections of the website will be displayed in the Page Header above each page. This Page Header will be the same for all of the pages of the website in order to make the site more user-friendly. The page links are the following: - Home - Resources - About Us - Contact Us - News and Events - Gallery - Consumers Services - Power Outrages - Invitation to Bid The Page Header is actually a backdrop for the entire page except the Guestbook, and will contain the logo, website pages.

3 2.1 Home The most important page of any website is what we called the Home Page. It is the page that the visitor sees first, so it has to be more interesting in order to get the visitor's attention, convincing and reliable enough for the user to stay and browse the entire site. Our proposed Home Page for the DANECO website will therefore contain pieces of relevant information contained in the other pages of the site. These will serve as teasers to any visitor in order to gain their audience. The Home Page will have a theme related to DANECO field of work that reflects professionalism of the site and with navigational links guaranteed for user s ease-of-use.

4 2.2 About Us This page contains relevant and helpful information about DANECO with a dropdown functionality. (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.)

5 2.3 News and Events This page will display all the Bids and Awards showing the thumbnail, title and snippet of information. (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.)

6 News and Events Full View Selecting specific news or event on the listing will let the viewer view its full content.

7 2.4 Consumers Services This page will display all the Consumers Services showing the thumbnail, title and snippet of information. (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.)

8 Consumers Services Full View Selecting specific Consumers Service on the listing will let the viewer view its full content.

9 2.5 Consumers Services This page will display all bidding invitation in pdf format. (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.)

10 2.6 Resources This page contains all resources of DANECO with dropdown functionality. (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.)

11 2.7 Contact Us This page contains contact information and form that allows the user to write to the administrators of the site. It shall contain the following details: name, address, message subject and body of the message with a CAPTCHA verification code box for security purposes. (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.)

12 2.8 Gallery This page displays a descriptive photos and videos of the events of Municipality of DANECO (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.) Album View

13 Gallery (View Images) Selecting the particular photo album in the list can let you view its album content.

14 View Photo Selecting the particular photo in photo album can let you view in an enlarged image in a light box effect.

15 Video Gallery This page will show all the videos of DANECO.

16 2.9 Power Outrages This page will display all the power outrages showing the thumbnail, title and snippet of information. (The administrator can change this content at any time through the admin pages detailed in 3.0 Section 2.)

17 Power Outrages Info Full View Selecting specific power outrage info on the listing will let the viewer view its full content.

18 2.0 Section 2 DANECO Administrator Pages This is where the administrators manage the website contents. Users must first log-in in order to authenticate that they are indeed allowed to make changes to the content. All the administrator pages will have the same layout. Links and other tools in order to manage the different sections are provided on this page. This is the default update page of the site control panel. There are three (3) icons at the top of the page that are used for the following: a. CPanel- this will take the administrator to the control panel of the website. b. Webmail - this will take the administrator to the web-based of the website. c. Logout - this will terminate the administrator session. This will enable the administrator to edit/add on the following: - Home - Resources - About Us - Contact Us - News and Events - Gallery - Consumers Services - Power Outrages - Invitation to Bid

19 2.1 About Us This administrator page will include tools needed to manage the information displayed in the About Us section. This page will display a list of information showing the Title, Status and Actions needed. The administrator can also view, edit, and delete the information by clicking on the appropriate text button on the right side of the listing.

20 Add About Us Information The administrator can add new About Us by clicking on Add Entry at the top of the listing. The administrator can add the title and a text editor where the administrator puts the content.

21 2.2 News and Event This administrator page will include tools needed to manage the information displayed in the News and Events section. This page will display a list of information showing the Title, Status and Actions needed. The administrator can also view, edit, and delete the information by clicking on the appropriate text button on the right side of the listing.

22 Add News and Events The administrator can add new News or Events by clicking on Add News at the top of the listing. The administrator can add the title, thumbnail and a text editor where the administrator puts the content.

23 2.3 Consumers Services This administrator page will include tools needed to manage the information displayed in the Consumers Services section. This page will display a list of information showing the Title, Status and Actions needed. The administrator can also view, edit, and delete the information by clicking on the appropriate text button on the right side of the listing.

24 Add News and Events The administrator can add new Consumer Services by clicking on CS at the top of the listing. The administrator can add the title, thumbnail and a text editor where the administrator puts the content.

25 2.4 Invitation to Bid This administrator page will include tools needed to manage the information displayed in the Invitation to Bid section. This page will display a list of information showing the Title, Status and Actions needed. The administrator can also view, edit, and delete the information by clicking on the appropriate text button on the right side of the listing.

26 Add Invitation to Bid The administrator can add new Invitation for Bidding by clicking on Add Entry at the top of the listing. The administrator can add the title, change the status, upload a file (pdf file) and a text editor where the administrator puts the information.

27 2.5 Resources This administrator page will include tools needed to manage the information displayed in the News and Events section. This page will display a list of information showing the Title, Status and Actions needed. The administrator can also view, edit, and delete the information by clicking on the appropriate text button on the right side of the listing.

28 Add Resources The administrator can add new Resources by clicking on Add List at the top of the listing. The administrator can add the title, image and a text editor where the administrator puts the content.

29 2.6 Contact Us This administrator page allows the administrator to add new contact information or edit it.

30 2.7 Gallery This is where the photos are added, updated and deleted.

31 Add Photo/s The administrator can add new album and Photo/s by clicking on the album text link. The administrator can upload multiple images and upload it.

32 Add Video/s The administrator can add new video by clicking on Add Entry at the top of the listing.

33 2.8 Power Outrages This administrator page will include tools needed to manage the information displayed in the Power Outrages section. This page will display a list of information showing the Title, Status and Actions needed. The administrator can also view, edit, and delete the information by clicking on the appropriate text button on the right side of the listing.

34 Add Power Outrage Info The administrator can add new Power Outrage Info by clicking on Add List at the top of the listing. The administrator can add the title, thumbnail, Date and Time Start, Date and Time End, Venue, Website and Contact person and a text editor where the administrator puts the content.

35 2.9 User Account This is where the different administrator accounts are added, edited and deleted. To successfully add new accounts, just supply all the needed information in the boxes provided for the username, password, and confirm password. Existing User Accounts can be edited and deleted in the bottom section of the page.