Thế giới ngày một phát triển, đời sống con người ngày càng hiện đại hóa, nhu cầu về đời sống vật chất và tinh thần của con người mỗi ngày một cao và có nhiều khắt khe hơn. Hằng ngày, mỗi người trong chúng ta đều phải mua những nhu cầu thiết yếu như: ăn uống, quần áo, … và vì vậy chúng ta phải đến các cửa hàng, trung tâm mua sắm để mua những sản phẩm mình cần. Đối với các doanh nghiệp nhỏ hay các cửa hàng đồng hồ đơn lẻ, việc xây dựng hoặc thuê mặt bằng đầu tư luôn bị giới hạn bởi phạm vi địa lý, vì vậy chỉ có thể tiếp cận được với khách hàng địa phương. Website bán hàng đồng hồ sẽ giúp tiếp cận khách hàng không chỉ trong khu vực nhất định mà còn mở rộng ra khắp các vùng miền bất cứ nơi nào có Internet. Các công cụ liên lạc trực tuyến trên website sẽ giúp giảm thiểu nhân viên hỗ trợ tư vấn đối với nhiều khách hàng. Không phụ thuộc quá nhiều vào facebook. Tiết kiệm chi phí, hoạt động 247 và tiếp cận khách hàng mọi lúc.
LỜI MỞ ĐẦU CHƯƠNG 1: KHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN .3 1.1 Đặt vấn đề 1.1.1 Giới thiệu toán .3 1.1.2 Nhận xét toán .3 1.1.3 Giai toán .4 1.2 Các yêu cầu thiết bị phần mềm 1.2.1 Framework Laravel 1.2.2 Xampp 1.2.3 Thư viện Bootstrap 1.2.4 Thư viện JQUERY .7 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích 2.1.1 Xây dựng hệ thống .7 2.1.2 Phân tích chức .8 2.2.1 Use Case đăng nhập 11 2.2.2 Use Case quản lý danh mục .12 2.2.3 Use Case quản lý sản phẩm .13 2.2.4 Use Case quản lý tin tức 14 2.2.5 Use Case quản lý đơn hàng 15 2.2.6 Use Case quản lý kho 16 2.2.7 Use Case quản lý liên hệ 17 2.2.8 Use Case đăng ký .18 2.2.9 Use Case quản lý thông tin 19 2.2.10 Use Case xem chi tiết sản phẩm 20 2.2.11 Use Case tìm kiếm sản phẩm 21 2.2.12 Use Case đánh giá sản phẩm 22 2.2.13 Use Case quản lý giỏ hàng .23 `2.2.14 Use Case toán .24 2.2.15 Use Case xem tin tức .25 2.2.16 Use Case liên hệ .26 2.3 Thiết kế hệ thống 27 2.3.1 Model .27 2.3.2 View 27 2.2.3 Controller 28 2.4.Thiết kế sở liệu 29 CHƯƠNG 3: CÀI ĐẶT CHƯƠNG TRÌNH 39 3.1 Giao diện trang chủ 39 3.2 Giao diện đăng ký thành viên 39 3.3 Giao diện đăng nhập thành viên 40 3.3 Giao diện chi tiết sản phẩm 40 3.4 Giao diện giỏ hàng 41 3.5 Giao diện toán .42 3.6 Giao diện đăng nhập quản trị 42 3.7 Giao diện tổng quan quản trị .43 3.8 Giao diện quản lý sản phẩm 43 3.9 Giao diện quản lý viết 44 3.10 Giao diện quản lý đơn hàng .44 3.11 Giao diện quản lý kho 45 KẾT LUẬN .46 TÀI LIỆU THAM KHẢO 47 LỜI MỞ ĐẦU Xã hội ngày phát triển, công nghệ phát triển mạnh mẽ ứng dụng vào nhiều lĩnh vực kinh tế, trị, xã hội, giáo dục, sản xuất đời sống thường nhật người Một công nghệ tiêu biểu việc phát triển cơng nghệ phải kể đến việc ứng dụng công nghệ thông tin lĩnh vực sống Bởi lẽ, công nghệ thông tin giúp nâng cao chất lượng công việc, tăng hiệu suất, tiết kiệm thời gian chi phí vận hành Mặt khác, cơng nghệ thơng tin cịn cầu nối trì mối quan hệ người với Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu CHƯƠNG 1: KHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN 1.1 Đặt vấn đề 1.1.1 Giới thiệu toán Thế giới ngày phát triển, đời sống người ngày đại hóa, nhu cầu đời sống vật chất tinh thần người ngày cao có nhiều khắt khe Hằng ngày, người phải mua nhu cầu thiết yếu như: ăn uống, quần áo, … phải đến cửa hàng, trung tâm mua sắm để mua sản phẩm cần Đối với doanh nghiệp nhỏ hay cửa hàng đồng hồ đơn lẻ, việc xây dựng thuê mặt đầu tư bị giới hạn phạm vi địa lý, tiếp cận với khách hàng địa phương Website bán hàng đồng hồ giúp tiếp cận khách hàng không khu vực định mà mở rộng khắp vùng miền nơi có Internet Các cơng cụ liên lạc trực tuyến website giúp giảm thiểu nhân viên hỗ trợ tư vấn nhiều khách hàng Không phụ thuộc nhiều vào facebook Tiết kiệm chi phí, hoạt động 24/7 tiếp cận khách hàng lúc 1.1.2 Nhận xét toán Bài toán thương mại điện tử toán lớn phức tạp với nhiều s khác như: đặt hàng, đăng nhập mua hàng, đăng ký thành viên, quản lý sản phẩm (thêm, sửa, xóa sản phẩm)… Những khó khăn cửa hàng Electro: xuất đa dạng sản phẩm cách giới thiệu sản phẩm nhanh đến khách hàng, cửa hàng Electro gặp nhiều khó khăn không giải vấn đề: 1.1.3 Giai tốn *** Mơ tả - Quản trị (admin): người quản trị website, đăng nhập tài khoản có quyền thêm sửa xóa sản phẩm, xem chi tiết đơn đặt hàng, xem thông tin khách hàng, … - Khách hàng (customer):Họ chọn sản phẩm thích Họ bỏ sản phẩm vào giỏ hàng, đặt hàng để mua hàng Để mua hàng họ cần có tài khoản để đăng nhập khơng có họ phải đăng ký tài khoản Để người quản trị có thơng tin khách hàng để giao hàng 1.2 Các yêu cầu thiết bị phần mềm 1.2.1 Framework Laravel * Khái niệm Laravel PHP framework mã nguồn mở miễn phí, tạo Taylor Otwell nhằm cho việc phát triển ứng dụng web theo mơ hình kiến trúc Model-View-Controller (MVC) Laravel có cú pháp dễ hiểu, rõ ràng nên dễ sử dụng Cấu trúc cách tổ chức project xếp cách hợp lý dễ dàng cho việc trì phát triển lâu dài * Mơ hình MVC MVC (viết tắt Model-View-Controller) mơ hình kiến trúc phần mềm tạo với mục đích quản lý xây dựng ứng dụng có hệ thống Mơ hình dùng rộng rãi đặc biệt ngơn ngữ lập trình web Trong PHP có nhiều framework hầu hết xây dựng từ mô hình MVC Mơ hình chia làm lớp xử lý gồm Model – View-Controller: - Model: có nhiệm vụ tương tác với sở liệu, chứa hàm, phương thức truy vấn trực tiếp với liệu - View: có nhiệm vụ hiển thị liệu sang đoạn mã HTML giúp người dùng có giao diện tương tác với hệ thống - Controller: có nhiệm vụ xử lý tương tác, làm cầu nối model view Là nơi tiếp nhận yêu cầu xử lý gửi từ người dùng, controller gọi tới model để tương tác với sở liệu (database) đưa liệu tới view Hình 1: Mơ hình MVC 1.2.2 Xampp Xampp cơng cụ tích hợp đầy đủ thành bao gồm Apache, Mysql, PHP, Perl Giúp tạo môi trường web server máy tính mình, để chạy kịch PHP Hình 1: Giới thiệu Xampp Apache: Là chương trình máy chủ, dùng để giao tiếp với giao thức HTTP Apache chạy tốt hệ điều hành Mysql: Là hệ quản trị sở liệu, dùng để lưu trữ thông tin website Mỗi website sử dụng nhiều sở liệu PHP: Là ngơn ngữ kịch phía Server, dùng để xử lý thao tác người dùng làm việc trực tiếp với sở liệu (Database) Perl: Là tầng cao hơn, ngơn ngữ lập trình động Sử dụng rộng rãi lập trình mạng quản trị hệ thống Ít phổ biến cho mục đích phát triển web, Perl thích hợp với nhiều ứng dụng Xampp công cụ tuyệt vời cho muốn có development server đầy đủ nhanh chóng Nhưng bên cạnh Xampp dễ cài đặt, nên khơng có tính bảo mật production server 1.2.3 Thư viện Bootstrap Bootstrap framework có chứa HTML, CSS, JavaScript cho phép người dùng dễ dàng thiết kế website theo chuẩn định, tạo website thân thiện với thiết bị Hình 3: Giới thiệu Bootstrap 1.2.4 Thư viện JQUERY JQuery thư viện kiểu JavaScript, tạo John Resig vào năm 2006 với phương châm: Viết hơn, làm nhiều hơn.jQuery thực nhiều nhiệm vụ mà dùng JavaScript thơng thường tốn nhiều dịng mã lệnh jQuery có khả thực tính phức tạp, gọi AJAX (được sử dụng để kết nối với máy chủ web tự động mà không thiết phải tải lại trang) thực thi DOM (mơ hình đối tượng tài liệu) CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích 2.1.1 Xây dựng hệ thống sĐể mua hàng website, ban đầu khách hàng phải đăng ký tài khoản để có tài khoản đăng nhập Website dựa thông tin khách hàng cấp để cấp tài khoản cho khách hàng Thông tin khách hàng lưu lại vào sở liệu quản trị website Mỗi lần khách hàng muốn mua hàng phải đăng nhập để đặt hàng, đơn đặt hàng lưu lại Khách hàng không cần đăng nhập thể tra cứu sản phẩm cần tìm, xem thông tin chi tiết sản phẩm hay đọc tin tức sản phẩm Admin phải đăng nhập tài khoản, để thực thao tác Admin phải quản lý sản phẩm, tin tức,kho, khách hàng xử lý đơn đặt hàng khách hàng (giao hàng hay từ chối) 2.1.2 Phân tích chức ** Phía người dùng * Chức xem chi tiết sản phẩm - Khi truy cập vào địa website, người dùng trực tiếp chọn sản phẩm trang chủ - Cũng thực việc tìm kiếm để xem thơng tin chi tiết sản phẩm cần tìm hiểu * Chức xem tin tức - Một số tin tức hiển thị trang chủ, người dùng chọn đọc trực tiếp lựa chọn tin tức header website - Danh sách tin tức hiển thị để người sử dụng chọn đọc * Chức quản lý giỏ hàng - Người dùng lựa chọn sản phẩm trực tiếp trang chủ tìm kiếm sản phẩm theo mong muốn sau thêm vào giỏ hàng - Người dùng xóa sản phẩm không mong muốn giỏ cập nhật số lượng sản phẩm giỏ hàng * Chức tìm kiếm sản phẩm - Biểu tượng tìm kiếm hiển thị header tất trang website bên cạnh giỏ hàng - Sau nhập từ khóa tên sản phẩm, sản phẩm có tên gần giống hiển thị danh sách sản phẩm tìm kiếm * Chức tốn - Để toán đơn hàng yêu cầu người sử dụng phải đăng ký tài khoản website - Khi lựa chọn nhiều sản phẩm cần toán giỏ hàng Người sử dụng thực toán - Người sử dụng điền thơng tin cần thiết để tốn, chọn hình thức tốn - Khi tốn xong hiển thị đơn hàng vừa toán * Chức đánh giá sản phẩm - Khi người dùng xem nội dung chi tiết sản phẩm thực đánh giá sản phẩm bên thông tin chi tiết sản phẩm - Nếu người dùng chưa đăng nhập đánh giá vật phẩm - Người dùng lựa chọn điểm đánh giá nội dung sau gửi đánh giá - Thơng tin đánh giá hiển thị bên đánh giá * Chức liên hệ - Người dùng chọn liên hệ phần header trang web - Điền đầy đủ thông tin nội dung cần liên hệ để thực gửi liên hệ cho quản trị * Chức quản lý tài khoản - Người dùng đăng ký tài khoản trỏ chuột đến biểu tượng user bên phải biểu tượng tìm kiếm header trang để chọn đăng ký tài khoản Sau điền đầy đủ thơng tin để hồn tất việc đăng ký - Đăng nhập: người dùng lựa chọn đăng nhập điền thông tin email, mật để thực đăng nhập - Quản lý tài khoản: người dùng lựa chọn quản lý biểu tượng user để vào trang quản lý tài khoản Tổng quan theo dõi đơn hàng đặt Cập nhật thông tin: email, họ tên, số điện thoại, địa giới thiệu thân Một số sản phẩm bạn quan tâm Các sản phẩm bán chạy ** Phía quản trị viên * Chức quản lý sản phẩm - Admin thêm, sửa, xóa sản phẩm - Với sản phẩm cập nhật: tên, mơ tả, nội dung, danh mục, giá cả, số lượng, ảnh hiển thị, lựa chọn sản phẩm sản phẩm bật cho sản phẩm - Cập nhật trạng thái public/private để lựa chọn hiển thị sản phẩm - Cập nhật trạng thái bật/không để lựa chọn hiển thị sản phẩm bật - Tìm kiếm sản phẩm theo tên theo danh mục * Chức quản lý tin tức - Admin thêm, sửa, xóa tin tức sản phẩm hay nội dung có liên quan - Cập nhật trạng thái public/private để lựa chọn hiển thị tin tức - Cập nhật trạng thái hot/none để lựa chọn hiển thị tin tức hot - Tìm kiếm viết theo tên * Chức quản lý đơn hàng - Admin thực xem, xóa đơn hàng - Thực chọn xử lý đơn hàng đơn hàng chờ xử lý để theo dõi đơn hàng hoàn thành pro_active Tinyint Trạng thái hiển thị pro_hot Tinyint Trạng thái bật pro_view Int Lượt xem 10 pro_description Varchar Mô tả sản phẩm 11 pro_avatar Varchar ảnh sản phẩm 12 pro_description_seo Varchar Tối ưu tìm kiếm mơ tả 13 pro_keyword_seo Varchar Tối ưu tìm kiếm từ khóa 14 created_at Timestamp Thời gian tạo 15 updated_at Timestamp Thời gian cập nhật 16 pro_title_seo Varchar Tối ưu tìm kiếm tiêu đề 17 pro_content Longtext Nội dung sản phẩm 18 pro_number Tinyint Số lượng sản phẩm 19 pro_total_rating Int Tổng số đánh giá 20 pro_total_number Int Tổng số điểm đánh giá Bảng 24: Bảng products *Bảng transactions STT Tên trường Kiểu Mơ tả id Int Khóa tr_user_id Int Khóa ngoại tới bảng users tr_total Int Tổng tiền toán tr_note Varchar Ghi yêu cầu tr_address Varchar Địa nhận tr_phone Varchar Số điện thoại tr_status Varchar Trạng thái giao dịch created_at Timestamp Thời tian tạo update_at Timestamp Thời gian cập nhật 10 tr_type Tinyint Loại toán Bảng 25: Bảng transactions *Bảng users STT Tên trường Kiểu Mô tả id Int Khóa name Varchar Tên thành viên email Varchar Email thành viên phone Varchar Số điện thoại avarar Varchar Ảnh đại diện active Tinyint Trạng thái password Varchar Mật đăng nhập remember_token Varchar created_at Timestamp Thời gian tạo 10 update_at Timestamp Thời gian cập nhật 11 total_pay Int Tổng toán 12 address Varchar Địa 13 about Varchar Mô tả thân 14 code Varchar Mã thông báo thay đổi mật 15 time_code Timestamp Thời gian thay đổi 16 code_active Varchar 17 time_active Timestamp Thời gian kích hoạt Xác thực tài khoản Mã xác nhận tài khoản Bảng 26: Bảng Users * Bảng suppliers STT Tên trường Kiểu Mơ tả Id int Khóa s_author_id Varchar Tên nhà sx s_name Varchar Tên s_mail Varchar Email s_phone Varchar Số điện thoại s_fax Varchar Mã nhà cung cấp s_website Varchar Website s_logo Varchar Logo s_status Tinyint Trạng thái Nhà cc 10 created_at Timestamp Thời gian tạo 11 updated-at Timestamp Thời gian cập nhật Bảng 27: Bảng suppliers *Bảng products_favorite STT Tên trường Kiểu Mơ tả id Int Khóa pf_product_id Int Khóa ngoại tới bảng product pf_user_id Int Khóa ngoại tới bảng user Bảng 28: Bảng products_favorite *Bảng products_images STT Tên trường Kiểu Mô tả id Int Khóa pi_name Varchar Tên ảnh sản phẩm pi_slug Varchar đường dẫn pi_product_id Int Id sản phẩm created_at Timestamp Thời gian tạo update_at Timestamp Thời gian cập nhật Bảng 28: Bảng products_favorite *Bảng menus STT Tên trường Kiểu Mô tả id Int Khóa m_name Varchar Tên m_slug Varchar đường dẫn created_at Timestamp Thời gian tạo update_at Timestamp Thời gian cập nhật Bảng 30: Bảng menus CHƯƠNG 3: CÀI ĐẶT CHƯƠNG TRÌNH 3.1 Giao diện trang chủ Trang chủ đóng vai trị để định hướng khách truy cập: trang có mục menu như:sản phẩm,bài viết,giới thiệu,liên hệ hiển thị sản phẩm bật,sản phẩm nhất.Có thể tìm kiếm sản phẩm theo têm danh mục,tên sản phẩm Hình 20: Giao diện trang chủ 3.2 Giao diện đăng ký thành viên Trang đăng ký làm thành viên để mua hàng Người mua hàng phải nhập đầy đủ thông tin: tên đăng nhập, email, số điện Hình 21: Giao diện đăng ký thành viên 3.3 Giao diện đăng nhập thành viên Trang đăng nhập thành viên để người dùng mua hàng,khi thành viên có tài khoản chọn chức đăng nhập,hệ thống hiển thị giao diện để người dùng điền email,mật vào giao diện đăng nhập.Nếu hệ thống chuyển tới trang chủ với trạng thái đăng nhập Hình 22: Giao diện đăng nhập thành viên 3.3 Giao diện chi tiết sản phẩm Trang hiển thị thông tin chi tiết sản phẩm:giá,nhà cung cấp giúp khách hàng có nhìn tổng quan sản phẩm.Là sở để định khách hàng có định mua hàng hay không Nếu nhập số lượng (10) báo sản phẩm khơng Hình 23: giao diện chi tiết sản phẩm 3.4 Giao diện giỏ hàng Trang mà khách hàng xem sản phẩm chọn Tại khách hàng biết số lượng mặt hàng chọn tổng số tiền phải tốn Khách hàng thêm, cập nhập xóa sản phẩm giỏ hàng Khi nhập khơng định dạng thơng báo Hình 24: Giao diện giỏ hàng 3.5 Giao diện toán Trang hiển thị sau khách hàng ấn toán để khách hàng xác nhận thông tin, email, sdt hiển thị thơng tin sản phẩm mua.Sau xác nhận in hóa đơn Hình 25: Giao diện toán 3.6 Giao diện đăng nhập quản trị Trang để quản trị viên đăng nhập vào trang admin để quản lý danh mục,nhà cung cấp,bài viết,kho,… thêm sửa xóa cập nhật trạng thái Hình 26: Giao diện đăng nhập quản trị 3.7 Giao diện tổng quan quản trị Trang hiển thị trạng thái xử lý hay chưa xử lý đơn hàng khách hàng,hiển thị thời gian mua hàng.,danh sách mua hàng mới,danh sách mua hàng Hình 27: Giao diện tổng quan quản trị 3.8 Giao diện quản lý sản phẩm Trang quản lý sản phẩm cho phép admin quản lý sản phẩm,tìm kiếm theo tên sản phẩm,theo danh mục thêm,sửa,xóa… Hình 28: Giao diện quản lý sản phẩm 3.9 Giao diện quản lý viết Trang cho phép admin thêm, sửa,xóa,cập nhật trạng thái viết … Hình 29: Giao diện quản lý viết 3.10 Giao diện quản lý đơn hàng Trang quản lý đơn hàng để admin quản lý đơn hàng,cho phép admin thêm,sửa,xóa cập nhật trạng thái tìm kiếm theo thời gian,mã đơn hàng,đã xử lý hay chưa,và xem chi tiết mã đơn hàng để xem trạng thái bảo hành Hình 30: Giao diện quản lý đơn hàng 3.11 Giao diện quản lý kho Hình 31: Giao diện quản lý kho KẾT LUẬN Hệ thống hoàn thiện chứng website bán đồng hồ với giao diện ưa nhìn, khơng phức tạp, đơn giản dễ sử dụng Có chức hiển thị sản phẩm vừa xem, đánh giá s Bên cạnh hệ thống chưa hồn thiện chức người sử dụng xác định cấp độ thành viên thân thiết với website, liên kết đăng nhập tài khoản xã hội facebook, google So sánh sản phẩm để khách hàng đưa lựa chon Tốc độ xử lý chssưa cao chưa tối ưu lập trình Quản lý danh mục sản phẩm chưa hợp lý, quản lý kho chưa tối ưu vấn đề với điều kiện liên quan thời gian hàng tồn Tiếp tục phát triển hoàn thiện website với chức xây dựng liên kết đăng nhập, so sánh sản phẩm ngồi website, Thống kê chi phí, lợi nhuận Thực truy xuất chi phí, doanh thu lợi nhuận word excel Tối ưu hóa để cải thiện tốc độ xử lý TÀI LIỆU THAM KHẢO [1.] W3school : https://www.w3schools.com/ [3] Xampp https://vi.wikipedia.org/wiki/XAMPP [4] Bootstrap http://getbootstrap.com.vn/about/ [5] jQuery https://vi.wikipedia.org/wiki/JQuery [6] Trần Đình Quế, Nguyễn Mạnh Sơn - Phân tích thiết kế hệ thống thơng tin, Học viện Cơng nghệ Bưu Viễn thơng, 2007 ... (được sử dụng để kết nối với máy chủ web tự động mà không thiết phải tải lại trang) thực thi DOM (mơ hình đối tượng tài liệu) CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích 2.1.1 Xây dựng... cần thiết để liên hệ sau gửi thơng tin Hệ thống: Cập nhật liên hệ vào sở liệu Hệ thống: Hiển thị thông báo gửi thành công Bảng 16: Mô tả Use Case liên hệ 2.3 Thiết kế hệ thống Hệ thống thiết kế. .. dùng dễ dàng thiết kế website theo chuẩn định, tạo website thân thiện với thiết bị Hình 3: Giới thiệu Bootstrap 1.2.4 Thư viện JQUERY JQuery thư viện kiểu JavaScript, tạo John Resig vào năm 2006