Đang tải... (xem toàn văn)
MỤC LỤCLƠÌ MỞ ĐẦU3CHƯƠNG I : KHẢO SÁT VẤN ĐỀ41.1. Tóm tắt dự án41.2. Khảo sát hệ thống hiện tại41.3. Mô hình tổng quan xây dựng6CHƯƠNG II : PHÂN TÍCH82.1.Tác nhân82.2.Mô hình hóa chức năng92.2.1. Biều đồ USER CASE92.2.2. Biều đồ tham gia ca sử dụng112.2.3. Biểu đồ tuần tự172.2.4. Biểu đồ thực thể liên kết26CHƯƠNG III: THIẾT KẾ273.1. Kiến trúc nền tảng273.2. Kiến trúc hệ thống303.3. Mô hình triển khai333.4. Thiết kế chi tiêt34CHƯƠNG IV : GIAO DIỆN434.1Giao diện người dùng434.1.1Giao diện trang chủ434.1.2 Giao diện giỏ hàng444.1.3. Giao diện thanh toán444.2. Giao diện admin454.2.1. Giao diện thống kê454.2.2. Giao diện quản lý category:464.2.3. Giao diện quản lý thuộc tính474.2.5. Giao diện quản lý sản phẩm484.2.6. Giao diện thêm mới sản phẩm494.2.7. Giao diện quản lý đơn hàng50KẾT LUẬN51TÀI LIỆU THAM KHẢO52
MỤC LỤC MỤC LỤC LƠÌ MỞ ĐẦU CHƯƠNG I : KHẢO SÁT VẤN ĐỀ 1.1 Tóm tắt dự án .4 1.2 Khảo sát hệ thống 1.3 Mô hình tổng quan xây dựng CHƯƠNG II : PHÂN TÍCH 2.1 Tác nhân 2.2 Mô hình hóa chức 10 2.2.1 Biều đồ USER CASE 10 2.2.2 Biều đồ tham gia ca sử dụng 13 2.2.3 Biểu đồ 20 2.2.4 Biểu đồ thực thể liên kết 29 CHƯƠNG III: THIẾT KẾ 30 3.1 Kiến trúc tảng 30 3.1.1 Tổng quan kiến trúc tảng 30 3.1.2 Kiến trúc phần cứng .31 3.1.3 Kiến trúc phần mềm 32 3.2 Kiến trúc hệ thống 33 3.2.1 Module Laravel 34 3.3 Mô hình triển khai 35 3.4 Thiết kế chi tiêt 36 3.4.1 Bảng USER 36 3.4.2 Bảng USER_GROUP 37 3.4.3 Bảng GROUP 37 3.4.4 Bảng CATEGORIES 37 3.4.5 Bảng PRODUCTS 38 3.4.6 Bảng product_attribute .38 3.4.7 Bảng product_attribute_category 39 3.4.8 Bảng product_attribute_value .39 3.4.9 Bảng product_bulk_price .40 3.4.10 Bảng product_customer 40 3.4.11 Bảng product_entities 40 3.4.11 Bảng product_stores 41 3.4.12 Bảng product_tab 41 3.4.13 Bảng orders 42 3.4.14 Bảng orders_detail .42 3.4.15 Bảng Images .43 3.4.16 Bảng Brand 43 3.4.17 Bảng store 44 3.4.18 Bảng Brand_store 44 CHƯƠNG IV : GIAO DIỆN .45 4.1 Giao diện người dùng 45 4.1.1Giao diện trang chủ .45 4.1.2 Giao diện giỏ hàng 46 4.1.3 Giao diện toán 46 4.2 Giao diện admin 47 4.2.1 Giao diện thống kê .47 4.2.2 Giao diện quản lý category: 48 4.2.5 Giao diện quản lý sản phẩm 50 4.2.6 Giao diện thêm sản phẩm .51 4.2.7 Giao diện quản lý đơn hàng 52 KẾT LUẬN .53 TÀI LIỆU THAM KHẢO 54 1.https://laravel.com/docs/5.2 , truy nhập cuối ngày 01/05/2016 54 2.http://redis.io/documentation, truy nhập cuối ngày 01/05/2016 54 3.https://www.keypay.gov.vn/uploads/user/file/2-ufqf09sw.pdf, truy nhập cuối ngày 01/05/2016 54 4.http://www.viettelpost.com.vn/?tabid=188&catid=86, truy nhập cuối ngày 01/05/2016 54 5.https://www.elastic.co/products/elasticsearch, truy nhập cuối ngày 01/05/2016 54 6.http://programmers.stackexchange.com/questions/252499/entity-attribute-value-table-vssingle-table-for-storage-of-posts-events-and-pa, truy nhập cuối ngày 01/05/2016 54 http://programmers.stackexchange.com/questions/252499/entity-attribute-value-table-vssingle-table-for-storage-of-posts-events-and-pa, truy nhập cuối ngày 01/05/2016 54 LƠÌ MỞ ĐẦU Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính toàn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thông tin lĩnh vực văn hóa, xã hội, trị, kinh tế Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá công ty hay Website cá nhân không điều xa xỉ Thông qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với công nghệ Word Wide Web, hay gọi Web giúp bạn đưa thông tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngôn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép x ây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Th.s Trần Thanh Huân, chúng em chọn đề tài “Xây dựng Website thương mại” làm đề tài cho Đồ Án Tốt Nghiệp Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy Chúng em xin chân thành cảm ơn thầy Th.s Trần Thanh Huân hướng dẫn trình hoàn thành đề tài CHƯƠNG I : KHẢO SÁT VẤN ĐỀ 1.1 Tóm tắt dự án Với đời phát triển công nghệ thông tin giới ngày cao, việc tìm hiểu thông tin mạng internet nhóm khách hàng nhiều Thêm vào internet công cụ tìm kiếm lấy thông tin rễ dàng, nhanh chóng xác Vì vậy, nhiều người sử dụng Trong sống đại, khái niệm “bán hàng trực tuyến”, “siêu thị trực tuyến” địa mua bán trực tuyến việt nam hay toàn giới www.g.o.l.com, www.ebay.com … Chắc chắn không xa lạ nhiều người Nó trở thành khái niệm, với địa quen thuộc mạng internet Qua thời gian xâm nhập thực tế tìm hiểu nhu cầu xã hội Hiện nay, nhiều nhóm khách hàng lựa chọn việc tìm kiếm thông tin, trao đổi mua bán internet lớn Đứng trước nhu cầu thực tế đó, định thực dự án thiết kế website thương mại Hiện sản phẩm điện thoại sử dụng rộng dãi đời sống, loại mặt hàng nhiều nhóm khách hàng quan tâm Chính định xây dựng website kinh doanh điện thoại Website cung cấp cho khách hàng dịch vụ bán hàng hoàn hảo, dịch vụ tư vấn chuyên nghiệp- trực tiếp ( hình thức online ) Cung cấp thông tin bổ ích máy tính nói chung sản phẩm điện thoại nói riêng Cung cấp dịch vụ đồng chuyên biệt sản phẩm mà website Vncharm cung cấp 1.2 Khảo sát hệ thống Hiện cộng đồng internet tồn nhiều website thương mại điện tử trình tìm hiểu thấy website tồn nhiều bất cập như: Thứ là: Các trang web chưa có giao diện thân thiện, tiên dụng cho người dùng: Các navigation bố trí chưa hợp lý, tốn khoảng không gian cho chưng bày sản phẩm Hình ảnh quảng cáo nhiều, làm cho người dùng phi tập trung vào sản phẩm Trong website website bán sản phẩm ( bán quảng cáo ), Menu banner bị phức tạp hoá so với vai trò, chức thực sự, => làm giảm tính tương tác với người dùng Thứ hai là: Các trang web chưa cung cập thông tin cần đủ để thuyết phục người dùng mua hàng sau xem sản phẩm như: Hình ảnh thiết kế, tính năng, hiệu xuất làm việc, phần mềm hỗ trợ, thông số kỹ thuật, Chủng loại-Hãng sản xuất, => giảm tin tưởng khác hàng website Thứ ba là: Các trang web chưa thấy cung cấp dịch vụ khách hàng thăm website, xem sản phẩm như: Tư vấn trực tiếp hình thức online (chat Yahoo, skype, ola,…)=>không liên kết, người dùng website công ty Thứ tư là: Chưa ứng dụng hiệu công nghệ mới, phương pháp (CSS2, CSS3, JQuery, AJAX, ) để làm website dẫn đến: Giảm tính động website Thứ năm là: Còn lạm dụng, sử dụng nhiều Flash website, quảng cáo=> trang website load châm, giảm hiệu website, không tương tác với số trình duyệt,… Thứ sáu : Các website chưa thích hợp nhiều cấu hình ví dụ điện thoại, Ipad =>giảm tương tác website với người dùng Cuối cùng: Nhiều chức website chưa hoạt động hiệu như; Chức tìm kiếm, chức giỏ hàng, chức xếp, hiển thị, lọc sản phẩm,…=> làm cho website hoạt động thiếu hiệu 1.3 Mô hình tổng quan xây dựng Hệ thống thương mại điện tử VnCharm đời nhằm cung cấp cổng để kết nối gần doanh nghiệp người tiêu dùng Hệ thống kết nối tới dịch vụ vận chuyển Viettel POST, hệ thống toán Quốc gia Keypay dịch vụ nhắn tin SMS Fibo Hình 1.1 Mô hình tổng quan hệ thống Hệ thống Vncharm cung cấp giao diện Web tương thích desktop mobile cách khoa học , trực quan, sinh động dễ dàng sử dụng TT Tên hệ thống Chú thích Bên cung cấp thứ - Hệ thống toán Quốc gia Keypay Để toán trực tuyến đơn hàng đặt mua - Đối tác vận chuyển VnCharm lấy hàng từ kho để chuyển cho khách thu hộ tiền (COD) Khách hàng - Người mua hàng hệ thống Doanh nghiệp - Là đối tác VnCharm Nginx - Phân tải cho hệ thống Redis - Tăng tốc hiệu hệ thống Elasticsearch - Hỗ trợ khách hàng tìm kiếm sản phẩm Mysql Database - Database lưu trữ liệu VnCharm - Dùng để kết nối, quản lý thực nghiệp vụ logic cho toàn hệ thống Keypay ViettelPOST Enduser VnCharm Laravel Bảng 1.1 Các thành phần tác nhân CHƯƠNG II : PHÂN TÍCH 2.1 Tác nhân Administrator thành viên quản trị hệ thống, có quyền chức như: tạo tài khoản, quản lý sản phẩm, quản trị người dùng, quản lý hoá đơn Member: hệ thống thành viên có chức năng: Đăng kí, đăng nhập, tìm kiếm, xem, sửa thông tin cá nhân, xem giỏ hàng, đặt hàng, xem thông tin hóa đơn lập Customer: Là khách vãng lai có chức năng: Đăng kí, tìm kiếm, xem thông tin sản phẩm, xem giỏ hàng, đặt hàng 2.2 Mô hình hóa chức 2.2.1 Biều đồ USER CASE 2.2.1.1 Biểu đồ USER CASE 10 3.4.9 Bảng product_bulk_price Hình 3.15 : Bảng product_bulk_price 3.4.10 Bảng product_customer Hình 3.16 : Bảng product_customer 3.4.11 Bảng product_entities Hình 3.17 : Bảng product_entities 40 3.4.11 Bảng product_stores Hình 3.18 : Bảng product_stores 3.4.12 Bảng product_tab Hình 3.19 : Bảng product_tab 41 3.4.13 Bảng orders Hình 3.20 : Bảng orders 3.4.14 Bảng orders_detail Hình 3.21 : bảng orders_detail 42 3.4.15 Bảng Images Hình 3.22 : bảng Images 3.4.16 Bảng Brand Hình 3.23 : Bảng brand 43 3.4.17 Bảng store Hình 3.24 : Bảng store 3.4.18 Bảng Brand_store Hình 3.25 : Bảng Brand_store 44 CHƯƠNG IV : GIAO DIỆN 4.1 Giao diện người dùng 4.1.1 Giao diện trang chủ Hình 4.1: Giao diện trang chủ 45 4.1.2 Giao diện giỏ hàng Hình 4.2 : Giao diện giỏ hàng 4.1.3 Giao diện toán Hình 4.3 : Giao diện toán 46 4.2 Giao diện admin 4.2.1 Giao diện thống kê Hình 4.4 : Giao diện thống kê 47 4.2.2 Giao diện quản lý category: Hình 4.5 : Giao diện quản lý category 48 4.2.3 Giao diện quản lý thuộc tính Hình 4.6 : Giao diện quản lý thuộc tính 49 4.2.5 Giao diện quản lý sản phẩm Hình 4.7 : Giao diện quản lý sản phẩm 50 4.2.6 Giao diện thêm sản phẩm Hình 4.8 : Giao diện thêm sản phẩm 51 4.2.7 Giao diện quản lý đơn hàng Hình 4.9 : Giao diện quản lý đơn hàng 52 KẾT LUẬN Đề tài “Xây dựng Website thương mại” xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho bạn muốn thiết kế Website cho công ty hay Website cá nhân Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên nghành hạn chế thời gian, khả kinh nghiệm nên không tránh khỏi thiếu sót định nên đề tài hoàn thành mức độ sau: Tìm hiểu ngôn ngữ lập trình Web PHP & MySQL Áp dụng xây dựng ứng dụng thực nghiệm trang Website thương mại Vấn đề giải : - Xây dựng trang website đáp ứng nhu cầu khách hàng + Thanh toán trực tuyến + Tăng tốc độ xử lý tìm kiếm + Giúp tăng tốc độ xử lý request + Đảm bảo tính an toàn bảo mật + Giao diện thân thiện với người dùng Hướng nghiên cứu phát triển : - Tìm hiểu sâu ngôn ngữ PHP & MySQL để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống, - Kết hợp ngôn ngữ PHP với hệ quản trị sở liệu lớn hơn: SQL Server, Oracle… Xây dựng web service cho website Tìm hiểu thêm số ngôn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn… Xây dựng trang Web quy mô lớn với nhiều ứng dụng, chức - Để hoàn thành đề tài này, lần em xin chân thành cảm ơn thầy người quan tâm, giúp đỡ chúng em suốt thời gian qua Chúng xin chân thành cảm ơn ! 53 TÀI LIỆU THAM KHẢO https://laravel.com/docs/5.2 , truy nhập cuối ngày 01/05/2016 http://redis.io/documentation, truy nhập cuối ngày 01/05/2016 https://www.keypay.gov.vn/uploads/user/file/2-ufqf09sw.pdf, truy nhập cuối ngày 01/05/2016 http://www.viettelpost.com.vn/?tabid=188&catid=86, truy nhập cuối ngày 01/05/2016 https://www.elastic.co/products/elasticsearch, truy nhập cuối ngày 01/05/2016 http://programmers.stackexchange.com/questions/252499/entity-attributevalue-table-vs-single-table-for-storage-of-posts-events-and-pa, truy nhập cuối ngày 01/05/2016 http://programmers.stackexchange.com/questions/252499/entity-attributevalue-table-vs-single-table-for-storage-of-posts-events-and-pa, truy nhập cuối ngày 01/05/2016 54 [...]... khách hàng a Biểu đồ tuần tự tìm kiếm sản phẩm Hình 2.16 : Biểu đồ tuần tự tìm kiếm sản phẩm 24 b Xem sản phẩm Hình 2.17 : Biểu đồ tuần tự xem sản phẩm 25 c Đặt hàng Hình 2.19 : Biểu đồ tuần tự đặt hàng 26 2.2.3.3 Biểu đồ tuần tự thành viên a Biểu đồ tuần tự kiểm tra tài khoản Hình 2.20: Biểu đồ tuần tự kiểm tra tài khoản 27 b Biểu đồ tuần tự kiểm tra lịch sử mua hàng Hình 2.21 : Biểu đồ tuần tự kiểm... dụng 19 2.2.3 Biểu đồ tuần tự 2.2.3.1 Biểu đồ tuần tự quản trị (admintrastion) a Thêm sản phẩm Hình 2.11 : Biểu đồ tuần tự thêm sản phẩm 20 b Sửa sản phẩm b Hình 2.12 : Biểu đồ tuần tự sửa sản phẩm 21 c Xóa sản phẩm Hình 2.13 : Biểu đồ tuần tự xóa sản phẩm 22 d Quản lý giỏ hàng Hình 2.14 : Biểu đồ tuần tự quản lý đơn hàng 23 e Thống kê Hình 2.15 : Biểu đồ tuần tự thống kê 2.2.3.2 Biểu đồ tuần tự của khách...11 Hình 2.1 : Biểu đồ user case chính 2.2.1.2 Biểu đồ USER CASE chi tiết a Quản trị (admintrastion) Hình 2.2: Biểu đồ user case của quản trị b Khách hàng (Customer) 12 Hình 2.3 : biểu đồ user case của khách hàng 2.2.2 Biều đồ tham gia ca sử dụng 2.2.2.1 Quản trị (admin) a Quản lý sản phẩm Hình 2.4 : Biểu đồ quản lý sản phẩm tham gia ca sử dụng 13 b Quản lý đơn hàng Hình 2.5 : Biểu đồ lớp tham gia ca... Biểu đồ lớp tham gia ca sử dụng thống kê 15 2.2.2.2 Khách hàng (Customer) a Tìm kiếm sản phẩm Hình 2.7 : Biểu đồ lớp tham gia ca sử dụng tìm kiếm sản phẩm 16 b Xem sản phẩm Hình 2.8 : Biểu đồ lớp tham gia ca sử dụng xem sản phẩm 17 c Đặt hàng Hình 2.9 : Biểu đồ lớp tham gia ca sử dụng đặt hàng 2.2.2.3 Thành viên (Member) a Xem thông tin tài khoản và lịch sử dặt hàng 18 Hình 2.10 : Biểu đồ xem thông. .. thống 3 ViettelPOST Dịch vụ vận chuyển của hệ thống 4 Elasticsearch Module search của hệ thống 5 Laravel Framework của hệ thống, mọi thứ được xây dựng quanh Framework này Bảng 3.4 : Các thành phần trong kiến thúc hệ thống VnCharm 3.2.1 Module Laravel Hệ thống được xây dựng xoay quanh module này Hình dưới mô tả chi tiết cấu trúc mức logic của module và sự tương tác giữa chúng Hình 3.5 Kiến trúc module Laravel... VnCharm 34 TT Thành phần Chú thích 1 Libraries Các bộ thư viện cho module như ViettelPost, Fibo 2 Common Các hàm, phương thức hỗ trợ module được xây dựng ở đây 3 Define Các hằng số của module 4 Helper Các kiểu dữ liệu dựa trên kiểu nguyên thủy được xây dựng ở đây 5 Model Là các object hỗ trợ kết nối giữa database và module 6 Backend Phân hệ quản trị của module 7 Frontend Phân hệ hiển thị cho người... tự kiểm tra tài khoản Hình 2.20: Biểu đồ tuần tự kiểm tra tài khoản 27 b Biểu đồ tuần tự kiểm tra lịch sử mua hàng Hình 2.21 : Biểu đồ tuần tự kiểm tra lịch sử mua hàng 28 2.2.4 Biểu đồ thực thể liên kết Hình 2.22 : Biểu đồ thực thể liên kết 29 CHƯƠNG III: THIẾT KẾ 3.1 Kiến trúc nền tảng 3.1.1 Tổng quan về kiến trúc nền tảng Tổng quan hệ thống được mô tả bởi hình bên dưới Nền tảng có thể hiểu như là... trúc hệ thống được thiết kế dựa trên việc phân luồng xử lý chức năng nghiệp vụ riêng biệt theo các module nhằm hỗ trợ tất cả chức năng hệ thống VnCharm được mô tả trong Tài liệu Đặc tả Yêu cầu v1.0 Sơ đồ dưới đây mô tả các module chính trong cấu trúc của ứng dụng Những mục tiếp theo mô tả chi tiết vai trò và mục đích của module chính và kỹ thuật mà nó sử dụng Hình 3.4 Kiến trúc hệ thống VnCharm Bảng