College eCommerce website project! JAVA + CSS

Cerrado Publicado Nov 19, 2009 Pagado a la entrega
Cerrado Pagado a la entrega

Hey, I'm a college student with a project due tomorrow for a 6 page CSS/JAVA project. The assignment is below, it's a lot easier than it looks but I'm busy studying for finals.

THE WINNING BIDDER MUST BE ABLE TO MAKE THIS LOOK LIKE I DID IT! NO ADVANCED CODE, ONLY SIMPLE THINGS MENTIONED ON THE LIST BELOW. Get in touch with me ASAP!

Assignment

Demonstrate mastery of Unit 2 topics. Create an e-commerce web site for a real or fictitious organization that sells products or services.

The web site has a minimum of five (5) pages:

§ [url removed, login to view]: the home page

§ [url removed, login to view]: the About Us page with staff directory, company history, etc.

§ [url removed, login to view]: the Contact Us form page

§ [url removed, login to view]: There is at least one page with a minimum of three (3) products and/or services, each with Add to Cart button

§ One additional page of your choice.

Phases/Weights

§ Phase 1 – Wireframes: 5%

§ Phase 2 – Home Page and About Us page: 5%

§ Phase 3 – Contact Us form page: 5%

§ Completed Project 2: 85%

Unlike Labs 1 through 4, Phases 1 through 3 count toward your Project 2 grade, but only enough to lower Project 2 from a maximum of 100% to a maximum of 85% (grade of B). There is no late penalty. I will accept Phases 1 through 3 late and grade them, as long as 1) they are submitted in order (Phase 1, Phase 2, Phase 3, Completed Project 2), and they are submitted a minimum of 48 hours apart. So Phases 1 through 3 have both a due date and a deadline:

Due Dates

§ Phase 1 – Wireframes: Due Mon Oct 26 (Section 4) or Tue Oct 27 (Section 2)

§ Phase 2 – Home Page and About Us page: Due Mon Nov 9 (Section 4) or Tue Nov 10 (Section 2)

§ Phase 3 – Contact Us form page: Due Mon Nov 16 (Section 4) or Tue Nov 17 (Section 2)

§ Completed Project 2: Due Sunday, November 22

Deadlines (Last Day to Submit)

§ Phase 1 – Wireframes: Deadline Monday, November 16

§ Phase 2 – Home Page and About Us page: Deadline Wednesday, November 18

§ Phase 3 – Contact Us form page: Deadline Friday, November 20

§ Completed Project 2: Deadline Sunday, November 22

Get started

1. If you have not done so already, create a folder named Project2 in your COMP105 folder.

2. Study the Pete the Painter Case Study in Chapter 12 and the Week9 folder on Blackboard and drive Q:.

How to submit

1. MAKE SURE all filenames are in lower case! MAKE SURE all references to files (in <link>, <a>, and <img> elements) in your source code are in lower case!

2. Using SSH File Transfer Client (lab computers) or Fetch (Macbooks), login to Arnor. Arnor is the Computer Science Department's web server.

3. Upload the contents of your Project2 folder, NOT THE FOLDER ITSELF, to your public_html folder on Arnor,

How to test

1. From a browser window, type this URL in the address bar, but replace jdoe1 with your userID:

[url removed, login to view]~jdoe1

2. You should see the home page. If not, double check the URL. Make sure that your public_html folder has a file named [url removed, login to view] (or [url removed, login to view]).

3. Make sure all links work and all images load.

Guidelines for Grading

Project 2 will be evaluated using the criteria below.

Point values in parentheses. Maximum 68 points.

The same guideline may appear in two different categories.

Tip: Use this rubric as a guide and checklist for developing and completing Project 2.

File Structure (10)

Phase 2 guidelines:

_____ The web pages are stored in your public_html folder on Arnor. (1)

_____ All filenames are in lower case with no spaces. This includes image filenames. Every web page ends with the extension .htm or .html. (1)

_____ The home page is named [url removed, login to view] or index.htm. The About Us page is named about.html. (1)

_____ External style sheets are stored in a folder named: css (1)

_____ Images and multimedia files are stored in a folder named: images (1)

Phase 3 guidelines:

_____ The file [url removed, login to view] is in your public_html folder on Arnor. (1)

_____ The folder named cgi is in your public_html folder on Arnor with mailmerge.cgi. The script [url removed, login to view] has Execute permissions set. (2)

_____ The folder named form is in your [url removed, login to view] folder on Arnor with [url removed, login to view], [url removed, login to view], and output.html. The web page [url removed, login to view] has Write permissions set. (2)

Hyperlinks (7)

_____ There are navigation links on the home page "above the fold" to all main pages of your web page. (1)

_____ At a minimum, there is a link to the home page on the subpages. The navigation links have the same design on all pages, with the allowed exception of unique navigation on the home page. (1)

Phase 2 guidelines:

_____ The About Us page has an menu of at least three (3) internal links "above the fold" to sections on the page. Tip: See Chapter 7. See also [url removed, login to view] on Project 2 on Blackboard or in the Java Jam Coffee House folder in the Project 2 folder on drive Q. (1)

_____ At a minimum, there is an internal link at the bottom of the About Us page to the top of the page. Optionally, you may add an internal Top link to each section. (1)

_____ There is a style rule with the a:link selector.

_____ Either a:link and a:visited are selectors for the same rule (separated by a comma), or there is a separate rule with the a:visited selector.

_____ There is a style rule with the a:hover selector.

Technical (8)

_____ All links work. Note: Since [url removed, login to view] is in the form subfolder, you need to use relative links like href="../index.html" on contact.html. On the other pages, you need to use href="form/contact.html". (1)

_____ All images load. Note: Since images are in the images folder, you need to use relative links like href="images/[url removed, login to view] ". (1)

_____ All JavaScript works.

_____ The web pages are well-formed documents with the appropriate XML declaration, document type definition, and structural sections. (1)

_____ The web pages conform to XHTML standards. (3)

_____ When clicked, each Add to Cart button displays this Shopping Cart page with the description and cost of the product/service ordered: (1) [url removed, login to view]

_____ When clicked, the Continue Shopping button on [url removed, login to view] displays store.html. (1)

Use of <div> (5)

Phase 2 guidelines:

_____ The main layout of every page is accomplished using <div> elements.

_____ At a minimum, there is a <div> element on each page with a unique id attribute (for example, id="footer") for each of these regions: header, footer, navigation, content. (4)

_____ At least one page has a two-column layout (see Chapter 6) or three-column layout (see Chapter 7) accomplished with <div> elements. (1)

_____ Navigation links appear "above the fold".

_____ All pages have the same footer with the same JavaScript snippet and the name of the organization in an email link. The email address may be fictitious.

JavaScript (5)

_____ All pages have the same JavaScript snippet in the footer with the name of the organization and/or webmaster. The name/s may be fictitious. (1)

Notes:

§ Obtain the <script> from the Project 2 folder on Blackboard or drive Q, or copy the <script> from this document.

§ The <script> belongs to the footer <div> but is not the entire footer.

_____ There is at least one JavaScript alert message box that is triggered by an event handler (probably onload, onclick, or onmouseover). (1)

_____ The original, unedited image file opens in a JavaScript popup window when the edited thumbnail image is clicked. The JavaScript specifies the location (xy coordinates) of the popup window and the size (width and height) of the popup window. The popup window is NOT maximized. Hint: See Week 11 Exercises 11-5 and 11-9. (1)

_____ At least one page has at least one meaningful use of JavaScript of your choice (student-specified). The JavaScript supports the purpose and use of your e-commerce site. Tip: You may adapt any of the JavaScript from Week 11 or Week 12 exercises or Chapter 14 data files. You may copy and paste Javascript from web sites like [url removed, login to view] and dynamicdrive.com. (2)

[url removed, login to view] (5)

_____ The web page [url removed, login to view] has a minimum of three (3) products and/or services, each with an Add to Cart button. (1)

____ Each Add to Cart button belongs to the specified form. Note: Obtain the form code from [url removed, login to view] on Project 2 on Blackboard or in the Pete the Painter folder in the Project 2 folder on drive Q. (1)

_____ Each Add to Cart form has two "hidden" elements—one for the name of the product/service, and the other for its cost; for example:

<input type="hidden" name="desc1" id="desc1" value="Painting Primer" />

<input type="hidden" name="cost1" id="cost1" value="19.95" />

Each Add to Cart form has a unique value for name and cost, like desc1. The id attribute in the tag duplicates that value. Each Add to Cart form has a value for the description of the product/service and a value for its cost. (3)

CSS: General (5)

Phase 2/3 guidelines:

_____ All web pages are linked to the same external style sheet, which is saved in a folder named: css (1)

_____ The external style sheet has at least one comment. (1)

_____ None of these tags are used: <center>, <font>. None of these attributes are used: width=n, height=n, bgcolor=color, cellpadding=n, border=n, align, valign, bordercolor. (3) SeeTable 1, below, for equivalent properties. Exceptions: You may use cellspacing=n with a table, as there is no equivalent CSS property. You may use width=n and height=n in the img element. (Points may be deducted.)

CSS: Selectors (4)

Phase 2 guidelines:

Note: These requirements belong to the external style sheet.

_____ At least one block-level element is centered in its parent container using the declaration {margin-left:auto; margin-right:auto}. (1)

_____ There is a style rule with the a:link selector. (1)

_____ Either a:link and a:visited are selectors for the same rule (separated by a comma), or there is a separate rule with the a:visited selector. (1)

_____ There is a style rule with the a:hover selector. (1)

Images (6)

_____ The original image file opens in a JavaScript popup window.

Phase 2 guidelines:

_____ Images and multimedia files are stored in a folder named: images

_____ There is at least one edited thumbnail image to the original, unedited version of the image. At a minimum, the image has been saved for Web, resized (1), cropped (1), and further enhanced in some other way that is NOT a transparent background (1), like brightness/contrast, color correction, layer style, filter, paste a selection from another image. The thumbnail is either in the footer or on the About Us page for ease of grading.

_____ There is at least one image, NOT the thumbnail, with a transparent background or matte background to simulate a contoured image. The "contoured" image is on the home page for ease of grading. (1)

_____ All images are less than 500KB, except the original, unedited image. (1)

_____ There is at least one text button or banner that you created from scratch, either with Photoshop, Photoshop Elements, or cooltext.com. This original image is on the home page for ease of grading. (1)

Form (8)

Phase 3 guidelines:

Note: These requirements belong to the file form.html.

_____ The form has a text box named name with an appropriate label for the visitor's name. (1)

_____ The form has a text box named email with an appropriate label for the visitor's email address. (1)

_____ The form has a textarea box with a suitable name (like id="comments")—no spaces, all lower case—with an appropriate label for its contents. (1)

_____ At a minimum, the form has two of the following items: set of radio buttons (type="radio", all with the same id attribute), check box (type="checkbox"), pull-down list (<option> element). (2)

The form's action attribute successfully executes [url removed, login to view] using [url removed, login to view]:

_____ At a minimum, the fields name and email are required. (1)

_____ The web page [url removed, login to view] is displayed after the Submit button is clicked. (1)

_____ The web page [url removed, login to view] displays (when you scroll to the bottom of [url removed, login to view]) the values typed and/or chosen using contact.html. (1)

Content (5)

Phase 2/3 guidelines:

_____ The home page clearly identifies the web site the name of the organization and its essential use as an e-commerce site "above the fold". (1)

_____ The home page clearly indicates the types of products and/or services for sale by the organization, even if the home page lacks specifics about those products and services. The home page entices the visitor to buy its products and services. (1)

_____ The About Us page has enough content to require scrolling when displayed on a lab computer. (1)

_____ All pages have the same footer with the name of the organization in an email link. The email address may be fictitious. (1)

_____ All pages have a descriptive <title> in the title bar that identifies/describes web page. The name of the organization appears in every <title> element. (1)

Bonus (1)

_____ The student-specified JavaScript is interactive with the visitor.(1)

Table 1. CSS Properties that Replace HTML Tags and Attributes

Instead of:

Use this:

<font size=6 color=green face=arial>

font-family:arial; font-size:[url removed, login to view]; color:green

<center>

margin-left:auto; margin-right:auto

width=100

width:100%

align=left, align=center, align=right

align:left; align:center; align:right

valign=top, valign=middle, valign=bottom

vertical-align:top; vertical-align:middle; vertical-align:bottom

bordercolor=green

border-color:green

bgcolor=yellow

background-color:yellow

border=1

border:1px

height=1

height:1px

cellpadding=10

padding:10px

Appendix 1. Code for Project 2

JavaScript for footer:

<script language="javascript" type="text/javascript">

[url removed, login to view]("Date last modified: " + [url removed, login to view] + " by John Doe")

</script>

Sample Add to Cart form for [url removed, login to view]:

<form method="post" action="http://www.webdevfoundations.net/scripts/cart.asp">

<input type="hidden" name="desc1" id="desc1" value="Painting Primer" />

<input type="hidden" name="cost1" id="cost1" value="19.95" />

<input type="submit" value="Add to Cart" />

</form>

Comercio electrónico Java JavaScript

Nº del proyecto: #554492

Sobre el proyecto

10 propuestas Proyecto remoto Activo Dec 20, 2009

10 freelancers están ofertando un promedio de $188 por este trabajo

softsolution2000

Hi see PMB for details and our clients feedback/reviews. I can start immediately. waiting for your positive response. Regards

$200 USD en 3 días
(21 comentarios)
5.7
YashpalSingh123

Expert Computer Engineer, Javascript/CSS, Can Start Work on Immediately effect.

$250 USD en 5 días
(8 comentarios)
3.8
ENDUTECHNOLOGIES

Hello Lets get started plz...see the PMB Thanks Endue Technologies

$250 USD en 5 días
(2 comentarios)
1.0
nagendrasiram

I can do this project for you.

$200 USD en 5 días
(0 comentarios)
0.0
nawazish587

I want to take this project

$100 USD en 1 día
(0 comentarios)
0.0
Jessicaest

Please check out PM for more details. Thank you.

$200 USD en 7 días
(0 comentarios)
0.0
haeloong

I have the similar project done using java jsp/servlet, to suit your requirements, i just need to modify existing GUI and logic. simple as 1-2-3. thanks.

$250 USD en 3 días
(0 comentarios)
0.0
eastexpert

I will do that for you. Think it has done as specifications are given.I already did such works. Thanks

$100 USD en 3 días
(0 comentarios)
0.0
yogeshksharma

I Can Do this small project in maximum 5 days but will take a grace time of 3 more days to complete it.

$150 USD en 8 días
(0 comentarios)
0.0