Xây dựng website thương mại điện tử

Với một vài thao tác đơn giản bạn đã có thể làm chủ một website mà bạn yêu thích: website xe hơi, website giới thiệu về gia đình, bạn bè,...Đối với một hoạt động của một công ty kinh doa

LỜI CẢM ƠN

Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô của trường Đại học Công nghệ thông tin và truyền thông Thái Nguyên, đặc biệt là các thầy cô khoa Công Nghệ Thông Tin của trường đã tạo điều kiện cho em tham gia kì thực tập chuyên ngành để có nhiều trải nghiệm và những định hướng tốt cho ngành nghề mà em theo đuổi Và em cũng xin chân thành cảm ơn thầy Lê Anh Tú đã nhiệt tình hướng dẫn em hoàn thành tốt đợt làm đồ án

Trong quá trình làm đồ án, cũng như là trong quá trình làm bài báo cáo, khó tránh khỏi sai sót, rất mong các thầy cô bỏ qua Đồng thời do trình độ hiểu biết cũng như kinh nghiệm thực tiễn còn hạn chế nên bài báo cáo không thể tránh khỏi những thiếu sót, em rất mong nhận được ý kiến đóng góp của các thầy cô để em học thêm được nhiều kinh nghiệm và sẽ hoàn thành tốt hơn các bài báo cáo sắp tới

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

Thái Nguyên, tháng 06 năm 2016

Sinh viên thực hiện

Nguyễn Bá Thanh

LỜI CAM ĐOAN

Nhận thức được Đồ án tốt nghiệp là sản phầm hoàn thiện của sinh viên CNTT khi ra trường, cần tới sự miệt mài của bản thân và nhất là sự hướng dẫn tận tình của các thầy cô giáo, em đã tổng hợp được các kiến thức được học cùng kinh nghiệm và

số liệu khảo sát thực tế nhằm hoàn thành Đồ án tốt nghiệp của mình

Em xin cam đoan: Nội dung Đồ án của em không sao chép nội dung cơ bản của bất kỳ Đồ án nào và là sản phẩm của chính bản thân em qua nghiên cứu thực tế xây dựng lên Mọi thông tin và nội dung sai lệch em xin chịu trách nhiệm hoàn toàn trước Hội đồng bảo vệ

Thái Nguyên, tháng 06 năm 2016

Sinh viên thực hiện

Nguyễn Bá Thanh

MỤC LỤC

LỜI CẢM ƠN 1

LỜI CAM ĐOAN 2

MỤC LỤC 3

DANH MỤC HÌNH ẢNH 5

MỞ ĐẦU 7

CHƯƠNG 1: TỔNG QUAN VỀ MÃ NGUỒN MỞ WORDPRESS 8

1.1 Giới thiệu về Wordpress 8

1.1.1 Khái niệm về Wordpress 8

1.1.2 Cài đặt webserver chạy Wordpress 9

1.1.3 Cài đặt XAMPP 10

1.1.4 Cài đặt Wordpress trên localhost 14

1.1.5 Cài đặt Plugin trong Wordpress 16

1.2 Giới thiệu về mã vạch 19

1.2.1 Tổng quan về mã vạch 19

1.2.2 Phân loại mã vạch 19

1.2.3 Cấu trúc mã vạch 20

1.2.4 Ứng dụng của mã vạch 23

2.1 Khảo sát hiện trạng 24

2.1.1 Xây dựng bài toán 24

2.1.2 Mục tiêu của bài toán .25

2.2 Phân tích thiết kế 26

2.2.1 Các tác nhân và Use Case của hệ thống 26

2.2.2 Biểu đồ Use Case 27

2.2.3 Đặc tả Use Case 28

2.2.4 Biểu đồ lớp 50

2.2.5 Thiết kế cơ sở dữ liệu 51

CHƯƠNG 3 XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ CHO CỬA HÀNG THỜI TRANG DUYSHOP 54

3.1 Xây dựng barcode 54

3.2 Bố cục website 54

3.3 Giao diện trang chủ 55

3.4 giao diện trang cửa hàng 56

3.5 Giao diện mua hàng 57

3.6 Giao diện giỏ hàng 57

3.7 Giao diện thanh toán 58

3.8 Cài đặt plugin Barcode trong Wordpress 58

3.8.1 Tải và cài đặt Plugin Barcode 58

3.8.2 Bổ sung thêm chức năng chọn loại Barcode cho phần quản trị 60

KẾT LUẬN 65

TÀI LIỆU THAM KHẢO 66

DANH MỤC HÌNH ẢNH

Hình 1.1 Chọn ngôn ngữ cài đặt 10

Hình 1.2 Chọn thư mục cài đặt 11

Hình 1.3 Tùy chọn cài đặt 11

Hình 1.4 Tiến trình cài đặt Xampp 12

Hình 1.5 Cài đặt hoàn tất 12

Hình 1.6 Thông báo cài đặt thành công 13

Hình 1.7 Control Panel của Xampp 13

Hình 1.8 Chọn ngôn ngữ để vào phpmyadmin 14

Hình 1.9 Trang chủ Xampp sau khi cài đặt 14

Hình 1.10 Những giá trị trong file wp-config-sample.php 15

Hình 1.11 Những giá trị sau khi được thay thế 15

Hình 1.12 Cài đặt wordpress 15

Hình 1.13 Giao diện đăng nhập trang quản trị 16

Hình 1.14 Thêm mới Plugin 8080 Barcode Generator 17

Hình 1.15 Thông tin plugin 8080 Barcode Generator, hãy đọc trước khi cài 18

Hình 1.16 Mã vạch tuyến tính 20

Hình 1.17 Mã vạch ma trận 20

Hình 1.18 Mã vạch EAN 21

Hình 2.1 Biểu đồ UseCase mức tổng quát 27

Hình 2.2 Biểu đồ UseCase mức chi tiết cho tác nhân Khách hàng 27

Hình 2.3 Biểu đồ UseCase mức chi tiết cho tác nhân Người quản trị 28

Hình 2.4 Biểu đồ trình tự UC gửi hỗ trợ trực tuyến 29

Hình 2.5 Biểu đồ cộng tác UC gửi hỗ trợ trực tuyến 29

Hình 2.6 Biểu đồ trình tự UC liên hệ 30

Hình 2.7 Biểu đồ cộng tác UC liên hệ 31

Hình 2.8 Biểu đồ trình tự UC xem sản phẩm 32

Hình 2.9 Biểu đồ cộng tác UC xem sản phẩm 32

Hình 2.10 Biểu đồ trình tự UC thêm vào giỏ hàng 33

Hình 2.11 Biểu đồ cộng tác UC thêm vào giỏ hàng 33

Hình 2.12 Biểu đồ trình tự UC thêm thông tin 34

Hình 2.13 Biểu đồ cộng tác UC thêm thông tin 35

Hình 2.14 Biểu đồ trình tự UC mua hàng 36

Hình 2.15 Biểu đồ cộng tác UC mua hàng 36

Hình 2.16 Biểu đồ trình tự UC thanh toán 37

Hình 2.17 Biểu đồ cộng tác UC thanh toán 38

Hình 2.18 Biểu đồ trình tự UC đăng nhập hệ thống 39

Hình 2.19 Biểu đồ cộng tác UC đăng nhập hệ thống 39

Hình 2.20 Biểu đồ trình tự UC quản lý liên hệ 40

Hình 2.21 Biểu đồ cộng tác UC quản lý liên hệ 41

Hình 2.22 Biểu đồ trình tự UC quản lý tài khoản 42

Hình 2.23 Biểu đồ cộng tác UC quản lý tài khoản 42

Hình 2.24 Biểu đồ trình tự UC quản lý hỗ trợ trực tuyến 43

Hình 2.25 Biểu đồ cộng tác UC hỗ trợ trực tuyến 44

Hình 2.26 Biểu đồ trình tự UC quản lý sản phẩm 45

Hình 2.27 Biểu đồ cộng tác UC quản lý sản phẩm 45

Hình 2.28 Biểu đồ trình tự UC quản lý loại sản phẩm 46

Hình 2.29 Biểu đồ cộng tác UC quản lý loại sản phẩm 47

Hình 2.30 Biểu đồ trình tự UC quản lý đơn hàng 48

Hình 2.31 Biểu đồ cộng tác UC quản lý đơn hàng 48

Hình 2.32 Biểu đồ trình tự UC quản lý banner 49

Hình 2.33 Biểu đồ cộng tác UC quản lý banner 50

Hình 2.34 Biểu đồ lớp 50

Hình 3.1 Sản phẩm sau khi thêm barcode 54

Hình 3.2 Giao diện trang chủ 55

Hình 3.3 Giao diện trang cửa hàng 56

Hình 3.4 Giao diện mua hàng 57

Hình 3.5 Giao diện giỏ hàng 57

Hình 3.6 Giao diện thanh toán 58

Hình 3.7 Thêm mới Plugin 8080 Barcode Generator 59

Hình 3.8 Thông tin plugin 8080 Barcode Generator, hãy đọc trước khi cài 60

Hình 3.9 Giao diện tạo Field 61

Hình 3.10 Tạo Field Mã Bacode 62

Hình 3.11 Tạo Field Loại Bacode 63

Hình 3.12 Chọn Loại Bacode 64

MỞ ĐẦU

Ngày nay, với sự phát triển mạnh mẽ của Công nghệ thông tin đã ảnh hưởng sâu rộng tới mọi mặt trong đời sống Nó là nền tảng của nền kinh tế tri thức và là thước đo trình độ phát triển của một quốc gia Và nó cũng là yếu tố hàng đầu quyết định đến sự phát triển của công ty hay tổ chức đó

Xã hội và kinh tế phát triển đòi hỏi công nghệ cũng phải phát triển Công nghệ phát triển con người càng phát minh ra nhiều thiết bị công nghệ số để phục vụ

về nhiều mặt trong cuộc sống Nhất là trong thời đại hiện nay khi Việt Nam đã hội nhập vào WTO cùng với sự phát triển mạnh mẽ của công nghệ thông tin được áp dụng mạnh mẽ trong mọi lĩnh vực cuộc sống

Việc xây dựng website để phục vụ nhu cầu riêng của cá nhân, tổ chức đã không lấy gì làm xa lạ Với một vài thao tác đơn giản bạn đã có thể làm chủ một website mà bạn yêu thích: website xe hơi, website giới thiệu về gia đình, bạn bè, Đối với một hoạt động của một công ty kinh doanh có quy mô lớn sẽ được tăng cường, mở rộng hơn nữa nếu xây dựng một website tốt quảng bá hình ảnh công ty cùng các dịch vụ, các sản phẩm đến với khách hàng có nhu cầu Xuất phát từ ý tưởng đó cùng với sở thích đi kinh doanh của bản thân em đã quyết định chọn đề tài :”Xây dựng website bán sản phẩm của hãng DUYSHOP ”

Bài báo cáo gồm:

Chương 1: Tổng quan về mã nguồn mở Wordpress và plugin barcode Chương 2: Khảo sát và phân tích thiết kế hệ thống

Chương 3: Xây dựng website cho cửa hàng thời trang DUYSHOP

Kết luận: Tổng kết những việc đã làm được và hướng phát triển

CHƯƠNG 1: TỔNG QUAN VỀ MÃ NGUỒN MỞ WORDPRESS

1.1 Giới thiệu về Wordpress

1.1.1 Khái niệm về Wordpress

WordPress là một dạng phần mềm mã nguồn mở được Christine Selleck đề xuất Mọi người biết đến WordPress đơn giản là để viết Blog, để đăng tải thông tin của mình lên mạng nhưng không đơn giản như vậy, WordPress còn có chức năng như mọi Website khác Nó có thể làm site tin tức, đánh giá, bán hàng… thậm chí là… mạng xã hội Các bạn có thể ứng dụng wordpress để tạo cho mình

1 website trên nền wordpress, 1 website được tạo ra nhanh chóng đơn giản mà lại tiện cho việc quảng bá sản phẩm , thông tin , kiến thức ….WordPress được viết bằng ngôn ngữ lập trình PHP và sử dụng MySQL database WordPress là

“con” của B2 / Cafelog, được xây dựng trên sự tiện dụng, cùng các định dạng chuẩn của web Phiên bản mới nhất của WordPress tính đến tháng 1/2014 là 3.8 Rất nhiều Website nổi tiếng đang sử dụng WordPress làm nền tảng để phát

triển như CNN, ebay, bata,…

Những đặc điểm nổi bật của WordPress:

 Cài đặt đơn giản và cực kì nhanh chóng, với trình cài đặt 5 phút nổi tiếng

 Hệ thống Plugin phong phú và cập nhật liên tục, bạn cũng có thể tự viết plugin cho mình

 Hỗ trợ nhiều ngôn ngữ ( bao gồm cả tiếng Việt )

 Được cập nhật, vá lỗi và hỗ trợ liên tục

 Có rất nhiều Theme miễn phí, chuyên nghiệp và SEO rất tốt

 Dễ dàng quản lý và thao tác, việc quản lý blog, bài viết giống như các phần mềm thiết kế web chuyên nghiệp

 Tích hợp sẵn Latex – công cụ soạn thảo công thức toán học, bạn có thể viết công thức toán học ngay trong bài viết

 Upload và quản lý hình ảnh một cách dễ dàng, đặc biệt là chức năng tạo thumbnail rất hay

 Có một hệ thống Widget đa dạng ( ứng dụng tạo thêm ) như Thống kê số người truy cập, Danh sách các bài viết mới, các bài viết nổi bật, được xem nhiều, được comment nhiều, Liệt kê các chuyên mục, Liệt kê các trang, Bài viết theo ngày tháng, … có đến trên 23 Widget để bạn tha hồ lựa chọn

 Thống kê số truy cập từng ngày đối với mỗi bài viết của blog Trên cơ sở đó bạn sẽ có định hướng nên viết gì tiếp theo

 Hệ thống quản lý và duyệt Comment rất hay, có thể chặn spam theo IP

 Hệ thống phân quyền với nhiều cấp độ khác nhau như: Administrator, Author, Editor, Contributer, Subcriber Mỗi phân quyền sẽ có các quyền hạn khác nhau như được phép đăng bài viết, sửa bài viết, xóa bài viết, duyệt comment …

 Sao lưu dữ liệu một cách dễ dàng để backup hoặc chuyển nhà sang một nơi khác

 Hỗ trợ import đa năng từ các blog khác như Blogspot, Tumblr, Blogger, LiveJournal …

 WordPress hỗ trợ 3 GB để lưu trữ hình ảnh và văn bản

 Hàng ngày WordPress sẽ thống kê 100 bài viết trên các blog tiếng Việt được nhiều người đọc nhất Nhờ đó bạn biết được các thông tin quan trọng nhất đang diễn ra

 Và đặc biệt mới đây nhất WordPress hỗ trợ việc quản lý blog qua mobile rất thuận tiện và dễ dàng

1.1.2 Cài đặt webserver chạy Wordpress

Để chạy được Wordpress ta cần phải có một WebServer với Apache, MySQL, PHP and Perl, việc cấu hình và cài đặt WebServer gặp nhiều khó khăn và tốn kém thời gian Hiện nay có nhiều phần mềm cấu hình sẵn và ứng dụng như một WebServer như Xamp, Wamp,…Trong phần này tôi sử dụng WebServer Xampp để chạy Joomla

Cài đặt Web Server - Cài đặt XAMPP

Nếu muốn một trang web viết bằng ngôn ngữ PHP có thể chạy được trên máy tính cục bộ và trên máy chủ thì cần phải có một web server là Apache, bộ thông dịch ngôn ngữ PHP, ngôn ngữ truy vấn cơ sở dữ liệu là mySQL

Đây là ba thành phần độc lập với nhau nhưng là bộ tam không thể thiếu nhau Với người bình thường nếu muốn 3 thành phần này chạy với nhau một cách tốt đẹp thì bạn phải có nhiều kiến thức sâu rộng về chúng vì thế sẽ gây khó khăn cho người mới học

Từ nhu cầu đó mà một gói phần mềm tích hợp 3 thành phần trên đã ra đời

Có nhiều phần mềm tích hợp 3 thành phần này Nhưng hiện nay, gói phần mềm chạy ổn định nhất đó là XAMPP

XAMPP tích hợp các gói phần mềm: Apache (web server), PHP (Ngôn ngữ lập trình web), mySQL (hệ quản trị cơ sở dữ liệu dành cho PHP)…

1.1.3 Cài đặt XAMPP

Gói phần mềm XAMPP là miễn phí, bạn có thể tải về bản mới nhất tại địa chỉ:

http://www.apachefriends.org/en/xampp.html

1 Sau khi tải về, bạn kích hoạt tập xampp-win32-1.6.8-installer.exe

2 Chương trình sẽ yêu cầu bạn chọn 1 ngôn ngữ cài đặt, bạn hãy để ngôn ngữ mặc định và nhấn OK

Hình 1.1 Chọn ngôn ngữ cài đặt

3 Cửa sổ mới mở ra, bạn nhấn Next để tiếp tục

4 Cửa sổ mới mở ra yêu cầu bạn chọn một đường dẫn để lưu cài đặt Bạn có thể đặt chương trình ở phân vùng khác trên ổ cứng của bạn như là D, E , … Nếu không có

gì thay đổi, bạn nhấn Next để chuyển sang cửa sổ mới

Hình 1.2 Chọn thư mục cài đặt

5 Cửa sổ mới mở ra, bạn chọn tất cả các dịch vụ của chương trình

Hình 1.3 Tùy chọn cài đặt

6 Chương trình sẽ bắt đầu công việc cài đặt XAMPP lên ổ cứng

Hình 1.4 Tiến trình cài đặt Xampp

7 Cửa sổ cuối cùng sẽ thông báo cho chúng ta biết quá trình cài đặt đã thành công Bạn nhấn Finish để kết thúc cài đặt

Hình 1.5 Cài đặt hoàn tất

8 Tiếp theo, chương trình sẽ gọi tất cả các dịch vụ của web server ra chạy Sau khi hoàn thành, chương trình sẽ mở hộp thoại thông báo Bạn nhấn OK để tiếp tục

Hình 1.6 Thông báo cài đặt thành công

9 Sau đó, một hộp thoại mới mở ra, bạn chọn Yes để tiếp tục Trong hộp hội thoại mới kế tiếp, bạn chọn mở hết các dịch vụ Apache, MySQL bằng cách check vào ô vuông dịch vụ và chọn Start như hình sau:

Hình 1.7 Control Panel của Xampp

Đến đây quá trình cài đặt một web server chạy dạng trên máy tính cá nhân đã hoàn thành

Tất cả mọi máy tính cá nhân cài web server đều có chung một tên miền để truy cập là: http://localhost hoặc địa chỉ IP là http://127.0.0.1

Sau khi cài đặt, web server sẽ tự động mở cổng 80 để phục vụ việc trình bày trang web trên các trình duyệt web

Việc cài đặt web server không yêu cầu máy tính của bạn phải có một card mạng gắn sẵn Nếu máy tính không có card mạng, bạn vẫn có thể tạo được webserver để phục vụ lập trình web

10 Sau khi cài đặt, bạn cần kiểm tra lại xem web server có đang chạy hay không

Mở một trình duyệt web và gõ vào địa chỉ htt://localhost

Hình 1.8 Chọn ngôn ngữ để vào phpmyadmin

11 Nếu trình duyệt của bạn mở ra như hình sau thì bạn đã thành công Tiếp theo, bạn chọn English để vào trang chủ của XAMPP

Hình 1.9 Trang chủ Xampp sau khi cài đặt

1.1.4 Cài đặt Wordpress trên localhost

Về phần localhost bạn phải có XAMPP, WAMP5 hay Appserv bất cứ phần nềm nào cho phép giả lập locahost

Database:

1 Bạn hãy gõ vào address bar: localhost/phpmyadmin

2 Tạo mới 1 database Sau đó tiến hành:

1 Bạn giải nén và copy toàn bộ code của wordpress vào thư mục htdocs của localhost

2 Mở file wp-config-sample.php và thực hành

Tìm những giá trị như hình dưới:

Hình 1.10 Những giá trị trong file wp-config-sample.php

Thay thế những giá trị đó thành như sau

Hình 1.11 Những giá trị sau khi được thay thế

Lưu lại file này thành file mới là wp-config.php cũng ở trong thư mục đó luôn 3- Tiếp theo là bước cài đặt, bạn hãy gõ vào address bar: localhost/web-wp

Điền các thông số về Site title, tên user và mật khẩu, email quản trị của bạn

Hình 1.12 Cài đặt wordpress

Click vào Install WordPress - Ok, xong

4- Tiến hành login để vào trang quản trị để điền thông tin như hình

Sau này, khi muốn truy cập trang quản trị, các bạn chỉ cần sử dụng đường

dẫn có dạng http://yourdomain.com/wp-admin.php:

Hình 1.13 Giao diện đăng nhập trang quản trị

1.1.5 Cài đặt Plugin trong Wordpress

Khác với theme, plugin có thể không cần tới các plugin trả phí vì thư viện plugin miễn phí có sẵn đã rất tốt rồi, việc tìm và cài plugin thông qua thư viện có sẵn có 3 cách như cài trực tiếp từ thư viện trên Dashboard, upload file zip của

plugin hoặc upload plugin vào thư mục /wp-content/plugins trên localhost/host

Để tìm plugin, các bạn truy cập vào Dashboard –> Plugins –> Add New

Hình 1.14 Thêm mới Plugin 8080 Barcode Generator

Khi vào đó có thể tìm plugin thông qua tên bằng cách điền tên ở khung Search Plugins bên tay phải rồi Enter, hoặc xem danh sách các plugin thông qua các

bộ lọc như Featured (nổi bật), Popular (thông dụng),Recommended (khuyên

dùng) Nếu bạn là người mới, bạn nên chuyển qua phần Popular rồi cài các plugin trong đó Các bạn đừng vội click vào nút Install Now, hãy click vào tên plugin để xem thông tin chi tiết như mô tả (để biết plugin có chức năng gì), Screenshot (ảnh chụp) và Installation (cách cài đặt)

Hình 1.15 Thông tin plugin 8080 Barcode Generator, hãy đọc trước khi cài

Để biết plugin đó tốt hay không, bạn hãy nhìn vào con số Downloaded (lượt tải) và Average Rating (đánh giá của người dùng), nếu thấy có điểm số cao, tải về nhiều thì hãy cài đặt vì đã được nhiều người tin tưởng sử dụng vì không phải plugin nào cài vào là cũng làm việc được Nhưng với các plugin phổ biến, thì hầu như không có lỗi, nếu có lỗi xảy ra thì chỉ là tại host của bạn không đáp ứng được

Sau khi chắc chắn plugin này bạn muốn cài, hãy ấn nút Install Now để bắt đầu cài

đặt và click nút Activate để kích hoạt

Hoặc nếu bạn có một plugin nào đó ở dưới máy tính thì bạn vào Dashboard –> Plugins –> Add New –> Upload Plugin và upload file zip của plugin lên Hãy lưu ý là plugin đó cũng phải được nén đúng theo cấu trúc/tên-plugin/tên- file.php chứ không phải/tên-thư-mục/tên-plugin/tên-file.php

Để tìm một plugin phong phú hơn có thể truy cập vào địa chỉ https://wordpress.org/plugins/ và tìm plugin theo tên, tag,…và chọn cái nào thì vào Dashboard copy cái tên plugin vào rồi tìm là ra ngay vì thư viện plugin trong đó

1.2 Giới thiệu về mã vạch

1.2.1 Tổng quan về mã vạch

Mã vạch trong tiếng Việt hay còn gọi là Barcode trong tiếng Anh Đây là

một công nghệ dùng để nhận dạng và thu thập dữ liệu, dựa vào một mã số hoặc chữ

số cho một đối tượng nào đó Mã vạch này bao gồm dãy vạch có độ lớn nhỏ khác nhau và có khoảng trống song song xen kẽ, chúng được sắp xếp theo một quy tắc

mã hóa nhất định nào đó để các máy quét, máy đọc mã vạch có thể đọc được thông tin Hay định nghĩa một cách dễ hiểu nhất là mã vạch chính là sự thể hiện thông tin dưới dạng nhìn thấy được trên các bề mặt của sản phẩm, hàng hóa mà con người chúng ta có thể nhìn thấy và máy móc có thể đọc được

Mã vạch thường được dùng để lưu các thông tin về sản phẩm như đất nước sản xuất, tên của doanh nghiệp, … Do đó khi tra cứu thông tin mã vạch ta có thể biết được thông tin xuất xứ của sản phẩm đó Hiện nay trên điện thoại, xuất hiện rất nhiều ứng dụng để có thể quét mã vạch – barcode

Ngoài ra rất nhiều thứ dùng mã vạch để quản lý Như ở siêu thị khi bạn mua hàng nhân viên cầm cái máy đọc quét 1 cái Là máy tính sẽ biết sản phẩm

đó là gì, tự động lấy ra giá cả sản phẩm Còn trong thư viện thì dùng để quản lý sách cho mượn

Hình 1.16 Mã vạch tuyến tính 1.2.2.2 Mã vạch ma trận

Mã vạch 2 chiều hay còn gọi là mã ma trận Nhưng ưu điểm của nó so với

mã vạch tuyến tính thì nó lưu trữ nhiều thông tin hơn Tiêu biểu trong đây có thể kể đến QR code

- Gồm có 2 phần: phần mã vạch mà máy có thể đọc được và phần số mà con người

có thể đọc được Số của mã vạch tuyến tính gồm 12 ký số, không bao gồm ký tự

Đó là các mã số dùng để nhận diện mỗi một sản phẩm tiêu dùng riêng biệt:

Ký tự thứ 1: Ở đây là số 0, gọi là ký số hệ thống số (number system digit)

hoặc còn gọi là “Family code” Nó nằm trong phạm vi của 7 con số định rõ ý nghĩa

* 5 - Coupons: Phiếu lĩnh hàng hóa

* 4 -Dành cho người bán lẽ sử dụng

* 3 -Thuốc và các mặt hàng có liên quan đến y tế

* 2 -Các món hàng nặng tự nhiên như thịt và nông sản

* 0, 6, 7 -Gán cho tất cả các mặt hàng khác như là một phần nhận diện của nhà sản

xuất

Năm ký số thứ 2: được cấp bởi hiệp hội UCC (The Uniform Code Council)

và mã được cấp cho người bán hoặc nhà sản xuất là độc nhất Như vậy khi hàng hóa lưu thông trên thị trường bằng mã UPC thì chỉ cần biết được 5 ký số này là có thể

biết được xuất xứ của hàng hóa

Năm ký số kế tiếp: Dành cho người bán gán cho sản phẩm của họ Người

bán tự tạo ra 5 ký số này theo ý riêng của mình để mã hóa cho sản phẩm

Ký số cuối cùng: Ở đây là số 5, là ký số kiểm tra, xác nhận tính chính xác

của tòan bộ số UPC

1.2.3.1.2 Mã vạch EAN

Hình 1.18 Mã vạch EAN

EAN có một biến thể khác của nó là JAN (Japaneses Artical Numbering),

thực chất là EAN của người Nhật với mã quốc gia là 49 Vì EAN phát triển với mã

quốc gia nên nó được sử dụng trên những sản phẩm lưu thông trên toàn cầu Các tiêu chuẩn của EAN do Tổ chức EAN quốc tế quản lý Ở Việt Nam, các doanh nghiệp muốn sử dụng được mã EAN trên sản phẩm của mình, phải là thành viên của Tổ chức Mã Số Mã Vạch Việt Nam, gọi tắt là EAN Việt Nam, để được cấp mã

số doanh nghiệp

1.2.3.1.3 Code 39

Code 39 được phát triển sau UPC và EAN là ký hiệu chữ và số thông dụng nhất Nó không có chiều dài cố định như UPC và EAN do đó có thể lưu trữ nhiều lượng thông tin hơn bên trong nó Do tính linh họat như vậy, Code 39 được ưa chuộng rộng rãi trong bán lẻ và sản xuất Bộ ký tự này bao gồm tất cả các chữ hoa,

- Sử dụng trên các món hàng nhỏ: Nếu in mã vạch tuyến tính, tức là các lọai mã

vạch 1D thông dụng, trên các món hàng nhỏ thì thường gặp trở ngại về kích thước của mã vạch vẫn còn quá lớn so với các món hàng cực nhỏ Với sự phát triển của mã vạch 2 chiều người ta có thể in mã vạch nhỏ đến mức có thể đặt ngay trên món hàng có kích thước rất

nhỏ Nội dung thông tin: Công nghệ 2 chiều cho phép mã hóa 1 lượng lớn thông tin trong

một diện tích nhỏ hẹp Cả lượng thông tin lưu trong cùng một ký hiệu mã vạch 2D có thể coi như là 1 file dữ liệu nhỏ gọn (trong ngành gọi là PDF - Portable Data File) Do đó khi

sử dụng loại mã 2D, có thể không cần đến CSDL bên trong máy vi tính

- Quét tầm xa: Khi sử dụng các ký hiệu 2D, máy in không đòi hỏi in ở độ

phân giải cao mà có thể in ở độ phân giải thấp vì trong ký hiệu 2D, các mảng điểm (pixel) hoặc các vạch (bar) rất lớn Điều này dẫn đến việc cho phép quét mã vạch 2D ở 1 khoảng cách xa lên đến 50 feet (khoảng 15m)

Các ký hiệu barcode 2D có thể được chia làm 2 loại:

1/ Loại mã xếp chồng (Stacked Codes): như Code 16K, Code 49,

PDF-41,Code 16, PDF-417, Code 49

2/ Loại mã ma trận (Matrix Codes): như Data Matrix, Maxicode,Softstrip, Vericode,

1.2.4 Ứng dụng của mã vạch

Có thể mã hoá đủ loại thông tin thành mã vạch Ví dụ:

1 Số hiệu linh kiện (Part Numbers)

2 Số nhận diện người bán, nhận diện nhà sản xuất, doanh nghiệp (Vendor

ID Numbers, ManufactureID Numbers)

3 Số hiệu Pallet (Pallet Numbers)

4 Nơi trữ hàng hoá

5 Ngày nhận

6 Tên hay số hiệu khách hàng

7 Giá cả món hàng

8 Số hiệu lô hàng và số xê ri

9 Số hiệu đơn đặt gia công

10 Mã nhận diện tài sản

11 Số hiệu đơn đặt mua hàng

CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ

HỆ THỐNG

2.1 Khảo sát hiện trạng

2.1.1 Xây dựng bài toán

Chắc chắn khi có nhu câù mua cho mình bất kỳ sản phẩm nào, ai cũng sẽ ghé qua các siêu thị, của hàng, shop thời trang để mua về cho gia đình hay một vài vật dụng gia đình khác bị mất hay đã hỏng Tuỳ vào thời tiết hay các mùa trong năm mà nhu cầu của các gia đình về các mặt hàng cũng khác nhau Vào mùa nóng thì các mặt hàng về rau sạch được ưa chuộng Ngoài ra các mặt hàng điện tử dân dụng cũng là một nơi các bà nội trợ hướng tới để tìm cho gia đình những mặt hàng phù hợp với gia đình và nhà bếp, như cái quạt đá vào mùa hè oi bức, hay cái quạt sưởi vào mùa đông Hay thậm chí với các tín đồ thể thao thì sự quan tâm của họ chính là đôi giay, bộ quần áo thể thao phù hợp phong cách, cá tính của mình Với các mặt hàng nay thì có hai vấn đề luôn quan tâm đến là giá cả và chất lượng Ai cũng biết bất kì sản phẩm nào khi mua thường dựa vào uy tín nhà sản suất và giá cả phải chăng tại siêu thị Những nhân viên bán hàng chỉ giúp bạn phần nào về giá các mặt hàng nhưng giờ tan tầm thì bạn phải tự sức mình Khi bạn mang ra một đống đồ ra thanh toán thì cô nhân viên thu ngân lại vất vả đối chiếu giá cả mặt hàng và cộng tay giá trị từng món mặt hàng Việc này dễ gây sai sót và không thể quản lý được siêu thị đã bán chính xác mặt hàng nào để vào sổ Với một lượng lớn hàng hoá thì làm sao có thể có cách quản lý hàng hoá và tạo thuận lợi cho người mua hàng ?

Với cách quản lý cũ thì họ sẽ dán giá lên sản phẩm Nhưng nó bị bay hay đươc thay đổi giá chẳng hạn thì coi như là dán lại cả đống sản phẩm Hay việc kiểm

kê hàng hoá tại siêu thị theo cách thủ công như trước phải mất rất nhiều người và thời gian, công sức mà chưa chắc đã chính xác Hơn nữa, nhu cầu hàng hoá có đồ bán theo loại cần quanh năm như đồ bếp, đồ chơi trẻ em, sách vở, mà cũng có đồ bán theo thời vụ nên tuỳ mùa mới có nhu cầu lớn, có mùa lại không có nhu cầu về mặt hàng đó Nếu cứ để khi có người yêu cầu mới nhập hàng sẽ làm chậm tiến trình của siêu thị không tạo được niềm tin của khách hàng Do đó cơ chế quản lý cũ có nhiều nhược điểm phải sửa chữa và hoàn thiện trong các khâu

Càng ngày công nghệ thông tin càng chứng tỏ thế mạnh của mình trong mọi lĩnh vực của cuộc sống, việc ứng dụng công nghệ thông tin lan mạnh vào trong cuộc sống để xây dựng các phần mềm quản lý thay thế sức lao động thủ công của con người Sau khi đi khảo sát ở một số siêu thị, shop bán hàng hiện nay, nhận thấy việc quản lý các mặt hàng của siêu thị, shop loại này vẫn còn mang tính thủ công truyền thống Do đó, để có thể quản lý việc bán hàng cần giải quyết tốt các quy trình từ nhập hàng đến bán hàng và quà khuyến mại sao cho đảm lợi của người tiêu dùng cũng như lợi ích của siêu thị, shop

Tất cả các quy trình từ quản lý từ cập nhật tìm kiếm nhập hàng, bán hàng đều được làm thủ công hoặc mới được tự động một phần bằng công cụ office Nhưng vẫn chưa khai thác được thế mạnh của các công cụ hỗ trợ này Như chưa có cách quản lý giá các mặt hàng nếu có biến động giá thay đổi nhanh (như khi nhà sản xuất giảm giá mặt hàng nào đó để kích cấu…) Quản lý còn kém sâu sắc, chưa đưa ra được cách ghép nối từ nhà sản xuất đến người mua, chưa quản lý được thống kê mặt hàng và nhà cung cấp hợp lý (địa chỉ nhà cung cấp, các loại mặt hàng và số lượng

có trong kho, ) Quản lý khách hàng vẫn chưa có, khó truy suất thông tin của khách hàng nhất là khách hàng tiềm năng (giá trị hàng hoá đã mua, hậu mãi cho các khách hàng tiềm năng…)

Chính vì những nhu cầu thực tế trên, em đã mạnh dạn đăng ký đề tài: “Xây dựng website thương mại điện tử cho cửa hàng thời trang DUYSHOP ” Để

quản lý, tìm kiếm sản phẩm nhanh chóng và đạt hiệu quả cao giảm bớt thời gian mua sắm mà thân thiện, tiện lợi với người dùng

2.1.2 Mục tiêu của bài toán

Áp dụng các ứng dụng trên công nghệ thông tin vào quá trình hoạt động của siêu thị mini, từ đó xây dựng một hệ thống quản lý đảm bảo yêu cầu sau:

 Tự động trong quản lý thông tin đầu vào của các mặt hàng như: thêm, sửa, xoá, cập nhật

 Tự động trong việc tìm kiếm hàng hoá theo tiêu chí đề trước

 Hỗ trợ lập báo cáo, thống kê mặt hàng, khách hàng, nhà cung cấp,

 Quản lý thông tin của nhà cung cấp, khách hàng thân thiện, nhân viên…

 Hệ thống phải thân thiện, dễ dàng truy xuất, vận hành sử dụng, tính thẩm mỹ cao Đạt và phù hợp mục đích của người dùng, phù hợp với trình độ và khả năng của người sử dụng (chỉ cần đào tạo cơ bản nếu cần), sử dụng ngôn ngữ trên hệ điều hành windown và môi trường lưu trữ Microsoft access sử dụng ngôn ngữ lập trình VisualBasic

Phải có tính phân cấp vai trò của các nhân viên để người dùng khác có thể dễ dàng nắm được công việc của mình trên của toàn hệ thống Đồng thời hệ thống phải

ổn định, đảm bảo an toàn thông tin, có khả năng cung cấp thông tin đáp ứng nhu cầu của người dùng khi họ cần Dễ dàng kiểm tra, cải tiến, nâng cấp khi có những lỗi hệ thống bất kỳ xẩy ra Khi lượng thông tin nhập vào lớn như cần cập nhật thường xuyên, cần có cơ chế lưu trữ hợp lý

2.2 Phân tích thiết kế

2.2.1 Các tác nhân và Use Case của hệ thống

Gửi hỗ trợ trực tuyến Liên hệ

Mua hàng Thanh toán

Quản lý liên hệ Quản lý sản phẩm Quản lý loại sản phẩm Quản lý tài khoản Quản lý giới thiệu Quản lý hỗ trợ trực tuyến Quản lý thông tin

Quản lý đơn hàng Quản lý banner

2.2.2 Biểu đồ Use Case

Biểu đồ Use Case mức tổng quát

Hình 2.1 Biểu đồ UseCase mức tổng quát

Biểu đồ Use Case mức chi tiết

o Tác nhân Khách hàng

Hình 2.2 Biểu đồ UseCase mức chi tiết cho tác nhân Khách hàng

o Tác nhân Người quản trị

Hình 2.3 Biểu đồ UseCase mức chi tiết cho tác nhân Người quản trị

Hành động của tác nhân Phản ứng của hệ thống

1 Khách hàng gửi hỗ trợ trực tuyến tới

hệ thống

2 Hệ thống tiếp nhận và trả lời yêu cầu khách hàng hỗ trợ

Biểu đồ trình tự và cộng tác UC gửi hỗ trợ trực tuyến

Hình 2.4 Biểu đồ trình tự UC gửi hỗ trợ trực tuyến

Hình 2.5 Biểu đồ cộng tác UC gửi hỗ trợ trực tuyến

liên hệ trên hệ thống website

2.Hiển thị giao diện gửi liên hệ cho người dung

3 Khách hàng nhập ý kiến liên hệ 4 Xác nhận và gửi ý kiến đến email của

người quản trị

Biểu đồ trình tự UC gửi liên hệ

Hình 2.6 Biểu đồ trình tự UC liên hệ

Biểu đồ cộng tác UC liên hệ:

Hình 2.7 Biểu đồ cộng tác UC liên hệ 2.2.3.3 UC Xem sản phẩm

Mục đích: Xem thông tin chi tiết sản phẩm của công ty trên website chính thức

Biểu đồ trình tự UC xem sản phẩm:

Hình 2.8 Biểu đồ trình tự UC xem sản phẩm

Hình 2.9 Biểu đồ cộng tác UC xem sản phẩm

2.2.3.4 UC Thêm vào giỏ hàng

Mục đích: Thêm sản phẩm khách hàng chọn vào giỏ hàng để thực hiện thanh toán Tác nhân: Khách hàng

Mô tả: Khách hàng chọn sản phẩm muốn mua rồi nhấn chọn “Add to cart” Các luồng sự kiện chính:

Hành động của tác nhân Phản ứng của hệ thông

1 Khách hàng chọn sản phẩm muốn

mua rồi nhấn vào nút Add to cart

2 Hệ thống thêm sản phẩm vừa chọn vào giỏ hàng và trả kết quả Biểu đồ trình tự UC thêm vào giỏ hàng:

Hình 2.10 Biểu đồ trình tự UC thêm vào giỏ hàng

Biểu đồ cộng tác UC thêm vào giỏ hàng

Hình 2.11 Biểu đồ cộng tác UC thêm vào giỏ hàng