Đồ án môn học lập trình web xây dựng website bán mô hình lắp ghép

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN MƠ HÌNH LẮP GHÉP GVHD: THS NGUYỄN HỮU VĨNH SVTH: NGUYỄN MINH HÙNG MSSV: 1824801030141 LỚP: D18PM03 Giới thiệu webside Yakusoku no uta 0 Tháng 12/2020 Giới thiệu webside Yakusoku no uta 0 Đồ án mơn Lập trình Website VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN MƠ HÌNH LẮP GHÉP Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH LỜI NÓI ĐẦU Website bán hàng phổ biến đổi với người Hầu người biết đến website thương mại điện thử Việc tìm website dễ dàng xây Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website dựng webste thương mại điện tử để kinh doanh lựa chọn thơng Trong người nay, có đam mê riêng Ngồi cơng việc ngày cịn đam mê nhỏ chẳng hạn mơ hình lắp ghép Mơ hình lắp ghép loại đồ chơi, loại đam mê số người yêu thích kỹ thuật nghệ thuật đồng thời đòi hỏi cẩn thận tỉ mỉ loại hình Việc tìm kiếm mơ hình lắp ghép đẹp đảm bảo chất lượng khó khăn với nhiều người Vì website bán mơ hình lắp ghép xuất nhằm phục vụ đam mê, sở thích người đảm bảo chất lượng sản phẩm Website bán mơ hình lắp ghép có tính website bán hàng thơng thường giỏ hàng, trang chủ, danh mục sản phẩm, chi tiết sản phẩm, Xây dựng website bán mô hình lắp ghép 0 Đồ án mơn Lập trình Website Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Cơ sở liệu Chương 4: Giao diện website Chương 5: Kết luận hướng phát triển Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website MỤC LỤC CHƯƠNG 1: GIỚI THIỆU TỔNG QUAN Tên Đề Tài Mục Tiêu Đề Tài Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài Một Số Trang Chính Của Website .7 CHƯƠNG 2: GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? 1.2 Công dụng HTML 1.3 Định dạng HTML .8 Giới thiệu Adobe Dreamweaver Ngôn ngữ CSS .9 Ngôn ngữ Javascript 10 JQuery 10 ASP.NET 10 ASP.NET MVC 11 Entity Framework .11 ADO.NET 12 10 Server Side Rendering 12 11 Client Side Rendering 12 CHƯƠNG 3: CƠ SỞ DỮ LIỆU 13 Cơ sở liệu 13 Sản phẩm 13 Danh mục sản phẩm 14 Tài khoản 14 Slide 14 Giỏ hàng 15 Chi tiết giỏ hàng .15 Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website CHƯƠNG 4: GIAO DIỆN CHƯƠNG TRÌNH 16 Cấu trúc Giao diện .16 1.1 Khách hàng 16 1.2 Admin 17 Đặc tả Giao diện 18 2.1 Trang chủ 18 2.2 Danh mục sản phẩm 20 2.3 Chi tiết sản phẩm .21 2.4 Đăng nhập 22 2.5 Đăng ký 23 2.6 Giỏ hàng 24 2.7 Thanh toán .25 2.8 Thanh tốn thành cơng 27 2.9 Về .28 2.10 Đăng nhập (Admin) .29 2.11 Trang chủ (Admin) .30 2.12 Thêm tài khoản (Admin) .31 2.13 Danh sách tài khoản (Admin) .32 2.14 Sửa tài khoản (Admin) 33 2.15 Thêm sản phẩm (Admin) .34 2.16 Danh sách sản phẩm (Admin) .35 2.17 Sửa sản phẩm (Admin) 36 2.18 Danh sách đơn hàng (Admin) .37 2.19 Chi tiết đơn hàng (Admin) 38 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .39 Kết đạt được: .39 Việc chưa làm được: 39 Hướng phát triển đề tài .39 TÀI LIỆU THAM KHẢO .40 Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website CHƯƠNG 1: GIỚI THIỆU TỔNG QUAN Tên Đề Tài + XÂY DỰNG WEBSITE BÁN MƠ HÌNH LẮP GHÉP Mục Tiêu Đề Tài + Thiết kế, xây dựng website bán mô hình lắp ghép đơn giản, dễ sử dụng người dùng Ý Nghĩa Của Đề Tài + Tạo nơi mà người thỏa mản đam mê mơ hình + Quảng bá thương hiệu Đối Tượng Của Đề Tài + Đối tượng website người có niềm đam mê với mơ hình, nghệ thuật kỹ thuật Một Số Trang Chính Của Website + Trang chủ: Đưa sản phẩm tiêu biểu để giới thiệu website + Danh mục sản phẩm: Đưa sản phẩm loại + Chi tiết sản phẩm: Thông tin chi tiết sản phẩm + Đăng nhập: Khách hàng đăng nhập vào website + Đăng ký: Khách hàng đăng ký tài khoản + Về chúng tôi: Đưa thông tin giới thiệu website + Giỏ hàng: Chứa sản phẩm khách hàng muốn mua + Thanh toán: Khách hàng điền thơng tin để tốn + Quản lý đơn hàng: admin quản lý đơn hàng + Quản lý tài khoản: admin quản lý tài khoản + Quản lý sản phẩm: admin quản lý sản phẩm + Admin đăng nhập: admin đăng nhập vào hệ thống Xây dựng website bán mô hình lắp ghép 0 Đồ án mơn Lập trình Website CHƯƠNG 2: GIỚI THIỆU CƠNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? HTML (Hypertext Markup Language-Ngôn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt Ngơn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web browsers) cách hiển thị thành phần trang text graphics HTML ngôn ngữ xác định cấu trúc thông tin HTML sử dụng loạt thẻ thuộc tính dùng để thị văn thông tin khác, cung cấp siêu liên kết tới tài liệu khác 1.2 Công dụng HTML Thiết kế nội dung hình thức trang web Xuất tài liệu trực tuyến hay truy xuất thông tin trực tuyến cách dùng liên kết chèn vào trang web Tạo biểu mẫu trực tuyến nhằm thu thập thông tin người dùng, quản lý giao dịch… Thêm vào đối tượng hình ảnh video, âm thanh… 1.3 Định dạng HTML Là tập tin có phần mở rộng htm html Là tập tin văn túy, có chứa mã đặc biệt gọi Tag(thẻ), thường đặt xung quanh khối văn Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, notepad…và sử dụng nhiều adobe dreamweaver Giới thiệu Adobe Dreamweaver Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website 2.7 Thanh tốn - Mục đích: khách hàng nhập thơng tin để tiến hành tốn Xây dựng website bán mơ hình lắp ghép 26 0 Đồ án mơn Lập trình Website 2.8 Thanh tốn thành cơng - Mục đích: hiển thị thơng báo tốn thành cơng Xây dựng website bán mơ hình lắp ghép 27 0 Đồ án mơn Lập trình Website 2.9 Về chúng tơi - Mục đích: giới thiệu webiste Xây dựng website bán mơ hình lắp ghép 28 0 Đồ án mơn Lập trình Website 2.10 Đăng nhập (Admin) - Mục đích: admin đăng nhập vào để quản lý - Muốn vào trang quản lý phải đăng nhập tài khoản admin vào Xây dựng website bán mơ hình lắp ghép 29 0 Đồ án mơn Lập trình Website 2.11 Trang chủ (Admin) - Mục đích: hiển thị chức quản lý admin - Bên trái gồm mục cần quản lý admin, bên có mục Xây dựng website bán mơ hình lắp ghép 30 0 Đồ án mơn Lập trình Website 2.12 Thêm tài khoản (Admin) - Mục đích: admin thêm tài khoản nhân viên có quyền admin vào để quản lý Xây dựng website bán mơ hình lắp ghép 31 0 Đồ án mơn Lập trình Website 2.13 Danh sách tài khoản (Admin) - Mục đích: hiển thị danh sách tài khoản có sở liệu - Cuối tài khoản có nút sửa để admin sửa thơng tin tài khoản Xây dựng website bán mơ hình lắp ghép 32 0 Đồ án mơn Lập trình Website 2.14 Sửa tài khoản (Admin) - Mục đích: admin sửa thơng tin tài khoản Xây dựng website bán mơ hình lắp ghép 33 0 Đồ án mơn Lập trình Website 2.15 Thêm sản phẩm (Admin) - Mục đích: admin thêm sản phẩm vào sở liệu website Xây dựng website bán mô hình lắp ghép 34 0 Đồ án mơn Lập trình Website 2.16 Danh sách sản phẩm (Admin) - Mục đích: hiển thị danh sách sản phẩm có sở liệu - Cuối sản phẩm có nút sửa để admin sửa thơng tin sản phẩm Xây dựng website bán mơ hình lắp ghép 35 0 Đồ án mơn Lập trình Website 2.17 Sửa sản phẩm (Admin) - Mục đích: admin sửa thơng tin sản phẩm Xây dựng website bán mơ hình lắp ghép 36 0 Đồ án mơn Lập trình Website 2.18 Danh sách đơn hàng (Admin) - Mục đích: hiển thị danh sách đơn hàng - Cuối đơn hàng có nút Xem để chuyển sang trang chi tiết đơn hàng Xác nhận để xác nhận thông tin đơn hàng Xây dựng website bán mô hình lắp ghép 37 0 Đồ án mơn Lập trình Website 2.19 Chi tiết đơn hàng (Admin) - Mục đích: hiển thị chi tiết đơn hàng Xây dựng website bán mơ hình lắp ghép 38 0 Đồ án mơn Lập trình Website CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt được: - Xây dựng thành cơng website bán mơ hình lắp ghép, đáp ứng yêu cầu người xem - Tìm hiểu nắm công cụ để Thiết kế website như: Visual studio code, Adobe Dreamweaver CS6, ngơn ngữ lập trình Website như: HTML, Javascript, CSS công nghệ ASP.NET MVC, Entity Framework - Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng Việc chưa làm được: Việc biểu diễn thông tin website chưa linh hoạt Phân tích thiết kế chưa hồn chỉnh Nhiều chức thiếu chưa sử dụng Hướng phát triển đề tài Vì thời gian khơng cho phép kiến thức thiết kế web hạn chế nên em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích xây dựng website:  Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng  Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh q trình sử dụng Xây dựng website bán mơ hình lắp ghép 39 0 Đồ án mơn Lập trình Website TÀI LIỆU THAM KHẢO - Tài liệu giảng môn “Lập trình website” thầy Nguyễn Hữu Vĩnh - Website hiepsiit: http://www.hiepsiit.com - Website w3schools: https://www.w3schools.com/ Xây dựng website bán mô hình lắp ghép 40 0 ... Xây dựng website bán mơ hình lắp ghép 14 0 Đồ án mơn Lập trình Website Slide Giỏ hàng Xây dựng website bán mô hình lắp ghép 15 0 Đồ án mơn Lập trình Website Chi tiết giỏ hàng Xây dựng website bán. .. .40 Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website CHƯƠNG 1: GIỚI THIỆU TỔNG QUAN Tên Đề Tài + XÂY DỰNG WEBSITE. .. ĐẦU Website bán hàng phổ biến đổi với người Hầu người biết đến website thương mại điện thử Việc tìm website dễ dàng xây Xây dựng website bán mơ hình lắp ghép 0 Đồ án mơn Lập trình Website dựng webste