III.1. Công cụ phục vụ cho việc xây dựng website
III.1.1. Apache Tomcat (http://tomcat.apache.org)
Là một trình chủ web server hiểu Java(JSP) rất mạnh , nhưng không có
giao diện đồ họa như JRun hay WebLogic. Mặc định Tomcat dùng cổng 8080 , để
kiểm tra bạn có thể gọi http://localhost:8080/index.html (hiển thị trang chủ của
Tomcat).
HÌNH 9: Các menu chính của trang chủ Tomcat
Trước khi cài Tomcat bạn cài JDK , và sau đó cài Tomcat , chỉ cho Tom Cat
thấy JDK bằng lệnh SET JAVA_HOME=[thư mục cài đặt JDK]
Thư mục làm việc: Các ứng dụng Web của Tom Cat được đặt trong thư mục
[TOMCAT_HOME]\webapps. bạn có thể cấu hình để gọi các trang JSP /servlet
củaứng dụng bằng cách chỉ ra vị trí ứng dụng trong file
[TOMCAT_HOME]\config\server.xml .
Muốn gọi servlet của ứng dụng , bạn chép các file class và thư mục WEB_INF sau đó cấu hình trong file web.xml .
Xây dựng website bán ôtô trực tuyến
31
Muốn thay đổi số hiệu cổng mặc định của TomCat , ví dụ từ 8080 thành 80 , bạn thay đổi mục sau trong file server.xml
<Connector port="80" protocol="HTTP/1.1" connectionTimeout="20000"
redirectPort="8443" />
III.1.2. Navicat for Mysql
PremiumSoft Navicat là công cụ quản trị và phát triển cơ sở dữ liệu ưu việt.
Nó không chỉ phù hợp đối với một nhà phát triển phần mềm chuyên nghiệp mà còn giúp cho những người mới sử dụng dễ dàng học.
Với giao diện thân thiện với người sử dụng, Navicat cho phép bạn nhanh
chóng và dễ dàng tạo, sắp xếp, truy cập và chia sẻ thông tin theo cách an toàn và tiện lợi.
PremiumSoft Navicat hỗ trợ đa kết nối MySQL server, giúp kết nối cục bộ
hay từ xa.
32
Các đặc điểm nổi bật của Navicat
Hỗ trợ tất cả các phiên bản của MySQL
Hỗ trợ các chức năng của MySQL như Event(sự kiện), View(xem kết quả truy
vấn), Trigger, Stored Procedure(tạo các thủ tục lưu trữ)
Hỗ trợ gõ tiếng Việt Unicode và hệ thống ký hiệu
Hỗ trợ HTTP Tunnel và SSH Tunnel
Hỗ trợ Foreign Key (khóa phụ) cho các bảng InnoDB
Hỗ trợ Foreign Key cho chọn dữ liệu
Xem trước Form
In cấu trúc bảng
Nhóm ảo
Công cụ thiết lập truy vấn ảo – tạo câu truy vấn từ các cơ sỏ dữ liệu khác nhau.
Hỗ trợ sinh mã tự động hoàn chỉnh câu lệnh truy vấn, xem truy vấn(View) và xem kết quả (Event)
SQL console
MySQL Views Builder
Nhập dữ liệu thông qua ODBC
Nhập dữ liệu từ Oracle sang MySQL
Hỗ trợ nhập dữ liệu đối với 18 định dạng phổ biến bao gồm MS Access, MS
Excel, XML, PDF và TXT
Xây dựng website bán ôtô trực tuyến
33
Kết xuất dữ liệu sang các định dạng file khác: MS Word, HTML, PDF, TXT,
CSV, DBF, XML, …
Lập lịch cho các tác vụ sao lưu, nhập, xuất, chuyển dữ liệu, lưu truy vấn và dữ
liệu. Sự đồng bộ hóa
Gửi e-mail thông báo đối với các tác vụ đã được lập lịch
Hỗ trợ Backup và phục hồi cơ sở dữ liệu MySQL
Hỗ trợ chuyển dữ liệu giữa các cơ sở dữ liệu cụ bộ hay từ xa của MySQL
Đồng bộ hóa dữ liệu và cấu trúc dữ liệu
Lập báo cáo với tính năng Report Builder ảo.
Kết xuất báo cáo ra các định dạng như PDF, Excel, HTML…
Xem báo cáo với tính năng Report Viewer
Quản lý người dùng ảo
Quản trị Server
III.1.3. Công cụ hỗ trợ thiết kế và lập trình
Có rất nhiều công cụ để lập trình website như Netbeans, MS Frontpage,
Dreamware, Enterprise Architect,…
III.2. Các bước tiến hành nghiên cứu và xây dựng web
Khảo sát ý kiến để thấy được sự cần thiết của website bán Ôtô trực tuyến. Tham khảo các website đi trước để biết các chức năng cơ bản của website.
Đọc các tài liệu có liên quan đến thiết kế web
34
Thiết kế các module, form cho các chức năng, thiết kế cơ sở dự liệu và giao diện cho web
Cài đặt và kiểm tra hoạt động của trang web
Phạm Đình Vũ, Lớp 05T1 – Trần Vũ, Lớp 05T1 35
CHƯƠNG III
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG I. Xây dựng mô hình UML
Hệ thống được thiết kế để phục vụ:
Cửa hàng: thông qua hệ thống sẽ giới thiệu các mẫu Ôtô mới đến khách hàng Khách hàng: là những người có như cầu mua Ôtô. Họ sẽ tìm kiếm các mẫu Ôtô
mình cần từ hệ thống và đặt mua chúng.
I.1.Các trường hợp sử dụng
Qua cách đặc tả hệ thống cửa hàng ở trên, ta xác định được các actor tham
gia vào hệ thống bao gồm: nhân viên, người quản trị và khách hàng. Các Use_Case xác định được qua miêu tả trên là:
Tất cả khách hàng đều có thể yêu cầu những chức năng sau:
Tìm kiếm
Đặt hàng
Người quản trị hệ thống
Quản lý Ôtô (QLOto) : xem, thêm, xóa, thay đổi thông tin
Quản lý khách hàng (QLKhachHang) : xem thông tin, xóa khách hàng Quản lý nhân viên (QLNhanVien) : xem, thêm, xóa, thay đổi thông tin
Quản lý nhà cung cấp (QLNhaCungCap) : xem, thêm, xóa, thay đổi thông tin
Quản lý người quản trị (QLAdmin) : xem, thêm, sửa, xóa, thay đổi thông tin
36
Người quản trị và nhân viên quản lý việc
Quản lý chứng từ (QLChungTu) : xem, thêm, xóa, thay đổi thông tin
I.2. Xây dựng mô hình Use Case
Dựa vào chiều tác động giữa Actor và Use_Case để thiết lập các mối liên kết.
Việc khách hàng muốn mua Ôtô và bỏ vào giỏ hàng thì bắt buộc phải tìm kiếm
mẫu Ôtô mình cần, cho nên mối quan hệ giữa BoVaoGioHang và TimKiem là quan hệ <<include>>. Mối quan hệ giữa TaoDDH (tạo đơn đặt hàng) và BoVaoGioHang là <<extend>> vì ở đây không bắt buộc khách hàng phải mua
Ôtô.
Admin muốn quản trị hệ thống thì phải đăng nhập vào hệ thống nên mối quan
hệ giữa Admin và DangNhapAdmin là <<include>>. Và khi đã vào hệ thống
thì Admin có thể quản lý Ôtô, nhà cung cấp,… cho nên ta có các mối quan hệ <<extend>>. Tương tự nhân viên cũng có thể quản lý chứng từ sau khi đăng
nhập.
uc Use Case Mo...
KhachHang Admin NhanVien
DangKy DangNhap TimKiem BoVaoGioHang DangNhapAdmin QLAdmin QLNhanVien QLKhachHang QLNhaCungCap QLDonDatHang QLChungTu QLOto DangNhapNhanVien TaoDDH «extend» «include» «extend» «include» «extend» «extend»
«extend» «extend» «extend»
«extend» «extend»
Xây dựng website bán ôtô trực tuyến
37
I.3. Xây dựng lược đồ hoạt động
I.3.1. Hoạt động của giỏ hàng
Sau khi khách hàng truy cập vào trang chủ và đã xem những thông tin về
loại xe mà mình cần tìm , nếu khách hàng muốn mua xe sẽ kích vào biểu tượng giỏ
hàng và khi đó các option phục vụ cho việc đăng kí sẽ hiện ra : yêu cầu điền đầy đủ thông tin cá nhân , thông tin xe cần mua, sau đó máy tinh sẽ kiểm tra thông tin
khách hàng đầy đủ hay chưa , nếu đúng và đầy đủ thì sẽ hẹn một ngày để giao xe (đã được quy định trước là cách ngày đặt hàng bao lâu), nếu chưa đúng thì sẽ yêu cầu khách hàng điền lại thông tin cho chính xác .
act BoVaoGioHang
xem thong tin v e xe trang chu
chon xe them v ao gio hang
xac nhan mua tiep tuc mua
dat hang
kiem tra thong tin khach hang
day du thong tin
Thanh toan
yeu cau dien thong tin yes yes yes no no no no yes
38
I.3.2. Hoạt động đăng ký và đăng nhập user
Khi khách hàng muốn đăng kí thành viên để sử dụng các tính năng của
trang web, chỉ cần kích vào Tab đăng kí và điền những thông tin được yêu cầu
(chủ yếu là username và password ), trường hợp kiểm tra username , nếu đẫ tồn tại
thì sẽ yêu cầu nhập một username khác , nếu chưa có thì sẽ cho phép sử dụng
username và tiếp tục kiểm tra password. Vậy là việc đăng kí hòa tất .
act DangKy
dien thong tin dang ki
kiem tra uesrname
dang ki hoan tat
kiem tra password yes
yes
no
no
HÌNH 13: Mô hình hoạt động đăng ký user
Nếu đã đăng kí tài khoản trước đó, khách hàng có thể chọn Đăng Nhập, rồi điền tài khoản và mật khẩu vào. Nếu đúng thì khách hàng đã đăng nhập thành
Xây dựng website bán ôtô trực tuyến
39
act DangNhap
nhap username v a passw ord
kiem tra thong tin trong database
ket qua
dang nhap thanh cong
no
yes
HÌNH 14: Mô hình hoạt động đăng nhập user
I.3.3. Hoạt động tìm kiếm
Sau khi khách hàng chọn chức năng tìm kiếm , khách hàng sẽ gõ bất kì từ khóa náo: như loại xe, kiểu xe,… vào textbox của option tìm kiếm , thông tin sẽ được tìm kiếm trong database. Nếu có, thông tin sẽ được hiển thị ra màn hình (và kèm theo những thông tin liên quan ) , nếu không có , sẽ có một form thông báo là không tìm thấy .
40
act TimKiem
trang chu
chon chuc nang
tim kiem
Go ten can tim kiem
ki em tra
hien thi thong tin tim kiem tim kiem trong
database yes no yes no HÌNH 15: Hoạt động tìm kiếm
I.3.4. Hoạt động tạo đơn đặt hàng
Sau khi nhân viên quản lý đăng nhập bằng quyền Admin thì sẽ có quyền tạo
một đơn đặt hàng. Trước tiên, nhân viên quản lý sẽ điền thông tin vào form có sẵn,
sau đó máy tính sẽ kiểm tra và so sánh với những thông tin trong giỏ hàng như:
thông tin về khách đã quyết định mua xe , thông tin về loại xe đã được chọn mua,
…, nếu đầy đủ và chính xác thì nhân viên quản lý tiếp tục điền các thông tin cần
thiết để hoàn tất thủ tục tạo đơn đặt hàng .Nếu thông tin bị sai , sẽ có thông báo
kiểm tra lại các thông tin đã điền . Sau khi viêc tạo đơn đặt hàng đã hoàn thành , sẽ
có một form hiện lên yêu cầu có muốn cập nhật dữ liệu hay không?, nếu chọn thì mọi dữ liệu về đơn đặt hàng sẽ được lưu vào dữ liệu của Admin .
Xây dựng website bán ôtô trực tuyến
41
act TaoDDH
dang nhap
chon tao DDH dien cac thong tin
kiem tra mua hang
kiem tra thong tin trong gio hang
hop le dien cac thong tin
lien quan trang chu
cap nhat
ko cap nhat
ko hop le yeu cau kiem tra lai
thong tin da dien
da cap nhat yes no yes no yes no HÌNH 16: Hoạt động tạo đơn đặt hàng
I.3.5. Hoạt động quản lý Admin
Hoạt động quản lý Admin là các hoạt động như : kiểm tra thông tin nhân viên quản lý , cập nhật những thay đổi trong thông tin về nhân viên quản lý (như :
thêm , xóa , sửa ..thông tin )
Sau khi đăng nhập bằng quyền Admin ( được cấp cho bộ phận quản lý nhân
sự của công ty), bộ phận quản lý nhân sự có thể chọn các chức năng thêm , xóa , sửa Admin . Sau khi đã điền đầy đủ thông tin vào form có sẵn , một thông báo sẽ dược đưa ra là muốn cập nhật hay không . Nếu chọn , mọi thông tin trong cơ sở dữ
42
I.3.5.1. Hoạt động sửa thông tin admin
a ct s ua Admin
da ng nhap quuye n admin
c huc na ng s ua a dmin
ch o n ch u c na n g
thay doi thong tin
ca p nh a t da c a p nha t k hong c a p nha t n o yes ye s no
HÌNH 17: Hoạt động sửa thông tin admin
I.3.5.2. Hoạt động thêm admin
act them Admin
dang nhap quyen admin
chon chuc nang them admn
chon chuc nang
thao tac them admin
cap nhat
da cap nhat khong cap nhat
no
yes
yes no
Xây dựng website bán ôtô trực tuyến
43
I.3.5.3. Hoạt động xóa admin
a ct x oa Admin
dang nha p quyen admin
ch on ch u c na n g
c hon chuc nang x oa
c a c tha o ta c x oa ca p n h at da x oa k hong x oa ye s n o ye s n o HÌNH 19: Hoạt động xóa admin
I.3.5.4. Hoạt động xem thông tin admin
act xem Admin
dang nhap quyen admin
chon chuc nang xem
chon chuc nang
hien thi thong tin
yes no
44
I.3.6. Hoạt động quản lý chứng từ
I.3.6.1. Sửa chứng từ
act sua chung tu
da ng nhap quuye n admin cap 1
chuc na ng sua chungtu
chon chuc nang
thay doi thong tin
cap n hat
da c ap nhat khong cap nhat
no ye s ye s no HÌNH 21: Hoạt động sửa chứng từ I.3.6.2. Thêm chứng từ ac t the m chung tu
dang nha p quyen admin c ap 1
chon chuc nang the m c hung tu
ch on ch uc na ng
tha o tac the m chung tu
cap n ha t da c ap nha t khong ca p nha t n o yes yes no HÌNH 22: Hoạt động thêm chứng từ
Xây dựng website bán ôtô trực tuyến 45 I.3.6.3. Xem chứng từ act xe m chung tu da ng nhap quye n admin ca p 1 hoac 2
chon chuc nang xe m
cho n chu c n ang
hie n thi thong tin
ye s no
HÌNH 23: Hoạt động xem chứng từ
I.3.6.4. Xóa chứng từ
act xoa chung tu
dang nhap quyen admin cap 1
chon chuc nang
chon chuc nang xoa
cac thao tac xoa
cap nhat da xoa khong xoa yes no yes no HÌNH 24: Hoạt động xóa chứng từ
46
I.3.7. Hoạt động quản lý đơn đặt hàng
I.3.7.1. Xem đơn đặt hàng
act xe m don dat ha ng
da ng nhap quye n admin c ap 1
chon chuc nang xe m
cho n chu c n ang
hie n thi thong tin
ye s no
HÌNH 25: Hoạt động xem đơn đặt hàng
I.3.7.2. Xóa đơn đặt hàng
act xoa don dat hang
dang nhap quyen admin cap 1
chon chuc nang
chon chuc nang xoa
cac thao tac xoa
cap nhat da xoa khong xoa yes no yes no HÌNH 26: Hoạt động xóa đơn đặt hàng
Xây dựng website bán ôtô trực tuyến
47
I.3.7.3. Sửa thông tin đơn đặt hàng
HÌNH 27: Hoạt động sửa thông tin đơn đặt hàng
I.3.8. Hoạt động quản lý khách hàng
I.3.8.1. Sửa thông tin khách hàng
act sua thong tin khach hang
dang nhap quuyen admin cap 1
chuc nang sua thong tin khach hang
chon chuc nang
thay doi thong tin
cap nhat
da cap nhat khong cap nhat
no
yes
yes no
48
I.3.8.2. Thêm khách hàng
act them thong tin khach hang
dang nhap quyen admin cap 1
chon chuc nang them thong tin khach hang
chon chuc nang
thao tac them thong tin khach hang
cap nhat
da cap nhat khong cap nhat
no
yes
yes no
HÌNH 29: Hoạt động thêm khách hàng
I.3.8.3. Xem thông tin khách hàng
ac t xe m thong tin khac h ha ng
dang nha p quyen a dmin c ap 1 hoac
c ap 2
c hon c huc na ng xe m
cho n ch u c n a ng
hie n thi thong tin
ye s no
Xây dựng website bán ôtô trực tuyến
49
I.3.8.4. Xóa khách hàng
act xoa thông tin khach hang
dang nhap quyen admin cap 1
chon chuc nang
chon chuc nang xoa
cac thao tac xoa
cap nhat da xoa khong xoa yes no yes no HÌNH 31: Hoạt động xóa khách hàng
I.3.9. Hoạt động quản lý nhà cung cấp
I.3.9.1. Sửa thông tin nhà cung cấp
ac t s ua thong tin nha c ung c ap
da ng nha p quuye n admin c ap 1
c huc nang s ua thong tin nha cung c ap
cho n ch uc n an g
thay doi thong tin
cap nh at da c ap nhat khong c ap nhat no yes ye s n o
50
I.3.9.2. Thêm nhà cung cấp
act them thong tin nha cung cap
dang nhap quyen admin cap 1
chon chuc nang them thong tin nha cung cap
chon chuc nang
thao tac them thong tin nha cung cap
cap nhat
da cap nhat khong cap nhat
no
yes
yes no
HÌNH 33: Hoạt động thêm nhà cung cấp
I.3.9.3. Xem thông tin nhà cung cấp
act x em Admin
dang nhap quyen admin c ap 1
chon chuc nang xem
cho n chuc nan g
hie n thi thong tin
yes no
Xây dựng website bán ôtô trực tuyến
51
I.3.9.4. Xóa nhà cung cấp
a ct xoa thông tin nha cung c ap
da ng nha p quyen a dmin c ap 1
cho n chu c na ng
c hon chuc nang xoa
c ac thao ta c xoa ca p n h at da x oa k hong xoa ye s n o ye s no HÌNH 35: Hoạt động xóa nhà cung cấp
I.3.10. Hoạt động quản lý nhân viên
I.3.10.1. Sửa thông tin nhân viên
ac t s ua thong tin nha n v ie n
dang nhap quuyen a dmin ca p 1
c huc nang s ua thong tin nhan v ien
cho n ch uc n an g
thay doi thong tin
cap nh at da c ap nhat khong c ap nhat no yes ye s n o
52
I.3.10.2. Thêm nhân viên
act them thong tin nhan v ien
dang nhap quyen admin cap 1
chon chuc nang them thong tin nhan v ien
chon chuc nang
thao tac them thong tin nhan v ien
cap nhat
da cap nhat khong cap nhat
no
yes
yes no
HÌNH 37: Hoạt động thêm nhân viên
I.3.10.3. Xem thông tin nhân viên
act x em thong tin nhan v ie n
dang nhap quyen a dmin cap 1 ca p 2