A tutorial site

This project received 20 bids from talented freelancers with an average bid price of $1156 USD.

Get free quotes for a project like this
Project Budget
$300 - $1500 USD
Total Bids
Project Description

A turorial site like [url removed, login to view] or [url removed, login to view] . My Requirements are :-



Design of crisp professional home page. Complete Home Page Layout, inclusive of :

• Basic Designing

• Good navigation featuring vital links to ensure maximum comfort to the visitor.

On the home page, some tutorials will be displayed as New Submissions. They are recent additions in the database.


Any user, registered or unregistered, can search tutorials.

The user will be able to search by keywords. This search can be further refined by specifying the category. User can specify the category by selecting it from the drop down list provided next to the text box for entering the search string.

The tutorials are arranged into various categories. And the categories will be displayed in the respective 4 level hierarchy. The tutorials are arranged as per following criteria :

• Main Category- This category is very broad and general in sense.

• SubCategory - This level will list the softwares or languagues used for the fulfillment of above categories objective. like Photoshop, Fireworks, PaintShop Pro etc. Items of this level will also display the total number of tutorials present in it.

• Tutorial type- The tutorials will be further arranged according to the type or objective they fulfill. Like they can be Introductory tutorials, Content Management tutorials etc. This section will also display the number of tutorials they contain.

• Tutorial level - This level will be exact level of the tutorial.

This whole categorization will help the user to process in a structured and easy way even with a large number of tutorials on display.

For example : The complete hierarchy of a tutorial can be :

Web development > ASP > DATABASE HANDLING > Process a simple login form.


The tutorial listing will be in row-wise manner(one below the other).Tutorials will be displayed using paging incase their number exists the number of tutorials permitted by the page.

On clicking the tutorial, a new window containing the header of this site in top frame and the tutorial in the lower frame will open up. The tutorials will be displayed with the following details:

• A thumbnail image {which is clickable and will lead to the tutorial page.}

• Title of the [url removed, login to view] is also a hyperlink and will perform the same action which the thumbnail image will perform.

• Brief description of the tutorial.

• Author. It will be a hyperlink which displays the information of the author.

• Views which is a count of the number of hits or views of that particular tutorial.

• Rating / votes. Out of these two, rating will be hyperlink. It will take the user to a page where he can rate the particular tutorial. The votes signify the number of people who rated the tutorial.

• Report Broken Link. This link will allow the user to report problem with the tutorial. It will help in smooth management of the tutorials. The report will be sent to the admin and then admin can view and take the required actions.

After clicking on the Detail Link, the tutorial will open in a new page with the header on top frame and tutorial on the lower frame.


The unregistered users can avail the following facilities :





User can view tutorials according to his wish. All the tutorials present on the site are free to viewing.


User can rate the tutorials. These ratings are displayed alongwith the tutorial link.


The user can report a broken link for a tutorial if he finds any problem regarding the display of the tutorial. After clicking the REPORT BROKEN LINK, user will be redirected to a page where he can specify the exact problem and send it to admin.


In order to avail some more facilities than those provided to unregistered users, visitors are required to register themselves on this website. On the registration page, user will be asked to enter the following details :

1. UserName

2. Password

3. E-Mail

(The above fields are mandatory)

4. Name

5. Homepage URL

6. Location

(These fields are optional)

User will be provided with an option in order to make his email id public or private. If his details are public, then visitors can view his details. else, only his username will be visible.

After the submission of the form, user will recieve a mail with activation link in order to activate his account.

VI) Forgot Password And Login Interface

• User can retrieve the password whenever he forgets the password. Password is sent to email by taking user's email and checking the existing database.

• User's log in status can be known by the Log In/ Log Out button while browsing the website. Welcome note will be displayed immediately after logging. And will be displayed at appropriate place of the website.


Registered users can avail additional facilities apart from those provided to unregistered users. They are listed below :






User can control the tutorials. User can add/edit/delete tutorials.

The tutorials are of two types :

• New Tutorials :tutorials made by the user himself.

• Referred tutorials: Tutorials hosted on some other website.

In order to add a tutorial, user will provide the following details :

• category

• Subcategory

• Tutorial types

• Title of tutorial

• Description

• Thumbnail image. This image is optional. If no image is uploaded for the tutorial image uploaded for the subcategory will be displayed.

• URL { if the tutorial is hosted on some other website}

• Write Tutorial {provided with a web editor. If user wants to create a tutorial from scratch, it could be done from this section. }

By default the web editor will not be loaded. Only the URL text box will appear. User will be asked Do you want to create a new tutorial?If Yes check it [checkbox]

If user checks the checkbox, the webeditor will be loaded and the URL field will be removed.


User can post comments on any tutorial. These comments will be displayed alongwith the tutorial in the footer , but only after the approval of the admin. These comments are basically the reviews of the user for that tutorial.


User can rate a tutorial . This will help the visitors know the quality of that tutorial. This rating is average of the total points given to the tutorial w.r.t the number of votes casted for it.


In manage profile, user will be allowed to manage his details stored on the website. In this section, there will be all the fields with values entered by the user at the time of registration. The username field will be read only. All other fields will be editable.


The Home page will also contain general links like :

• About us

• Staff

• Contact us

• Search site

This search option will be provided with a text box, to enter the search string , and a drop down box to select the search criteria. This will allow the user to be more specific with his search and will help him get more relevant results.



Admin will be provided with a control panel, which requires login. The control panel will offer following controls :

• Manage Members

• Manage Categories

• Manage Tutorials

• Manage Links

• Manage Comment

• Manage Banner

• Manage Report


Admin can manage members present on the site from this section. Admin can view/add/edit membership details/ terminate membership of a member. To add a new member admin be provided with a form similar to the one provided to the user at the time of registration. The fields will include :

• name of the member

• password of the member

• e-mail id of the member• other details like real name, homepage URL and Location. These fields are optional.

When admin adds a new member, a mail will be sent to the user at the specified email [url removed, login to view] mail will contain the login details of the member.


Admin can manage the categories in which the tutorials will be arranged. There are two levels of categories, namely category and subcategory. Admin can add any number of items to each of them.

• In order to add a category, admin will be supposed to add the name only.

• In order to add a subcategory, admin will enter the name of the category and a thumbnail image (optional). This image will be displayed with the tutorials which dont have their thumbnail images.


This section allows the admin to control the tutorials present on the website.

Admin can perform the following actions :

• add/edit/delete tutorial types. Tutorial types will be a neccessary part of this section because tutorials will be placed in this section only. In order to add a tutorial type, admin will select the category and subcategory in which this tutorial type will be added.

• add new tutorials. After selecting a tutorial type, tutorials can be added to this section.

• Inactive tutorials: Tutorials added by the user will be inactive by default and will not be displayed in the frontend. The tutorials will be visible only after admin activation. Admin can also edit and delete tutorials from this section.

• Active tutorials: This section will list the tutorials that are being displayed on the webisite , means presenly active. Admin can deactivate/ edit/delete tutorial from here. Tutorials added by admin will be active by default.


These links will be displayed on the top of the webpages. They are provided in a drop down and they link to other sites. They have been classified as Resource links and Tutorials [url removed, login to view] can add/edit/delete links.


Registered users post comments on tutorials. By default, these comments are non-active. Admin can manage comments from this section of his control panel.

• Admin can add comments to a tutorial.

• Admin can edit comments to a tutorial.

• Admin can delete comments to a tutorial.

The comments will be visible only after admin's activation. These comments will be visible when the user opts to view a tutorial.


Banners will be displayed on the right side of the webpages, including the home page and other inside pages. Admin controls the banners present on the website.

• Admin can add banners to pages. In order to add a banner, admin will enter the banner location URL (where the banner will be displayed ) , banner image, and the target URL (where the banner will be redirected once the user clicks on the banner image.)

• Admin can remove banners.

MANAGE REPORT a Broken Link:

Admin can view the broken link report here. Admin can view and delete the reports from this section.

Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online