4. Bảng xe buýt (xebuyt) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú
1 Masoxe Int Khóa
chính
Khơng Mã số xe
2 Madvql nvarchar(50) Khóa ngoại
Khơng Mã đơn vị quản lý
3 Loaixe nvarchar(50) Loại xe
Bảng III-12: Bảng xe buýt
5. Bảng vé xe buýt (vexe) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú
1 masove Int Khóa
chính Khơn g Mã số vé 2 Giave nvarchar(255 ) Khơn g Giá vé
3 maloaive nvarchar(30) Khóa ngoại
Khơn g
Mã loại vé
Bảng III-13: Bảng vé xe bt
6. Bảng loại vé (loaive) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú
1 maloaive nvarchar(30) Khóa chính Khơn g mã loại vé 2 tenloaive nvarchar(255 ) Khơn g Tên loại vé 3 Ghichu nvarchar(255 ) Ghi chú Bảng III-14: Bảng loại vé
7. Bảng news (tintuc)
ST T
Thuộc tính Kiểu dữ liệu Ràng buộc
Rỗng Ghi chú
1 id_news Int Khóa
chính
Khơng Mã số tin tức
2 Tennews nvarchar(255 )
Không Tên tin tức
3 Ndrutgon nvarchar(255 )
Không Nội dung rút gọn
4 Ndnews nvarchar(255 )
Không Nọi dung chi tiết
5 Ngay Datetime Khơng Ngày đăng
6 Hinhdaidie n
nvarchar(50) Khơng Hình đại diện
7 Hinhto nvarchar(40) Hình to
8 Trangthai Int Khơng Trạng thái
9 Hinhnho nvarchar(40) Hình nhỏ
Chú thích bảng: Lưu lại danh sách các tin tức hiển thị trên trang chính. Bảng này có thuộc tính trạng thái, cho phép admin có quyền cho tin tức có hiển thị lên trang chính hay khơng.
8. Bảng ý kiến (ykien) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú
1 Ten Nvarchar(30) Khóa chính
Khơng Tên đăng nhập thành viên
2 Email nvarchar(30) không Email của thành viên
3 Noidung Nvarchar(225 )
Không Nội dung ý kiên – bình luận
4 Id_news Int Khóa
ngoại
Khơng Mã số tin tức
Chú thích bảng: Lưu lại các ý kiến bình luận của thành viên với những tin tức đã được trình bày trong website
9. Bảng góp ý – liên hệ (gopy_lienhe) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú
1 Tenthanhvien nvarchar(30) Khóa chính Khơng Tên thành viên
2 Email nvarchar(30) Không Email thành viên
3 Diachi nvarchar(50) Địa chỉ thành
viên
4 Noidunggopy nvarchar(25 5)
Khơng Nội dung góp ý
Bảng III-17: Bảng góp ý – liên hệ
Chú thích bảng: Lưu lại các góp ý – liên hệ của các thành viên gửi đến ban quản trị website thông qua liên hệ
10. Bảng văn bản (vanban) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú
1 Id_vanban Int Khóa
chính Khơn g Mã số văn bản 2 Tiêu đề nvarchar(30 ) Khôn g Tiêu đề văn bản 3 Link nvarchar(50 ) Khôn g
Liên kết của văn bản
4 Ngaydang Datetime Khôn
g
ngày đăng
Bảng III-18: Bảng văn bản
11. Bảng địa điểm (diadiem) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú 1 Id nvarchar(30) Khóa chính
Khơng Mã số địa điểm
2 DiaDiem nvarchar(255 )
Khơng Tên địa điểm
3 Quan nvarchar(50) Khơng Tên quận
4 Masotuye n
Int Khóa
ngoại
Khơng Mã số tuyến xe
Bảng III-19: Bảng địa điểm
Chú thích bảng : Lưu danh sách các địa điểm nổi bật trên địa bàn thành phố Hà Nội.
12. Bảng thành viên (thanhvien) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú 1 Tendangnhap nvarchar(20 ) Khóa chính Khơn g Tên đăng nhập thành viên 2 Matkhau nvarchar(20 ) Khôn g Mật khẩu 3 Hoten nvarchar(50 ) Họ tên thành viên 4 Email nvarchar(30 ) Khơn g Email thành viên 5 Gioitinh nvarchar(10 ) Giới tính thành viên 6 Diachi nvarchar(50 ) Địa chỉ Bảng III-20: Bảng thành viên
13. Bảng admin (admin) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú 1 Tendangnhap nvarchar(20 ) Khóa chính Khơn g Tên đăng nhập admin 2 Matkhau nvarchar(50 ) Khơn g Mật khẩu admin Bảng III-21: Bảng admin
14. Bảng counter (counter) ST T Thuộc tính Kiểu dữ liệu Ràng buộc Rỗng Ghi chú
1 Counter Int Khóa
chính
Khơng Lưu số lượng truy cập
2 Date Datetime không Ngày
Bảng III-22: Bảng counter
IV. Tổng kết chương.
Cơ sở dữ liệu của website sử dụng Mysql bở vì MySQL là một trong những cơ
sở dữ liệu có khả năng mở rộng phổ biến nhất hiện nay. Nó giàu các tính năng, là một sản phẩm mã nguồn mở mạnh mẽ trên các website và các ứng dụng online.
MySQL nắm dữ những ưu điểm như:
1. Dễ dàng sử dụng: MySQL có thể dễ dàng cài đặt. Với các công cụ bên
thứ 3 làm cho nó càng dễ đơn giản hơn để có thể sử dụng.
2. Giàu tính năng: MySQL hỗ trợ rất nhiều chức năng SQL được mong chờ
từ một hệ quản trị cơ sở dữ liệu quan hệ-cả trực tiếp lẫn gián tiếp.
3. Bảo mật: Có rất nhiều tính năng bảo mật, một số ở cấp cao đều được xây
dựng trong MySQL.
4. Khả năng mở rộng và mạnh mẽ: MySQL có thể xử lý rất nhiều dữ liệu
và hơn thế nữa nó có thể được mở rộng nếu cần thiết.
5. Nhanh: Việc đưa ra một số tiêu chuẩn cho phép MySQL để làm việc rất
hiệu quả và tiết kiệm chi phí, do đó nó làm tăng tốc độ thực thi.
Vì vậy bảng cơ sở dữ liệu của của website được xây dựng bởi csdl mysql với 14 bảng chính là bao gồm :
Bảng địa điểm
1. Bảng tuyến Xe (các tuyến xe buýt)
2. Bảng đơn vị quản lý (đơn vị quản lý các tuyến xe buýt) 3. Bảng xe buýt (Xe Buýt số bao nhiêu)
4. Bảng trạm dừng ( các trạm xe buýt)
5. Bảng vé xe (vé xe các tuyến buýt và các tuyến buýt) 6. Bảng ý kiến (ý kiến của khách hàng)
7. Bảng counter là bảng phụ mang ý nghĩ hỗ trợ tính tốn trong ĐKHT 8. Bảng văn bản( các quyết định của bộ giao thông …)
9. Bảng loại vé (các loại vé xe)
10.Bảng thành viên(khách hàng đăng ký thành viên)
12.Bảng tin tức trang
13.Bảng góp ý, ý kiến (Góp ý, ý kiến của khách hàng).
CHƯƠNG IV : XẤY DỰNG GIAO DIỆN - CÀI ĐẶTI. Công cụ và phương pháp I. Công cụ và phương pháp
1. Sơ lược ngôn Ngữ PHP
Php được viết tắt của chữ Personal Home Page là ngôn ngữ script trên
server chạy trên phía máy chủ (Server side) giống như các server script khác như: asp, jsp, cold fusion,… Nó cho phép dễ dàng xây dựng các trang web động, mà tương tác được với mọi cơ sở dữ liệu như: Informix, MySQL, PostgreSQL, Oracle, Sybase, SQL Server,…
Php còn là phần mềm mở, dùng cho mục đích tổng quát. Thích hợp với Web và có thể dễ dàng nhúng vào trang HTML. Mã PHP có thể thực thi trên Webserver để tạo ra mã HTML và xuất ra trình duyệt web theo yêu cầu của người sử dụng.
2. Đặc điểm của file php:
Php có thể chạy trên các mơi trường (platforms) khác nhau như: Windows, Linux, Unix… Nó cịn có khả năng tương thích với hầu hết các servers đang sử dụng hiện nay như: Apache, IIS...
Ngoài ra các file PHP trả về kết quả cho trình duyệt là một trang thuần HTML, và các file PHP có thể chứa văn bản (Text), các thẻ HTML (HTML tags) và các đoạn mã kịch bản (Script).
Phần lớn các file PHP có phần mở rộng là: .php, .php3, . Phpml và lưu ý rằng, từ phiên bản 4.0 trở về sau mới hỗ trợ session.
3. Lịch sử phát triển:
Dưới đây là một số mốc phát triển của Php:
Năm 1995, phiên bản đầu tiên ra đời có tên là PHP/FI được viết bởi nhà phát triển phần mềm Rasmus Lerdorf.
PHP/FI, viết tắt từ "Personal Home Page/Forms Interpreter", bao gồm một số các chức năng cơ bản của PHP ngày nay.
Năm 1997, phiên bản PHP/FI 2.0 ra đời nhưng chỉ được công bố dưới dạng các bản beta. Đến tháng 11 năm 1997 mới chính thức được cơng bố.
Năm 1998, phiên bản PHP 3.0 được chính thức cơng bố.
Andi Gutmans và Zeev Suraski tiếp tục hoàn tất phần lõi nhằm cải tiến PHP 3.0.
Tháng 05/2000, phiên bản PHP 4.0 với hàng loạt các tính năng mới bổ sung, đã chính thức được cơng bố.
29/06/2003, phiên bản PHP 5 Beta 1 đã chính thức được cơng bố.
Tháng 10/2003, phiên bản Beta 2 ra mắt với sự xuất hiện của hai tính năng rất được chờ đợi: Iterators, Reflection nhưng namespace một tính năng gây tranh cãi khác đã bị loại khỏi mã nguồn.
Ngày 21/12/2003: phiên bản PHP 5 Beta 3 đã được công bố.
Ngày 13/07/2004, phiên bản PHP 5 bản chính thức đã ra mắt sau một chuỗi khá dài các bản kiểm tra thử bao gồm Beta 4, RC 1, RC2, RC3.
Ngày 14/07/2005, phiên bản PHP 5.1 Beta 3 được PHP Team công bố đánh dấu sự chín muồi mới của PHP với sự có mặt của PDO.
Hiện nay, phiên bản tiếp theo của PHP đang được phát triển, PHP 6 bản sử dụng thử đã có thể được download tại địa chỉ http://snaps.php.net.
4. Q trình thơng dịch trang php
Php là kịch bản trình chủ được chạy trên nền php Engine, cùng với ứng dụng Web Server để quản lý chúng.
Khi trang php được gọi, Web Server triệu gọi php Engine để thông dịch, dịch trang php và trả về kết quả cho người sử dụng là một trang thuần HTML
Ta có mơ hình như sau:
5. Ưu điểm của Php:
Có nhiều lý do khiến cho việc sử dụng ngôn ngữ này chiếm ưu thế xin nêu ra đây một số lý do cơ bản :
1. Mã nguồn mở (open source code)
2. Miễn phí, download dễ dàng từ Internet. 3. Ngơn ngữ rất dễ học, dễ viết.
4. Mã nguồn không phải sửa lại nhiều khi viết chạy cho các hệ điều hành từ Windows, Linux, Unix
5. Rất đơn giản trong việc kết nối với nhiều nguồn DBMS, ví dụ như: MySQL, Microsoft SQL Server 2000, Oracle, PostgreSQL, Adabas, dBase, Empress, FilePro, Informix, InterBase, mSQL, Solid, Sybase, Velocis và nhiều hệ thống CSDL thuộc Hệ Điều Hành Unix (Unix dbm) cùng bất cứ DBMS nào có sự hổ trợ cơ chế ODBC (Open Database Connectivity) ví dụ như DB2 của IBM.
Màn hình trang chủ
Trang thơng tin tuyến
Trang văn bản
Trang đăng ký
Trang sơ đồ website Trang giới thiệu
Trang vé xe buýt
Trang tìm kiếm Trang liên hệ
Trang chi tiết tuyến xe
Trang tìm kiếm nâng cao Trang tìm kiếm cơ bản
Trang chi tiết giá vé
II. Mơ tả giao diện
1. Giao người dùng diện
Màn hình trang chủ
Trang loại vé
Trang tin tức
Trang đơn vị quản lý Đăng xuất Trang tuyến xe
Trang xe buýt
Trang trạm dừng Trang vé xe buýt
Trang thành viên
2. Giao diện người quản trị (admin)
3. Danh sách các màn hìnhST ST
T
Tên màn hình Các liên kết
1 Màn hình trang chủ Index.php
2 Màn hình trang giới thiệu /index.php?b=gioithieu 3 Màn hình trang thơng tin
tuyến
/index.php?b=timtuyen 4 Màn hình chi tiết tuyến xe
buýt
/index.php?b=ctbus&masotuyen=1 5 Màn hình chi tiết giá vé /index.php?b=ctgv
6 Màn hình tìm kiếm cơ bản /index.php?b=timkiem 7 Màn hình tìm kiếm nâng cao /index.php?b=tim2 8 Màn hình liên hệ /index.php?b=lienhe 9 Màn hình đăng ký thành viên /index.php?b=dk
10 Màn hình vé xe buýt /index.php?b=vexebuyt 11 Màn hình văn bản /index.php?b=vanban 12 Màn hình sơ đồ trang /index.php?b=sodo 13 Màn hình đăng nhập trang
quản trị
/admincp/
14 Màn hình trang quản trị /admincp/main2.php
15 Màn hình trang chủ quản trị /admincp/main2.php?b=trangchu 16 Màn hình tuyến xe /admincp/main2.php?b=dstuyenxe 17 Màn hình thêm tuyến xe /admincp/main2.php?b=themtuyenxe 18 Màn hình cập nhật tuyến xe /admincp/main2.php?
b=cntx&masotuyen=1
19 Màn hình loại vé /admincp/main2.php?b=dsloaive 20 Màn hình thêm loại vé /admincp/main2.php?b=themloaive 21 Màn hình cập nhật /admincp/main2.php? b=cnlv&maloaive=VTHS 22 Màn hình trạm dừng /admincp/main2.php?b=tramdung 23 Màn hình thêm trạm dừng /admincp/main2.php?b=themtramdung 24 Màn hình cập nhật trạm dừng /admincp/main2.php?b=cntdung&id=1 25 Màn hình xe buýt /admincp/main2.php?b=xebuyt
26 Màn hình thêm xe buýt /admincp/main2.php?b=themxebuyt 27 Màn hình cập nhật xe buýt /admincp/main2.php?
28 Màn hình tin tức /admincp/main2.php?b=tintuc 29 Màn hình thêm tin tức /admincp/main2.php?b=themtintuc 30 Màn hình cập nhật tin tức /admincp/main2.php?
b=cntintuc&id_news=2 31 Màn hình vé xe buýt /admincp/main2.php?b=ve 32 Màn hình thêm vé xe buýt /admincp/main2.php?b=themve 33 Màn hình cập nhật vé xe buýt /admincp/main2.php?
b=cnvexe&msve=1
34 Màn hình đơn vị quản lý /admincp/main2.php?b=quanly 35 Màn hình thêm đơn vị quản
lý /main2.php?b=themquanly 36 Màn hình cập nhật đơn vị quản lý /admincp/main2.php? b=cnquanly&madonviquanly=HTX28 37 Màn hình thành viên /admincp/main2.php?b=thanhvien 38 Màn hình thêm thành viên /admincp/main2.php?b=themthanhvien 39 Màn hình cập nhật thành viên /admincp/main2.php?
b=cnthanhvien&tendangnhap=admin
4. Giao diện người dùng
1. Bố cục – giao diện
Diễn giải:
Tên thành phần Diễn giải
Banner – top Đây là banner flash của website tra cứu xe buýt Menu – top Chứa các menu của trang web
Left – top Chứa khối banner bản đồ
Left Chứa các liên kết đến các trang web khác Left – bottom Chứa khối hỗ trợ trực tuyến, thời tiết Right – top Chứa khối đăng nhập, đăng ký thành viên Right Chứa khối quảng cáo
Right – bottom Chứa khối thống kê số lượng người truy cập Footer Thông tin liên hệ, bản quyền
Bảng IV-2: Bảng thành phần bố cục của giao diện websiteSơ đồ: Sơ đồ: BANNER – TOP MENU – TOP LEFT – TOP CONTENT RIGHT – TOP LEFT RIGHT
LEFT – BOTTOM RIGHT – BOTTOM
2. Trang chủ
Thể hiện phần lớn các nội dung của website, các tin tức giao thông hằng ngày cập nhật.
Bố cục:
1. Banner flash: có hình ảnh những chiếc xe bt, biểu tượng của trạm điều hành xe buýt Sài Gòn và tòa nhà của thành phố. Nổi bật trên nền màu xanh dương của banner. Website sử dụng tơng màu xanh dương mong muốn có được một mơi trường thành phố xanh – sạch – đẹp, bình an và hưng thịnh dưới sự hoạt động của hệ thống xe buýt.
Hình IV-4: Banner flash
2. Menu: giúp cho người dùng sử dụng các chức năng của website.
Hình IV-5: Menu chính
3. Slide show ảnh: hiển thị các tin tức nổi bật, khi click vào những slide này sẽ liên kết đến trang chi tiết của tin tức mà người dùng đã chọn.
4. Các tin tức – tiêu điểm hằng ngày cập nhật: các tin tức mới nhất liên quan đến hoạt độngcủa các tuyến xe buýt sẽ cập được hiển thị.
Hình IV-7: Tin tức cập nhật hàng ngày
5. Khối các liên kết website: hiển thị các liên kết đến các website để người dùng có thể xem các trang một cách nhanh nhất.
6. Khối dự báo thời tiết: hiển thị thời tiết ở một số vùng nổi bật trong cả nước, khối này hiển thị ở cột bên trái của giao diện.
Hình IV-9: Khối dự báo thời tiết
7. Khối hỗ trợ người dùng trực tuyến: hỗ trợ người dùng trực tuyến qua Yahoo Messenger khi người dùng yêu cầu, khối này nằm ở cột bên trái của giao diện
Hình IV-10: Khối hỗ trợ trực tuyến
8. Khối bản đồ: hiển thị bản đồ trực tuyến, khối này hiển thị ở cột bên trái của giao diện
9. Khối đăng nhập: hỗ trợ thành viên đăng nhập vào website, khối này nằm bên cột bên phải của giao diện
Hình IV-12: Khối đăng nhập
10. Khối đếm số lượt truy cập: hiển thị thơng tin đã có bao nhiêu người truy cập vào website tính đến thời điểm hiện tại
Hình IV-13: Khối đếm số lượng người truy cập
11. Khối quảng cáo: khối hiển thị các quảng cáo lên website
12. Khối footer: đây là phần cuối cùng của website, hiển thị thông tin liên hệ, bản quyền. Đây là phần khơng thể thiếu của một website
Hình IV-15: Khối footer
13. Khối video – bài ảnh: đây là những tin tức nổi bật được đăng tải
3. Trang thông tin tuyến
Đây là trang hiển thị các tuyến xe buýt để người dùng có thể xem thơng tin