Xây dựng website tư vấn thời trang dành cho phụ nữ evamode.

ĐẠ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 hiện : 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 và sâu sắc đến tất cả quý

thầy cô khoa Tin học trường đại học Sư phạm - ĐH Đà Nẵng, những người đã tận

tình giúp đỡ, truyền đạt kiến thức cho em trong suốt 4 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 đã

luôn nhiệt tình giúp đỡ và hướng dẫn em trong suốt thời gian thực hiện đề 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, các anh chị trong công ty đã tạo điều kiện, tận tình chỉ dạy và nhiệt tình

giúp đỡ em thực hiện tốt đề tài này .

Đồng thời cũng gửi lời cảm ơn đến tất cả các bạn sinh viên cùng khóa và 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 và kinh nghiệm trong thời gian qua.

Và để có được kết quả như ngày hôm nay, em rất biết ơn gia đình đã luôn

ủng hộ, động viên, khích lệ và tạo mọi điều kiện thuận lợi nhất cho em trong suốt

quá trình học tập cũng như quá trình thực hiện luận văn tốt nghiệp này.

Mặc dù em đã cố gắng, nỗ lực hoàn thành tốt luận văn tốt nghiệp của mình.

Tuy nhiên, do kinh nghiệm và vốn kiến thức còn hạn chế nên không tránh khỏi

những thiếu sót. Em rất mong nhận được sự góp ý, nhận xét của thầy cô và cá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:

1 Những nội dung trong báo cáo này là do tôi thực hiện dưới sự hướng dẫn

trực tiếp của thầy Nguyễn Thanh Tuấn.

2 Mọi tham khảo dùng trong báo cáo này đều được 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ố.

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá,

tôi xin chịu hoàn toà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

1. Tính cấp thiết của đề tài............................................................................. 1

2. Mục đích nghiên cứu.................................................................................. 2

3. Đối tƣợng và phạm vi nghiên cứu ............................................................. 3

4. Phƣơng pháp nghiên cứu ........................................................................... 3

5. Bố cục đề tài............................................................................................... 4

CHƢƠNG 1....................................................................................................... 5

CƠ SỞ LÝ THUYẾT........................................................................................ 5

1.1. TÌM HIỂU VỀ HTML.......................................................................... 5

1.1.1. HTML............................................................................................. 5

1.1.2. HTML5........................................................................................... 6

1.2. TÌM HIỂU VỀ CSS.............................................................................. 9

1.2.1. Khái niệm CSS............................................................................... 9

1.2.2. Cú pháp của 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 về Twitter Bootstrap.......................................................... 16

1.4.2. Cách sử dụng................................................................................... 17

1.4.3. Bộ công cụ của Twitter Bootstrap .................................................. 17

1.5. TÌM HIỂU VỀ JQUERY.................................................................... 18

1.5.1. jQuery là gì? ................................................................................. 18

1.5.2. Tại sao 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 là gì? .................................................................................. 21

1.7.2. Các thành phần trong mô hình MVC........................................... 21

1.7.3. Cách làm việc của mô hình MVC................................................ 23

1.7.4. Ƣu và nhƣợc điểm của 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 là gì? ............................................................................... 27

1.9.2. Tại sao lại sử dụng MYSQL?....................................................... 28

CHƢƠNG 2..................................................................................................... 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 bài 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 năng ......................................................................... 39

2.2.3. Sơ đồ phân rã các chức năng .......................................................... 41

2.2.4. Biểu đồ luồng dữ liệu 3 mức .......................................................... 43

2.3. THIẾT KẾ CƠ SỞ DỮ LIỆU............................................................... 48

2.3.1. Đặc tả dữ 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 3..................................................................................................... 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 khẩu........................... 60

3.1.3. Trang các bƣớc cung cấp thông tin tƣ vấn...................................... 62

3.1.4. Trang hiển thị kết quả ..................................................................... 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 chỉ số............................................................................. 70

3.1.9. Trang các 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 mới 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 mới 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ý bài viết................................................................... 76

3.1.19. Trang thêm mới bài viết................................................................ 77

3.1.20. Trang cập nhật bài viết.................................................................. 78

3.1.21. Trang quản lý góp ý lời khuyên của ngƣời dùng.......................... 78

3.1.22. Trang cập nhập lời khuyên dựa vào góp ý của ngƣời dùng ......... 79

3.2. ĐÁNH GIÁ KẾT QUẢ ........................................................................ 80

KẾT LUẬN..................................................................................................... 81

1. KẾT QUẢ ĐẠT ĐƢỢC .......................................................................... 81