Công cụ và phương pháp nghiên cứu

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

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.

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ữ) (adsbygoogle = window.adsbygoogle || []).push({});

 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

 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 (adsbygoogle = window.adsbygoogle || []).push({});

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

 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

 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 (adsbygoogle = window.adsbygoogle || []).push({});

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

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 (adsbygoogle = window.adsbygoogle || []).push({});

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

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

act DangNhap

nhap username v a passw ord

kiem tra thong tin trong database

ket qua

dang nhap thanh cong

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 (adsbygoogle = window.adsbygoogle || []).push({});

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

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 (adsbygoogle = window.adsbygoogle || []).push({});

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ữ

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

yes

yes no

Xây dựng website bán ôtô trực tuyến

I.3.5.3. Hoạt động xóa admin

a ct x oa Admin (adsbygoogle = window.adsbygoogle || []).push({});

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

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 (adsbygoogle = window.adsbygoogle || []).push({});

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ừ

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

I.3.7.3. Sửa thông tin đơn đặt hàng (adsbygoogle = window.adsbygoogle || []).push({});

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

yes

yes no

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

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 (adsbygoogle = window.adsbygoogle || []).push({});

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

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

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 (adsbygoogle = window.adsbygoogle || []).push({});

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

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

I.3.10.2. Thêm nhân viên

act them thong tin nhan v ien (adsbygoogle = window.adsbygoogle || []).push({});

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

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

Mục lục