I would like a site that allows users to create and view tutorials. The site allows for users to register and maintian a user profile. The site will be similar to a photoshop tutorial site like tutorialized.com. The site will consist of a Homepage,
view tutorial page, user profile page, and a create tutorial page.
High level of communication is required as development is in progress. Status updates will be required every 48-72 hours. Suggestions and changes may be presented at any time. The requirements below are high level requirements, more specific functionality will be provided as we move forward. Site theme/design will be discussed upon accepting bid.
Three Types of visitors:
1. Registered, Guest, and Admin
2. Guests are able to View and Rate tutorials
3. Registered Users are able to Create, Discuss, View, and Rate any tutorial.
The site allows visitors to view tutorials from two destinations:
1. Created by the admin
2. Created by users
Main Menu Links:
3. User Profile
4. Submit Tutorial
1. Approve / Disapprove / Suspend any users account
2. Approve / Disapprove / Edit / Delete / Create a tutorial
3. Select all pending / active tutorials for action
4. Deselect all pending / active tutorials for action
5. Multi select pending / active tutorials for action
6. Ability to select / re-order any tutorials from tutorial database to be arranged and displayed on the main page of the site
1. View / Create / Submit / Search Tutorials
2. Rate / comment on tutorials.
3. Upload photos for tutorials.
1. View / Search Tutorials
2. Rate tutorial
The top menu is a tiny area at the very top right of the screen which is displayed at all times throughout the site. The menu contains a search box which searches all relative data within a tutorials Name, Description, User name, etc.
The menu also contains a dropdown list containing every category. By default the dropdown item selected is ALL. When a user enters a search term in the search box and hits enter or Search, the search query runs against the selected category in the dropdown.
The home page displays all tutorials in a Browse View ([url removed, login to view]). Each entry contains the following in the Browse View: Title, Category, Brief Description, Date Created, Created By, Tutorial Thumbnail Image, and Stats Column.
At the top of the page, there is a Featured Submissions section which will contain currently featured submissions. These tutorials are auto populated on the front page based on parameters in the admin back end. Params such as ratings, views, highest views in X amount of time, admin selected, etc… Below the featured submissions are the Latest Submissions. At the bottom of this list, the user can click to the next page in the list or click on a specific page of all tutorials sorted chronologically. The Stats Column displays its 5 star rating, number of hits, and number of comments. The comment number is linkable to its comment history. Registered users can click through to the comment and guests clicking on the comments will be asked to login or register. The tutorials Title and Thumbnail are linkable directly to the tutorial’s Main View. The Created By name of the user is linkable to the Users View.
View tutorial page([url removed, login to view]):
The top of the view tutorial page will have the tutorial name, the tutorial description, the category, date created, created by, the ratings, and number of views. Below the general information will be the tutorial steps. The steps will consist of the step image(not a thumbnail) and the step description.
The bottom of the tutorial page will contain user comments. There will be an ‘add comment’ section for registered users. This section will consist of a multiline edit and an ‘add comment’ button.
User Profile Page([url removed, login to view]):
The user profile page will be displayed when a user logs in. At the top of the User profile page will be general information. This contains the users name, first name, last name, and data pertaining to their game profile. The user profile page will have a browse view similar to the home page. However, the browse view will only contain tutorials the user has created. A ‘Submit New Tutorial’ button will be located on this page. This navigates the user to the ‘submit tutorial page’ to add a new tutorial.
This page can also be viewed by all users when selecting a specific user. The data will appear read only to these ‘visiting’ users.
Create Tutorial Page([url removed, login to view]):
Top of tutorial page contains general information. The general information has a Title label with a textbox, a description label with a multiline edit, and a Editor Type label with a dropdown. Below the general information will be a Step # label. A step will consists of a multi line edit, an image place holder button reading “Add Image”, a Remove button, an Add step button, and a complete button. The step label will indicate which step the user is on. The multiline edit will be a place where user can enter the description of their step. When clicked the user will be taken to their local file explorer. They will have the ability to choose a photo to upload. Once uploaded, the photo will create a thumbnail which will replace the image placeholder. The remove button will remove all data and images for that step. The Add Step button will make the current step read only and dynamically generate a new step below it. This means a new Add image placeholder and multiline edit will be dynamically created. The complete button will complete the tutorial and officially place the tutorial on the site. Upon completion the user will be taken back to their profile page.