Car Search Tutorial

Buying a car has changed dramatically in the last few years. Most buyers use the Internet to view different models, compare price and options. Most buyers have pretty well made up their minds about what they want before entering a car dealership. Most dealerships have an Internet Sales Department with their own sales manager. You call, email or text the dealership's Internet sales manager to verify the car is in stock, schedule a test drive. This simulated application is one like those used by the Internet Sales Departments to find you the right car. Most dealerships carry a good inventory of the popular models. They also have arrangements with other dealerships to find cars they do not have in stock and trade inventory. This cloud-based application is a simulated version.


Day 2 Testing the application


Your program should look like this:

Auto Search Application

Load autoSearch.html, we need to test it out. follow these steps.

Now drag the right edge of your screen to the left until you see a color and column change. This is what the application will look like on smaller screens.

Day 3: Finding Vehicles

Printout the worksheet before working on this part of the project. Worksheet

Question 1: You a customer that wants a Toyota Limited Tacoma pick up truck with a towing package. Which ones would you recommend? Put your responses on the worksheet.

Question 2: Your next customer is looking for a car with a 3.4 L V6. How many are available? What color choices are there?

Question 3: You are Dealer A. What is your total inventory of vehicles?

Your next customer wants a very fuel efficient car. What would you recommend that Dealer C has in stock.

The next inquiring person wants a ruby flare pearl truck. What would you suggest? Who has these trucks?

Day 4: adding cars to the inventory

The auto transport just pulled up to Dealer A and unloaded the following vehicles:

Tacoma RD Sport

2.7 L 4 cylinder

silver sky metallic

Dealer A

$32,095

18/22 MPG

towing package, safety package, LED running lights

Avalon

3.5 L V6

midnight black metallic

Dealer A

$35,500

22/32 MPG

keyless entry, safety package, backup camera, bluetooth, self parking

Highlander LE Plus

2.7 L inline 4

super white

Dealer A

$36,870

30/28 MPG

towing package, safety package, brake assist, ABS, cruise control

Camry XLE

3. L V6

midnight black metallic

Dealer A

$28,650

29/41 MPG

keyless entry, safety package, backup camera, bluetooth auto headlignts, moon roof">Specs

Prius

1.8 L 4 cylinder

blizzard pearl

Dealer A

$23,475

54/50 MPG

standard features

Rav 4

2.5 L 4 cylinder

ruby flare pearl

Dealer A

$24,600

23/30 MPG

standard features

Camry LE

3. L V6

super white

Dealer A

$24,150

29/41 MPG

safety package, auto headlignts

Tacoma Limited

2.7 L 4 cylinder

super white

Dealer A

$37,350

18/22 MPG

towing package, safety package, LED running lights

Rav 4 LE

2.5 L 4 cylinder

midnight black metallic

Dealer A

$24,600

23/30 MPG

standard features, moon roof

Corolla SE

1.8 L 4 cylinder

predawn gray mica

Dealer A

$18,700

28/36 MPG

keyless entry, safety package, backup camera

Camry XSE

3. L V6

blue crush

Dealer A

$35,100

29/41 MPG

keyless entry, safety package, backup camera, bluetooth auto headlights, moon roof

Land Cruiser

5.7 L V8

predawn gray mica metallic

Dealer A

$84,565

13/18 MPG

split rear seat, safety package, cruise control, seats 8, moon roof, LE lighting

After loading the autoSearch file into Notepad++, scroll down and examine the sections. The first section of the file contains the style tags. These are formatting tags that tell the browsers how the text, pictures should look. They start of line 6 and end of line 317. On line 268 the line tells the browser to look for smaller screen like cell phones and tablets All the code that follows here is designed to format the material so that it fits in one column instead of two. The script tags start of line 319. The lines between these tags are written in javaScript and they are the code that allows us to search. There are 6 different search functions: 0-5. They are model, engine, color, location, msrg, mileage.

Follow these steps to add the cars to the total inventory.

  1. Put these items into the table in the autoSearch.html file.

  2. Our inventory is in a table. It has columns and rows.

  3. The new vehicles are also in a table , lines 451 to 1508. It contains 7 columns and 12 rows.

  4. Each vehicle occupies a row.

  5. Rows are identified by a beginning <tr> and ending tag </tr>.

  6. Each feature:model, engine, color, location, msrp, mileage and specs occupies a table cell. abbreviated as td

  7. Table data also has mark up tags. The beginning one is <td> and the ending tab </td>

  8. Load the autoSearch.html into Notepad++.

  9. Scroll down to the end of the last item in the table. Start adding your additional vehicles on line 1505

  10. Key in the data and mark up tags for each vehicle.

  11. Save and test the file.

Day 5 Exchanging Vehicles


Dealer B needs a Land Cruiser and wants to swap some of their vehicles for one that Dealer D has. The vehicle in question for Dealer B is $84,565. Use the the location search to verify that Dealer D has a Land Cruiser that is brandy wine mica in color. Dealer B says that they are willing to trade for a gray Corolla SE worth $18,700; a black Tacoma Limited valued at $37,350 and a super white Camry XLE worth $28,650 for the Land Cruiser and some cash. If you think this deal is equitable, make the trade in your inventory.

Dealer C needs to record some sales from yesterday.

Delete the table rows containing these vehicles. Save and test.