Tiểu luận môn mã nguồn mở Thiết Kế Giao Diện Trang Chủ Trường Đại học Công Nghệ Đồng Nai.DOC
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.24 MB, 51 trang )
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐỒNG NAI
KHOA CÔNG NGHỆ
TIỂU LUẬN MÔN HỌC
MÃ NGUỒN MỞ
Đề tài
Đề tài
:
:
Thiết Kế Giao Diện Trang Chủ Trường Đại học Công Nghệ Đồng Nai.
Thiết Kế Giao Diện Trang Chủ Trường Đại học Công Nghệ Đồng Nai.
GVHD
GVHD
:
:
Th.s Phạm Đình Sắc
Th.s Phạm Đình Sắc
SVTH
SVTH
:
:
Nguyễn Thị Phương
Nguyễn Thị Phương
MSSV
MSSV
: 1203008
: 1203008
Nguyễn Vũ Duy Thanh
Nguyễn Vũ Duy Thanh
MSSV
MSSV
: 1202907
: 1202907
Phạm Thị Như Hiển MSSV: 1202685
LỚP
LỚP
: ĐHTH2BLT
: ĐHTH2BLT
Biên Hòa , Tháng 01/2013
Môn Học Mã Nguồn Mở Nhóm 6
Mục Lục
I. Giới thiệu…………………………………………………… 3
II. Cài đặt …………………….………………………………….4
III. Cấu hình……………………………………………………
IV. Kết luận………………………………………………………
V. Tài liệu tham khảo……………………………………………
VI. Nhận xét………………………………………………………
Trang 2
Môn Học Mã Nguồn Mở Nhóm 6
I. Giới thiệu:
Php là gì?
Ngày nay công nghệ thông tin ngày càng phát triển nên việc mọi người
có thể tiếp cận với các phần mềm mới không có gì là khó khăn. Tuy nhiên để có
được một phần mềm hay một chương trình ứng dụng tương đối tốt và miễn phí thì
ngày nay nhiều người đã sử dụng những phần mềm mã nguồn mở.
PHP(Hypertext Preprocessor) là một loại ngôn ngữ lập trình như nhiều
ngữ lập trình khác(VD:C,C#,ASP, Asp.Net…)Và nó có điểm chung cùng một
số ngôn ngữ khác là dựa trên C.Và PHP là một loại ngôn ngữ lập trình Web
Homepage của PHP là /> Như đa số ngôn ngữ lập trình khác ,PHP cũng có cái gọi là mở đầu và kết thúc
của một đoạn code.
Vậy với PHP nó như thế này :
< ?php
đoạn code
> ?
hoặc
< ?
đoạn code
> ?
Với < ?php và < ? là mở đầu còn > ? là kết thúc.
Môi trường làm việc của nhóm em trên phần mềm Macromedia Dreamweaver,chạy
trên Xamp Sever.
II. Cài đặt
Các bước chuẩn bị:
1. Cài đặt Macromedia Dreamweaver
Trang 3
Môn Học Mã Nguồn Mở Nhóm 6
Ta chọn Repair rồi click Next để tiếp tục cài đặt.
Trang 4
Môn Học Mã Nguồn Mở Nhóm 6
Sau khi kết thúc cài đặt ta sẽ có giao diện chính của phần mềm.
Trang 5
Môn Học Mã Nguồn Mở Nhóm 6
Cài đặt Xamp:
Trang 6
Môn Học Mã Nguồn Mở Nhóm 6
Trang 7
Môn Học Mã Nguồn Mở Nhóm 6
Sau khi hoàn tất việc cài đặt ta sẽ có giao diện kết nối của xamp
Cấu hình:
Sau khi hoàn thành việc cài đặt các phần mềm,chúng ta bắt đầu tạo trang Web.
của nhóm chúng e.
Tạo cơ sở dữ liệu:
Trang 8
Môn Học Mã Nguồn Mở Nhóm 6
Trang chủ:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<title>
.style4 {
font-size: 28px;
font-weight: bold;
color: #FF0000;
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"s/>
<title>Untitled Document</title>
</head>
<body>
<table width="1217" height="578" border="0" bgcolor="#FFCC33">
<tr>
Trang 9
Môn Học Mã Nguồn Mở Nhóm 6
<td height="264" colspan="3"><img src="anhbanner.gif" width="1217"
height="224" />
<?php include("menungang.php") ?></td>
</tr>
<tr height="232">
<td width="250" align="left" height="232" valign="top"><?php
include("menu.php") ?> </td>
<td valign="top"><p align="justify"><b>Kính thưa khách hàng !</p>
<p align="justify"> Khách sạn Như Ý nằm trong quần thể khu du lịch nghỉ
mát ,cách thành phố Biên Hòa 20 km về hướng đông <br />
<br />
Khách sạn Như Ý trực được đưa vào khai thác, sử dụng từ ngày 19 tháng 5
năm 2000. Đây là công trình kỷ niệm 110 năm ngày sinh của Chủ tịch Hồ Chí
Minh. Trong giai đoạn từ tháng 5/2000 đến tháng 12/2008 là khách sạn tiêu chuẩn
3 sao với 62 phòng ngủ cùng các dịch vụ khác như Phòng hội thảo, Nhà hàng,
Massage, Tennis, <br />
<br />
Trong suốt quá trình hoạt động, khách sạn Như Ý được đánh giá một trong
những khách sạn co uy tín ơ khu vực Nam Bộ, có thương hiệu, uy tín trên cả nước
và trong khu vực. Khách sạn đã được vinh dự phục vụ nhiều đồng chí lãnh đạo
cao cấp của Đảng, Nhà nước cũng như nước ngoài và luôn được đánh giá
cao.<b></p>
</td>
<td width="250" height="232" align="right" valign="top"><?php
include("menuphai.php") ?> </td>
</tr>
<tr>
<td colspan="3"><?php include("anhcuoi.php") ?> </td></tr>
</table>
</body>
</html>
Giao diện:
Trang 10
Môn Học Mã Nguồn Mở Nhóm 6
Các ứng dụng của chương trình:
Quản lý khách sạn:
+In danh sách khách
Ở đây chúng em tạo một form riêng là indanhsachkhach1 để kết nối cơ sở dữ liệu
vào bảng in danh sách khách:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
Trang 11
Môn Học Mã Nguồn Mở Nhóm 6
<body >
<?php
$con=mysql_connect("localhost","root","")or die ("Kết nối không thành
công").mysql_error();
mysql_select_db("quanlykhachsan",$con);
$sql1="select * from khachhang ";
if (! $kq1=mysql_query($sql1,$con))
echo "Có lỗi khi truy vấn".mysql_error();
else
{
echo "<center><table border=1 width=600 >";
echo "<tr>";
echo "<td colspan=9><center><font color=#0000FF><i><b><font size=6>IN
DANH SÁCH KHÁCH</b><i></font> </center></td>";
echo "</tr>";
echo "<tr>";
echo "<td> Thứ tự</td>
<td>Mã khách</td>
<td>Tên khách</td>
<td>Địa chỉ</td>
<td>Điện thoại</td>
<td>Số CMND</td>
<td> In</td> ";
echo "</tr>";
$tt=1;
while ($row=mysql_fetch_array($kq1))
{
?>
<tr>
<td> <?php echo $tt?></td>
Trang 12
Môn Học Mã Nguồn Mở Nhóm 6
<td> <?php echo $row['makhach']?></td>
<td> <?php echo $row['tenkhach']?></td>
<td> <?php echo $row['diachi']?></td>
<td> <?php echo $row['dienthoai']?></td>
<td> <?php echo $row['cmnd']?></td>
<td> <a href="inkhach.php?makhachcs=<?php echo
$row['makhach']?>"> IN</a></td>
</tr>
<?php
$tt=$tt+1;
}
}
echo "</table></center>";
mysql_close($con);
?>
</body>
</html>
Code indanhsachkhach
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<title>
.style4 {
font-size: 28px;
font-weight: bold;
color: #FF0000;
Trang 13
Môn Học Mã Nguồn Mở Nhóm 6
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"s/>
<title>Untitled Document</title>
</head>
<body bgcolor="#0000FF">
<table width="1217" height="578" border="0" bgcolor="#FFCC33">
<div align="center"></div>
<tr>
<td height="264" colspan="3"><img src="anhbanner.gif" width="1217"
height="224" />
<?php include("menungang.php") ?></td>
</tr>
<tr height="232">
<td width="250" align="left" height="232" valign="top"><?php
include("menu.php") ?> </td>
<td valign="top"><br /><br /><?php include("indanhsachkhach1.php")?>
</td>
<td width="250" height="232" align="right" valign="top"><?php
include("menuphai.php") ?> </td>
</tr>
<tr>
<td colspan="3"><?php include("anhcuoi.php") ?> </td></tr>
</table>
</body>
</html>
Giao diện của In Danh Sách Khách
Trang 14
Môn Học Mã Nguồn Mở Nhóm 6
+Sửa Thông Tin Khách:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!
.style1 {
color: #FF0000;
Trang 15
Môn Học Mã Nguồn Mở Nhóm 6
font-style: italic;
font-weight: bold;
font-size: 24px;
}
.style2 {color: #FF0000}
>
</style>
</head>
<body bgcolor="#FFFF00">
<form action="xulysuakhach.php" method="post">
<center><table width="438" height="254" border="1" cellspacing="1" ><br />
<?php
$makhach=$_REQUEST["makhachcs"];
$con=mysql_connect("localhost","root","") or die("khong ket noi
duoc").mysql_error();
mysql_select_db("quanlykhachsan",$con);
$sql="select*from khachhang where makhach='$makhach'";
$kq=mysql_query($sql,$con);
$row=mysql_fetch_array($kq);
$makhach=$row['makhach'];
$tenkhach=$row['tenkhach'];
$diachi=$row['diachi'];
$dienthoai=$row['dienthoai'];
$cmnd=$row['cmnd'];
?>
<tr>
<td height="57" colspan="2" bordercolor="#F4F4F4" > <div
align="center"><span class="style1">THÔNG TIN KHÁCH CẦN SỬA
</span><span class="style2"> :</span></div>
<?php echo $makhach ?></td></tr>
<tr>
Trang 16
Môn Học Mã Nguồn Mở Nhóm 6
<td width="128"> Mã khách</td>
<td width="365"><input type="hidden" name="makhach" value=<?php
echo $makhach?> /></td>
</tr>
<tr>
<td> Tên khách</td>
<td><input type="text" name="tenkhach" value=<?php echo $tenkhach?>
></td>
</tr>
<tr>
<td>Địa chỉ </td>
<td><input type="text" name="diachi" value=<?php echo $diachi?> >
</td>
</tr>
<tr>
<td>Điện thoại </td>
<td><input type="text" name="dienthoai" value=<?php echo $dienthoai?>
> </td>
</tr>
<tr>
<td>Số CMND </td>
<td><input type="text" name="cmnd" value=<?php echo $cmnd?> > </td>
</tr>
<tr>
<td><input type="submit" value="Sửa" /></td>
<td >
<div align="left">
<input name="reset" type="reset" value="Hủy" />
</div></td>
</tr>
Trang 17
Môn Học Mã Nguồn Mở Nhóm 6
</table>
</center>
</form>
</body>
</html>
Giao diện :
+ Tìm Kiếm Thông Tin Khách :
Form kết nối dữ liệu:
Trang 18
Môn Học Mã Nguồn Mở Nhóm 6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body >
<form action="xulytimkiemkhach.php" method="post" >
<center>
<p><font color="#FF0000"><i><b><font size="6">TÌM KIẾM THÔNG TIN
KHÁCH HÀNG</font></b></i></font> </p>
</center>
<hr width="600" /><br />
<center>
<table border="0"cellspacing="1" width="600" height="100" cellpadding="1"/>
<tr>
<td><div align="center"><font size="4">SỐ CMND </font></div></td>
<td> <input type="text" name="cmnd" /></td>
</tr>
<tr>
<td><center> <input type="submit" value="Tìm"/></center></td>
<td><div align="left"> <input type="reset" value="Hủy"/></div></td>
</tr>
</table>
<BR />
<a href="timkiemdichvu.php">TÌM KIẾM ĐẾN THÔNG TIN DỊCH VỤ</a>
</center>
</form>
Trang 19
Môn Học Mã Nguồn Mở Nhóm 6
</body>
</html>
Code chính:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<title>
.style4 {
font-size: 28px;
font-weight: bold;
color: #FF0000;
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"s/>
<title>Untitled Document</title>
</head>
<body >
<table width="1217" height="578" border="0" bgcolor="#FFCC33">
<div align="center"></div>
<tr>
<td height="264" colspan="3"><img src="anhbanner.gif" width="1217"
height="224" />
<?php include("menungang.php") ?></td>
</tr>
<tr height="232">
<td width="250" align="left" height="232" valign="top"><?php
include("menu.php") ?> </td>
<td valign="top"><br /><br /><?php include("timkiemkhach1.php")?>
</td>
<td width="250" height="232" align="right" valign="top"><?php
include("menuphai.php") ?> </td>
</tr>
Trang 20
Môn Học Mã Nguồn Mở Nhóm 6
<tr>
<td colspan="3"><?php include("anhcuoi.php") ?> </td></tr>
</table>
</body>
</html>
Quản Lý Giao Dịch:
+Thuê phòng:
Code form kết nối:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<title>
.style4 {
font-size: 28px;
font-weight: bold;
color: #FF0000;
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"s/>
<title>Untitled Document</title>
</head>
<body>
<table width="1217" height="578" border="0" bgcolor="#FFCC33">
<tr>
<td height="264" colspan="3"><img src="anhbanner.gif" width="1217"
height="224" />
<?php include("menungang.php") ?></td>
</tr>
<tr height="232">
<td width="250" align="left" height="232" valign="top"><?php
include("menu.php") ?> </td>
Trang 21
Môn Học Mã Nguồn Mở Nhóm 6
<td valign="top"><br /><marquee><font color="#0000FF"
size="5"><b><i>Khách Sạn Như Ý Xin Kính Chào Quý
Khách</i></b></font></marquee>
<?php include("capnhatthuephong.php") ?>
</td>
<td width="250" height="232" align="right" valign="top"><?php
include("menuphai.php") ?> </td>
</tr>
<tr>
<td colspan="3"><?php include("anhcuoi.php") ?> </td></tr>
</table>
</body>
</html>
Code chính:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" /><html xmlns=" /><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<SCRIPT language=javascript src="uti.js"></SCRIPT>
<script language="javascript">
function checkInput()
{
if (document.capnhatdatphongtruoc.makhach.value=="")
{
alert("Bạn chưa nhập mã khách!!!");
document.capnhatdatphongtruoc.makhach.focus();
return false;
}
Trang 22
Môn Học Mã Nguồn Mở Nhóm 6
if (document.capnhatdatphongtruoc.maphong.value=="chon")
{
alert("Bạn chưa chon Mã phòng!!!");
document.capnhatdatphongtruoc.maphong.focus();
return false;
}
if (document.capnhatdatphongtruoc.ngayden.value=="")
{
alert("Bạn chưa nhập ngày đến!");
document.capnhatdatphongtruoc.ngayden.focus();
return false;
}
if (document.capnhatdatphongtruoc.ngaydi.value=="")
{
alert("Bạn chưa nhập ngày đi!");
document.capnhatdatphongtruoc.ngaydi.focus();
return false;
}
if (document.capnhatdatphongtruoc.cmnd.value=="")
{
alert("Bạn chưa nhập CMND!");
document.capnhatdatphongtruoc.cmnd.focus();
return false;
}
if (document.capnhatdatphongtruoc.tenkhach.value=="")
{
alert("Bạn chưa nhập Tên Khách hàng!");
document.capnhatdatphongtruoc.tenkhach.focus();
return false;
}
Trang 23
Môn Học Mã Nguồn Mở Nhóm 6
if (document.capnhatdatphongtruoc.diachi.value=="")
{
alert("Bạn chưa nhập địa chỉ!");
document.capnhatdatphongtruoc.diachi.focus();
return false;
}
if ( document.capnhatdatphongtruoc.dienthoai.value=="")
{
alert('Vui lòng nhập vào số điện thoại !!');
capnhatdatphongtruoc.dienthoai.focus();
return false;
}
return true;
}
</script>
</head>
<body bgcolor="#FFFF33">
<form method="post" action="xulythuephongtruoc.php"
name="capnhatdatphongtruoc" >
<center>
<p><font color="#FF0000"><i><b><font size="6">CẬP NHẬT THÔNG TIN
THUÊ PHÒNG</font></b></i></font> </p>
</center>
<hr width="600" /><br />
<center><table width="426" border="0" cellspacing="1" >
<tr>
<td height="35"> <div align="center"><strong> Mã
phòng</strong></div></td>
<td>
Trang 24
Môn Học Mã Nguồn Mở Nhóm 6
<select name="maphong" ><option selected value="chon">-chọn-
<?php
$con=mysql_connect("localhost","root","") or die("Kết nối không thành
công").mysql_error();
mysql_select_db("quanlykhachsan",$con);
$sql="SELECT * FROM phong";
$kq=mysql_query($sql,$con);
while($row=mysql_fetch_array($kq))
{
echo "<option>". $row['maphong']."</option>";
}
mysql_close($con);
?>
</select>
</td>
</tr>
<tr>
<td width="127" height="35"> <div align="center"><strong> Mã
khách</strong></div></td>
<td width="289"><input type="text" name="makhach" /></td>
</tr>
<tr>
<td> <div align="center"><strong>Tên khách</strong></div></td>
<td><input type="text" name="tenkhach" /></td>
</tr>
<tr>
<td height="35"> <div align="center"><strong>Địa chỉ</strong></div></td>
<td><input type="text" name="diachi" /></td>
</tr>
Trang 25
