LỜI CẢM ƠN Em xin bày tỏ lời cảm ơn chân thành đến thầy cô giáo giảng dạy em suốt năm năm qua, kiến thức mà em nhận giảng đường đại học hành trang giúp em vững bước tương lai Em muốn gửi lời cảm ơn sâu sắc đến giáo viên Th.S Hồ Thị Tuyến người tận tình hướng dẫn em suốt trình thực đồ án tốt nghiệp Cuối cùng, em muốn gửi lời cảm ơn đến tất gia đình, bạn bè người động viên giúp đỡ em vượt qua khó khăn để hoàn thành đồ án tốt nghiệp Em xin chân thành cảm ơn ! Thái Nguyên, ngày 01 tháng 06 năm 2016 Sinh viên Trần Thị Quy LỜI CAM ĐOAN Em xin cam đoan: Toàn nội dung đồ án tốt nghiệp “Xây dựng website cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành –Bắc Giang” Do em tự học tập, tìm hiểu từ trình học tập trường, nghiên cứu Internet, sách báo, tài liệu có liên quan Em xin chịu hoàn toàn trách nhiệm lời cam đoan trước Quý thầy cô nhà trường Thái Nguyên, ngày 01 tháng 06 năm 2016 NGƯỜI CAM ĐOAN Trần Thị Quy MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC CÁC BẢNG LỜI NÓI ĐẦU CHƯƠNG 1.TỔNG QUAN VỀ CƠ SỞ LÝ THUYẾT 11 1.1 Tổng quan wordpress 11 1.1.1 Nét bật Wordpress 11 1.1.2 Các lý khiến phải chọn WordPress 12 1.2 Công nghệ Responsive Web Design 13 1.2.1 Khái niệm Responsive Web Design 13 1.2.2 Giải pháp giúp điều chỉnh độ phân giải hình 14 1.2.3 Người ta bố cục trang web nào? 17 1.2.4 Lợi ích Responsive Web Design 18 1.3 Ngôn ngữ mô hình hóa thống UML(Unified Modeling Language) 18 1.3.1 Phân tích thiết kế hướng đối tượng (Object Oriented Analysis and Design: OOAD) 19 1.3.2 UML gì? 19 1.3.3 Tại lại OOAD UML? 19 1.3.4.View (góc nhìn) 20 1.3.5.Diagram (Bản vẽ) 21 1.3.6 Notations (các ký hiệu) 23 1.4 Hệ quản trị sở liệu MySQL 24 CHƯƠNG 2: KHẢO SÁT, PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 25 2.1 Khảo sát hệ thống 25 2.1.1 Khảo sát trạng xác lập dự án 25 2.1.2 Tính cấp thiết cần xây dựng website cho doanh nghiệp 26 2.1.3 Đề xuất hệ thống 27 2.2 Phân tích Thiết kế hệ thống 27 2.2.1 Phân tích yêu cầu hệ thống 27 2.2.2 Phân tích hệ thống 28 CHƯƠNG ỨNG DỤNG CÔNG NGHỆ RESPONSIVE WEB DESIGN 51 VÀ THIẾT KẾ WEBSITE 51 3.1 Giao diện website xây dựng PC 51 3.1.1 Giao diện trang chủ 51 3.1.2 Giao diện danh mục sản phẩm 52 3.1.3 Giao diện trang giới thiệu 53 3.1.4 Giao diện trang liên hệ 54 3.1.5 Giao diện trang tin tức 55 3.1.6 Giao diện giỏ hàng 55 3.1.7 Giao diện trang đặt hàng 56 3.1.8 Giao diện trang cá nhân 57 3.2 Giao diện website ứng dụng công nghệ Responsive Web Design 58 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 60 Kết đạt 60 Hạn chế 61 Hướng phát triển, ứng dụng website vào thực tế 61 TÀI LIỆU THAM KHẢO 62 PHỤ LỤC 63 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 64 DANH MỤC HÌNH ẢNH Hình 1.1 Responsive Web Design gì? 14 Hình 1.2.Giải pháp linh hoạt tất thứ web 14 Hình 1.3 Responsive navigation 17 Hình 1.4 Ngôn ngữ mô hình hóa thống 20 Hình 1.5 Các vẽ OOAD sử dụng UML 22 Hình 1.6 Ký hiệu Use Case 23 Hình 1.7 Ký hiệu Class 23 Hình 1.8 Ký hiệu Actor 24 Hình 2.1 Biểu đồ Use Case tổng quát 29 Hình 2.2 Phân rã UC Quản lý sản phẩm 30 Hình 2.3 Phân rã UC Quản lý đơn hàng 30 Hình 2.4 Phân rã UC Đặt hàng 31 Hình 2.5 Phân rã UC Thống kê 31 Hình 2.6 Biểu đồ trình tự chức xem thông tin sản phẩm 40 Hình 2.7 Biểu đồ trình tự cho tác vụ tìm kiếm 40 Hình 2.8 Biểu đồ trình tự chức cập nhật giỏ hàng 41 Hình 2.9 Biểu đồ trình tự chức toán 41 Hình 2.10 Biểu đồ trình tự cho tác vụ Quản trị thêm sản phẩm 42 Hình 2.11 Biểu đồ trình tự cho tác vụ Quản trị sửa sản phẩm 42 Hình 2.12 Biểu đồ trình tự cho tác vụ Quản trị xóa sản phẩm 43 Hình 2.13 Biểu đồ trình tự cho tác vụ Quản trị xóa đơn hàng 43 Hình 2.14 Biểu đồ trình tự chức tìm kiếm quản trị 44 Hình 2.15 Biểu đồ trình tự chức thống kê khách hàng 44 Hình 2.16 Biểu đồ trình tự chức thống kê sản phẩm kho 45 Hình 2.17 Biểu đồ trình tự chức thống kê đơn hàng 45 Hình 2.18 Biểu đồ lớp 46 Hình 2.19 Biểu đồ hoạt động cho chức Thêm sản phẩm 47 Hình 2.20 Biểu đồ hoạt động cho chức Đặt hàng 48 Hình 2.21 Biểu đồ thành phần 49 Hình 2.22 Biểu đồ triển khai 50 Hình 3.1 Giao diện website 51 Hình 3.2 Giao diện trang danh mục sản phẩm 52 Hình 3.3 Giao diện trang giới thiệu 53 Hình 3.4 Giao diện trang liên hệ 54 Hình 3.5 Giao diện trang tin tức 55 Hình 3.6 Giao diện giỏ hàng 55 Hình 3.7.Giao diện trang đặt hàng 56 Hình 3.8.Giao diện trang cá nhân 57 Hình 3.9 Giao diện Mobile Iphone (Size :320*568) 58 Hình 3.10 Giao diện Small Tablet (Size 600*800) 58 Hình 3.11.Giao diện Tablet (Size :768*1024) 59 Hình 3.12 Giao diện Widescreen(Size: 1280*800) 59 Hình 3.13 Giao diện báo lỗi thông tin liên hệ 63 Hình 3.14 Giao diện đặt hàng thành công 63 DANH MỤC CÁC BẢNG Bảng 2.1 Các tác nhân Use case hệ thống 28 Bảng 2.2 Mô tả Use Case Thêm sản phẩm 32 Bảng 2.3 Mô tả Use Case Sửa Sản Phẩm 32 Bảng 2.4 Mô tả Use Case Xóa Sản Phẩm 33 Bảng 2.5.Mô tả Use Case Tìm kiếm 33 Bảng 2.6 Mô tả Use Case Xem thông tin sản phẩm 34 Bảng 2.7 Mô tả Use Case Đăng nhập 34 Bảng 2.8 Mô tả Use Case Đăng ký 35 Bảng 2.9 Mô tả Use Case Cập nhật giỏ hàng 35 Bảng 2.10 Mô tả Use Case Thanh toán 36 Bảng 2.11 Mô tả Use Case Xóa đơn hàng 36 Bảng 2.12 Mô tả Use Case Cập nhật trạng thái đơn hàng 37 Bảng 2.13 Mô tả Use Case Thống kê khách hàng 37 Bảng 2.14 Mô tả Use Case Thống kê sản phẩm kho 38 Bảng 2.15 Mô tả Use Case Thống kê đơn hàng 39 LỜI NÓI ĐẦU Trong năm gần với phát triển vượt trội khoa học kỹ thuật đặt biệt công nghệ thông tin, với ứng dụng công nghệ thông tin vào lĩnh vực đóng góp phần to lớn cho nghiệp phát triển người Trong lĩnh vực lĩnh vực quảng bá sản phẩm thật giúp ích nhiều cho doanh nghiệp, việc áp dụng quảng bá sản phẩm qua môi trường mạng doanh nghiệp, công ty, cá nhân… cần thiết thật cần thiết Sự phát triển công nghệ thông tin đặc biệt phát triển mạnh mẽ việc truy cập Internet hay Website dịch vụ mạng như: thương mại điện tử, đào tạo từ xa, dịch vụ giải trí, du lịch, thông tin văn hóa xã hội… Các sản phẩm ngành công nghệ thông tin là: phần cứng, phần mềm, trí tuệ nhân tạo ứng dụng hầu hết lĩnh vực khác xã hội, phát triển ưu lĩnh vực mà nhiều quan, xí nghiệp, công ty, trường học có nhu cầu tin học hóa công việc Công nghệ thông tin đưa người vào kỷ nguyên – kỹ nguyễn công nghệ thông tin mở rộng tin cậy Công nghệ thông tin thâm nhập vào tất lĩnh vực sống Công nghệ thông tin cho phép truy cập khai thác sở liệu thuộc nhiều lĩnh vực kinh tế xã hội, ngành nghề khác thông tin khoa học kỹ thuật, giáo dục đào tạo, y tế, thương mại điện tử, thị trường giá cả, dự báo thời tiết… nhiều dịch vụ thương mại điện tử công cụ đắc lực thiếu Vì khẳng định lại việc ứng dụng công nghệ thông tin vào thực tiễn công việc tất người hoạt động xã hội nói chung hoàn toàn phù hợp cần thiết hết Do đó, qua học tập nghiên cứu số tài liệu có liên quan, em chọn đề tài “Xây dựng website cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành –Bắc Giang” nhằm mục đích nâng cao kỹ lập trình, trao đổi kinh nghiệm 10 Hình 3.6 Giao diện giỏ hàng Ở giao diện trang giỏ hàng , khách hàng thay đổi số lượng sản phẩm cần mua Cập nhật giỏ hàng Xóa sản phẩm, khách hàng chọn xong nhấn nút Thanh toán để chuyển sang giao diện đặt hàng 3.1.7 Giao diện trang đặt hàng 78 79 Hình 3.7.Giao diện trang đặt hàng Giao diện trang Đặt hàng nơi khách hàng điền thông tin cá nhân vào form gửi đơn hàng cho doanh nghiệp Nếu trường hợp đánh dấu(*) chưa 80 điền liệu không hợp lệ hệ thống yêu cầu khách hàng nhập lại.(Xem hình 3.14 – Phụ lục) 3.1.8 Giao diện trang cá nhân 81 Hình 3.8.Giao diện trang cá nhân Tại đây, khách hàng cập nhật lại thông tin cá nhân địa giao hàng, đồng thời xem lại lịch sử đặt hàng 3.2 Giao diện website ứng dụng công nghệ Responsive Web Design  Giao diện Iphone Size :320*568 82 Hình 3.9 Giao diện Mobile Iphone (Size :320*568)  Giao diện Small Tablet Size 600*800 83 Hình 3.10 Giao diện Small Tablet (Size 600*800)  Giao diện Tablet (e.g Apple iPad 2-3rd,.mini ) Size :768*1024 84 Hình 3.11.Giao diện Tablet (Size :768*1024)  Giao diện Widescreen Size: 1280*800 85 Hình 3.12 Giao diện Widescreen(Size: 1280*800) KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Đề tài “Xây dựng website cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành –Bắc Giang” đề tài mang tính chất thương mại quảng bá hình ảnh giúp cho người tiếp cận sản phẩm nhanh Đây đề tài ứng dụng nhiều cho doanh nghiệp hay cá nhân Trong trình khảo sát tìm hiểu để phân tích đề tài này, em hiểu phần thấy công việc cần phải làm để xây dựng website “Xây dựng website cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành –Bắc 86 Giang” Trong trình khảo sát phân tích thiết kế website em gặp nhiều khó khăn, em cố gắng nhiều để hoàn thành website với chức sau:  Website xây dựng phần quản lý sản phẩm, quản lý tất viết liên quan đến sản phẩm, quản lý đơn hàng khách hàng thống kê  Website xây dựng tảng Wordpress tính bảo mật cao, tránh hacker xâm nhập cấp liệu  Website chạy host Website đạt số chức để phục vụ cho việc quản lý sản phẩm Nhưng đáp ứng phần nhỏ yêu cầu Em mong góp ý để phát triển hoàn thiện thời gian tới để đáp ứng đầy đủ yêu cầu Mặc dù em cố gắng nhiều trình khảo sát tìm hiểu thương mại đưa phương án xây dựng Website Xây dựng website thương hiệu cho doanh nghiệp dựa tảng WordPress Nhưng không tránh khỏi thiếu xót Vì em mong quý thầy cô quan tâm đến đề tài dẫn góp ý kiến cho em để em hoàn thiện website cách đầy đủ Hạn chế Giao diện chưa đẹp, chưa đáp ứng đầy đủ chức Hướng phát triển, ứng dụng website vào thực tế Phát triển Website với nhiều tính năng, giao diện thích hợp cho cá nhân Sử dụng công cụ tìm kiếm chuyên nghiệp để đưa website lên hạng top tìm kiếm Cơ chế bảo mật cao Một điều mong muốn thân em học hỏi thêm trau 87 dồi cho thân để sau trường có kiến thức vững để bước vào nghề Và website em xây dựng ứng dụng vào thực tế lâu dài điều mong muốn thân em 88 TÀI LIỆU THAM KHẢO [1].Phạm Hữu Khang, Xây dựng ứng dụng Web PHP & MySQL, Nhà xuất Phương Đông, năm 2008 [2].Nguyễn Phương Lan – Hoàng Đức Hải, Lập trình ứng dụng Web với JSP/Servlet, Nhà xuất Lao động - Xã hội, năm 2010 [3] Trần Đình Quế, Nguyễn Mạnh Sơn,Phân tích thiết kế hệ thống thông tin, Nhà xuất Học viện Công Nghệ Bưu Chính Viễn Thông, 2007 [4] http://nukeviet.edu.vn [5] http://thachpham.com [6] http://thietke.website [7] http://tutorial.vietmoz.vn 89 PHỤ LỤC Một số giao diện hệ thống Hình 3.13 Giao diện báo lỗi thông tin liên hệ 90 Hình 3.14 Giao diện đặt hàng thành công NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 91 Thái nguyên, ngày tháng năm 2016 Giáo viên hướng dẫn 92 [...]... trạng và xác lập dự án 2.1.1.1 Giới thiệu về doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành Doanh nghiệp Đồ Gỗ Mỹ Nghệ Dũng Thành tại số 53 - đường Xương Giang - Phường Xương Giang -Thành phố Bắc Giang- Bắc Giang được thành lập năm 2010 với là một doanh nghiệp sản xuất đồ gỗ với quy mô nhỏ.Đi lên từ 1 xưởng gỗ quy mô nhỏ, sau 6 năm đi vào hoạt động và phát triển, doanh nghiệp đã đáp ứng được đầy đủ mẫu mã chủng... dàng hơn 2.1.3 Đề xuất hệ thống mới Mục tiêu:  Xây dựng website giới thiệu sản phẩm cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành  Ứng dụng công nghệ thông tin hỗ trợ việc quản lý sản phẩm, quản lý đơn hàng, quảng bá thông tin cho doanh nghiệp Chức năng chính của hệ thống: Xây dựng hệ thống website giới thiệu sản phẩm cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành 32  Hiển thị danh mục sản phẩm  Hiển... cấp thiết cần xây dựng website cho doanh nghiệp Trước sự phát triển không ngừng của mạng Internet và Thương mại điện tử toàn cầu hiện nay, xây dựng website cho doanh nghiệp là một công việc rất quan trọng Website đóng vai trò kênh truyền thông và công cụ kinh doanh hàng đầu 31 cho mỗi doanh nghiệp, nó mang lại những lợi thế không thể phủ nhận Trừ phi kinh doanh một mình, tự bán hàng cho mình, nếu không,... của doanh nghiệp, thiết kế website bằng Wordpress,ứng dụng công nghệ Responsive Design bước đầu xây dựng và chạy thử chương trình,kết hợp giải pháp quản trị nội dung để nâng cao hiệu quả của website Từ đó rút ra được kết quả và những điều chưa đạt được *Đối tượng nghiên cứu đề tài Chương trình : Áp dụng mã nguồn mở Wordpress để xây dựng website giới thiệu sản phẩm cho cửa hàng đồ gỗ mỹ nghệ Dũng Thành. .. cầu của người dùng - Nghiên cứu các công cụ xây dựng hệ thống - Xây dựng, cài đặt và kiểm thử chương trình * Giới hạn và phạm vi nghiên cứu Áp dụng thực hiện xây dựng website giới thiệu sản phẩm và bán hàng cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành  Nội dung của đề tài gồm các chương: Chương 1 Tổng quan cơ sở lý thuyết Tổng quan về wordpress 12 Công nghệ Responsive Web Design Ngôn ngữ mô hình hóa... mẫu mã chủng loại theo yêu cầu của khách hàng Tất cả sản phẩm trong doanh nghiệp đều được làm từ các loại gỗ tự nhiên, có giá trị cũng như công năng rất cao như: trắc, cẩm, mun, hương, gụ, So với các doanh nghiệp sản xuất đồ gỗ mỹ nghệ trên địa bài tỉnh Bắc Giang và trên cả nước thì Dũng Thành có quy mô vừa và nhỏ, tuy nhiên doanh 30 nghiệp đã đáp ứng được đầy đủ mẫu mã chủng loại theo yêu cầu của khách... phẩm cho sản phẩm của doanh nghiệp Dũng Thành được mọi người biết đến nhiều hơn 2.1.1.2 Quy trình hoạt động của doanh nghiệp Các sản phẩm của doanh nghiệp được giới thiệu và bán hàng thông qua hình thức truyền miệng, hạn chế này ảnh hưởng rất lớn đến việc quảng bá sản phẩm và mở rộng thị trường hoạt động của doanh nghiệp Việc giới thiệu sản phẩm và cách bán hàng đóng một vai trò quan trọng trong việc doanh. .. sơ đồ chức năng của website - Hoàn thiện hệ thống báo cáo, đánh giá kết quả đạt được và các mặt hạn chế của chương trình, đồng thời đưa ra giải pháp cũng như hướng mở rộng của chương trình *Phương pháp nghiên cứu - Khảo sát thực trạng tại doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành - Thu thập các yêu cầu từ phía người dùng - Phân tích thiết kế hệ thống theo yêu cầu của người dùng - Nghiên cứu các công cụ xây. .. từng khách hàng, đồ gỗ mỹ nghệ Dũng Thành còn sản xuất mở rộng thêm về các mặt hàng hiện đại phù hợp với phong cách phương tây hay tân cổ điển như: nội thất văn phòng, công trình, biệt thự… Trong thực tế thì doanh nghiệp vẫn hiện chưa có website giới thiệu sản phẩm, các mặt hàng mới chỉ được giới thiệu thông qua truyền miệng Chính vì vậy mà đề tài này em muốn đưa tin học vào để xây dựng website giới thiệu... doanh nghiệp, nó mang lại những lợi thế không thể phủ nhận Trừ phi kinh doanh một mình, tự bán hàng cho mình, nếu không, muốn phát triển dứt khoát cần phải có một website Thiết lập sự hiện diện Doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành là doanh nghiệp vừa và nhỏ nhưng sản phẩm ngày càng được công nhận về chất lượng và số lượng các mặt hàng đa mẫu mã Do chỉ sử dụng cách giới thiệu thủ công nên việc giới thiệu ... thiệu doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành Doanh nghiệp Đồ Gỗ Mỹ Nghệ Dũng Thành số 53 - đường Xương Giang - Phường Xương Giang -Thành phố Bắc Giang- Bắc Giang thành lập năm 2010 với doanh nghiệp. ..LỜI CAM ĐOAN Em xin cam đoan: Toàn nội dung đồ án tốt nghiệp Xây dựng website cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành –Bắc Giang” Do em tự học tập, tìm hiểu từ trình học tập... dụng thực xây dựng website giới thiệu sản phẩm bán hàng cho doanh nghiệp đồ gỗ mỹ nghệ Dũng Thành  Nội dung đề tài gồm chương: Chương Tổng quan sở lý thuyết Tổng quan wordpress 12 Công nghệ Responsive