XÂY DỰNG WEBSITE BÁN GẤU BÔNG

Về cơbản vẫn hoàn thành được công việc giới thiệu, quản lý của cửa hàng vừa và nhỏ.. Các chức năng thực hiện được của đồ án  Tạo ra giao diện thân thiện, dễ sử dụng trong việc mua hàng.

NHẬN XÉT CỦA GIÁO VIÊN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

Bình Dương, ngày 6 tháng 5 năm 2015

LỜI CẢM ƠN

Sau một thời gian nghiên cứu, em đã hoàn thành xong đề tài của mình Lời đầutiên em xin gửi lời cảm ơn tới các thầy cô trong khoa Công nghệ thông tin trang bịnhững kiến thức quý báu cho em trong suốt quá trình học tập và làm đề tài tại TrườngĐại Học Thủ Dầu Một Đặc biệt em xin chân thành cảm ơn sự tận tình hướng dẫn củathầy Nguyễn Ngọc Thận, thầy là giáo viên hướng dẫn, là người theo sát tiến độ làm việccủa em Chính vì vậy mà thầy luôn đưa ra những ý kiến, những góp ý giúp em nhận ravấn đề còn tồn tại và kịp thời sửa chữa

Mặc dù đã cố gắng nỗ lực thực hiện đề tài nhưng chắc hẳn không thể tránh khỏi nhữngthiếu sót Em rất mong nhận được những ý kiến đóng góp ý kiến của thầy và các bạn để

đề tài này hoàn thiện và hướng tới áp dụng thực tế hơn

Em xin chân thành cảm ơn!

MỤC LỤC

NHẬN XÉT CỦA GIÁO VIÊN ………1

LỜI CÁM ƠN……….……… 2

PHẦN I: MỞ ĐẦU 1.Đặt vấn đề……….……….…5

2.Tại sao chọn đề tài này……….5

3.Mục đích, đối tượng và phạm vi……… …….6

3.1 Mục đích nghiên cứu……… … …6

3.2 Đối tượng và phạm vị nghiên cứu……….……… 6

4.Mục tiêu nghiên cứu……… 6

5.Ưu khuyết điểm……….….…… 6

5.1 Ưu điểm……… …….…… 6

5.2 Khuyết điểm ……… 6

5.3 Hướng tiếp cận đề tài ……… 7

5.4 Ý nghĩa lý luận và ý nghĩa thực tiễn của đề tài……… 7

PHẦN II: GIỚI THIỆU WEBSITE I Giới thiệu tổng quan……….7

1 Yêu cầu thiết bị……….……….7

2 Đồ án thực hiện những quyết định ………8

3 Các chức năng thực hiện………8

4 Đối tượng sử dụng……….8

II Thiết kế………9

PHẦN II: PHÂN TÍCH ĐỀ TÀI 1.Chức năng ……….………….9

2.Yêu cầu đặt ra:……… ….10

2.1 Yêu cầu phần mềm: ……….10

2.2 Yêu cầu website:……… 10

3.Kế hoạch dự kiến đạt được:……… ….11

PHẦN III: PHÂN TÍCH HỆ THỐNG 1.Khảo sát hệ thống……….……… 11

2.Xác định yêu cầu hệ thống……….…… 11

3.Phân tích yêu cầu hệ thống ……….… 12

PHẦN IV: THIẾT KẾ HỆ THỐNG I Các bảng dữ liệu………13

II Phân tích thiết kế hệ thống ………15

1 Giao diện trang chủ……….………….…….16

2 Giao diện trang đăng nhập……….………….…… 17

3 Giao diện trang sản phẩm……….……18

4 Giao diện trang dịch vụ………19

5 Giao diện trang liên hệ ………20

6 Giao diện trang mua hàng………20

7 Giao diện trang tìm kiếm……….………….22

PHẦN V: THỰC NGHIỆM VÀ ĐÁNH GIÁ KẾT QUẢ 1 Thực nghiệm……….……… 23

2 Kết quả đạt được của đề tài……… ………… …23

3 Hạn chế của đề tài……… ……….24

4 Hướng phát triển của đề tài……… ……… 24

Từ những thế mạnh đó, chúng em đã chọn ngôn ngữ HTML để nghiên cứu và xâydựng website về mua bán trực tuyến, cụ thể hoá bằng việc xây dựng WEBSITE BÁNGẤU BÔNG

2 Tại sao chọn đề án này?

Sự phát triển của công nghệ thông tin trong những năm gần đây đã có tác độngmạnh mẽ tới sự phát triển mọi mặt của thế giới Công nghệ thông tin bùng nổ đã giữ mộtvai trò quan trọng nó thúc đẩy xã hội loài người phát triển toàn diện, mỗi một công việc

có sự góp mặt của công nghệ thông tin luôn đem lại hiệu quả cao hơn rất nhiều so vớiviệc không ứng dụng công nghệ thông tin

Hiện nay, Internet đã trở thành thông dụng trong cuộc sống chúng ta Khi nói đếnlợi ích của Internet đối với chiến lược phát triển, đa số các doanh nghiệp thường nghĩđến việc thiết lập một website để giới thiệu về công ty, giới thiệu về shop Với các cửahàng quy mô nhỏ cũng đã sử dụng Website để quảng cáo sản phẩm và giới thiệu về cửahàng

Trong gia đình, văn phòng,… Gấu Bông rất gần gũi với chúng ta Sản phẩm rất

đa dạng và phong phú Xuất phát từ nhu cầu của con người, các cửa hàng,….có xuhướng bán hàng offline của mình thông qua các mạng Internet, Website

Qua thực tế, em nhận thấy việc xây dựng một Website giới thiệu, bán sản phẩmcủa cửa hàng là điều cần thiết hiện nay

Em đã khảo sát một số cửa hàng vừa và nhỏ tại địa phương và nhận thấy có nhiều bấtcập, khó khăn trong việc quảng cáo, giới thiệu sản phẩm của cửa hàng cho tất cả mọingười Hầu hết các cửa hàng không có Website, việc quảng cáo sản phẩm của cửa hàng

mình là rất ít Chỉ có những khách hàng quen thuộc, sinh sống tại khu vực đó mới biết vàmua hàng Sản phẩm chủ yếu để phục vụ cho khu vực đó, nó không thể đi các tỉnh,huyện khác Ngoài ra, vấn đề bán hàng trực tiếp còn nhiều bất cập

Xuất phát từ lý do đó, cùng với sự đồng ý của thầy giáo Nguyễn Ngọc Thận, emquyết định chọn đề tài “WEBSITE BÁN GẤU BÔNG” làm bài báo cáo của mình Hiệnnay, shop chưa có Website Vì vậy, với mục đích giúp shop giới thiệu sản phẩm, em đãxây dựng Website giới thiệu và quảng bá sản phẩm cho shop để tất cả mọi người có thểbiết đến cửa hàng Bán Gấu Bông

3 Mục đích, đối tượng và phạm vi nghiên cứu.

3.1 Mục đích nghiên cứu.

Tìm hiểu cách thức xây dựng Website về mua bán trực tuyến bằng giỏ hàng

3.2 Đối tượng và phạm vi nghiên cứu.

Nghiên cứu về ngôn ngữ ASP.NET và các kỹ thuật xây dựng một Website bánhàng trực tuyến

4. Mục tiêu cần đạt được.

- Hoàn chỉnh 1 Website giống các Website có trên thị trường

- Giao diện Website thân thiện,dễ sử dụng

- Khách hàng có thể xem và mua hàng trực tuyến thông qua website và được giaohàng tận nơi

5 Ưu khuyết điểm

5.1 Ưu điểm

 Đề tài mang tính gần gũi với sinh viên

 Với phương pháp quản lý thủ công hiện tại, ưu điểm của hệ thống là rất ít Về cơbản vẫn hoàn thành được công việc giới thiệu, quản lý của cửa hàng vừa và nhỏ

Đó là điều quan trọng nhất trong việc kinh doanh

5.2 Khuyết điểm

Qua quá trình khảo sát thực tế, em nhận thấy rằng các cửa hàng quản lý sảm phẩm củamình bằng phương pháp thủ công, dùng sổ sách ghi chép, lưu giữ thông tin cho việc muabán vẫn chưa khoa học, Việc quản lý sản phẩm, lưu trữ thông tin, nhân viên, thống kê

là công việc rất khó khăn , mất nhiều thời gian và công sức, người quản lý phải quản lý

cả giấy tờ rất lớn, đôi khi thiếu chính xác Mỗi khi có sự thay đổi thông tin của một sảnphẩm thì người quản lý phải thay đổi lại giấy tờ hiện tại cho phù hợp

5.3 Hướng tiếp cận của đề tài

 Khảo sát chi tiết các nghiệp vụ trong hệ thống, nắm bắt rõ các yêu cầu từ phíangười sử dụng

 Thông qua các tài liệu của các đề tài trước để giải quyết vấn đề

5.4 Ý nghĩa lý luận và ý nghĩa thực tiễn của đề tài

 Ý nghĩa lý luận:

Đây là đề tài lần thứ 2 trong toàn bộ chương trình học, vì vậy nó đóng vai tròrất quan trọng, giúp sinh viên làm quen với các ứng dụng web và phát triển ứngdụng xây dựng trang web treo yêu cầu, từ đó rút ra kinh nghiệm thực tiễn cho việclàm đồ án và công việc về sau

 Ý nghĩa thực tiễn:

 Tăng cường nhận thức và tư duy

 Rèn luyện cách làm việc có hiệu quả

 Phát huy tính sáng tạo và cách làm việc độc lập của mỗi thành viên trong lớp

 Củng cố và nâng cao kiến thức cho các thành viên trong lớp

PHẦN II: GIỚI THIỆU WEBSITE

I GIỚI THIỆU TỔNG QUAN

1 Yêu cầu thiết bị

Server:

 Phần Cứng:

 CPU: Core 2 Duo

 Cho phép thành viên có thể đăng ký, mua hàng trực tuyến

 Admin có thể thêm, xoá, sửa dữ liệu và quản lý thông tin thành viên

 Cho phép khách hàng xem lại giỏ hàng mình đã chọn và tổng số tiền hiển thị

3 Các chức năng thực hiện được của đồ án

 Tạo ra giao diện thân thiện, dễ sử dụng trong việc mua hàng

 Quản trị có quyền thêm, xoá, sửa dữ liệu

 Khách hàng chỉ có thể mua hàng thông qua việc đăng ký

 Khách hàng có thể xem tổng số tiền mình mua và số hàng đã chọn

4 Đối tượng sử dụng

Có 3 đối tượng sử dụng website này:

a) Người Quản Trị

Người quản trị sau khi đăng nhập thành công sẽ có thể:

 Thêm, xoá, sửa dữ liệu

 Xem danh sách và thông tin những khách hàng đã đăng ký

MasterPage của website là giao diện thống nhất cho toàn bộ các trang của websitetrừ Admin, nhằm tạo lên tính liền mạch và xuyên suốt cho website.

o Mô tả CSDL.

CSDL được chia làm 3 bảng cụ thể như sau:

 Bảng dangky ( tendangnhap, email, sdt, matkhau)

 Bảng dangnhap (username, password, nhaplaipass, email, sdt, roleID,roleName )

 Bảng sanpham ( Masp, Tensp, Giasp, Trongluong, hinh)

Đề tài: “Thiết Kế website Bán Gấu Bông”.

CHƯƠNG III: PHÂN TÍCH ĐỀ TÀI:

1 Chức năng:

Website Bán Gấu Bông là một trang web nhằm mục đích giới thiệu rộng rãi cácsản phẩm về những con Gấu Bông mới và những Gấu bông được mọi người yêu thíchđến người tiêu dùng với các thông tin chi tiết về mặt hàng cũng như giá cả một cáchchính xác, nhanh nhất Nó là một cầu nối giữa nhà sản xuất với người tiêu dùng Website

có các chức năng sau:

 Giới thiệu các thông tin và về mặt hàng mới

 Giúp người sử dụng có thể tìm kiếm một cách nhanh nhất, tiết kiệm đượcthời gian, chi phí

 Giúp cho shop có thể quảng bá được thương hiệu, giới thiệu sản phẩm mớicho khách hàng biết…

2 Yêu cầu đặt ra:

2.1 Yêu cầu phần mềm:

 Hệ quản trị cơ sở dữ liệu SQL server 2005

 Website được thiết kế bằng C#.

 Các phần mềm khác được dùng để thiết kế: Flask,…

2.2 Yêu cầu website:

Website gồm 2 phần chính:

 Phần dành cho khách hàng

Mục tiêu của website là tạo ra một cầu nối giữa nhà sản xuất và kháchhàng, nên đa số khách hàng truy cập vào website là có nhu cầu xem hàng đểchọn ra những sản phẩm vừa ý để mua Khi khách hàng có nhu cầu mua cácmặt hàng đã chọn thì website sẽ cung cấp cho khách hàng địa chỉ để kháchhàng có thể liên hệ mua hoặc đặt hàng trên website đễ giao hàng tặng nơi,hoặc có thể đặt hàng để làm quà tặng cho những người yêu thương nhất.Khách hàng cũng có thể bình luận về các sản phẩm của từng hãng

 Phần dành cho nhà quản trị

Là người chủ ứng dụng, có quyền kiềm soát mọi hoạt động của hệ thống Ngườiquản trị được cung cấp một tên đăng nhập và mật khẩu để đăng nhập vào hệ thống thựchiện những chức năng của mình Nếu như quá trình đăng nhập thành công thì ngườiquản trị có thể thực hiện những chức năng:

 Quản lý cập nhật (thêm, sửa, xóa) các mặt hàng nội thất, các thôngtin về khách hàng,…

 Thống kê thông tin các mặt hàng, khách hàng

Ngoài các chức năng trên thì trang web phải được thiết kế sao cho dễ hiểu, giaodiện mang tính chất dễ dùng, đẹp mắt và làm sao cho khách hàng dễ dàng tìm thấy đượcnhững thông tin cần tìm, cung cấp những thông tin thật chính xác, hấp dẫn nhằm thu hútnhiều khách hàng

Điều quan trọng là trang web phải đảm bảo an toàn tuyệt đối với dữ liệu và thôngtin liên quan đến khách hàng.

Đồng thời trang web phải có tính dễ nâng cấp, bảo trì, sửa chữa khi cần bổ sung, cậpnhật những tính năng mới

3 Kế hoạch dự kiến đạt được:

Khảo sát và phân tích thiết kế hệ thống phù hợp với thực tế

 Ưu điểm của hệ thống:

+ Đây là phần mềm phổ biến được sử dụng nhiều trong công việc văn phòng, cógiao diện thân thiện và dễ sử dụng đối với đa số người dùng

+ Phần mềm dễ cài đặt trên các máy tính

 Nhược điểm:

+ Khi nhập dữ liệu vào mất nhiều thời gian nếu như dữ liệu cần nhập nhiều

+ Quản lý không đồng bộ: Các thông tin về cùng một đối tượng có thể được lưutrữ ở nhiều file khác nhau mà chúng không có sự liên kết với nhau, từ đó dẫn tớitình trạng dư thừa dữ liệu, tốn dung lượng bộ nhớ.

+ Các chức năng khác nhau nhưng có liên quan với nhau lại không có sự liên kết

gì với nhau

+ Quản lý trên giấy tờ cồng kềnh, không khoa học

+ Khó khăn khi muốn tìm kiếm thông tin

+ Tính bảo mật không cao

+ …

2 Xác định yêu cầu hệ thống

+ Tổng quan, giới thiệu về cửa hàng:

Giới thiệu thông tin về cửa hàng được hiển thị ở trang chủ của trang web đó, giúpkhách hàng có thể tìm hiểu các thông tin SP có trong cửa hàng

+ Cập nhật, xóa, sửa thông tin SP

Thay đổi các thông tin đầu vào của SP như: mã SP, tên SP, kích thước,…

+ Chức năng mua hàng của hệ thống

Chọn SP cần mua hàng, hệ thống sẽ tính tiền tương ứng các SP được chọn

+ Tìm kiếm thông tin SP

Khi muốn biết thông tin SP nào mà không thấy trong hệ thống, ta có thể chọn tiêu chítìm kiếm và tìm SP đó

3 Phân tích yêu cầu hệ thống

Sau khi khảo sát thực tế và xác định được các yêu cầu của hệ thống, có thể phân tích

để đưa ra các quy trình nghiệp vụ chung của hệ thống bao gồm các phần:

Các nghiệp vụ chung được phân tích chi tiết

 Tổng quan, giới thiệu về cửa hàng:

+ Thời gian thực hiện: Khi vào trang Web, thông tin về cửa hàng sẽ được hiển thịtại trang chủ của hệ thống

+ Tác nhân thực hiện: Người dùng, khách hàng

+ Các bước tiến hành:

- Khi có thông tin mới, người quản lý nhập, lưu trữ thông tin đó vào CSDL

- Cập nhập thông tin lên trang web của cửa hàng

 Cập nhật, xóa, sửa thông tin SP

+ Thời gian thực hiện: Khi có sự thay đổi thông tin SP như khi có SP mới, hoặcthông tin SP thay đổi…

+ Tác nhân thực hiện: Người sử dụng hệ thống

+ Các bước tiến hành:

- Thông tin SP thay đổi, người quản lý tìm thông tin SP đó và cập nhật lạithông tin mới

- Thay đổi xong sẽ lưu lại sự thay đổi đó và cho hiển thị thông tin mới

 Chức năng mua hàng của hệ thống

+ Thời gian thực hiện: Khi có SP đó trên trang Web

+ Tác nhân thực hiện: Khách hàng, người sử dụng hệ thống

+ Các bước tiến hành:

- Khách hàng xem thông tin SP của cửa hàng

- Sau đó, nếu chon SP cần mua thì chọn button “mua hàng”

- Hệ thống sẽ tự động lưu thông tin về SP đó và tính tiền cho khách hàng

- Có thể in danh sách các SP được chọn dưới hình thức Excel

 Tìm kiếm thông tin SP

+ Tác nhân thực hiện: Khách hàng, người sử dụng hệ thống

+ Các bước tiến hành:

- Khi tìm thông tin SP, chọn tiêu chí tìm kiếm

- Nhập thông tin SP cần tìm và nhấn tìm kiếm

II Phân tích thiết kế chương trình

1 Giao diện trang chủ.

Khi bạn mở website thì trang này sẽ chạy đầu tiên Giao diện của trang này nhưsau:

Hình 1: Giao diện trang chủ.

 Trang này cho phép khách hàng xem thông tin về các mặt hàng về tất cảcác Gấu Bông và thông tin về các sản phẩm của từng hàng mà shop có

 Cho phép khách tới thăm có thể tìm kiếm thông tin về sản phẩm theo tênsản phẩm, theo giá tiền, theo kiểu dáng…

 Cho phép đăng nhập và đăng ký để tham gia vào shop Gấu Bông

2 Giao diện trang đăng nhập:

 Thông tin đầu vào:

+ Tài khoản ngườì dùng

+ Mật khẩu

 Đầu ra:

+ Nếu đăng nhập đúng, hệ thống thông báo đăng nhập thành công

+ Nếu đăng nhập sai, hệ thống thông báo “Sai UserName hoặc PassWord”+ Nếu bỏ trống tên đăng nhập hoặc mật khẩu, hoặc bỏ trống cả hai, hệ thốngthông báo “bạn chưa nhập đủ thông tin”

Hình 2: Giao diện trang đăng nhập.

3 Giao diện sản phẩm

Hình 3: Giao diện trang sản phẩm.

4 Giao diện dịch vụ

Hình 4: Giao diện trang dịch vụ

5 Giao diện liên hệ

 Mục đích:

 Khách hàng xem các thông tin địa chỉ cửa hàng để liên hệ với cửa hàng về tưvấn và mua sảm phẩm

 Phạm vi:

 Thông tin liên hệ cửa hàng

 Giao diện của chức năng

Hình 5: Giao diện trang liên hệ.

6 Giao diện mua hàng

 Mục đích:

 Phải là thành viên và đăng nhập thành công thì mới được mua hàng

 Có thể đăng kí mua hàng, thông tin về sảm phẩm đó sẽ được hiện ra

 Phạm vi:

 Mua sảm phẩm trong các mặt hàng mà cửa hàng có

 Phải là thành viên của trang web

 Ràng buộc:

 Thông tin đầu vào:

+ đăng nhập

+ sảm phẩm phải có trong hệ thống

 Đầu ra:

+ Nếu đăng nhập đúng, sẽ được đăng kí mua hàng

+ Tên mặt hàng không được them vào, mà phải chọn trong combobox

 Giao diện trang mua hàng

Hình 6: Giao diện trang mua hàng.

7 Giao diện tìm kiếm sản phẩm

 Mục đích:

 Giúp người dùng tìm kiếm sảm phẩm nhanh hơn

 Có thể tìm kiếm theo nhà cung cấp

Hiển thị thông tin sảm phẩm, Load dữ liệu vào DataList.

 Giao diện của chức năng

Hình 7: Giao diện trang tìm kiếm.

PHẦN VI : THỰC NGHIỆM, ĐÁNH GIÁ KẾT QUẢ

1 Thực nghiệm

nhiều hơn các chức năng của chương trình.

2 Kết quả đạt được của đề tài :

web, có thêm hiểu biết về những công nghệ như Ajax, Jquery,…

tượng.