Janeulle Claire B. Pecson IV-BSA Fundamentals of Information and System Development Table of Contents Introduction 1 Inter...
I. Introduction 1
II. Interface 3 Navigation Bar Log in and Register Panel Body Content 1. Home Page Home Page
The home page is the main page of the company’s website. It displays an overview of the company’s products and information...
2. Shop Page 7 Product Line Products
The company has 7 product lines. These are  Tops ,  Skirts ,  Pants ,  Shorts ,  Dress ,  Shoes , and  Accessories . The u...
11 This page displays information as the store location, telephone number, and e-mail address of the company such . 3. Abo...
13 12 II. Account Registration <ul><li>The user must first register an account by clicking on the  Register  button. </li>...
IV. User Controls 1. View Cart The View Cart is where the user’s potential orders are listed in. It shows the  Product Num...
The total price of the items are also displayed on the  View Cart  option. The user may also choose to end the shopping an...
19 18 2. The second step is to choose among the product lines which kind of item to buy.  <ul><li>The third step is to sel...
4. Once the item have been added to the cart, it will be displayed in detail in the  View Cart  under the  User Controls ....
7. Go to  View Cart .  <ul><li>To Remove an Item from the Cart. Click the  Remove from Cart  button. </li></ul><ul><li>A d...
9. Once the customer is satisfied with the order, he/she may now click the  Buy  button located at the bottom right corner...
Upcoming SlideShare
Loading in …5
×

Love Jane User Manual

667 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
667
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Love Jane User Manual

  1. 2. Janeulle Claire B. Pecson IV-BSA Fundamentals of Information and System Development Table of Contents Introduction 1 Interface 2 Account Registration 12 User Controls 15 Product Sale 17
  2. 3. I. Introduction 1
  3. 4. II. Interface 3 Navigation Bar Log in and Register Panel Body Content 1. Home Page Home Page
  4. 5. The home page is the main page of the company’s website. It displays an overview of the company’s products and information. The home page contains three panels. The Navigation Bar, the Log in and Register Panel, and the Body Content. The company website can be viewed by going to www.lovejane.com. b. Body Content 5 4 <ul><li>Navigation Bar </li></ul><ul><li>The navigation bar helps the user steer through the website. There are three sub pages that can be located through the navigation bar. </li></ul><ul><li>Home - The Home is the main page of the website that displays the overview of the website. </li></ul><ul><li>Shop - The Shop is where the user can browse through the products of the company. </li></ul><ul><li>About Us - This page displays information as the store location, telephone number, and e-mail address of the company. </li></ul>b. Log In and Register Panel <ul><li>The Log In and Register Panel is used to log in an existing or create a new customer account. </li></ul><ul><li>Username and Password Text field – These are used to type in an existing account’s username and password. </li></ul><ul><li>Log In Button - This control is used to log in a customer’s existing account. </li></ul><ul><li>Register Button - This control is used to create a new customer account. When this button is clicked, the user will be redirected to the Create a Profile page. </li></ul>
  5. 6. 2. Shop Page 7 Product Line Products
  6. 7. The company has 7 product lines. These are Tops , Skirts , Pants , Shorts , Dress , Shoes , and Accessories . The user may browse through these product lines by clicking the button from the list of products The Shop Page of the website display the product line of the company. <ul><li>Product Line </li></ul>9 8 b. Products This portion of the website lets the users see the items being offered by the company. It displays the product’s details such as the item’s photograph, control number, and price, which are essential for the user to decide which product to buy. Below the details of the items on sale are buttons labeled Add to Cart . These buttons are used if the customer finds an item that he/she is interested in buying, thus adding it to the user’s cart. Items added in to the cart can be found under the View Cart option under the User Controls .
  7. 8. 11 This page displays information as the store location, telephone number, and e-mail address of the company such . 3. About the Company
  8. 9. 13 12 II. Account Registration <ul><li>The user must first register an account by clicking on the Register button. </li></ul><ul><li>After clicking the register button, a registration form will appear. The user must fill out the necessary requirements to successfully register an account and use the online order system. </li></ul><ul><li>After filling out the form, the user must click the Submit Button and a dialogue box confirming the registration will appear. </li></ul>
  9. 10. IV. User Controls 1. View Cart The View Cart is where the user’s potential orders are listed in. It shows the Product Number , Price , and Quantity of the items that are added to the user’s cart. 15 14 <ul><li>Once the user have successfully made an account, the user may now log in the account and start shopping. </li></ul><ul><li>Upon Log In, a welcome message will appear. </li></ul>
  10. 11. The total price of the items are also displayed on the View Cart option. The user may also choose to end the shopping and buy the item(s) in the cart by clicking on the button Buy . The user may choose to continue shopping and add more items to the cart by clicking on Continue Shopping . IV. Product Sale 1. The first step in purchasing an item from the website is to first log in the customer’s account. 17 16 2. Logout The logout button is used to close the account.
  11. 12. 19 18 2. The second step is to choose among the product lines which kind of item to buy. <ul><li>The third step is to select the item and click the button Add to Cart . </li></ul><ul><li>Once the user clicked the Add to Cart button, a dialogue box will appear. </li></ul>
  12. 13. 4. Once the item have been added to the cart, it will be displayed in detail in the View Cart under the User Controls . <ul><li>Select the item to purchase and add to cart . </li></ul><ul><li>Again, a dialogue box will appear when the Add to Cart button is clicked. </li></ul>21 20 5. To add another item in the cart, click the link Continue Shopping to redirect to the shop page.
  13. 14. 7. Go to View Cart . <ul><li>To Remove an Item from the Cart. Click the Remove from Cart button. </li></ul><ul><li>A dialogue box confirming the removal of the item from the cart will appear. </li></ul>23 22
  14. 15. 9. Once the customer is satisfied with the order, he/she may now click the Buy button located at the bottom right corner of the cart. 25 24

×