Xây dựng hệ thống website bán hàng trực truyến yoilo

Thông qua những website này, thông tin về họ cũng nh- các công văn, thông báo, quyết định của chính phủ hay các sản phẩm, dịch vụ mới của công ty sẽ đến với những ng-ời quan tâm, đến với

LờI CảM ƠN

Tr-ớc hết em xin bài tỏ lời cảm ơn chân thành tới Ban giám hiệu nhà tr-ờng

Đại học Vinh, ban chủ nhiệm khoa, các thầy cô giáo trong khoa Công nghệ thông tin đã tận tình giảng dạy, trang bị cho em những kiến thức cần thiết trong những năm học tại tr-ờng

Đặc biệt xin chân thành cảm ơn tới Tiến sỹ Phan Lê Na đã tận tình quan tâm, giúp đỡ và h-ớng dẫn em trong suốt quá trình thực hiện đồ án để em có thể hoàn thành tốt đồ án tốt nghiệp này

Xin chân thành cảm ơn tới các anh chị và bạn bè đã có những nhận xét, ý kiến đóng góp, động viên và quan tâm giúp đỡ em v-ợt qua những khó khăn trong suốt quá trình làm đồ án

Mặc dù em đã cố gắng hoàn thành đồ án trong phạm vi khả năng cho phép nh-ng không thể tránh khỏi thiếu sót Em kính mong nhận đ-ợc sự thông cảm và tận tình chỉ bảo của Thầy Cô và các bạn để đồ án đ-ợc hoàn thiện tốt hơn

Vinh, ngày 10 tháng 05 năm 2010

Trần Thị Hoài

MụC LụC

Mở đầu 2

PHầN I: Tổng quan về hệ thống Website bán hàng thời trang Yoilo 4

1.1 Hiện trạng chung 4

1.2 Mục đích của việc xây dựng website thời trang Yoilo 4

1.3 Ngôn ngữ cài đặt và hỗ trợ xây dựng website 5

1.4 Đặc tả yêu cầu 6

PHầN II: PHÂN TíCH Và THIếT Kế Hệ THốNG 7

2.1 Phân tích thiết kế hệ thống ở mức quan niệm 7

2.1.1 Thành phần dữ liệu mức quan niệm 10

2.1.2 Thành phần xử lý mức quan niệm - L-ợc đồ BPC 17

2.2 Phân tích thiết kế hệ thống mức logic 18

2.3 Thành phần dữ liệu mức vật lý 20

PHầN III: THIếT Kế GIAO DIệN, CàI ĐặT Và KIểM TRA 25

3.1 Giao diện bên ngoài 25

3.2 Giao diện phần quản trị 32

3.3 Cài đặt và thử nghiệm website 39

3.3.1 Cài đặt các công cụ hỗ trợ thiết kế website 41

3.3.2 Thử nghiệm website 44

KếT LUậN 45

TàI LIệU THAM KHảO 46

Mở Đầu

Cùng với nhân loại b-ớc vào nền kinh tế tri thức, tin học cũng phát triển mạnh mẽ và đem lại cho loài ng-ời nhiều thành công rực rỡ Các ứng dụng của tin học ngày càng đi sâu vào đời sống con ng-ời trở thành một bộ phận không thiếu

của thế giới văn minh, việc nắm bắt thông tin nhiều chính xác trở nên rất quan trọng

Những khả năng mới mẻ và -u việt này của nó đã nhanh chóng làm thay đổi cách sống, cách làm việc, cách học tập, cách t- duy và quan trọng hơn cả là cách ra quyết định của con ng-ời

Việc xây dựng các trang web để phục vụ cho các nhu cầu riêng của các tổ chức, công ty thậm chí các cá nhân ngày nay, không lấy gì làm xa lạ Với một vài thao tác đơn giản, một ng-ời bất kì có thể trở thành chủ của một website giới thiệu

về bản thân và gia đình, hay là một website trình bày các bộ s-u tập hình ảnh các loại xe hơi

Đối với các chính phủ và các công ty thì việc xây dựng các website riêng càng ngày càng trở nên cấp thiết Thông qua những website này, thông tin về họ cũng nh- các công văn, thông báo, quyết định của chính phủ hay các sản phẩm, dịch vụ mới của công ty sẽ đến với những ng-ời quan tâm, đến với khách hàng của

họ một cách nhanh chóng kịp thời, tránh những phiền hà mà ph-ơng thức giao tiếp truyền thống th-ờng gặp phải

Hoạt động của một cửa hàng bán đồ thời trang sẽ đ-ợc mở rộng và đ-ợc nhiều ng-ời biết đến nếu có một website tốt để giới thiệu, quảng bá th-ơng hiệu của

mình Bắt nguồn từ ý t-ởng này, em đã thực hiện đề tài của mình là Website thời

trang Yoilo cho shop bán hàng thời trang Yoilo qua mạng

Nội dung của đề tài đ-ợc chia làm 3 phần:

Phần I: Tổng quan đề tài Hệ thống website bán hàng trực tuyến Yoilo

giới thiệu tổng quan về đề tài, mục đích, ngôn ngữ xây dựng website

Phần II: Phân tích & thiết kế hệ thống trình bày nội dung phân tích và các

bảng dữ liệu đ-ợc thiết kế trong quá trình xây dựng website

Phần III: Thiết kế giao diện, Cài đặt & thử nghiệm mô tả giao diện, hoạt

động của các trang đ-ợc thiết kế và các quan hệ giữa chúng, trình bày cách thức tổ chức các tập tin, th- mục trong website và một số source ch-ơng trình tiêu biểu

Phần I TổNG QUAN Đề TàI

Hệ thống WEBSITE bán hàng trực tuyến YOILO

1.1 Hiện trạng chung

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng đ-ợc những công nghệ có đẳng cấp cao và lần l-ợt chinh phục hết đỉnh cao này đến đỉnh cao khác Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho ng-ời sử dụng: chỉ cần có một máy tính kết nối internet và một dòng dữ liệu truy tìm thì gần nh- lập tức cả thế giới về vấn đề mà ta đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu cần

Bằng internet, chúng ta đã thực hiện đ-ợc nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đẩy sự khai sinh và phát triển của th-ơng mại điện tử và chính phủ điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất l-ợng cuộc sống con ng-ời

Trong hoạt động sản xuất, kinh doanh, giờ đây, th-ơng mại điện tử đã khẳng

định đ-ợc vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một shop thời trang, việc quảng bá và giới thiệu đến khách hàng các sản phẩm trong từng thời điểm một cách hiệu quả và kịp thời là yếu tố quan trọng góp phần đ-a th-ơng hiệu quảng bá tới đông đảo khách hàng Điều quan trọng là thông qua website, cửa hàng của tuy nhỏ nh-ng nếu có sự quảng bá kịp thời và gây ấn t-ợng

thì sẽ lấy đ-ợc thiện cảm từ phía khách hàng Vì vậy, sẽ thật thiếu sót nếu muốn phát triển mà ch-a xây dựng đ-ợc một website để giới thiệu rộng rãi các sản phẩm

Và một vấn đề đ-ợc đặt ra song song là làm sao để có thể quản lý và điều hành website một cách dễ dàng và hiệu quả Làm đ-ợc nh- thế thì mới tránh đ-ợc sự nhàm chán cho những khách hàng th-ờng xuyên của website, và thu đ-ợc những kết quả nh- mong muốn Đây là vấn đề hết sức cấp thiết và luôn là mỗi trăn trở của hầu hết các shop thời trang nói riêng và cả các công ty, doanh nghiệp khác nói chung, nhất là các doanh nghiệp Việt Nam – với họ, th-ơng mại điện tử còn rất mới

Chính vì lí do đó mà em chọn đề tài tốt nghiệp của mình là xây dựng một website có thể tiến hành mua bán sản phẩm thông qua mạng điện tử cho Shop thời trang Yoilo - Địa chỉ: Số 2 - Đ-ờng Phạm Kinh Vĩ – P Bến Thuỷ – TP Vinh – Nghệ An

1.2 Mục đích của việc xây dựng Hệ thống Website bán hàng trực tuyến Yoilo

Giúp Yoilo xây dựng hệ thống quảng bá sản phẩm và th-ơng hiệu tới khách hàng thông qua mạng điện tử Internet đồng thời xây dựng cách thức quản lý website giúp cho những ng-ời quản trị dễ dàng trong việc phân quyền quản lý, thay đổi, cập nhập thông tin trang web cũng nh- quản lý hiệu quả khách hàng

1.3 Ngôn ngữ cài đặt và hỗ trợ xây dựng Website

- Ngôn ngữ PHP: Cho phép tạo ra các trang Web động, là một ngôn ngữ lập

trình Server-Side miễn phí đ-ợc phát triển theo chuẩn mã nguồn mở PHP ra đời từ

sự viết tắt của cụm từ Personal Hom Page PHP đ-ợc nhúng trong các siêu văn bản HTML và th-ờng kết hợp với cơ sở dữ liệu MySQL PHP có hệ thống th- viện hàm

đồ sộ giúp cho các lập trình viên có nhiều lựa chọn trong việc sử dụng PHP để kết nối với nhiều phần mềm khác nh-: Oracle, MySQL, ODBC, Mail,…

- MySQL: là phần mềm hỗ trợ việc tạo cơ sở dữ liệu và đ-ợc truy xuất ra

ngoài thông qua các thẻ PHP

- AppServer2.5.10: là một kiểu mẫu Web Server rất phổ biến Giống nh-

PHP, MySQL, AppServer là một mã nguồn mở, vì thế bất kì ai có khả năng đều có thể viết ch-ơng trình mở rộng tính năng của nó PHP hoạt động với t- cách là một phần mở rộng của AppServer và ng-ời ta gọi là một module của AppServer

- Microsoft FronPage, DzSoft PHP Editor : hỗ trợ việc tạo các thẻ HTML

- Về tổ chức l-u trữ thực hiện yêu cầu:

+ Thay đổi, thêm mới hoặc xóa bỏ thông tin, hình ảnh hoặc cập nhật về các sản phẩm có trên website

+ Phân quyền ng-ời sử dụng, xóa thông tin khách hàng có trên website

b) Yêu cầu phi chức năng

- Website phải có dung l-ợng không quá lớn, tốc độ xử lý nhanh

- Công việc tính toán phải thực hiện chính xác, không chấp nhận sai sót

- Sử dụng mã hóa các thông tin nhạy cảm của khách hàng

- Đảm bảo an toàn dữ liệu khi chạy website trực tuyến

PHầN II PHÂN TíCH & THIếT Kế Hệ THốNG 2.1 Phân tích thiết kế hệ thống ở mức quan niệm

2.1.1 Thành phần xử lý ở mức quan niệm

2.1.1.1 Biểu đồ phân cấp chức năng(BPC)

Cập nhật thông tin ng-ời dùng

Phân quyền ng-ời dùng

Quản lý bài viết

Cập nhật bài viết

Cập nhật thể loại bài viết

Thêm, sửa, xóa bài viết

2.1.1.2 Biểu đồ luồng dữ liệu mức khung cảnh

Tra cứu sản phẩm Trả về yêu cầu

Yêu cầu đăng ký Trả về yêu cầu

Thông tin cá nhân

Thay đổi thông tin cá nhân Trả về yêu cầu

TT Sản phẩm

Y/c đặt hàng

2.1.1.3 Biểu đồ luồng dữ liệu mức đỉnh

Thông tin sản phẩm Thông tin sản phẩm

Quản lý sản phẩm Ban quản trị

Thông tin ng-ời dùng

Khách hàng

Quản lý ng-ời dùng

Tin tức

Quản lý bài viết

Đơn đặt hàng

Thông tin KH Quản lý

hóa đơn Khách hàng

Quản lý ng-ời dùng

Khách hàng

Khách hàng

đăng kí hoặc thay đổi

L-u TT khách hàng

TT khách hàng

Danh sách KH Phân quyền, xóa

Kho tin tức Thông tin tin tức

Thay đổi thông tin tức Ban quản trị

Thông tin tin tức Quản lý

Quản lý hóa đơn

Kho hàng

Đơn hàng

Khách hàng Khách hàng

Ban quản trị

TT mặt hàng

TT hóa đơn

TT khách hàng

Thay đổi thông tin sản phẩm Ban quản trị

Thông tin sản phẩm Quản lý

sản phẩm

2.1.2 Thµnh phÇn d÷ liÖu ë møc quan niÖm

a Tõ ®iÓn d÷ liÖu

Tªn thuéc tÝnh DiÔn gi¶i

LBV_Order S¾p xÕp thø tù lo¹i bµi viÕt

U_CreateDate Ngày tạo tài khoản thành viên

U_LastLogin Ngày truy cập gần đây nhất của thành viên

U_LastChangePass Lần thay đổi mật khẩu thành viên gần đây

nhất U_Recive Thành viên nhận thông tin từ ban quản trị

NgayLapHD Ngày lập hoá đơn

M_Name: mô tả tên của đối t-ợng

M_Order: thứ tự của loại đối t-ợng

M_Status: trạng thái hiện tại của loại đối t-ợng, nếu là 1 sẽ đ-ợc hiển thị trên trang web, nếu là 0 sẽ bị ẩn

STT Tên thuộc tính Kiểu dữ liệu

nó sẽ tự động tăng lên khi thêm một loại sản phẩm mới

S_Name: mô tả tên loại sản phẩm

S_Link: mô tả liên kết của sản phẩm

S_Order: mô tả thứ tự hiển thị trên website của loại sản phẩm

S_Date: ngày đ-a loại sản phẩm lên website

S_Status: một cờ hiệu cho biết có hiển thị loại sản phẩm này có trên website hay không

STT Tên thuộc tính Kiểu dữ liệu

C_Company: mô tả xuất xứ của sản phẩm

C_Describe: mô tả chi tiết sản phẩm

C_Image: chứa thông tin là đ-ờng dẫn tới hình ảnh của sản phẩm

C_Num: số l-ợng sản phẩm có trong kho hàng

C_Date: ngày sản phẩm đ-ợc đ-a lên website

C_View: số lần truy cập xem sản phẩm trên website, nó sẽ đ-ợc cộng thêm 1

nếu nh- có sự truy cập vào sản phẩm

STT Tên thuộc tính Kiểu dữ liệu

Quyen: quyền quản trị và các quyền thành viên khác

STT Tên thuộc tính Kiểu dữ liệu

Thực thể 5: NguoiDung

U_Id: đây là thuộc tính khoá dùng để phân biệt ng-ời dùng với nhau, nó sẽ tự

động tăng lên khi có thêm một ng-ời dùng mới

U_Name: tên tài khoản đăng nhập hệ thống của ng-ời dùng

U_Sex: mô tả giới tính ng-ời dùng

U_Pass: mật khẩu của ng-ời dùng dùng để đăng nhập vào website

U_Address: mô tả địa chỉ của ng-ời dùng

U_Email: email của ng-ời dùng đăng kí để nhận thông tin từ hệ thống

U_Phone1: số điện thoại của ng-ời dùng

U_CreateDate: ngày tài khoản ng-ời dùng đ-ợc tạo

U_LastLogin: lần đăng nhập gần đây nhất của ng-ời dùng

U_LastChange: lần thay đổi mật khẩu gần đây nhất của ng-ời dùng

U_Recive: quyền của ng-ời dùng có nhận hay không nhận thông tin của hệ thống

U_Right: dùng phân quyền ng-ời dùng

STT Tên thuộc tính Kiểu dữ liệu

Thực thể 6: LoaiBV

MaLoaiBV: đây là thuộc tính khóa dùng để phân biệt các loại bài viết với nhau, nó sẽ tự động tăng lên khi thêm một loại bài viết mới

TenLoaiBV: mô tả tên của loại bài viết

HinhAnh: mô tả đ-ờng dẫn tới hình ảnh của loại bài viết

Link: liên kết của loại bài viết

LBV_Order: thứ tự của loại bài viết khi sắp xếp

Status: trạng thái của loại bài viết có hoặc không có mặt trên website

STT Tên thuộc tính Kiểu dữ liệu

MaBV: đây là thuộc tính khoá dùng để phân biệt các bài viết với nhau, nó sẽ

tự động tăng khi thêm một bài viết mới

TieuDe: mô tả tiêu đề của từng bài viết

NoiDung: mô tả nội dung cụ thể của từng bài viết

Hinhanh: đ-ờng dẫn tới hình ảnh của bài viết

NgayDang: ngày mà bài viết đ-ợc đăng lên website

STT Tên thuộc tính Kiểu dữ liệu

Y_Yk: mô tả ý kiến phản hồi

Y_Date: ngày có ý kiến phản hồi

STT Tên thuộc tính Kiểu dữ liệu

LH_Hoten: họ tên ng-ời gửi liên hệ

LH_Diachi: địa chỉ ng-ời gửi liên hệ

LH_Email: email ng-ời gửi liên hệ

LH_Noidung: nội dung liên hệ

Status: Trạng thái của liên hệ (đã đ-ợc trả lời hay ch-a)

STT Tªn thuéc tÝnh KiÓu d÷ liÖu

A_Name: tªn cña môc cÇn qu¶n lý

A_Link: liªn kÕt cña môc qu¶n lý

STT Tªn thuéc tÝnh KiÓu d÷ liÖu

STT Tên thuộc tính Kiểu dữ liệu

Dongia: đơn giá của sản phẩm

STT Tên thuộc tính Kiểu dữ liệu

c) ChuÈn hãa d÷ liÖu d¹ng 3NF

giaodich U_Id

SL Solanxem Anh Noidung Thuonghieu Soluong Idloaihang Tenloaihang Levelhang

MaHD

Ngaydathang Ngaynhanhang Xacnhan

giaodich U_Id

Soluong

Dongia

Idhang Idloaihang Tenhang Dongia SLcon Ngaynhap

SL Solanxem Anh Noidung

MaHD

Ngaydathang Ngaynhanhang Xacnhan

giaodich U_Id

Soluong

Dongia

Idhang Idloaihang Tenhang Dongia SLcon Ngaynhap

SL Solanxem

ID USERNAME PASSWORD FULLNAME EMAIL ACTIVE SYSTEM MaBV Tieude Noidungtomtat

Noidung Ngaydang Hinhanh MaloaiBV TenloaiBV LBL_thutu

Y_id Y_tieude Y_ykien Y_date Y_xacnhan

ID USERNAME PASSWORD FULLNAME EMAIL ACTIVE SYSTEM

MaBV MaloaiBV Tieude Noidungtomtat

Noidung Ngaydang Hinhanh

MaloaiBV TenloaiBV LBL_thutu

Anh Noidung Thuonghieu

Idloaihang Tenloaihang Levelhang

Y_id Y_tieude Y_ykien Y_date Y_xacnhan

ID

USERNAME PASSWORD FULLNAME EMAIL ACTIVE SYSTEM

MaBV MaloaiBV Tieude Noidungtomtat Noidung

Ngaydang Hinhanh

MaloaiBV TenloaiBV LBL_thutu

- Id

- Solan

- Solan

2.2 Phân tích thiết kế hệ thống mức logic

Chuyển từ mô hình thực thể kết hợp sang mô hình quan hệ

Từ mô hình khái niệm là mô hình biểu diễn tất cả các đối t-ợng, mỗi đối t-ợng là một thể hiện trong thế giới thực, ta tiến hành chuyển đổi nó sang mô hình quan hệ Ta đ-ợc mô hình quan hệ nh- sau:

Danhmuc(M_Id, M_Name, M_Order, M_Status)

LoaiSP(S_Id, M_Id, S_Name, S_Link, S_Order, S_Date, S_Status)

SanPham(C_Id, S_Id, C_Name, C_Cost, C_Company, C_Describe,

C_Image, C_Num, C_Date, C_View)

LoaiBV(MaLoaiBV, TenLoaiBV, HinhAnh, Link, LBV_Order, Status)

BaiViet(MaBV, MaLoaiBV, U_Id, TieuDe, NoiDung, Hinhanh, NgayDang) Phanquyen(Id, quyen)

NguoiDung(U_Id, U_Name, U_Sex, U_Pass, U_Address, U_City,

U_Vungmien, U_National, U_Company, U_Email, U_Phone1,U_Phone2, U_CreateDate, U_LastLogin, U_LastChange, U_Recive, U_Right)

DanhGia(Y_Id, C_Id, U_Id, Y_Yk, Y_Date)

QuanLy(A_Id, A_Name, A_Link)

LienHe(LH_Id, LH_Hoten, LH_Diachi, LH_Email, LH_Noidung, Status)

HoaDon(MaHD, MaKH, NgayLapHD,NgayNhHang,DonGia,Tenngnhan,

DC, TP, Email, DT, xacnhan)

ChitietHD(MaHD, MaSp, SoLuong, Dongia)