ĐẠI HỌC ĐÀ NẴNG TRƢỜNG ĐẠI HỌC SƢ PHẠM KHOA TIN HỌC LUẬN VĂN TỐT NGHIỆP NGÀNH CỬ NHÂN CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG WEBSITE TƢ VẤN THỜI TRANG DÀNH CHO PHỤ NỮ EVAMODE Giảng viên hƣớng dẫn : Ths NGUYỄN THANH TUẤN Sinh viên thực : NGUYỄN THỊ THANH HÒA Lớp : 11CNTT1 Đà Nẵng, Năm 2015 LỜI CẢM ƠN Lời đầu tiên, em xin bày tỏ lòng biết ơn chân thành sâu sắc đến tất quý thầy cô khoa Tin học trường đại học Sư phạm - ĐH Đà Nẵng, người tận tình giúp đỡ, truyền đạt kiến thức cho em suốt năm học Đại học Đặc biệt em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Thanh Tuấn, người Thầy ln nhiệt tình giúp đỡ hướng dẫn em suốt thời gian thực đề tài luận văn vừa qua Em xin chân thành cảm ơn ban lãnh đạo công ty TNHH Tin học & Thương mại AsNet, anh chị công ty tạo điều kiện, tận tình dạy nhiệt tình giúp đỡ em thực tốt đề tài Đồng thời gửi lời cảm ơn đến tất bạn sinh viên khóa tập thể lớp 11CNTT1 khoa Tin học - Trường ĐH Sư Phạm - ĐH Đà Nẵng ủng hộ, giúp đỡ, chia sẻ kiến thức kinh nghiệm thời gian qua Và để có kết ngày hơm nay, em biết ơn gia đình ln ủng hộ, động viên, khích lệ tạo điều kiện thuận lợi cho em suốt trình học tập trình thực luận văn tốt nghiệp Mặc dù em cố gắng, nỗ lực hồn thành tốt luận văn tốt nghiệp Tuy nhiên, kinh nghiệm vốn kiến thức hạn chế nên khơng tránh khỏi thiếu sót Em mong nhận góp ý, nhận xét thầy cô bạn Em xin chân thành cảm ơn ! Sinh viên Nguyễn Thị Thanh Hòa LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo thực hướng dẫn trực tiếp thầy Nguyễn Thanh Tuấn Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên Nguyễn Thị Thanh Hòa NHẬN XÉT CỦA GIẢNG VIÊN HƢỚNG DẪN … Đà Nẵng, ngày….tháng….năm 2015 GIẢNG VIÊN HƢỚNG DẪN (Ký, ghi rõ họ tên) NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN … Đà Nẵng, ngày….tháng….năm 2015 GIẢNG VIÊN PHẢN BIỆN (Ký, ghi rõ họ tên) MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT i DANH MỤC BẢNG iii DANH MỤC HÌNH iv MỞ ĐẦU 1 Tính cấp thiết đề tài Mục đích nghiên cứu Đối tƣợng phạm vi nghiên cứu Phƣơng pháp nghiên cứu Bố cục đề tài CHƢƠNG CƠ SỞ LÝ THUYẾT 1.1 TÌM HIỂU VỀ HTML 1.1.1 HTML 1.1.2 HTML5 1.2 TÌM HIỂU VỀ CSS 1.2.1 Khái niệm CSS 1.2.2 Cú pháp CSS 10 1.2.3 Cách khai báo 11 1.2.4 CSS3 12 1.3 JAVASCRIPT 13 1.3.1 Khái niệm 13 1.3.2 Cú pháp 13 1.3.3 Cách nhúng JavaScript vào trang HTML 15 1.4 Twitter Bootstrap 16 1.4.1 Sơ lƣợc Twitter Bootstrap 16 1.4.2 Cách sử dụng 17 1.4.3 Bộ công cụ Twitter Bootstrap 17 1.5 TÌM HIỂU VỀ JQUERY 18 1.5.1 jQuery gì? 18 1.5.2 Tại nên dùng jQuery 18 1.5.3 Cách áp dụng jQuery vào trang web 18 1.6 AJAX 19 1.6.1 Định nghĩa 19 1.6.2 Phƣơng thức hoạt động 20 1.6.3 Ƣu nhƣợc điểm 20 1.7 MÔ HÌNH MVC 21 1.7.1 MVC gì? 21 1.7.2 Các thành phần mơ hình MVC 21 1.7.3 Cách làm việc mô hình MVC 23 1.7.4 Ƣu nhƣợc điểm mơ hình MVC 24 1.8 PHP 24 1.8.1 Khái niệm PHP 24 1.8.2 PHP framework 25 1.8.3 Laravel framework 26 1.9 MySQL 27 1.9.1 MySQL gì? 27 1.9.2 Tại lại sử dụng MYSQL? 28 CHƢƠNG 30 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 30 2.1 PHÂN TÍCH BÀI TOÁN 30 2.1.1 Yêu cầu toán 30 2.1.2 Cơ sở tƣ vấn 31 2.2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 36 2.2.1 Sơ đồ Use Case 36 2.2.2 Mơ hình chức 39 2.2.3 Sơ đồ phân rã chức 41 2.2.4 Biểu đồ luồng liệu mức 43 2.3 THIẾT KẾ CƠ SỞ DỮ LIỆU 48 2.3.1 Đặc tả liệu 48 2.3.2 Sơ đồ thực thể quan hệ 57 2.3.3 Lƣợc đồ quan hệ thực thể 58 CHƢƠNG 59 TRIỂN KHAI XÂY DỰNG WEBSITE VÀ ĐÁNH GIÁ 59 3.1 TRIỂN KHAI THỰC HIỆN 59 3.1.1 Trang chủ 59 3.1.2 Pop up đăng nhập, đăng ký, khôi phục mật 60 3.1.3 Trang bƣớc cung cấp thông tin tƣ vấn 62 3.1.4 Trang hiển thị kết 67 3.1.5 Trang chủ ngƣời dùng 68 3.1.6 Trang lịch sử tƣ vấn 69 3.1.7 Trang chỉnh sửa thông tin ngƣời dùng 69 3.1.8 Trang xem số 70 3.1.9 Trang chuyên mục “Góc Eva” 71 3.1.10 Trang cẩm nang tƣ vấn 72 3.1.11 Trang chủ quản trị website 72 3.1.12 Trang quản lý quy tắc 73 3.1.13 Trang thêm quy tắc 74 3.1.14 Trang cập nhật quy tắc 74 3.1.15 Trang quản lý ngƣời dùng 75 3.1.16 Trang thêm ngƣời dùng 75 3.1.17 Trang cập nhật thông tin ngƣời dùng 76 3.1.18 Trang quản lý viết 76 3.1.19 Trang thêm viết 77 3.1.20 Trang cập nhật viết 78 3.1.21 Trang quản lý góp ý lời khuyên ngƣời dùng 78 3.1.22 Trang cập nhập lời khuyên dựa vào góp ý ngƣời dùng 79 3.2 ĐÁNH GIÁ KẾT QUẢ 80 KẾT LUẬN 81 KẾT QUẢ ĐẠT ĐƢỢC 81 1.1 Kiến thức lý thuyết 81 1.2 Những kinh nghiệm thực tiễn 81 1.3 Sản phẩm website 82 HƢỚNG PHÁT TRIỂN 82 TÀI LIỆU THAM KHẢO 83 69 3.1.6 Trang lịch sử tƣ vấn Hình 12: Giao diện trang lịch sử tƣ vấn Trang lịch sử tƣ vấn hiển thị thông tin tất lần tƣ vấn ngƣời dùng Ngƣời dùng xem chi tiết lần tƣ vấn nhƣ xóa tƣ vấn 3.1.7 Trang chỉnh sửa thơng tin ngƣời dùng Hình 13: Giao diện trang chỉnh sửa thông tin ngƣời dùng 70 Ở trang chỉnh sửa thơng tin ngƣời dùng, ngƣời dùng chỉnh sửa thơng tin cá nhân thực thay đổi mật 3.1.8 Trang xem số Hình 14: Giao diện trang xem số Trang số hiển thị số ngƣời dùng tính đƣợc dựa vào chiều cao cân nặng mà ngƣời dùng cung cấp, bao gồm: tình trạng cân nặng, cân nặng lý tƣởng lƣợng thể 71 3.1.9 Trang chun mục “Góc Eva” Hình 15: Giao diện trang chuyên mục “Góc Eva” Hiển thị viết theo chuyên mục “Góc Eva” 72 3.1.10 Trang cẩm nang tƣ vấn Hình 16: Giao diện trang cẩm nang tƣ vấn Trang cẩm nang tƣ vấn hiển thị quy tắc chung cách chọn quần áo theo số khía cạnh nhƣ: chất liệu, phụ kiện, màu sắc, kiện… 3.1.11 Trang chủ quản trị website Hình 17: Giao diện trang chủ quản trị website 73 Trang chủ quản trị có chức năng: Quản lý quy tắc, quản lý ngƣời dùng, quản lý viết, quản lý góp ý lời khuyên ngƣời dùng, thay đổi mật quản trị viên đến website Evamode 3.1.12 Trang quản lý quy tắc Hình 18: Giao diện trang quản lý quy tắc Trang quản lý quy tắc hiển thị danh sách quy tắc có chức năng: xem, thêm mới, cập nhật xóa quy tắc 74 3.1.13 Trang thêm quy tắc Hình 19: Giao diện trang thêm quy tắc Tại trang thêm quy tắc, ngƣời dùng thêm quy tắc vào hệ thống cách nhập thông tin quy tắc chọn “Tạo mới” Hệ thống kiểm tra, quy tắc tồn thông báo tạo không thành công 3.1.14 Trang cập nhật quy tắc Hình 20: Giao diện trang cập nhật quy tắc 75 Tại trang cập nhập quy tắc, ngƣời dùng chỉnh sửa thơng tin quy tắc 3.1.15 Trang quản lý ngƣời dùng Hình 21: Giao diện trang quản lý ngƣời dùng Trang quản lý ngƣời dùng hiển thị danh sách ngƣời dùng có chức năng: xem, thêm mới, sửa xóa thông tin ngƣời dùng 3.1.16 Trang thêm ngƣời dùng Hình 22: Giao diện trang thêm ngƣời dùng 76 Quản trị viên nhập thơng tin ngƣời dùng thêm trang thêm ngƣời dùng 3.1.17 Trang cập nhật thơng tin ngƣời dùng Hình 23: Giao diện trang cập nhật thông tin ngƣời dùng Quản trị viên thay đổi thơng tin trạng thái, vai trò ngƣời dùng trang cập nhập thông tin ngƣời dùng 3.1.18 Trang quản lý viết Hình 24: Giao diện trang quản lý viết 77 Tƣơng tự trang quản lý quy tắc quản lý ngƣời dùng, trang quản lý viết hiển thị danh sách viết có chức xem, thêm, sửa, xóa viết 3.1.19 Trang thêm viết Hình 25: Giao diện trang thêm viết Trang thêm viết cho phép quản trị viên nhập thông tin viết tạo mới, viết tồn hệ thống thông báo viết tồn không tạo 78 3.1.20 Trang cập nhật viết Hình 26: Giao diện trang cập nhật viết Quản trị viên cập nhập thông tin viết 3.1.21 Trang quản lý góp ý lời khuyên ngƣời dùng Hình 27: Giao diện trang quản lý lời khuyên ngƣời dùng 79 Trang quản lý góp ý lời khuyên ngƣời dùng hiển thị danh sách góp ý ngƣời dùng có chức cập nhập lời khuyên, xóa góp ý 3.1.22 Trang cập nhập lời khuyên dựa vào góp ý ngƣời dùng Hình 28: Giao diện trang cập nhật lời khuyên dựa vào góp ý ngƣời dùng Tại trang cập nhập lời khuyên, hiển thị tên ngƣời dùng góp ý, đặc điểm chi tiết mà ngƣời dùng góp ý, nội dung góp ý lời khuyên hệ thống Quản trị viên xem xét, đánh giá nội dung góp ý cập nhập trực tiếp lời khuyên 80 3.2 ĐÁNH GIÁ KẾT QUẢ Website Evamode Các website tƣ vấn thời trang khác - Cho lời khuyên chọn quần áo - Hầu nhƣ chƣa có website nhiều chi tiết đặc điểm tƣơng cho lời khuyên cách chọn ứng với đặc điểm ngƣời dùng Đặc điểm - Đáp ứng đƣợc nhu cầu tƣ vấn cho ngƣời dùng nhiều đặc điểm nhằm tiết kiệm thời gian quần áo nhiều đặc điểm cho ngƣời dùng, website dừng lại viết cách ăn mặc chung vài đặc điểm, khía cạnh - Có nhiều chức mang - Chỉ đƣa viết tính tƣơng tác cao với ngƣời chung, khơng có tính tƣơng tác dùng Phân tích - Là hệ thống mở cho phép ngƣời dùng góp ý lời khuyên nên lời khuyên có tính xác thực, cập nhập gần với ngƣời dùng với ngƣời dùng 81 KẾT LUẬN KẾT QUẢ ĐẠT ĐƢỢC 1.1 Kiến thức lý thuyết Sau thời gian dài nghiên cứu, tìm hiểu cơng nghệ xây dựng website em củng cố lại kiến thức đƣợc học áp dụng chúng vào thực tế để thực tốt đề tài Đây hội để em xây dựng website với đầy đủ quy trình đƣợc học gần năm qua, với kinh nghiệm có đƣợc đợt thực tập cuối khóa, củng cố phát triển đáng kể kỹ lập trình quy trình xây dựng dự án Biết cách ứng dụng công nghệ vào việc xây dựng website khắc phục đƣợc số lỗi phát sinh trình thực 1.2 Những kinh nghiệm thực tiễn Tích lũy đƣợc kinh nghiệm việc tự học tự nghiên cứu, đƣợc làm quen làm việc trực tiếp môi trƣờng chuyên nghiệp Rút đƣợc nhiều kinh nghiệm quý báu trình thực đề tài, học đƣợc cách tự nghiên cứu tài liệu, học đƣợc phong cách làm việc môi trƣờng chuyên nghiệp Xác định đƣợc yêu cầu thực tiễn từ ngƣời dùng biết đƣợc website cần Quá trình làm đồ án tốt nghiệp công ty TNHH Tin học Thƣơng mại AsNet hội quý báu để em rèn luyện kỹ công việc nhƣ kỹ giao tiếp Đó hội lớn để em đƣợc tiếp cận với công việc ngành cử nhân công nghệ thông tin cách sâu sắc 82 1.3 Sản phẩm website - Đề tài xây dựng đƣợc hoàn chỉnh website tƣ vấn thời trang dành cho phụ nữ Evamode với chức đề HƢỚNG PHÁT TRIỂN - Mở rộng hệ thống tƣ vấn dành cho nam giới nữ giới độ tuổi để đáp ứng nhu cầu cho nhiều thành phần ngƣời dùng - Kết hợp với shop thời trang thƣơng mại điện tử để hiển thị sản phẩm tƣơng ứng với lời khuyên dành cho ngƣời dùng - Xây dựng website chạy đƣợc nhiều thiết bị với độ phân giải hình khác 83 TÀI LIỆU THAM KHẢO Sách [1] Bruce Lawson and Remy Sharp Introduce HTML5, CA 94710, 1249 Eighth Street 2011 [2] Dejan V Cancarevi Front-end Guide, ISBN 978-1-257-37903-3, 2011 [3] Hardik Dangar Learning Laravel Application Development, ISBN 978-1-78328-057-5, 2013 Website [1] http://www.w3schools.com/ [2] http://getbootstrap.com/ [3] http://twitter.github.com/bootstrap/ [4] http://laravel.com [5] http://wikipedia.org [6] http://www.calculator.net/ ... xây dựng website - Các quy tắc chọn quần áo phụ nữ - Hệ thống website tƣ vấn thời trang dành cho phụ nữ  Phạm vi nghiên cứu - Đề tài tập trung nghiên cứu việc thiết kế xây dựng hệ thống tƣ vấn. .. trên, em chọn đề tài ? ?Xây dựng website tƣ vấn thời trang dành cho phụ nữ Evamode? ?? cho luận văn tốt nghiệp 2 Mục đích nghiên cứu  Áp dụng kiến thức học đƣợc trƣờng vào việc xây dựng đề tài cụ thể:... Website tƣ vấn thời trang dành cho phụ nữ Evamode hƣớng đến đối tƣợng sử dụng phụ nữ có nhu cầu tƣ vấn, ngƣời phải chọn trang phục nhƣ cho phù hợp với đặc điểm hình thể thân Để đƣợc tƣ vấn, ngƣời