Sie sind auf Seite 1von 21

Jels Corner Website

A Project Presented to the Faculty of the College of Information and Computing Studies Colegio de Dagupan

Joyce F. Quilla-Reyes (Instructor)

In Partial Fulfillment Of the Requirements for the Course (Subj Code) WEB DEVELOPMENT

Denis Aquino Oril Jaudrey Cayabyab Sta. Cruz

March 12, 2012

TABLE OF CONTENTS PAGE TITLE PAGE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 2 3

TABLE OF CONTENTS LIST OF TABLES LIST OF FIGURES CHAPTER

1 SITE SPECIFICATION Proposed Domain . . . . . . . . . . . . . 4 4

Purpose of the Site .

2 SITE STORY BOARD Wire Frame Site Map . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 5 7 8-20

3 SITE COMPONENTS 4 SOURCE CODE .

REFERENCES.

LIST OF TABLES Table No. 1.1 . . . Table Title (Database for Jels Musician Reservation). Page .1

LIST OF TABLES Figure No. 1.1 1.2 FIGURE TABLE (Database for Jels Musician Reservation) (Database Structure of Jels Musician) PAGE 7 7

Chapter 1 SITE SPECIFICATION Proposed Domain Name of the Website Jels Musician Website Purpose of the site The developed design project, the Jels Musician Website is to improve the current process of managing the current business that their company have. Audience or user considerations The website is not developed for any other services aside from ordering transactions and viewing products. It will not be used in any other company but with the chosen company which is Jels Musician. Online payment is not included in the developed website as requested by the company because of their business policy.

Maintenance The developed website is a web-based application which will help the both company and their customers in the process ordering transaction. Since Jels Musician offers band rehearsal, selling customize guitars,drums and other music gadgets. The developed website design system will focus on ordering transaction such as registration of the customer for future use viewing newest products. The design website must be done and maintain is using the PHP scripting language and Xampp.

Client-Side Scripting Language We use the PHP scripting language and Xampp in all the part of the system design to the purposed of ordering transaction and for the registration of their customers.

4 Server-Side Scripting Language We use the PHP scripting language and Xampp in making the server of the website to have a record of registration of the customer.

Chapter II a. Site Map Jels Musician Website

Home

Reservation

Submit

b. Wire Frame Jels Musician Website Home page (jels.php)

Purpose of the Page The purpose of this web page is to save the effort of the customer. Instead going to the shop they can just visit the site and view some products. It will help them to save a great deal of money, time and will make their shopping experience much safer than before.

CHAPTER III SITE COMPONENTS

Table 1.1 (Database for Jels Musician Reservation) Name Denis,Oril,A JaudreySta.CruzC Address Pangasinan Capaoay Contact_num 2147483647 2147483647 Time_reservation 09:00pm 01:00pm

The purpose of this database is to have the records of the customers for the reservation the product.

Table 1.2 (Database Structure of Jels Musician) name address contact_num Time_reservation char(20) char(50) int(15) carchar(10)

7 CHAPTER IV SOURCE CODE Jells.php <html> <title>Home</title> <body bgcolor="FFFF99"> <table <tr> <TD width="15%" height="60%" bgcolor="FFFF99"><a href="jels.php"><center><img src="rock.JPG" height="45%"width="40%"><br><img src="musi2.JPG" height="35%"width="60%"></center></td> <td width="15%" height="60%" bgcolor="FFFF99"><center><a href="guitar.php"><img src="guitar.JPG" height="60%"width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="bass.php"><img src="bass.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="drums.php"><img src="drum.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="gadgets.php"><img src="gadget.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="reserve.php"><img src="reserve.JPG" height="60%" width="100%"></center></TD> align="center" width="100%" height="20%">

8 </TR> </table><br> </body></html> Reserve.php <html> <title>Home</title> <body bgcolor="FFFF99"> <table align="center" width="100%" height="20%"> <tr> <TD width="15%" height="60%" bgcolor="FFFF99"><a href="jels.php"><center><img src="rock.JPG" height="45%"width="40%"><br><img src="musi2.JPG" height="35%"width="60%"></center></td> <td width="15%" height="60%" bgcolor="FFFF99"><center><a href="guitar.php"><img src="guitar.JPG" height="60%"width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="bass.php"><img src="bass.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="drums.php"><img src="drum.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="gadgets.php"><img src="gadget.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="reserve.php"><img src="reserve.JPG" height="60%" width="100%"></center></TD> </TR>

9 <tr> <form action=handle.php method = POST> <td></td><td>Name</td> <td colspan="4"><input type=text maxlength=15 name=txtname value="Fisrtname"> <input type=text maxlength=15 name=txtlastname value="Lastname"> <input type=text maxlength=2 name=txtMI value="MI"></td></tr> <tr></td><td><td>Address</td><td><input type=text maxlength=15 name=txtser value="Town, Province"></td></tr> <tr></td><td><td>Contact No.</td><td><input type=text maxlength=15 name=txtcontact value="Cellphone or Telephone"></td></tr> <tr></td><td><td>Time Reservation</td><td><input type=text maxlength=15 name=txttime value="00:00 am/pm"></td></tr>

<tr></td><td><td></td><td><input type= submit name="btnsubmit" value="submit"></td></tr> </form> </table> </body> </html>

admin.php <html> <head>

10 <title>Admin</title> </head> <body bgcolor="FFFF99">

<form action="handle2.php" method="POST"> <input type="submit" name="btncheck" value="Check Reservers"> </body> </html>

handle2.php <?php if(isset($_POST['btncheck']))

{ echo "<table><tr><td width='120'>Name<td/><td width='120'>Address</td> <td width='120'>Contact No.</td><td width='120'>Time Reservation</td></tr>"; echo "<form action='jels.php' method='POST'> <input type='submit' value='Back to Home'>"; $name = $_POST['txtname'].','.$_POST['txtlastname'].''.$_POST['txtMI']; $address = $_POST['txtser']; $contact = $_POST['txtcontact'];

11 $time = $_POST['txttime'];

$conn = mysql_connect("localhost","root","") ; mysql_select_db("dbjels", $conn) ; $sql = "select * from tbljels1"; $mysql=mysql_query($sql, $conn); while($fetch=mysql_fetch_array($mysql)) { echo "<table><tr><td width='120'>$fetch[name]<td/><td width='120'>$fetch[address]</td> <td width='120'>$fetch[contact_num]</td><td width='120'>$fetch[time_reservation]</td></tr></table></table>";

} } ?>

handle.php

<?php

if(isset($_POST['btnsubmit'])) { $name =

12 $_POST['txtname'].','.$_POST['txtlastname'].''.$_POST['txtMI']; $address = $_POST['txtser']; $contact = $_POST['txtcontact']; $time = $_POST['txttime'];

$conn = mysql_connect("localhost","root","") ; mysql_select_db("dbjels", $conn) ; $sql = "SELECT * from tbljels1";; $mysql=mysql_query($sql, $conn); while($fetch=mysql_fetch_array($mysql))

if($time==$fetch[time_reservation]) { $conn = mysql_connect("localhost","root","") ; mysql_select_db("dbjels", $conn) ; $sql = "INSERT into tbljels1;"; $mysql=mysql_query($sql, $conn);

echo "Already Reserve"; } else { echo "<body bgcolor='FFFF99'><center><table ><center><tr><td><img src='11.gif'></td><td align='right'><img

13 src='11.gif' ></td></tr><br/><br/><br/><center>

<tr><td colspan='2'><font size='8'>Thanks for choosing JEL'S MUSICIAN<br><center>THANK YOU :)</center></td></tr> <tr><td colspan='2'><center><form action='jels.php'><input type=submit value='Balik sa Home'></center></td></tr></form></table></center></body>"; }

} ?>

guitar.php <html> <title>Home</title> <body bgcolor="FFFF99"> <table <tr> <TD width="15%" height="60%" bgcolor="FFFF99"><a href="jels.php"><center><img src="rock.JPG" height="45%"width="40%"><br><img src="musi2.JPG" height="35%"width="60%"></center></td> <td width="15%" height="60%" bgcolor="FFFF99"><center><a href="guitar.php"><img src="guitar.JPG" height="60%"width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="bass.php"><img src="bass.JPG" height="60%" align="center" width="100%" height="20%" >

14 width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="drums.php"><img src="drum.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="gadgets.php"><img src="gadget.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="reserve.php"><img src="reserve.JPG" height="60%" width="100%"></center></TD> </TR></table>

<center><img src="ibanez.JPG" height="40%" width="30%"><br> <font size="5">Ibanez<br>Php 9,800<br><br> <img src="globe.JPG" height="40%" width="30%"><br> <font size="5">Globe<br>Php 4,500<br><br> <img src="yamaha.JPG" height="40%" width="30%"><br> <font size="5">Yamaha<br>Php 18,000<br><br> <img src="fender.JPG" height="40%" width="25%"><br> <font size="5">Fender<br>Php 14,500<br><br> <img src="epiphone.JPG" height="40%" width="30%"><br> <font size="5">Epiphone<br>Php 22,000</center>

15 gadget.php <html> <title>Home</title> <body bgcolor="FFFF99"> <table align="center" width="100%" height="20%" > <tr> <TD width="15%" height="60%" bgcolor="FFFF99"><a href="jels.php"><center><img src="rock.JPG" height="45%"width="40%"><br><img src="musi2.JPG" height="35%"width="60%"></center></td> <td width="15%" height="60%" bgcolor="FFFF99"><center><a href="guitar.php"><img src="guitar.JPG" height="60%"width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="bass.php"><img src="bass.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="drums.php"><img src="drum.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="gadgets.php"><img src="gadget.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="reserve.php"><img src="reserve.JPG" height="60%" width="100%"></center></TD> </TR> </table><br> <center><img src="allset.JPG" height="40%" width="30%"><br> <font size="5">AllSet Magnum<br>Php 30,000<br><br>

16 <img src="zoomg2.JPG" height="40%" width="30%"><br> <font size="5">Zoom G2<br>Php 8,000<br><br> <img src="zoomg1n.JPG" height="40%" width="30%"><br> <font size="5">Zoom G1N<br>Php 9,000<br><br> <img src="digitech.JPG" height="40%" width="30%"><br> <font size="5">Digitech<br>Php 4,000<br><br> <img src="mxr.JPG" height="40%" width="30%"><br> <font size="5">MXRz<br>Php 3,000<br><br> <img src="nano.JPG" height="40%" width="30%"><br> <font size="5">Iron Lung(Nano)<br>Php4,000<br><br></center>

</body> </html>

drums.php <html> <title>Home</title> <body bgcolor="FFFF99"> <table align="center" width="100%" height="20%" > <tr> <TD width="15%" height="60%" bgcolor="FFFF99"><a href="jels.php"><center><img src="rock.JPG" height="45%"width="40%"><br><img src="musi2.JPG" height="35%"width="60%"></center></td>

17 <td width="15%" height="60%" bgcolor="FFFF99"><center><a href="guitar.php"><img src="guitar.JPG" height="60%"width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="bass.php"><img src="bass.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="drums.php"><img src="drum.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="gadgets.php"><img src="gadget.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="reserve.php"><img src="reserve.JPG" height="60%" width="100%"></center></TD> </TR></table><br> <center><img src="Dgammon.JPG" height="50%" width="50%"><br> <font size="5">Gammon<br>Php 20,800<br><br> <img src="Dlongxing.JPG" height="50%" width="50%"><br> <font size="5">Longxing<br>Php 15,000<br><br> <img src="Dmapex.JPG" height="50%" width="50%"><br> <font size="5">Mapex<br>Php 18,000<br><br> <img src="Dgretsch.JPG" height="50%" width="50%"><br> <font size="5">Gretsch<br>Php 25,000<br><br> <img src="Dtko.JPG" height="50%" width="50%"> <font size="5"><br>TKO<br>Php 30,000<br><br></center>

18 </body> </html>

bass.php <html> <title>Home</title> <body bgcolor="FFFF99"> <table width="100%" height="20%" > <tr> <TD width="15%" height="60%" bgcolor="FFFF99"><a href="jels.php"><center><img src="rock.JPG" height="45%"width="40%"><br><img src="musi2.JPG" height="35%"width="60%"></center></td> <td width="15%" height="60%" bgcolor="FFFF99"><center><a href="guitar.php"><img src="guitar.JPG" height="60%"width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="bass.php"><img src="bass.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="drums.php"><img src="drum.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="gadgets.php"><img src="gadget.JPG" height="60%" width="100%"></center></TD> <TD width="15%" height="60%" bgcolor="FFFF99"><center><a href="reserve.php"><img src="reserve.JPG" height="60%" width="100%"></center></TD>

19 </TR></table>

<td colspan="4"><center><img src="Bibanez.JPG" height="60%" width="30%"><br> <font size="5">Ibanez<br>Php 8,000<br> <img src="Bfender2.JPG" height="40%" width="30%"><br> <font size="5">Fender(with free amp)<br>Php 12,000<br> <img src="Byamaha.JPG" height="40%" width="30%"><br> <font size="5">Yamaha<br>Php 16,500<br> <img src="Bfender.JPG" height="40%" width="30%"><br> <font size="5">Fender USA<br>Php 20,000<br> <img src="Bwashburn.JPG"height="60%" width="30%"><br> <font size="5">Washburn(with free amp)<br>Php 25,000</center>

</body> </html>

20

Das könnte Ihnen auch gefallen