Tiểu luận môn học thiết kế web thiết kế website kinh doanh gạo sạch an toàn chất lượng

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THIẾT KẾ WEB THIẾT KẾ WEBSITE KINH DOANH GẠO SẠCH AN TOÀN CHẤT LƯỢNG GVHD: THS NGUYỄN HỮU VĨNH SVTH: NGUYỄN MINH TOÀN MSSV: 1824801030232 LỚP: D18PM04 B5NH DƯƠNG – 1/6/2019 0 KHOA 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: THIẾT KẾ WEBSIte BÁN GẠO SẠCH CHẤT LƯỢNG 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 0 Đồ án mơn thiết kế web Ni dung LỜI NĨI ĐẦU .i CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Tên Đề Tài 1.2 Mục Tiêu Đề Tài .1 1.3 Ý Nghĩa Của Đề Tài .1 1.4 Đối Tượng Của Đề Tài 1.5 Một Số Trang Chính Của Website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ 2.1 Giới Thiệu Về HTML 2.2 Giới thiệu Adobe Dreamweaver 2.3 Ngôn ngữ CSS .3 2.4 Ngôn ngữ Javascript CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH .5 3.1 Đặc Tả Giao Diện .5 3.1.1 Giao diện trang chủ 3.1.2 Giao diện trang giới thiệu .10 3.1.3 Giao diện trang liên hệ 11 3.1.4 Giao diện trang đăng ký .12 3.1.5 Giao diện trang đăng nhập 13 3.1.6 Trang quên mật 14 3.1.6 Giao diện trang danh mục sản phẩm 15 3.1.7 Giao diện danh mục gạo hữu 16 3.1.7 Giao diện danh mục gạo dặc sản 17 3.1.8 Giao diện danh mục gạo tết 18 3.1.9 Giao diện danh mục gạo sản xuất 19 3.1.10 Giao diện danh mục gạo cho trẻ nhỏ 20 3.1.11 Giao diện danh mục nông sản ngon 21 3.1.12 Giao diện nông sản thượng hạn 22 3.1.13 chi tiết sản phẩm 23 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .24 Nguyễn Minh Toàn- Lớp D18PM04 i Đồ án môn thiết kế web TÀI LIỆU KHAM KHẢO 25 Hnh 1: giao diện trang chủ Hnh 2: giao diện logo Hnh 3: menu _6 Hnh 4: slider chuyển hnh _7 Hnh 5: menu doc bên trái _7 Hnh 6: Cập nhật ngày Hnh 7: menu dọc bên phải Hnh 8: giới thiệu sản phẩm _9 Hnh 9: footer _9 Hnh 10: giao diện trang giới thiệu _10 Hnh 11: giao diện trang liên hệ _11 Hnh 12: giao diện trang đăng kí _12 Hnh 13: giao diện trang đăng nhập 13 Hnh 14: Giao diện trang quên mật 14 Hnh 15: Giao diện trang gạo hoang dã _15 Hnh 16: giao diện gạo hữu 16 Hnh 17: gạo đặc sản 17 Hnh 18: Giao diện gạo tết _18 Hnh 19: giao diện gạo sản xuất _19 Hnh 20: Giao diện gạo cho trẻ nhỏ 20 Hnh 21: Nông sản ngon _21 Hnh 22: gạo thượng hạn _22 Hnh 23: Chi tiết sản phẩm _23 Nguyễn Minh Tồn- Lớp D18PM04 ii Đồ án mơn thiết kế web LỜI NĨI ĐẦU Hiện nay, lĩnh cơng nghệ thơng tin, đặc biệt vai trị website doanh nghiệp quan trọng Cũng thương mại điện tử ngày phát triển rầm rộ Đóng vai trị cầu nối cung cấp thơng tin doanh nghiệp, tăng khả tiếp cận khách hàng.Giúp tiết kiệm chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch… Và thương mại điện tử cịn giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thơng tin theo nhu cầu sở thích người Đối với lĩnh vực kinh doanh đóng vai trò hàng khách hàng, giúp bán hàng tự động Ngồi việc trực tiếp bán hàng, bạn tận dụng để tăng doanh thu Giờ đây, người ngồi nhà để mua sắm thứ website bán hàng mạng giúp ta làm điều Mà khơng tốn chi phí th nhân cơng, nhân viên, tốn tiền mua mặt Chính vậy, công nghệ mã nguồn mở trở nên ý tính Giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng Thiết kế website bán hàng thân thiện dễ sử dụng với người dùng Chính báo cáo chọn đề tài về: “thiết kế website bán gạo chất lượng” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Thiết kế ứng dụng bán hàng Internet Đề 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: Giao diện website Chương 4: Kết luận hướng phát triển Nguyễn Minh Toàn- Lớp D18PM04 iii Đồ án môn thiết kế web DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích CSDL Cơ sở liệu ĐVT Đơn vị tính CNTT Cơng Nghệ thơng tin SP Sản phẩm Nguyễn Minh Toàn- Lớp D18PM04 iv Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Tên Đề Tài “Thiết kế website kinh doanh gạo an toàn chất lượng” 1.2 Mục Tiêu Đề Tài Thiết kế kênh bán hàng trực tuyến kinh doanh mặt hàng lúa gạo Phục vụ khách hàng lúc Đáp ứng nhu cầu khách hàng trực quan sản phẩm Chia thông tin thị trường lúa gạo Tư vấn cho khách hàng lúc nơi Đánh giá khách hàng nhu cầu khách hàng Thu thập sở liệu khách hàng 1.3 Ý Nghĩa Của Đề Tài Đưa sản phẩm công ty đến đến gần với người tiêu dùng tư vấn thông tin cho khách hàng, hỗ trợ chăm sóc khách hàng, giúp khách hàng có thơng tin đầy đủ xác mặc hàng Phục vụ dược nhiều đối tượng khách hàng khu vực địa lí khác nước Tiết kiệm thời gian Giới thiệu sản phẩm đến khách hàng Giúp chủ doanh nghiệp tiết kiện chi phí kinh doanh như: thuê nhân viên, thuê mặt bằng… Tiếp cận công nghệ thông tin Tăng phạm vi 1.4 Đối Tượng Của Đề Tài Đối tượng nghiên cứu chủ yếu sản phẩm gạo loại Dịch vụ cần thiết 1.5 Một Số Trang Chính Của Website + Trang chủ: giới thiệ sản phẩm lúa gạo đến khách hàng + Trang Giới thiệu: giới thiệu mục tiêu sản phẩm tới khách hàng + Trang liên hệ: Đây cung cấp địa chi nhánh cung cấp sản phẩm gạo + Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng trang Nguyễn Minh Toàn- Lớp D18PM04 Tiểu luận môn thiết kế web + Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang + Trang sản phẩm: Đây trang khách hàng xem tham khảo mặt hàng cửa hàng có sẵn để lựa chọn + Trang chi tiết sản phẩm: Đây trang khách hàng nhấn vào sản phẩm để xem chi tiết CHƯƠNG GIỚI THIỆU CÔNG NGHỆ 2.1 Giới Thiệu Về HTML 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 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… Đị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 HTML tập tin sieu văn nên bạn dùng chương trình soạn thảo văn khơng có chức định danh văn để tạo văn tập tin HTML Trong Windown, bạn dùng Notepad để tạo tập tin HTML, Mac dùng TextEdit Tuy nhiên Notepad lại đơn giản để sử dụng cho mục đíc soạn thảo văn bản, nên cần sử dung trình soạn thảo Abobe Dreamwear để soạn thảo Nguyễn Minh Toàn- Lớp D18PM04 Tiểu luận môn thiết kế web 2.2 Giới thiệu Adobe Dreamweaver Macromedia Dreamweaver trình biên soạn HTML chuyên nghiệp dùng để thiết kế, viết mã phát triển website trang web ứng dụng web Cho dù bạn có thích thú với cơng việc viết mã HTML thủ cơng bạn thích làm việc môi trường biên soạn trực quan, Dreamweaver cung cấp cho bạn cơng cụ hữu ích để nâng cao kinh nghiệm thiết kế web bạn Các tính biên soạn trực quan Dreamweaver cho phép bạn tạo nhanh trang web mà không cần dịng mã Bạn xem tất thành phần website bạn kéo chúng trực tiếp từ panel dễ sử dụng vào văn Bạn nâng cao sản phẩm bạn cách tạo sửa ảnh Macromedia Fireworks ứng dụng ảnh khác, sau chèn trực tiếp vào Dreamweaver Dreamweaver cung cấp công cụ giúp đơn giản hóa việc chèn Flash vào trang web Dreamweaver cho phép bạn Thiết kế ứng dụng web động dựa theo liệu sử dụng công nghệ máy chủ CFML, ASP.NET, ASP, JSP, PHP Nếu sở thích bạn làm việc với liệu XML, Dreamweaver cung cấp công cụ cho phép bạn dễ dàng tạo trang XSLT, chèn file XML hiển thị liệu XML trang web bạn Dreamweaver tùy biến hồn tồn Bạn tạo cho riêng đối tượng yêu cầu, chỉnh sửa shortcut bàn phím chí viết mã JavaScript để mở rộng khả Dreamweaver với hành vi mới, chuyên gia giám định Property báo cáo site 2.3 Ngôn ngữ CSS CSS (Cascading Style Sheets) ngôn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,… CSS cung cấp nhiều thuộc tính trình bày dành cho đối tượng với sáng tạo việc kết hợp thuộc tính giúp mang lại hiệu cao CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CSS đưa phương thức áp dụng từ file CSS Có hiệu đồng tạo website có hàng trăm trang hay muốn thay đổi thuộc tính trình bày CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi 2.4 Ngôn ngữ Javascript Với HTML biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngơn ngữ script có tên LiveScript để thực chức Sau đổi tên thành JavaScript để tận dụng tính đại chúng ngơn ngữ lập trình Java Nguyễn Minh Tồn- Lớp D18PM04 Tiểu luận mơn thiết kế web JavaScript ngôn ngữ dạng script gắn với file HTML Được trình duyệt diễn dịch, trình duyệt đọc JavaScript dạng mã nguồn JavaScript ngôn ngữ dựa đối tượng, nghĩa bao gồm nhiều kiểu đối tượng, ví dụ đối tượng Math với tất chức toán học Nhưng JavaScript không ngôn ngữ hướng đối tượng C++/Java Nguyễn Minh Toàn- Lớp D18PM04 Tiểu luận môn thiết kế web 3.1.3 Giao diện trang liên hệ Mục đích: Trang mục đích để khách hàng liên lạc với shop Chức năng: Trong giao diện cho phép người dùng gửi thông tin sản phẩm, thái độ phục vụ, phản hồi sai phạm nhân viên shop Hnh 11: giao diện trang liên hệ Nguyễn Minh Toàn- Lớp D18PM04 11 Tiểu luận môn thiết kế web 3.1.4 Giao diện trang đăng ký Mục Đích: Người dùng đăng ký tài khoản để trở thành khách hàng trang Chức năng: Cho phép khách hàng đăng ký thông tin để trở thành khách hàng Hnh 12: giao diện trang đăng kí Ý nghĩa: tạo trang website đăng kí thơng ttin để sử dụng số chức khác Nguyễn Minh Toàn- Lớp D18PM04 12 Tiểu luận môn thiết kế web 3.1.5 Giao diện trang đăng nhập Mục Đích: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang Hnh 13: giao diện trang đăng nhập Nguyễn Minh Toàn- Lớp D18PM04 13 Tiểu luận môn thiết kế web 3.1.6 Trang quên mật Hnh 14: Giao diện trang quên mật Nguyễn Minh Toàn- Lớp D18PM04 14 Tiểu luận môn thiết kế web 3.1.6 Giao diện trang danh mục sản phẩm Mục Đích: Thanh menu chứa danh sách loại sản phẩm cửa hàng Khách hàng sử dụng menu để lựa chọn sản phẩm mà cần tìm Sử dụng danh mục sản phẩm để chọn loại sản phẩm mà cần Giao diện danh mục lức Hnh 15: Giao diện trang gạo hoang dã Trang chuyên giới thiệu sản phẩm gạo lức có giá từ 50 nghìn/ kg gạo, với nhiều loại gạo khác Nguyễn Minh Toàn- Lớp D18PM04 15 Tiểu luận môn thiết kế web 3.1.7 Giao diện danh mục gạo hữu Hnh 16: giao diện gạo hữu Các sản phẩm gạo có nguồn gốc rõ ràng, hữu tốt cho sức khỏe Nguyễn Minh Toàn- Lớp D18PM04 16 Tiểu luận môn thiết kế web 3.1.7 Giao diện danh mục gạo dặc sản Hnh 17: gạo đặc sản Nguyễn Minh Toàn- Lớp D18PM04 17 Tiểu luận môn thiết kế web 3.1.8 Giao diện danh mục gạo tết Hnh 18: Giao diện gạo tết Nguyễn Minh Toàn- Lớp D18PM04 18 Tiểu luận môn thiết kế web 3.1.9 Giao diện danh mục gạo sản xuất Hnh 19: giao diện gạo sản xuất Nguyễn Minh Tồn- Lớp D18PM04 19 Tiểu luận mơn thiết kế web 3.1.10 Giao diện danh mục gạo cho trẻ nhỏ Hnh 20: Giao diện gạo cho trẻ nhỏ Nguyễn Minh Toàn- Lớp D18PM04 20 Tiểu luận môn thiết kế web 3.1.11 Giao diện danh mục nông sản ngon Hnh 21: Nơng sản ngon Nguyễn Minh Tồn- Lớp D18PM04 21 Tiểu luận môn thiết kế web 3.1.12 Giao diện nông sản thượng hạn Hnh 22: gạo thượng hạn Nguyễn Minh Toàn- Lớp D18PM04 22 Tiểu luận môn thiết kế web 3.1.13 chi tiết sản phẩm Hnh 23: Chi tiết sản phẩm Nguyễn Minh Tồn- Lớp D18PM04 23 Tiểu luận mơn thiết kế web CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Áp dụng kiến thức thiết kế web từ kiến thức HTML, CSS, Javascript… nhằm phát triển xã hội áp dụng vào đời sống ngày Chính xu hướng tất yếu xã hội Nhằm tiết kiệm thời gian chi phí cho khách hàng doanh nghiệp muốn kinh doanh Kết đạt được: Thiết kế thành công website bán gạo chất lượng, đáp ứng yêu cầu người sử dụng Tìm hiểu nắm công cụ để Thiết kế website như: Adobe Dreamweaver CS6, ngơn ngữ lập trình Website như: HTML, Javascript, CSS 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 cịn hạn chế nên chúng 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 Thiết kế 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 Nguyễn Minh Tồn- Lớp D18PM04 24 Tiểu luận môn thiết kế web TÀI LIỆU KHAM KHẢO Tài liệu giảng môn “Thiết kế website” thầy Nguyễn Hữu Vĩnh Website WWW: http://www.hiepsiit.com Website https://coccoc.com/search#query=Webcoban.vn Nguyễn Minh Toàn- Lớp D18PM04 25 ... D18PM04 iv Tiểu luận môn thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Tên Đề Tài ? ?Thiết kế website kinh doanh gạo an toàn chất lượng? ?? 1.2 Mục Tiêu Đề Tài Thiết kế kênh bán hàng trực tuyến kinh doanh. .. thời gian chi phí cho khách hàng doanh nghiệp muốn kinh doanh Kết đạt được: Thiết kế thành công website bán gạo chất lượng, đáp ứng yêu cầu người sử dụng Tìm hiểu nắm công cụ để Thiết kế website. .. 24 Tiểu luận môn thiết kế web TÀI LIỆU KHAM KHẢO Tài liệu giảng môn ? ?Thiết kế website? ?? thầy Nguyễn Hữu Vĩnh Website WWW: http://www.hiepsiit.com Website https://coccoc.com/search#query=Webcoban.vn