Xây dựng website Nội thất sử dụng framework wordpress

CHƯƠNG I. TỔNG QUAN VỀ ĐỀ TÀI...............................................................21.1 Giới thiệu đề tài...................................................................................................21.1.1 Đặt vấn đề.......................................................................................................21.1.2 Tên đề tài ........................................................................................................21.1.3 Mục tiêu đề tài ................................................................................................21.1.4 Phạm vi của đề tài...........................................................................................31.1.5 Phương pháp tiếp cận, lựa chọn công nghệ ....................................................31.2 Tổng quan về famework wordpress ..................................................................31.2.1 Tìm hiểu vể frame wordpress .........................................................................31.2.2. Cách sử dụng frame wordpress .....................................................................51.3 Khảo sát công ty TNHH nội thất imax............................................................151.3.1. Giới thiệu về công ty ...................................................................................151.3.2 Quy trình sản xuất của xưởng :.....................................................................15CHƯƠNG 2: KHẢO SÁT HỆ THỐNG ...............................................................172.1. Khảo sát hoạt động nghiệp vụ.........................................................................172.1.1. Sơ đồ quy trình hoạt động nghiệp vụ...........................................................172.1.2. Mô tả quy trình hoạt động nghiệp vụ ..........................................................182.2. Đặc tả yêu cầu...................................................................................................18CHƯƠNG III. PHÂN TÍCH HỆ THỐNG...........................................................193.1 Xác định các đối tượng sử dụng trong hệ thống. ...........................................193.2. Các chức năng của hệ thống. ..........................................................................193.2.1. Guest (Khách vãng lai). ...............................................................................193.2.2 Member (Thành viên)...................................................................................243.2.3 Admin ...........................................................................................................253.3. Thiết kế hệ thống..............................................................................................313.3.1 Biểu đồ phân cấp chức năng.........................................................................313.3.2. Biểu đồ luồng dữ liệu: .................................................................................32

Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương MỤC LỤC LỜI CẢM ƠN 1 CHƯƠNG I. TỔNG QUAN VỀ ĐỀ TÀI 1 1.1 Giới thiệu đề tài 1 1.1.2 Tên đề tài 2 1.1.3 Mục tiêu đề tài 2 1.1.4 Phạm vi của đề tài 2 1.1.5 Phương pháp tiếp cận, lựa chọn công nghệ 2 1.2 Tổng quan về famework wordpress 3 1.2.1 Tìm hiểu vể frame wordpress 3 Wordpress là gì? 3 Nét nổi bật của wordpress 3 Lý do sử dụng wordpress xây dựng noithatimax 4 1.2.2. Cách sử dụng frame wordpress 4 1.2.2.1. Tìm hiểu cách sử dụng wordpress 4 1.2.2.2. Tạo theme và viết plugin 9 1.3 Khảo sát công ty TNHH nội thất imax 14 CHƯƠNG III. PHÂN TÍCH HỆ THỐNG 19 3.1 Xác định các đối tượng sử dụng trong hệ thống 19 3.2. Các chức năng của hệ thống 19 3.2.1. Guest (Khách vãng lai) 20 3.2.2 Member (Thành viên) 23 3.2.3 Admin 25 3.3. Thiết kế hệ thống 31 3.3.2. Biểu đồ luồng dữ liệu: 32 Tác nhân ngoài được biểu diễn bằng hình chữ nhật, bên trong ghi tên tác nhân ngoài. 33 Trong BLD này gồm có 2 tác nhân ngoài: admin ,thành viên và khách vãng lai. 33 3.4 Thiết kế cơ sở dữ liệu 42 SVTH: Nguyễn Văn Hội Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương 3.4.1 Thiết kế các bảng cơ sở dữ liệu 42 CHƯƠNG IV: HƯỚNG DẪN SỬ DỤNG 50 4.1. Yêu cầu hệ thống 50 1. Yêu cầu phần cứng 50 2. Yêu cầu phần mềm 50 4.2. Hướng dẫn cài đặt : 50 4.3. Một số giao diện hệ thống 51 4.3.1. Giao diện websites 51 4.3.2. Giao diện trang quản trị 59 TỔNG KẾT 60 1. Ưu điểm 60 2. Nhược điểm 60 3. Một số kết quả đạt được : 60 4. Hướng phát triển : 60 SVTH: Nguyễn Văn Hội Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương DANH MỤC ẢNH LỜI CẢM ƠN 1 CHƯƠNG I. TỔNG QUAN VỀ ĐỀ TÀI 1 1.1 Giới thiệu đề tài 1 1.1.2 Tên đề tài 2 1.1.3 Mục tiêu đề tài 2 1.1.4 Phạm vi của đề tài 2 1.1.5 Phương pháp tiếp cận, lựa chọn công nghệ 2 1.2 Tổng quan về famework wordpress 3 1.2.1 Tìm hiểu vể frame wordpress 3 Wordpress là gì? 3 Nét nổi bật của wordpress 3 Lý do sử dụng wordpress xây dựng noithatimax 4 1.2.2. Cách sử dụng frame wordpress 4 1.2.2.1. Tìm hiểu cách sử dụng wordpress 4 Cài đặt wordpress 4 Công cụ cần thiết: 4 Làm việc với wp-admin 6 Cài đặt plugin 9 1.2.2.2. Tạo theme và viết plugin 9 Tạo theme: 9 Bước 1 9 Bước 2 13 Bước 3 13 Bước 4 14 Bước 5 14 1.3 Khảo sát công ty TNHH nội thất imax 14 CHƯƠNG III. PHÂN TÍCH HỆ THỐNG 19 3.1 Xác định các đối tượng sử dụng trong hệ thống 19 3.2. Các chức năng của hệ thống 19 3.2.1. Guest (Khách vãng lai) 20 Tìm kiếm sản phẩm nội thất 20 Xem chi tiết thông tin sản phẩm nội thất 20 Xem tin tức trên site 21 SVTH: Nguyễn Văn Hội Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Đăng ký làm thành viên của site 21 Gửi nội dung cần tư vấn 21 Liên hệ 22 Đặt hàng 22 Download bảng báo giá 23 3.2.2 Member (Thành viên) 23 Đăng nhập 23 Đăng xuất 24 Thay đổi thông tin cá nhân 25 Thay đổi mật khẩu 25 3.2.3 Admin 25 Quản trị người dùng 25 Quản lý sản phẩm 26 Quản lý danh mục sản phẩm 27 Quản lý quảng cáo 27 Quản lý “tin tức” 28 Quản lý “phong thuỷ” 28 Quản lý “Công trình đã thực hiện” 28 Quản lý thông tin “tuyển dụng” 29 Quản lý “Báo giá” 29 Quản lý “hỗ trợ tư vấn” 29 Quản trị banner trang chủ 29 Quản lý “online catalogue” 30 Quản lý ảnh danh mục footer 31 3.3. Thiết kế hệ thống 31 3.3.2. Biểu đồ luồng dữ liệu: 32 Tác nhân ngoài được biểu diễn bằng hình chữ nhật, bên trong ghi tên tác nhân ngoài. 33 Trong BLD này gồm có 2 tác nhân ngoài: admin ,thành viên và khách vãng lai. 33 3.3.2.1. Biểu đồ luồng dữ liệu mức ngữ cảnh 35 3.3.2.3. Biểu đồ luồng dữ liệu mức dưới đỉnh 39 Phân rã chức năng 1: “quản lý sản phẩm” 39 Phân rã chức năng 2: “quản lý thông tin” 40 Phân rã chức năng 3: “quản lý người dùng” 41 Hình 11:biểu đồ phân rã chức năng 3: “quản lý người dùng” 41 3.4 Thiết kế cơ sở dữ liệu 42 3.4.1 Thiết kế các bảng cơ sở dữ liệu 42 wp_users: 42 wp_usermeta: 42 wp_terms 43 wp_term_relationships 43 wp_posts 44 wp_term_taxonomy 44 wp_contact_form_7 45 wp_comments 45 SVTH: Nguyễn Văn Hội Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương wp_commentmeta 46 wp_eshop_orders 47 wp_ig_caticons 47 wp_options 48 CHƯƠNG IV: HƯỚNG DẪN SỬ DỤNG 50 4.1. Yêu cầu hệ thống 50 1. Yêu cầu phần cứng 50 2. Yêu cầu phần mềm 50 4.2. Hướng dẫn cài đặt : 50 4.3. Một số giao diện hệ thống 51 4.3.1. Giao diện websites 51 Giao diện trang chủ 51 Giao diện trang funiture (danh mục cấp hai) 52 Giao diện trang furniture (danh mục cấp ba) 53 Giao diện trang đăng kí thành viên 54 Giao diện trang decoration 55 Giao diện trang hỗ trợ tư vấn 56 Giao diện trang liên hệ 57 Giao diện hiển thị trang tin 58 4.3.2. Giao diện trang quản trị 59 Trang wp-admin 59 Trang thêm bài viết 59 TỔNG KẾT 60 1. Ưu điểm 60 2. Nhược điểm 60 3. Một số kết quả đạt được : 60 4. Hướng phát triển : 60 SVTH: Nguyễn Văn Hội Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương LỜI CẢM ƠN Sau hơn 4 tháng tìm hiểu và thực hiện đề tài “Xây dựng website Nội thất sử dụng framework wordpress” đã cơ bản hoàn thành. Để đạt được kết quả này, với một framework rất mới và chưa thực sự có nhiều người nhận thấy được điểm mạnh của frame, em đã nỗ lực hết sức đồng thời nhận được rất nhiều sự quan tâm, giúp đỡ, ủng hộ của các thầy cô, bạn bè và gia đình. Em xin bầy tỏ sự biết ơn sâu sắc đến các thầy cô Khoa Công Nghệ Thông Tin – Trường Đại Học Kinh Tế Quốc Dân đã tận tình giảng dạy, trang bị cho em những kiến thức quý báu trong những năm học vừa qua. Em xin gửi lời cảm ơn chân thành tới cô Cao Thị Thu Hương đã tận tình giúp đỡ, hướng dẫn em hoàn thành đề tài này. Tôi xin chân thành cảm ơn tới tất cả các bạn đã tham gia đóng góp ý kiến giúp tôi hoàn thiện hơn đề tài này. Đồ án đã được hoàn thành với một số kết quả nhất định, tuy nhiên vẫn không tránh khỏi sai sót. Rất mong nhận được sự thông cảm đóng góp ý kiến của thầy cô và các bạn. Hà Nội, ngày 14 tháng 5 năm 2012 Sinh viên thực hiện Nguyễn Văn Hội CHƯƠNG I. TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài 1.1.1 Đặt vấn đề SVTH: Nguyễn Văn Hội Lớp: CNTT 49B 1 Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Hiện nay, công nghệ thông tin đang phát triển mạnh mẽ, mọi thông tin có thể trao đổi với nhau thông qua mạng internet. Mỗi khi cần tìm kiếm thông tin về một doanh nghiệp, một tổ chức, hay đơn giản chỉ là một mặt hàng, một thông tin gì đó cần cho cá nhân, biện pháp thông dụng đầu tiên được nghĩ tới là internet và các bộ máy tìm kiếm. Xuất phát từ nhu cầu thực tiễn lên đã có hàng loạt website của các đơn vị, tổ chức, doanh nghiệp được xây dựng nhằm phục vụ nhu cầu mục đích riêng. Nhất là các doanh nghiệp, các công ty nhằm quảng bá cho tên tuổi của mình. Websites noithatimax được xây dựng dựa trên framework wordpress. Đây là một hệ CMS khá tốt, được sử dụng nhắm vào những công ty, những tổ chức, hay những cá nhân muốn xây dựng một thương hiệu hay chỉ đơn giản là giới thiệu về cá nhân thông qua internet. 1.1.2 Tên đề tài Xây dựng website nội thất cho Công ty TNHH Nội thất Imax dựa trên framework wordpress. 1.1.3 Mục tiêu đề tài Xây dựng website một cách nhanh chóng, đầy đủ chức năng, dễ hiểu, thân thiện với người sử dụng,có giao diện và có nhiều hiệu ứng đẹp. Như vậy cần giải quyết những vấn đề sau: - Nghiên cứu framework wordpress. - Tìm hiểu những yêu cầu mà một trang thiết kế về nội thất phải có. - Thiết kế hoàn thành website với chức năng, giao diện đẹp, bắt mắt người dùng. 1.1.4 Phạm vi của đề tài Đối tượng được nhắm tới là các doanh nghiệp, các tổ chức, các cá nhân muốn xây dựng website để quảng bá thương hiệu, sản phẩm… 1.1.5 Phương pháp tiếp cận, lựa chọn công nghệ Website xây dựng sử dụng: SVTH: Nguyễn Văn Hội Lớp: CNTT 49B 2 Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương - ngôn ngữ php ( cụ thể là framework wordpress). - Mysql - Ajax và Jquery. 1.2 Tổng quan về famework wordpress 1.2.1 Tìm hiểu vể frame wordpress Wordpress là gì? WordPress là một hệ thống xuất bản blog viết bằng ngôn ngữ lập trình PHP 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ên WordPress được đề xuất bởi Christine Selleck, một người bạn của nhà phát triển chính Matt Mullenweg. Phiên bản mới nhất của WordPress được cập nhật liên tục trên wordpress.org Hiện nay, Wordpress là một Blog Platform (hay Blog Software) rất được ưa chuộng trên thế giới. (Cộng đồng Blogger Việt Nam cũng có không ít người dùng). Nét nổi bật của wordpress • Việc quản lý các bài viết rất thuận tiện giống như các phần mề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ố truy nhậ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ài viết trong từng tháng Có rất nhiều theme để người dùng lựa chọn. SVTH: Nguyễn Văn Hội Lớp: CNTT 49B 3 Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương • Các comment có thể duyệt rồi mới cho đăng, comment nào có nội dung không phù hợp có thể xóa, nếu cho là spam thì sau này IP đó không có thể gửi comment vào blog được nữa. • Sao lưu dữ liệu nhằm khôi phục nội dung blog một cách dễ dàng. • WordPress hỗ trợ 3 GB để lưu trữ các tệp hình ảnh và văn bản. Lý do sử dụng wordpress xây dựng noithatimax Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file wp- config.php. 1. Dễ quản lý nội dung, như tạo các chủ đề, quản lý comment, lưu trữ bài viết và chỉnh sửa cho lần sau. 2. Khả năng tương tác cao giữa người đọc và người viết thông qua tính năng comment. 3. Cung cấp rất nhiều plugins, đây thực sự là điểm mạnh của Wordpress. 4. Tích hợp tốt với các search engine như Google, Yahoo. Khi bắt tay vào làm một trang web, hiện nay có rất nhiều framework cho bạn lựa chọn. Bạn có thể chọn một loại framework thương mại (phải trả tiền), hoặc một framework miễn phí, và việc đầu tiền là bạn phải lựa chọn một công cụ phù hợp nhất với nhu cầu của mình. Wordpress khi xây dựng lên chỉ với mục đích là ứng dụng cho viết blog. Nó là một hệ thống CMS (Content Manager System), nhưng vì nó là một mã nguồn mở lên không chỉ dừng lại ở việc viết blog nó còn là một Framework để xây dựng lên một trang web rất mạnh và rất phổ biến hiện nay. Với mục đích xây dựng một website cho công ty thiết kế nội thất Imax với những yêu cầu đẹp, dễ sử dụng, thân thiện với khách hàng, giao diện bắt mắt… quả thật wordpress là một sự lựa chọn tốt nhất. 1.2.2. Cách sử dụng frame wordpress 1.2.2.1. Tìm hiểu cách sử dụng wordpress Cài đặt wordpress Công cụ cần thiết: - Appserver, wampserver,… - Mã nguồn wordpress (download tại địa chỉ wordpress.org ). SVTH: Nguyễn Văn Hội Lớp: CNTT 49B 4 Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Cài đặt : - Bước 1: Tạo một database. - Bước 2: Copy toàn bộ thư mục wordpress vừa mới giải nén vào trong thư mục D:\ AppServ\www ( nếu Appserver được cài đặt trên ổ D). - Bước 3: Gõ vào trình duyệt đường dẫn đến trang web, ở đây là http://localhost/noithatimax Hình 1 Nhập thông tin blog title, email Và đây là kết quả: SVTH: Nguyễn Văn Hội Lớp: CNTT 49B 5 [...]... tiêu đề tin tức, tóm tắt nội dung, nội dung, ngày đăng 2.2 ĐẶC TẢ YÊU CẦU -Xây dựng một website có giao diện đẹp,dễ sử dụng -Có đầy đủ các chức năng như:tìm kiếm và xem thông tin sp,xem tin tức về nội thất, đăng kí thành viên.đặt hàng online,hỗ trợ tư vấn cho khách hàng -tìm kiếm theo:tên sp.mã sp,danh mục sp,giá sp SVTH: Nguyễn Văn Hội 18 Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao... dấu “;” để đóng chính nó Bước 5 Sử dụng hàm: để hiển thị bài viết 1.3 Khảo sát công ty TNHH nội thất imax 1.3.1 Giới thiệu về công ty Tên công ty:CÔNG TY TNHH NỘI THẤT IMAX SVTH: Nguyễn Văn Hội 14 Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương VPGD-showroom: Số 148, Phố Hoàng Ngân, Trung Hòa, Cầu Giấy, Hà Nội Chi nhánh: Số 823 Huỳnh Tấn Phát,.. .Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Hình 2 Giao diện mặc định khi cài xong wordpress Làm việc với wp-admin Login bằng tài khoản Admin của mình Trang wp-admin có hình như dưới: SVTH: Nguyễn Văn Hội 6 Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Hình 3 Giao diện quản lý bài biết của wordpress Trong hình có... kiếm, nếu WordPress không tìm thấy tập tin có cấp độ ưu tiên cao hơn nó sẽ tìm các bản mẫu có độ ưu tiên thấp hơn và cuối cùng WordPress sẽ sử dụng bản mẫu index.php, đó là lí do vì sao theme chỉ có 2 tập tin style.css và index.php vẫn hoạt động SVTH: Nguyễn Văn Hội 11 Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Hình 4 Mô hình cấu trúc hoạt động của wordpress. .. Nguyễn Văn Hội 23 Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Đăng xuất Mô tả Cho phép thành viên thoát khỏi hệ thống Thông tin đầu vào Lựa chọn thoát khỏi hệ thống Xử lý Xóa Session Người Dùng Dữ liệu liên quan Thông tin đầu ra SVTH: Nguyễn Văn Hội Hiển thị thông báo trong trường hợp đăng xuất 24 Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao... upload sẽ xuất hiện ở đây, sử dụng theme nào bạn Active (kích hoạt theme đó) hoặc có thể xem trước/ xóa theme + Widget: Gồm những phần nhỏ, thường xuất hiện trên rất nhiều trang web như: Hộp tìm kiếm, Văn bản, Liên kết, Tag… sử dụng cái gì, bạn cứ kéo thả chuột sang phần slide bar là được Widget rất quan trọng Hãy tận dụng tối ưu công cụ Text + Editor: Chỉnh sửa theme, chỉnh sửa các file của theme trực... Administrator: Toàn quyền SVTH: Nguyễn Văn Hội 8 Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương + Editor: có quyền hành trên rất nhiều phương diện, giống như SMOD vậy, họ có thể sửa, xóa bài của người khác… + Author: Được phép viết và sửa bài của mình + Contributor: + Writing: + Reading: + Discussion: + Media: Chỉnh sửa kích thước media được post lên + Privacy: Nếu muốn... 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Thuật ngữ • Template: Là một một bộ code mà người lập trình có thể dùng ở nhiều nơi mà không cần phải code lại • Template file: Là một tập tin chứa một hoặc nhiều bộ code (Template) Mỗi trang có thể tạo ra nhiều tập tin mẫu VD: index.php, style.css, sidebar.php,.v.v • Theme or WordPress theme: Tất cả các tập tin mà đang sử dụng: ... Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương Xem tin tức trên site Mô tả Xem các tin tức được đăng tải từ site bao gồm các tin tức liên quan tới nội thất, xu hướng nội thất, thông tin tuyển dụng, thông tin báo giá nội thất, giới thiệu về công ty, đặt hàng sản phẩm… giúp cho bạn có những thông tin bổ ích để chọn sản phẩm dễ dàng hơn Thông tin đầu vào Chọn loại tin, chọn tin muốn đọc... ý: WordPress theme và Wordpress Template là hai thứ khác nhau Mặc dù một số người cho rằng chúng như nhau • Post: Nó đơn giản chỉ là một bài viết Cấu trúc WordPress hoạt động dựa trên cấu trúc phân cấp và tìm kiếm tập tin trong giao diện để xác định tập tin nào cần được sử dụng; ví dụ khi xem một trang, WordPress sẽ tìm tập tin theo thứ tự pagename.php, page.php, index.php; hay khi vào trang chủ, WordPress . Lớp: CNTT 49B Website noithatimax sử dụng framework wordpres GVHD:ThS.Cao Thu Hương LỜI CẢM ƠN Sau hơn 4 tháng tìm hiểu và thực hiện đề tài Xây dựng website Nội thất sử dụng framework wordpress . về famework wordpress 3 1.2.1 Tìm hiểu vể frame wordpress 3 Wordpress là gì? 3 Nét nổi bật của wordpress 3 Lý do sử dụng wordpress xây dựng noithatimax 4 1.2.2. Cách sử dụng frame wordpress 4 1.2.2.1 về famework wordpress 3 1.2.1 Tìm hiểu vể frame wordpress 3 Wordpress là gì? 3 Nét nổi bật của wordpress 3 Lý do sử dụng wordpress xây dựng noithatimax 4 1.2.2. Cách sử dụng frame wordpress 4 1.2.2.1.