Thiết kế và xây dựng website quảng bá cửa hàng áo cưới tiên wedding

- ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ in h tế H uế - - cK KHOÁ LUẬN TỐT NGHIỆP họ THIẾT KẾ VÀ XÂY DỰNG WEBSITE QUẢNG Sinh viên thực hiện: Lê Thị Phương Lớp: K50B Tin học kinh tế Mã sinh viên: 16K408102 Tr ườ ng Đ ại BÁ CỬA HÀNG ÁO CƯỚI TIÊN WEDDING Huế, 12/2019 I - ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ in h tế H uế - - cK KHOÁ LUẬN TỐT NGHIỆP họ THIẾT KẾ VÀ XÂY DỰNG WEBSITE QUẢNG Đ ại BÁ CỬA HÀNG ÁO CƯỚI TIÊN WEDDING Giáo viên hướng dẫn: Lớp: K50B Tin học kinh tế TS Nguyễn Thanh Tuấn ườ ng Sinh viên thực hiện: Lê Thị Phương Tr Mã sinh viên: 16K408102 Huế, 12/2019 II - LỜI CẢM ƠN Em xin chân thành cảm ơn thầy giáo Nguyễn Thanh Tuấn, giảng viên khoa Hệ thống thông tin kinh tế giúp đỡ, hướng dẫn tận tình suốt qua trình thực uế khoá luận tốt nghiệp Em xin cảm ơn Trung tâm công nghệ thông tin tỉnh Thừa Thiên Huế hỗ trợ, tế H tạo điều kiện thuận lợi để em thực tập cơng ty Cảm ơn anh chị cơng ty nhiệt tình hướng dẫn, truyền đạt kinh nghiệm để em hoàn thành khoá luận tốt nghiệp h Em xin gửi lời cảm ơn quý thầy cô trường Đại học kinh tế Huế truyền đạt kiến thức vào thực tế tương lai sau in kỹ thuật, học, kinh nghiệm quý báu việc xây dựng đề tài áp dụng hồn thành khố luận tơt cK Cuối em xin cảm ơn gia đình ln bên ủng hộ, động viên để em họ Trong q trình hồn thành khố luận, chưa có nhiều kinh nghiệm thời gian thực hạn hẹp chưa thể phát huy tưởng, kỹ thuật tính hỗ trợ Đ ại ngơn ngữ nên khố luận khơng thể tránh khỏi thiếu sót Kính mong nhận góp ý q thầy để em hồn thiện khố luận tốt Huế, ngày 31 tháng 12 năm 2019 Sinh viên thực Lê Thị Phương Tr ườ ng Em xin chân thành cảm ơn! III - MỤC LỤC LỜI CẢM ƠN III MỤC LỤC IV uế DANH MỤC HÌNH VẼ VII tế H DANH MỤC BẢNG BIỂU VIII DANH MỤC THUẬT NGỮ IX MỞ ĐẦU Lý chọn đề tài Mục tiêu nghiên cứu Đối tượng phạm vi nghiên cứu .2 Phương pháp nghiên cứu Các cơng trình liên quan Nội dung khoá luận họ cK in h Đ ại NỘI DUNG CHƯƠNG I: CƠ SỞ LÝ THUYẾT HTML5 ng 1.1 CSS3 1.3 Boostrap .5 1.4 JavaScript Tr ườ 1.2 1.5 Ngôn ngữ Java 1.6 Môi trường phát triển tích hơp Eclipse 1.7 Java Server Page 1.7.1 Giới thiệu Java Sever Page 1.7.2 Cấu trúc trang Java Sever Page IV - 1.8 Mơ hình MVC (Model – View – Controller) 1.8.1 Khái niệm mơ hình MVC .8 1.8.2 Cấu trúc mơ hình 1.8.3 Tiến trình thực thi mơ hình MVC Hệ quản trị sở liệu Microsoft SQL Server .9 uế 1.9 CHƯƠNG II: PHÂN TÍCH THIẾT KẾ WEBSITE CỬA HÀNG ÁO CƯỚI .11 tế H 2.1 Mô tả hệ thống 11 Yêu cầu chức hệ thống .12 2.3 Biểu đồ gói .13 2.4 Biểu đồ Use-case 13 in h 2.2 Xác định Use-case 13 2.4.2 Sơ đồ Use-case tổng quát 14 2.4.3 Sơ đồ Use-case đăng nhập 15 2.4.4 Sơ đồ Use-case quản lý danh mục 16 2.4.5 Sơ đồ Use-case quản lý tin tức 18 2.4.6 Sơ đồ Use-case quản lý album ảnh 20 2.4.7 Sơ đồ Use-case quản lý lịch hẹn .22 2.4.8 Sơ đồ Use-case xem website 24 ng Đ ại họ cK 2.4.1 Sơ đồ hoạt động Use-case 25 Tr ườ 2.5 2.5.1 Sơ đồ hoạt động Use-case “Đăng nhập” 25 2.5.2 Biểu đồ hoạt động Use-case “Quản lý danh mục” 25 2.5.3 Biểu đồ hoạt động Use-case “Quản lý tin tức” 27 2.5.4 Biểu đồ hoạt động Use-case “Quản lý album ảnh” 28 2.5.5 Biểu đồ hoạt động Use-case “Quản lý lịch hẹn” .30 2.5.6 Biểu đồ hoạt động Use-case “Xem Website” 32 V - 2.6 Sơ đồ lớp (Class Diagram) .33 Sơ đồ lớp tổng quát 33 2.6.2 Sơ đồ lớp quản lý lịch hẹn .33 2.6.3 Sơ đồ lớp quản lý tin tức 34 2.6.4 Sơ đồ lớp quản lý danh mục 34 2.6.5 Sơ đồ lớp Album ảnh 35 2.6.6 Sơ đồ lớp tài khoản 35 tế H 2.7 uế 2.6.1 Sơ đồ trình tự (Sequence Diagram) 36 Sơ đồ trình tự đăng nhập 36 2.7.2 Sơ đồ trình tự quản lý lịch hẹn 36 2.7.3 Sơ đồ trình tự quản lý tin tức 39 2.7.4 Sơ đồ trình tự quản lý danh mục .41 2.7.5 Sơ đồ trình tự quản lý album ảnh 43 in cK họ 2.8 h 2.7.1 Thiết kế sở liệu .45 Lược đồ sở liệu 45 2.8.2 Cấu trúc bảng ràng buộc 45 Đ ại 2.8.1 CHƯƠNG III: XÂY DỰNG WEBSITE CỬA HÀNG ÁO CƯỚI .47 Môi trường cài đặt 47 3.2 Giao diện hệ thống 47 ườ ng 3.1 Giao diện Website .47 3.2.2 Giao diện trang quản trị 51 Tr 3.2.1 KẾT LUẬN 55 Kết đạt 55 Hướng phát triển đề tài 55 TÀI LIỆU THAM KHẢO .55 VI - DANH MỤC HÌNH VẼ Hình 2.1: Sơ đồ Use-case tổng quát 14 Hình 2.2: Sơ đồ Use-case đăng nhập 15 uế Hình 2.3: Sơ đồ Use-case quản lý danh mục .16 tế H Hình 2.4: Sơ đồ Use-case quản lý tin tức 18 Hình 2.5: Sơ đồ Use-case quản lý album ảnh .20 Hình 2.6: Sơ đồ Use-case quản lý lịch hẹn 22 h Hình 2.7: Sơ đồ Use-case xem website 24 in Hình 2.8: Sơ đồ hoạt động Use-case Đăng nhập 25 cK Hình 2.9: Sơ đồ hoạt động Use-case Thêm danh mục 25 Hình 2.10: Sơ đồ hoạt động Use-case Sửa danh mục 26 họ Hình 2.11: Sơ đồ hoạt động Use-case xoá danh mục 26 Hình 2.12: Sơ đồ hoạt động Use-case thêm tin tức .27 Đ ại Hình 2.13: Sơ đồ hoạt động Use-case sửa danh mục 27 Hình 2.14: Sơ đồ hoạt động Use-case xoá tin tức 28 ng Hình 2.15: Sơ đồ hoạt động Use-case thêm album ảnh 28 Hình 2.16: Sơ đồ hoạt động Use-case sửa album ảnh 29 ườ Hình 2.17: Sơ đồ hoạt động Use-case xoá album ảnh 29 Tr Hình 2.18: Sơ đồ hoạt động Use-case phản hồi khách hàng 30 Hình 2.19: Sơ đồ hoạt động Use-case cập nhật lịch hẹn .30 Hình 2.20: Sơ đồ hoạt động Use-case sửa lịch hẹn .31 Hình 2.21: Sơ đồ hoạt động Use-case xố lịch hẹn .31 Hình 2.22: Sơ đồ hoạt động Use-case xem website 32 Hình 2.23: Sơ đồ hoạt động Use-case đặt lịch hẹn 32 VII - DANH MỤC BẢNG BIỂU Bảng 2.1: Đặc tả Use-case đăng nhập 15 Bảng 2.2: Đặc tả Use-case quản lý danh mục .16 Bảng 2.3: Đặc tả Use-case quản lý tin tức 18 uế Bảng 2.4: Đặc tả Use-case quản lý album ảnh 20 tế H Bảng 2.5: Đặc tả Use-case quản lý lịch hẹn 22 Tr ườ ng Đ ại họ cK in h Bảng 2.6: Đặc tả Use-case xem website 24 VIII - Chữ viết tắt HTML Nội dung đầy đủ HyperText Markup Language CSS Cascading Style Sheets JSP Java Server Pages MVC Model-View-Control JSP JavaServer Page Tr ườ ng Đ ại họ cK in h tế H STT uế DANH MỤC THUẬT NGỮ IX - GVHD: TS NGUYỄN THANH TUẤN Tr ườ ng Đ ại họ cK in h tế H uế KHOÁ LUẬN TỐT NGHIỆP SVTH: LÊ THỊ PHƯƠNG Trang - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN in h tế H uế 2.7.4.3 Sơ đồ trình tự “Sửa danh mục” cK Hình 2.43: Sơ đồ trình tự sửa danh mục Tr ườ ng Đ ại họ 2.7.4.4 Sơ đồ trình tự “Xố danh mục” Hình 2.44: Sơ đồ trình tự xố danh mục SVTH: LÊ THỊ PHƯƠNG Trang 42 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN 2.7.5 Sơ đồ trình tự quản lý album ảnh cK in h tế H uế 2.7.5.1 Sơ đồ trình tự “Xem danh sách album” Hình 2.45: Sơ đồ trình tự xem danh sách album Tr ườ ng Đ ại họ 2.7.5.2 Sơ đồ trình tự “Thêm album” Hình 2.46: Sơ đồ trình tự thêm album SVTH: LÊ THỊ PHƯƠNG Trang 43 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN in h tế H uế 2.7.5.3 Sơ đồ trình tự “Sửa album” cK Hình 2.47: Sơ đồ trình tự sửa album Tr ườ ng Đ ại họ 2.7.5.4 Sơ đồ trình tự “Xố album” Hình 2.48: Sơ đồ trình tự xố album SVTH: LÊ THỊ PHƯƠNG Trang 44 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN 2.8 Thiết kế sở liệu cK in h tế H uế 2.8.1 Lược đồ sở liệu họ Hình 2.49: Lược đồ sở liệu 2.8.2 Cấu trúc bảng ràng buộc Đ ại  Bảng ThongTinWebsite(Thông tin website) Bảng 2.7: Cấu trúc liệu bảng ThongTinWebsite Giải thích Địa Số điện thoại ng Tên trường DiaChi SoDienThoai Kiểu liệu nvarchar(255) varchar(255) Ghi Tr ườ  Bảng TaiKhoan(Tài Khoản) Bảng 2.8: Cấu trúc liệu bảng TaiKhoan Tên trường MaTaiKhoan MatKhau HoTen Giải thích Mã tài khoản Mật Họ tên Kiểu liệu varchar(255) varchar(255) nvarchar(255) Ghi Primary key  Bảng TinTuc(Tin tức) SVTH: LÊ THỊ PHƯƠNG Trang 45 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN Bảng 2.9: Cấu trúc liệu bảng TinTuc Kiểu liệu int nvarchar(255) nvarchar(MAX) varchar(255) Int Datetime datetime Int varchar(255) Ghi Primary key uế Chú thích Mã tin tức Tựa đề Họ tên Hình đại diện Thứ tự Ngày tạo Ngày cập nhật Mã danh mục Tên tài khoản tế H Tên trường MaTinTuc TuaDe NoiDung HinhDaiDien ThuTu Ngaytao NgayCapNhat MaDanhMuc TenTaiKhoan Forein key  Bảng DanhMucTinTuc(Danh mục tin tức) Bảng 2.10: Cấu trúc liệu bảng DanhMucTinTuc Ghi Primary key h Kiểu liệu int nvarchar(255) int in Giải thích Mã danh mục Tên danh mục Thứ tự cK Tên trường MaDanhmuc TenDanhMuc ThuTu  Bảng LichHen(Lịch hẹn) Bảng 2.11: Cấu trúc liệu bảng LichHen họ Chú thích Mã lịch hẹn Tên người hẹn Số điện thoại Email Ngày hẹn Tin nhắn Đã xong Đ ại Tên trường MaLichHen TenNguoiHen SoDienThoai Email NgayHen TinNhan DaXong Kiểu liệu int nvarchar(255) nvarchar(255) nvarchar(255) date nvarchar(MAX) bit Ghi Primary key ng  Bảng AlbumAnh(Album ảnh) Bảng 2.12: Cấu trúc liệu bảng AlbumAnh Tr ườ Tên trường MaAlbum TuaDe ThuTu AnhDaiDien Giải thích Mã Album Tựa đề Thứ tự Ảnh đại diện Kiểu liệu int nvarchar(255) int varchar(255) Ghi Primary key  Bảng ChiTietAlbum(Chi tiết Album) Bảng 2.13: Cấu trúc liệu bảng ChiTietAlbum Tên trường MaAlbum Anh ThuTu SVTH: LÊ THỊ PHƯƠNG Giải thích Mã album Ảnh Thứ tự Kiểu liệu int varchar(255) int Ghi Forein key Trang 46 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN CHƯƠNG III: XÂY DỰNG WEBSITE CỬA HÀNG ÁO CƯỚI 3.1 Môi trường cài đặt Những tảng cơng nghệ lập trình sử dụng để xây dựng website cửa Ngơn ngữ lập trình Java, HTML5, Javascript - HTML5, CSS3, Bootstrap - Công cụ lập trình: Eclipse - Hệ quản trị CSDL: SQL Server 2017 - Apache Tomcat 9.0 tế H - uế hàng áo cưới : h 3.2 Giao diện hệ thống Tr ườ ng Đ ại họ cK in 3.2.1 Giao diện Website Hình 2.50: Giao diện website giới thiệu cửa hàng SVTH: LÊ THỊ PHƯƠNG Trang 47 - GVHD: TS NGUYỄN THANH TUẤN Tr ườ ng Đ ại họ cK in h tế H uế KHOÁ LUẬN TỐT NGHIỆP Hình 2.51: Giao diện website trang chủ SVTH: LÊ THỊ PHƯƠNG Trang 48 - GVHD: TS NGUYỄN THANH TUẤN in h tế H uế KHOÁ LUẬN TỐT NGHIỆP Tr ườ ng Đ ại họ cK Hình 2.52: Giao diện website album ảnh Hình 2.53: Giao diên website liên hệ SVTH: LÊ THỊ PHƯƠNG Trang 49 - GVHD: TS NGUYỄN THANH TUẤN in h tế H uế KHOÁ LUẬN TỐT NGHIỆP Tr ườ ng Đ ại họ cK Hình 2.54: Giao diên website thuê váy cưới Hình 2.55: Giao diên website tin tức SVTH: LÊ THỊ PHƯƠNG Trang 50 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN in h tế H uế 3.2.2 Giao diện trang quản trị Tr ườ ng Đ ại họ cK Hình 2.56: Giao diện trang quản trị thơng tin website Hình 2.57: Giao diện trang quản trị thông tin website SVTH: LÊ THỊ PHƯƠNG Trang 51 - GVHD: TS NGUYỄN THANH TUẤN Tr ườ ng Đ ại họ cK in h tế H uế KHỐ LUẬN TỐT NGHIỆP Hình 2.58:Giao diện trang quản trị quản lý tin tức SVTH: LÊ THỊ PHƯƠNG Trang 52 - GVHD: TS NGUYỄN THANH TUẤN cK in h tế H uế KHOÁ LUẬN TỐT NGHIỆP Tr ườ ng Đ ại họ Hình 2.59: Giao diện trang quản trị quản lý tin tức Hình 2.60: Giao diện trang quản trị quản lý tin tức SVTH: LÊ THỊ PHƯƠNG Trang 53 - GVHD: TS NGUYỄN THANH TUẤN Tr ườ ng Đ ại họ cK in h tế H uế KHỐ LUẬN TỐT NGHIỆP Hình 2.61: Giao diên trang quản trị chi tiết album SVTH: LÊ THỊ PHƯƠNG Trang 54 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN KẾT LUẬN Kết đạt Trong thời đại công nghệ thông tin phát triển mạnh mẽ nay, việc doanh nghiệp ứng dụng công nghệ thông tin vào việc mở rộng thị trường kinh doanh uế thu hút thêm nhiều khách hàng điều tất yếu Trên sở vận dụng tổng hợp lý thuyết học tìm hiểu từ thực tế, tơi hồn thành xong đề tài “THIẾT KẾ VÀ tế H XÂY DỰNG WEBSITE QUẢNG BÁ CỬA HÀNG ÁO CƯỚI TIÊN WEDDING” Qua trình tìm hiểu thực hiện, đề tài đạt kết sau: - Nghiên cứu nắm vững quy trình xây dựng website hồn chỉnh hoạt động Nâng cao kỹ sử dụng công nghệ để xây dựng website: Ngơn ngữ lập trình in - h Eclipse - cK Java, HTML, CSS3, JavaScript, Microsoft SQL Server, cơng cụ lập trình Xây dựng thành cơng website với đầy đủ chức website - họ quảng bá cửa hàng đáp ứng khách hàng người quản trị .Website có giao diện thu hút, đáp ứng nhu cầu tìm kiếm thơng tin khách hàng Người quản trị dễ dàng thực việc công tác quản lý mình: quản lý danh Đ ại - mục, quản lý tin tức, quản lý lịch hẹn, quản lý album ảnh thông qua Website ng Bên cạnh cịn tồn số hạn chế sau : Chưa tận dụng đầy đủ chức công nghệ xây dựng website - Thời gian thực đề tài hạn hẹp nên nhiều ý tưởng chưa triển ườ - khai Tr Hướng phát triển đề tài - Tăng cường tính bảo mật cho website - Xây dựng website chuẩn SEO - Ứng dụng nhiều công nghệ vào xây dựng website - Đưa website vào hoạt động thực tế cho nhiều cửa hàng SVTH: LÊ THỊ PHƯƠNG Trang 55 - KHOÁ LUẬN TỐT NGHIỆP GVHD: TS NGUYỄN THANH TUẤN TÀI LIỆU THAM KHẢO [1] Home We Are Social, [2] Giới thiệu HTML, CSS & JS, tế H uế [3] Java, cK [4] JSP Servlet, họ [5] Microsoft SQL Server, Đ ại [5] Phân tích thiết kế hệ thống quản lý kết học tập UML, ườ [6] Xây dựng website thương mại điện tử, [7] Đề tài Xây dựng trang web tin tức - Luận văn, đồ án, đề tài tốt nghiệp, SVTH: LÊ THỊ PHƯƠNG Trang 56