Bản word đồ án tốt nghiệp thiết kế website bằng wordpress chuẩn Seo bằng Wordpress và tích hợp API gửi tin nhắn SMS cho khách hàng.Bản word trình bày theo chuẩn báo cáo đồ án công nghệ thông tin thiết kế website phần mềm bán hàng Online
Trang 1LỜI CẢM ƠN
Trong thời gian làm đồ án tốt nghiệp, em đã nhận được nhiều sự giúp đỡ,đóng góp ý kiến và chỉ bảo nhiệt tình của thầy cô, gia đình và bạn bè
Em xin gửi lời cảm ơn chân thành đến Th.s Dương Thị Quy, giảng viên
Bộ môn Kỹ Thuật Phần Mềm – Khoa Công Nghệ Thông Tin – Trường ĐHCNTT&TT người đã tận tình hướng dẫn, chỉ bảo em trong suốt quá trình làm đồán
Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường ĐHCNTT&TT nói chung, các thầy cô trong Bộ môn Kỹ Thuật Phần Mềm nói riêng
đã dạy dỗ cho em kiến thức về các môn đại cương cũng như các môn chuyênngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ emtrong suốt quá trình học tập
Em xin chân thành cảm ơn anh Nguyễn Tuấn Sơn, giám đốc Công tyTNHH Hoàng Long Media đã giúp đỡ tư vấn em trong khi thực hiện chươngtrình đồ án tốt nghiệp
Cuối cùng, em xin chân thành cảm ơn gia đình và bạn bè, đã luôn tạo điềukiện, quan tâm, giúp đỡ, động viên em trong suốt quá trình học tập và hoàn thành
đồ án tốt nghiệp
Thái Nguyên, ngày 26 tháng 05 năm 2016
Sinh viên thực hiệnMAI VĂN TÀI
Trang 2LỜI CAM ĐOAN
Em xin cam đoan đồ án tự em nghiên cứu và xây dựng dựa trên các kiếnthức được học trên trường và kinh nghiệm đi làm thực Cùng sự hướng dẫn củaThs Dương Thị Quy Các nội dung nghiên cứu, kết quả trong đề tài này là trungthực và chưa công bố dưới bất kỳ hình thức nào trước đây Những kiến thức tàiliệu tham khảo được ghi rõ trong mục tài liệu tham khảo
Nếu phát hiện có bất kỳ sự gian lận nào em xin hoàn toàn chịu tráchnhiệm về nội dung luận văn của mình Trường đại học CNTT& TT không liênquan đến những vi phạm tác quyền, bản quyền do em gây ra trong quá trình thựchiện (nếu có)
Thái Nguyên, ngày 26 tháng 05 năm 2016
Sinh viên thực hiệnMAI VĂN TÀI
Trang 3M C L C ỤC LỤC ỤC LỤC
LỜI CẢM ƠN 1
LỜI CAM ĐOAN 2
MỤC LỤC 3
LỜI NÓI ĐẦU 5
CHƯƠNG 1 : CƠ SỞ LÝ THUYẾT 6
1.1 Tìm hiểu về mã nguồn mở Wordpress 6
1.1.1 Tổng quan Wordpress 6
1.1.2 Lịch sử 6
1.1.3 Nét nổi bật 6
1.1.4 Cấu trúc một trang Wordpress 8
1.1.5 Cài đặt Wordpress trên WebServer 8
1.2 Giới thiệu về Woocommerce 15
1.2.1 Woocommerce là gì? 15
1.2.2 Các chức năng của Woocommerce 16
1.2.3 Cài đặt Woocommerce 16
1.3 Website chuẩn SEO 18
1.3.1 Tổng quan về Seo 18
1.3.2 Website chuẩn Seo 18
1.4 API gửi SMS 20
1.4.1 Giới thiệu 20
1.4.2 Cơ chế hoạt động 21
1.4.3 Hướng dẫn tích hợp 21
CHƯƠNG 2 KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 23
2.1 Khảo sát hệ thống 23
2.2 Phân tích và thiết kế hệ thống 24
2.2.1 Biểu đồ user case của hệ thống 24
2.2.2 Biểu đồ trình tự và cộng tác 35
2.2.3 Biểu đồ hoạt động 58
2.2.4 Biểu đồ lớp 61
Trang 4CHƯƠNG 3: CÀI ĐẶT WEBSITE 64
3.1 Giao diện người dùng 64
3.2 Giao diện quản trị 70
3.3 Tích hợp API 75
KẾT LUẬN 76
1 Kết quả đạt được 76
2 Những hạn chế của chương trình 76
3 Hướng phát triển 76
TÀI LIỆU THAM KHẢO 78
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 79
Trang 5LỜI NÓI ĐẦU
Ngày nay, xã hội càng ngày càng phát triển trong đó có công nghệ thôngtin đóng vài trò quan trọng trong sự phát triển của xã Công nghệ thông tin đã trởthành nhân tố quan trọng bậc nhất, là cầu nối trao đổi giữa các thành phần của xãhội toàn cầu, của mọi lĩnh vực
Trong những năm gần đây với sự phát triển mạnh mẽ công nghệ thông tincác Website bán hàng được hình thành ngày càng nhiều, phổ biến rất rộng rãitrên toàn thế giới đáp ứng nhu cầu thương mại – kinh doanh online ngày càng lớncủa các cá nhân tổ chức, công ty và doanh nghiệp không chỉ thế giới mà còn ởViệt Nam Hầu hết các cơ quan bộ máy nhà nước, công ty, doanh nghiêp, trườnghọc, các cửa hàng, thậm chí là cá nhân đều có website riêng cho mình nhằmquảng bá và giới thiệu thông tin, sản phẩm đến với mọi người Bởi nếu khôngquảng bá thì các sản phẩm, thông tin sẽ không một ai biết tới
Wordpress là một trong những mã nguồn mở mới phát triển vài năm trởlại đây tại Việt Nam sau Joomla trong lĩnh vực website bán hàng và nó đang dầntrở nên phổ biến nhờ sự đón nhận đánh giá cao từ phía người dùng
Với mục đích chính là tìm hiểu về mã nguồn mở, Seo Marketing nên em
đã lựa chọn đề tài “Xây dựng website bán hàng chuẩn SEO và tích hợp API gửi SMS bằng mã nguồn mở Wordpress” nhằm giúp người bán hàng quảng bá
thương hiệu sản phẩm tốt hơn thuận lợi hơn, tăng doanh thu bán hàng trên mạnginternet thông qua website và khách hàng cũng không cần vất và đến tận nơi muahàng như trước đây
Em xin chân thành cảm ơn!
Trang 6CHƯƠNG 1 : CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu về mã nguồn mở Wordpress
1.1.1 Tổng quan Wordpress
WordPress là một hệ thống xuất bản blog viết bằng ngôn ngữ lập trìnhPHP và sử dụng MySQL database (cơ sở dữ liệu MySQL) WordPress là hậu duệchính thức của b2/cafelog, được phát triển bởi Michel Valdrighi Cái tênWordPress được đề xuất bởi Christine Selleck, một người bạn của nhà phát triểnchính Matt Mullenweg
1.1.2 Lịch sử
B2/cafelog, thường được biết đến với cái tên đơn giản hơn là b2 haycafelog là tiền thân của WordPress b2/cafelog theo ước lượng đã được sử dụng ởkhoảng 2000 blog trong tháng 5 năm 2003 Nó cũng được viết bằng ngôn ngữ lậptrình PHP để dùng với MySQL bởi Michel Valdrighi, người đã trở thành nhàphát triển chính của WordPress hiện nay Mặc dù WordPress là hậu duệ chínhthức nhưng một dự án khác, b2evolution, cũng đang được song song phát triển
Vào năm 2004, thời hạn cấp phép của gói sản phẩm cạnh tranh MovableType bị thay đổi bởi Six Apart, và rất nhiều người dùng của nó chuyển sang sửdụng WordPress, tạo nên một bước ngoặt lớn trong sự phát triển và phổ biến củaWordPress
Năm 2007, WordPress giành giải thưởng Packt Open Source CMS Năm
2009 Wordpress dẫn đầu về mã nguồn CMS tốt nhất
Thống kê năm 2013 cho thấy có đến xấp xỉ 20% các trang web nằm trongtop 10 triệu trang web hàng đầu thế giới đang sử dụng WordPress
Phiên bản mới nhất của WordPress là phiên bản 4.4.2
Trang 7- Việc quản lý blog, quản lý các bài viết rất thuận tiện giống như các phầnmềm thiết kế website chuyên nghiệp.
- Thể hiện các tệp PDF, DOC, Powerpoint ngay trên nội dung bài viết.Đặc biệt tích hợp sẵn Latex - công cụ soạn thảo công thức toán học, giúp người
sử dụng có thể viết công thức toán học ngay trên blog
- WordPress có 23 Widget (ứng dụng tạo thêm) như Thống kê số truynhập blog, Các bài mới nhất, Các bài viết nổi bật nhất, Các comment mới nhất,Liệt kê các chuyên mục, Liệt kê các Trang, Danh sách các liên kết, Liệt kê số bàiviết trong từng tháng Có 79 theme để người dùng lựa chọn
- Ngoài việc được áp dụng để xây dựng các Website dạng trang tin tức vàBlog, WordPress còn được sử dụng để xây dựng nên các Website thương mạiđiện tử với mục đích chính là bán hàng Online Tuy nhiên nếu xét trên phươngdiện này thì WordPress không thực sự nổi trội
- Ngoài thống kê số truy nhập của từng ngày cho blog, Wordpress cònthống kê số truy nhập của từng ngày đối với mỗi bài viết của blog Trên cơ sở đóchủ blog sẽ có định hướng nên viết vấn đề gì tiếp theo
- Các comment có thể duyệt rồi mới cho đăng, comment nào có nội dungkhông phù hợp có thể xóa, nếu cho là spam thì sau này IP đó không có thể gửicomment vào blog được nữa
- Admin (chủ blog) có thể cho 35 cộng tác viên gửi bài vào blog, có thểphân quyền cho các cộng tác viên theo các cấp độ khác nhau Lưu giữ danh sáchthành viên đã ghé thăm trang blog Admin cũng có thể cho bất kỳ ai đăng bài quaemail vào blog miễn là admin cho họ một địa chỉ email bí mật của blog (địa chỉnày có thể thay đổi bất kỳ lúc nào)
- Sao lưu dữ liệu nhằm khôi phục nội dung blog một cách dễ dàng nếuchẳng may blog bị hack, và cung cấp công cụ chuyển nhà từ các blog khác sangblog WordPress
- WordPress hỗ trợ 3 GB để lưu trữ các tệp hình ảnh và văn bản
- Hàng ngày WordPress có thống kê 100 bài trên các blog tiếng Việt củaWordPress được nhiều người đọc nhất trong vòng 48 tiếng Nhờ đó bạn biết được
Trang 8các thông tin quan trọng nhất đang diễn ra.
1.1.4 Cấu trúc một trang Wordpress
Bộ quản trị wordpress gồm các phần sau:
- Dashboard: Tổng quan về quản trị wordpress, bao gồm thông tin tóm tắt
về website wordpress, viết blog nhanh, một số bình luận mới nhất, bài từwordpress.org blog, plugin mới và phổ biến nhất, và link đến website của bạn
+ Updates: Hiển thị tất cả các theme và plugin có bản mới
- Posts: Quản lý bài viết, tag và danh mục (category)
+ All posts: Quản lý tất cả các bài viết
+ Add new: Đăng bài viết mới
+ Categories: Quản lý tất cả các danh mục
+ Tags:Quản lý tất cả các Post Tag
+ Appearance: Quản lý giao diện
+ Plugins: Quản lý các thành phần mở rộng
+ Settings: Thiết lập các tùy chọn
1.1.5 Cài đặt Wordpress trên WebServer
a) Cài đặt WebServer- Cài đặt XAMPP
Để chạy được các file PHP 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ụngnhư một WebServer như Xampp, Wamp,…Trong phần này tôi sử dụngWebServer Xampp để phục vụ cho quá trình chạy thử chương trình
XAMPP tích hợp các gói phần mềm: Apache (web server), PHP (Ngônngữ lập trình web), mySQL (hệ quản trị cơ sở dữ liệu dành cho PHP)…
- Các bước cài đặt XAMPP.
Bước 1: Download bản XAMPP mới nhất tại địa chỉ:
http://xampp.joydownload.com/
Trang 9Bước 2: Chạy file xampp.exe vừa tải về để tiến hành cài đặt.
Hình 1.1- Chạy file xampp.exe
Nhấn Next để tiếp tục cài đặt
Hình 1.2- Nhấn next cài đặt
Trang 10Chọn ổ cài đặt vài nhấn Next
Hình 1.3- Chọn ổ cài đặt
Nhấn Next để tiếp tục quá trình cài đặt
Hình 1.4- Nhấn Next tiếp tục cài đặt
Trang 11Quá trình cài đặt diễn ra
Hình 1.5 – Quá trình cài đặt XamppNhấn Finish để kết thúc cài đặt
Hình 1.6- Quá trình cài đặt kết thúc
Trang 12b) Cài đặt Wordpress trên XAMPP
Để cài đặt Wordpress trước tiên cần truy cập địa chỉ https://wordpress.org
để download bộ cài đặt về máy tính với phiên bản mới nhất
Các bước cài đặt Wordpress như sau:
Bước 1: Copy mã nguồn Wordpress vào Localhost
Giải nén file vừa download về và copy thư mục wordpress sang thư mụccài đặt XMPP có đường dẫn: B:\xampp\htdocs\ và tiến hành đổi tên ví dụwordpress thành doantn
Truy cập vào địa chỉ http://localhost/phpmyadmin/ và tiến hành tạoDatabase
Trang 13Hình 1.8- Tạo cơ sở dữ liệu
Bước 4: Cấu hình cài đặt
Sửa file config-sample.php trong thư mục thuctaptn đổi tên thành config.php Mở file wp-config.php vửa đổi tên điền tên Database tạo bước trên
wp-và user là root wp-và Password là rỗng sau đó Save lại
Trang 14Bước 5: Chạy đường dẫn http://localhost/thuctaptn và chọn ngôn ngữ càiđặt
Hình 1.9- Chọn ngôn ngữ cài đặtBước 6: Điền thông tin cài đặt và nhấn Continue
Hình 1.10- Điền thông tin website và tài khoản quản trị
Trang 15Cài đặt thành công truy cập vào trang quản trị với Username và Passwordvừa điền
Hình 1.11- Cài đặt thành công
Giao diện quản trị sau khi đăng nhập thành công
Hình 1.12- Giao diện trang chủ
Trang 161.2 Giới thiệu về Woocommerce
1.2.1 Woocommerce là gì?
Woocommerce là một plugin miễn phí được sử dụng để tạo một trangthương mại điện tử cỡ nhỏ tốt nhất hiện nay trong WordPress Nó cũng như baoplugin khác là bổ sung chức năng vào website nhưng nó sẽ bổ sung gần như toàndiện các chức năng mà một trang bán hàng đơn giản cần có
1.2.2 Các chức năng của Woocommerce
- Tạo sản phẩm với định dạng thông thường, sản phẩm có thuộc tính, sảnphẩm affiliate và sản phẩm kỹ thuật số (có thể tải về)
- Hỗ trợ một số hình thức thanh toán online như PayPal, Credit Card,CoD, Cash và sẽ càng nhiều hơn khi cài thêm plugin hỗ trợ cho riêng nó
- Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng
- Hỗ trợ tự tính giá chuyển phát, có rất nhiều loại tính giá chuyển phát và
sẽ đa dạng hơn khi cài thêm plugin như có thể tính giá chuyển phát dựa theo cânnặng, kích thước, tỉnh thành,…
- Trang quản lý đơn hàng chuyên nghiệp, lọc đơn hàng thông qua từngtrạng thái
- Hỗ trợ template hiển thị riêng để có thể tự cấu hình lại template hiển thịphần shop và sản phẩm, cái này rất có lợi cho lập trình viên
- Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trangshop chuyên nghiệp
1.2.3 Cài đặt Woocommerce
Sau khi cài đặt thành công mã nguồn mở Wordpress, tiến hành đăng nhậpvào quản trị và chọn Plugin
Các bước cài đặt Woocommerce như sau:
Bước 1: Chọn Add New và tiến hành Search Woocommerce
Trang 17Hình 1.13- Kết quả tìm kiếm WoocomerceBước 2: Chọn kết quả đầu tiên và nhấn Install Now
Hình 1.14- Quá trình cài đặt Plugin WooCommerces
Bước 3: Activate Plugin
Hình 1.15- Cài đặt thành công
Trang 18Kết quả sau khi Activate Woocommerce
1.3.2 Website chuẩn Seo
a) Website chuẩn Seo là gì?
Là website đạt các yêu cầu dưới đây:
- Tối ưu hóa URL
- Title & Description
- Thẻ heading: cặp thẻ từ <h1></h1> tới<h6></h6>
- Hạn chế tối đa các table trong website
Trang 19- Điều hướng breadcumb thân thiện
- Sử dụng alt cho hình ảnh
- Tạo trang 404 cho các liên kết không tìm thấy
- Tích hợp các nút chia sẻ mạng xã hội
- Tạo sitemap chưa liên kết đến các trang nội dung website
- Cấu trúc website đạt chuẩn W3C
- Cho phép thay đổi meta title, description,keyword tương ứng với nộidung mỗi bài viết
b) Plugin Seo cần thiết
- Google XML Sitemap
- WordPress SEO by Yoast
- SEO Redirection
- Broken Link Checker
c) Tối ưu hóa website
Tối ưu các thẻ HTML quan trọng
- Thẻ tiêu đề – Quan trọng nhất của các yếu tố từ khóa trên trang, tiêu đề
trang tốt hơn là nên sử dụng các thuật ngữ từ khoá / cụm từ là từ đầu tiên Trongcác nghiên của chúng tôi, chúng tôi rút ra được một nhận định rằng : Rõ ràng, sửdụng từ khoá / cụm từ như là những từ đầu tiên trong tiêu đề trang có mối tươngquan cao nhất với thứ hạng website
- Meta Description – Mặc dù không được coi là một yếu tố ảnh hưởng
đến "kết quả xếp hạng" tuy nhiên thẻ meta description là một trong những nơi đểbiên tập nội dung truyền tải với người dùng thông điệp trang web của bạn, ngoài
ra nếu có chứa từ khóa được tìm kiếm thì các từ khóa trong meta description sẽđược bôi đậm Nếu viết thẻ Meta Description hay và hấp dẫn cũng sẽ tăng tỷ lệbấm vào trang web của bạn
- Meta Keywords – Yahoo! là duy nhất trong số các công cụ tìm kiếm
trong việc ghi lại và sử dụng thẻ từ khoá meta keyword! Chúng tôi khuyên bạnkhông nên sử dụng thẻ meta keyword tuy nhiên nếu các bạn muốn sử dụng thìcũng chỉ nên hạn chế và dùng tối đa 8 từ khóa/thẻ meta keyword cho 1 trang
Trang 20- Robots Meta – Mặc dù không cần thiết, tuy nhiên các bạn cần kiểm tra
kỹ xem liệu có thẻ robots meta nào đang cấm Google Spider truy cập và thu thập
dữ liệu của bạn không
URL
- Độ dài: Nên sử dụng URL ngắn và cố gắng tạo các liên kết qua lại
trong trang web của bạn để làm phong phú thêm nội dung cũng như thông điệp
mà bạn muốn truyền tải cho người đọc URL được khuyến cáo nên có độ dàikhông quá 100 ký tự
- Từ khoá: Nên khéo léo chèn một số từ khóa vào trong URL để làm
tăng tần xuất xuất hiện của từ khóa Đặc biệt lưu ý nên tối ưu cấu trúc các đườngdẫn đến các bài viết của trang như sau: domain.com/ten-chuyen-muc/bai-viet thì
sẽ tốt hơn rất nhiều so với cấu trúc: chuyen-muc-con/bai-viet
domain.com/folder/ten-chuyen-muc/ten Tên miền phụ so với Pages: Đây là một chủ đề không mới nhưng luôn
khiến các SEOer bận tậm, tất cả đều có những băn khoăn chung là nên sử dụng 1tên miền phụ hay một thư mục trực thuộc domain chính để làm chuyên mục chotrang web của họ Bạn cần xác biết rằng tên miền phụ (sub-domain) gần nhưkhông liên quan và tác động gì tới tên miền chính, tuy nhiên nếu là một thư mụchoặc 1 pages trực thuộc tên miền chính (ví dụ: domain.com/thu-muc) thì thư mụcnày sẽ có tác động và liên quan đến tên miền chính.Bạn nên dùng 1 tên miền phụnếu như nội dung của tên miền phụ không liên quan hoặc khác hoàn toàn với tênmiền chính Và sử dụng là pages hoặc thư mục nếu nội dung có liên quan tới tênmiền chính
- Khoảng cách giữa các từ: Dấu gạch ngang vẫn là vua của các ký tự
phân cách từ khóa trong URL, tuy nhiên bạn cũng nên cân nhắc các ký tự kháccho phù hợp với văn cảnh xuất hiện từ khóa, không nên rập khuôn chỉ áp dụngdấu gạch ngang Chú ý: Ngày nay có nhiều SEOer sử dụng domain có dấu gạch
Google Webmaster Tool
Google webmaster Tools là công cụ dùng hỗ trợ cho các webmaster vàSEOer quản lý website, đây là công cụ miễn phí được cung cấp bởi Google
Trang 21- Cho phép người dùng xác nhận website Google Webmaster Tool nhanh
- Kết nối thông qua Webservice: POST/Get,SOAP, Restful
- Xác thực: các request của bạn sẽ được hệ thống xác thực thông qua
APIkey và SecretKey, 2 key này sẽ được cấp sau khi bạn đăng ký tài khoản tạieSMS.vn
1.4.3 Hướng dẫn tích hợp
Dưới đây là các bước cơ bản nhất để các bạn có thể tích hợp tính năng gửitin vào hệ thống của mình
Bước 1: Tiến hành đăng ký tài khoản tại Website eSMS.vn
Bước 2: Sau khi đăng ký xong các bạn tiến hành đăng nhập và vào trangQuản lý Tại đây các bạn chọn vào menu Quản lý API để lấy APIKey vàSecretKey
Bước 3: Tiến hành sử dụng các hàm API mà eSMS cung cấp bằng cáchgọi thực thi các URL
Các bạn cần gọi lệnh POST đến URL này với data post lên có định dạngXML như sau:
<RQST>
<APIKEY>yourapikey</APIKEY>
Trang 22- ApiKey và Secret Key các bạn đã lấy được ở bước 2
- Content là nội dung tin nhắn
- Phone là các số điện thoại bạn muốn gửi tin
- SMSTYPE là loại tin nhắn: 3 là đầu số ngẫu nhiên, 4 là đầu số cố định
19001534, 6 là đầu số 8755(8755 chỉ được dùng để gửi các tin khong chứa mụcđích quảng cáo)
Tải code mẫu PHP tại đây: http://esms.vn/eSMSAPI_Demo_PHP.rar
Trang 23CHƯƠNG 2 KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Khảo sát hệ thống
Hiện nay, nhu cầu sử dụng website làm kênh thông tin, quảng bá sảnphẩm trở nên phổ biến, nhưng không phải website nào cũng được mọi người biếtđến nếu không sử dụng kênh quảng cáo marketing online
Các website có thể sử dụng marketing hiệu quả là các website chuẩn SEOthân thiện với công cụ tìm kiếm Với các website bình thường, website thuầnthường không được đánh giá cao và việc quảng bá trở nên khó khăn và tốn kémkhông được sử dụng
Với người sử dụng không biết lập trình thì việc tối ưu website là gặp nhiềukhó khăn và mất thời gian
Đối với các website chuẩn SEO ngày càng được ưa chuộng và dịch vụthiết kế website chuẩn SEO được rất nhiều công ty thiết kế web cung cấp đápứng nhu cầu của thị trường
Các website chuẩn SEO hỗ trợ cho những người làm marketing onlinethực hiện công việc marketing trở nên dễ dàng và hiệu quả hơn đồng thời tiếtkiệm thời gian việc tối ưu hóa website đặc biệt dễ dàng hơn với người dùng lànhững người không biết gì về lập trình
Giải quyết vấn đề nhu cầu website chuẩn SEO cũng như hỗ trợ nhữngngười làm marketing, những người không hiểu về code tiết kiệm thời gian quátrình thiết kế và tối ưu hóa code website Đề tài này sẽ xây dựng nên website bánhàng chuẩn SEO thân thiện với người dùng và công cụ tìm kiếm Search Engene,thông báo phản hồi tới khách hàng khi đặt hàng thành công Đảm bảo các chứcnăng của một website thương mại điện tử, giao diện thân thiện, sử dụng dễ dàng
Đầu vào đầu ra hệ thống
- Đầu vào: Yếu tố xây dựng lên website chuẩn Seo, thông tin các sản
phẩm, API SMS
- Đầu ra: Website chuẩn Seo, hiển thị các sản phẩm, gửi thông báo đặt
hàng thành công tới khách hàng thông qua SMS
Trang 242.2 Phân tích và thiết kế hệ thống
2.2.1 Biểu đồ user case của hệ thống
Xác định các tác nhân và use case
- Quản lý hóa đơn mua hàng
- Quản lý thông tin phản hồi
- Xác nhận thanh toán
Biểu đồ User case tổng quát của hệ thống
Trang 25Hình 2.1 - Biểu đồ user case của hệ thống
- Biểu đồ phân rã use case quản lý thành viên cho Admin
Trang 26Hình 2.2 - Biểu đồ phân rã Use case quản lý thành viên
- Biểu đồ phân rã use case quản lý danh mục sản phẩm cho Admin
Admin
Quản lý danh mục sản phẩm
Xóa danh mục
Đăng nhập
Hệ thống
Thêm danh mục
Trang 27- Biểu đồ phân rã use case quản lý đơn hàng cho Admin
Hình 2.4 - Biểu đồ phân rã Use case quản lý đơn hàng
- Biểu đồ phân rã use case quản lý đơn hàng cho Admin
Hình 2.5 - Biểu đồ phân rã Use case quản lý sản phẩm
Trang 28- Biểu đồ phân rã use case quản lý thành viên cho Admin
Hình 2.6 - Biểu đồ phân rã Use case quản lý thành viên
- Biểu đồ phân rã use case mua hàng cho khách hàng
Khách hàng
Mua hàng
Thêm vào giỏ hàng
Xem giỏ hàng
<<extend>>
Đăng nhập Thành viên
Mua thêm hàng
Cập nhật Giỏ hàng
Trang 29- Biểu đồ phân rã use case quản lý rỏ hàng cho khách hàng
Hình 2.8 - Biểu đồ phân rã Use case quản lý rỏ hàng cho khách hàng
- Biểu đồ phân rã use case tìm kiếm cho khách hàng
Hình 2.9 - Biểu đồ phân rã Use case tìm kiếm
Đặc tả use case
Use case Tìm kiếm
Trang 30 Luồng sự kiện chính:
- Khách hàng chọn chức năng tìm kiếm sản phẩm
- Khách hàng có thể tìm kiếm sản phẩm theo tên, theo giá
- Nhấn nút tìm kiếm
- Hệ thống trả về kết quả tìm kiếm nếu có trong CSDL
- Liệt kê danh sách kết quả trả về
- Khách hàng xem thông tin sản phẩm hệ thống trả về theo yêu cầu
- UC kết thúc
Use case Xem chi tiết sản phẩm
trong hệ thống
- Khách hàng chọn sản phẩm trên hệ thống cần xem
- Kích chọn xem chi tiết sản phẩm
- Hệ thống chuyển trang về chi tiết sản phẩm
- Hiện thị thông tin đầy đủ về sản phẩm (tên, giá,thông số kỹ thuật,…)
- UC kết thúc
Use case mua hàng
- Khách hàng chọn sản phẩm cần mua
- Kích mua hàng
- Hệ thống thêm sản phẩm khách hàng mua vào giỏ hàng
- Hệ thống hiện thị thông tin giỏ hàng
- Khách hàng nhấn nút thanh toán
Trang 31- Khách hàng nhập thông tin cá nhân, sau đó nhấn nút gửi thông tin
- Hệ thống lưu thông tin vào hóa đơn mua hàng trong cơ sở dữ liệu
- Khách hàng chọn thanh toán qua Nganluong.vn
- Hệ thống chuyển giỏ hàng sang Nganluong.vn
- Khách hàng thực hiện thanh toán trên Ngân lượng
- Cửa hàng xác nhận thanh toán của khách hàng:
+ Nếu khách hàng chưa thực hiện thanh toán trên Ngân lượng thì sẽ xóahóa đơn mua hàng đó trong csdl
+ Nếu khách hàng đã thanh toán thì cửa hàng tiến hành giao hàng
- UC kết thúc
chuyển về trang chủ, khách hàng chọn cập nhật giỏ hàng thì số lượng các sảnphẩm trong giỏ hàng sẽ được cập nhật lại, chọn xóa giỏ hàng thì các sản phẩmtrong giỏ hàng sẽ bị xóa hết Nếu khách hàng nhập thông tin cá nhân không hợp
lệ thì hệ thống yêu cầu nhập lại
Use case Gửi thông tin phản hồi
Tên Use case : Gửi thông tin phản hồi
phục vụ của cửa hàng…đến cửa hàng
- Khách hàng chọn mục liên hệ trên thanh menu
- Khách hàng điền đầy đủ các thông tin ( tên, địa chỉ, email, số điệnthoại, nội dung ) rồi ấn nút gửi
- UC kết thúc
Use case đăng nhập hệ thống
đăng ký vào hệ thống Người quản lý đều thực hiện đăng nhập bằng UC này
Trang 32 Luồng sự kiện chính:
- Vào trang đăng nhập
- Hệ thống hiển thị trang đăng nhập
- Admin nhập user name và password đã đăng kí ở hệ thống
- Hệ thống sẽ kiểm tra với cơ sở dữ liệu
- Admin đăng nhập thành công
- UC kết thúc
đúng thì hệ thống thông báo sai user name hoặc password và yêu cầu adminđăng nhập lại
Use case Quản lý danh mục sản phẩm
mục như: Thêm, xóa, sửa các danh mục
- Từ trang Admin quản trị viên nhấn nút quản lý danh mục sản phẩm
- Hệ thống hiển thị ra các danh mục Quản trị viên chọn các chức năng:+ Thêm mới: Quản trị viên nhập đầy đủ các thông tin về danh mục sảnphẩm cần thêm mới
+ Chức năng xóa: Quản trị viên chọn danh mục sản phẩm cần xóa và ấnnút xóa
+ Chức năng sửa: Quản trị viên nhập đầy đủ các thông tin cần sửa và ấnnút sửa đổi
- UC kết thúc
Use case Quản lý thành viên
Mô tả : Use case này mô tả cách thức người quản trị quản lý thành viên:
Thêm, xóa, sửa thành viên
Trang 33- Từ trang Admin quản trị viên nhấn nút quản lý thành viên.
- Hệ thống hiển thị ra danh sách các thành viên Quản trị viên chọn cácchức năng:
+ Thêm mới: Quản trị viên nhập đầy đủ các thông tin về thành viên ( tên,mật khẩu, email, số điện thoại,…) cần thêm mới
+ Chức năng xóa: Quản trị viên chọn thành viên cần xóa và ấn nút xóa.+ Chức năng sửa: Quản trị viên nhập đầy đủ các thông tin cần sửa và ấnnút sửa đổi
- UC kết thúc
Use case Quản lý sản phẩm
như: Thêm, xóa, sửa, thiết lập tình trạng cho sản phẩm
+ Chức năng xóa: Quản trị viên chọn sản phẩm cần xóa và ấn nút xóa.+ Chức năng sửa: Quản trị viên nhập đầy đủ các thông tin cần sửa và ấnnút sửa đổi
- UC kết thúc
Use case Quản lý loại sản phẩm
sản phẩm như: Thêm, xóa, sửa loại sản phẩm
Trang 34- Từ trang Admin quản trị viên nhấn nút quản lý loại sản phẩm.
- Hệ thống hiển thị ra các loại sản phẩm Quản trị viên chọn các chứcnăng:
+ Thêm mới: Quản trị viên nhập loại sản phẩm cần thêm mới
+ Chức năng xóa: Quản trị viên chọn loại sản phẩm cần xóa và ấn nútxóa
+ Chức năng sửa: Quản trị viên nhập đầy đủ các thông tin cần sửa và ấnnút sửa đổi
- UC kết thúc
Use case quản lý hóa đơn mua hàng
mua hàng như: theo dõi và cập nhật hóa đơn mua hàng
- Từ trang admin, quản trị viên nhấn vào nút quản lý hóa đơn mua hàng
- Hệ thống hiển thị trang quản lý hóa đơn mua hàng và liệt kê danh sáchcác hóa đơn mua hàng của khách hàng
- Người quản trị có thể xem thông tin hóa đơn mua hàng mà họ muốnhay xóa khỏi csdl
- UC kết thúc
Use case Quản lý thông tin phản hồi
phản hồi của khách hàng
- Từ trang admin, quản trị viên nhấn vào nút quản lý thông tin phản hồi
Trang 35- Hệ thống hiển thị trang quản lý thông tin phản hồi, liệt kê danh sách cácthông tin phản hồi của khách hàng, quản trị viên sẽ trả lời phản hồi thông qua địachỉ email của khách hàng.
Trang 36Hình 2.11 - Biểu đồ Cộng tác cho tác vụ đăng ký làm thành viên của khách hàng
Khách hàng đăng nhâp hệ thống
Hình 2.12 - Biểu đồ Trình tự cho tác vụ đăng nhập của khách hàng
Trang 37Hình 2.13 - Biểu đồ Cộng tác cho tác vụ đăng nhập của khách hàng
Khách hàng cập nhật thông tin cá nhân
Hình 2.14 - Biểu đồ Trình tự cho tác vụ cập nhật thông tin cá nhân của KH
Trang 38Hình 2.15 - Biểu đồ Cộng tác cho tác vụ cập nhật thông tin cá nhân của KH
Khách hàng tìm kiếm theo tên sản phẩm
Hình 2.16 - Biểu đồ Trình tự cho tác vụ tìm kiếm theo tên sản phẩm
Trang 39Hình 2.17 - Biểu đồ Cộng tác cho tác vụ tìm kiếm theo tên sản phẩm.
Khách hàng xem chi tiết sản phẩm
Hình 2.18 - Biểu đồ Trình tự cho tác vụ xem chi tiết sản phẩm
Trang 40Hình 2.19 - Biểu đồ Cộng tác cho tác vụ xem chi tiết sản phẩm.
Khách hàng thêm sản phẩm vào giỏ hàng
Hình 2.20 - Biểu đồ Trình tự cho tác vụ thêm sản phẩm vào giỏ hàng