Đang tải... (xem toàn văn)
MẪU ĐỒ ÁN KHOÁ LUẬN TỐT NGHIỆP TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI Xây dựng website bán đồ ăn vặt MỞ ĐẦU Ngày nay với sự phát triể[.]
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN CƠ SỞ ĐỀ TÀI:Xây dựng website bán đồ ăn vặt MỞ ĐẦU Ngày với phát triển mạnh mẽ khoa học công nghê.Công Nghệ thông tin ngành có vị dẫn đầu có vai trị lớn phát triển chung đó.Các ứng dụng cơng nghệ thơng tin áp dụng lĩnh vực nghiên cứu khoa học lĩnh vực sống.Là phần Cơng Nghệ Thơng tin,Cơng nghệ WEB có phát triển mạnh mẽ phổ biến nhanh lợi ích mà mang lại cho cộng đồng lớn Bằng việc lựa chọn thực đề tài “Xây dựng web bán đồ ăn vặt”,em muốn tìm hiểu đưa giải pháp giải việc bán hàng trực tuyến.Website mang lại lựa chọn linh hoạt tiện lợi việc tìm mua sản phẩm Các thông tin sản phẩm hiển thị chi tiết với sản phẩm ,từ khách hàng dễ dàng lựa chọn thứ cần LỜI CẢM ƠN Để hồn thành đề tài :”Xây dựng web bán đồ ăn vặt “xin cảm ơn đến dạy thầy cô ,truyền đạt cho em kiến thức chuyên ngành để em thiết kế web tĩnh Trong báo cáo hay đề tài cịn nhiều thiết sót,hạn chế Vì em mong nhận quan tâm đánh giá đến từ phía thầy để em hồn thiện Những đóng góp thầy cô giúp em nhận hạn chế qua em có thêm nguồn tư liệu để giúp cho nghiên cứu sau hay cụ thể phát triển web tĩnh thành web động mua bán MỤC LỤC Trang MỞ ĐẦU Chương Tổng quan Công nghệ thiết kế website 1,1Tìm hiểu ngơn ngữ lập trình 1.1.1.Ngôn ngữ Html 1.1.2.Ngơn ngữ css 1.2 Tìm hiểu thư viện hỗ trợ 1.2.1.Thư viện javascipt 1.2.2.Thư viện bootstrap Chương Phân tích thiết kế hệ thống website 2.1 Chức 2.2 Yêu cầu Chương Thiết kế xây dựng web Chương Kết luận Hướng phát triển PHỤ LỤC DANH MỤC TÀI LIỆU THAM KHẢO CHƯƠNG TỔNG QUAN VỀ CÔNG NGHỆ THIẾT KẾ WEBSITE 1.1 Tìm hiểu ngơn ngữ lập trình 1.1.1 Ngôn ngữ html5 HTML (viết tắt từ Hypertext Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản") ngôn ngữ đánh dấu thiết kế để tạo nên trang web World Wide Web Cùng với CSS JavaScript, HTML ngôn ngữ quan trọng lĩnh vực thiết kế website HTML định nghĩa ứng dụng đơn giản SGML sử dụng tổ chức cần đến yêu cầu xuất phức tạp HTML trở thành chuẩn mực Internet tổ chức World Wide Web Consortium (W3C) trì Phiên thức HTML HTML 4.01 (1999) Sau đó, nhà phát triển thay XHTML Hiện nay, phiên ngôn ngữ HTML5 Bằng cách dùng HTML động Ajax, lập trình viên tạo xử lý số lượng lớn công cụ, từ chương trình soạn thảo văn đơn giản – gõ vào từ dịng – công cụ xuất WYSIWYG phức tạp Hypertext cách mà trang Web (được thiết kế HTML) kết nối với Và thế, đường link có trang Web gọi Hypertext Như tên gọi nói, HTML ngơn ngữ đánh dấu thẻ (Markup Language), nghĩa bạn sử dụng HTML để đánh dấu tài liệu text thẻ (tag) để nói cho trình duyệt Web cách để cấu trúc để hiển thị 1.1.2.Ngơn ngữ CSS CSS giúp ích nhiều viết trang web HTML CSS gì? CSS viết tắt Cascading Style Sheets CSS mô tả cách phần tử HTML hiển thị hình phương tiện khác CSS hữu ích tiện lợi Nó kiểm sốt tất trang website Các stylesheet lưu trữ dạng tập tin CSS CSS dùng để định nghĩa kiểu cách cho trang website bạn, gồm thiết kế, dàn trang cách hiển thị khác nhiều thiết bị với kích thước hình khác HTML khơng có phần tử để để định dạng cho trang web HTML dùng để tạo nội dung cho trang Khi phần tử thuộc tính màu sắc thêm vào HTML 3.2, ác mộng nhà phát triển web bắt đầu Việc phát triển website lớn mà thêm thông tin font hay màu sắc vào trang đòi hỏi nhiều thời gian Để giải vấn đề này, World Wide Web Consortium (W3C) tạo CSS, giúp loại bỏ việc định dạng kiểu cách khỏi trang HTML.Các định nghĩa liên quan đến kiểu cách đưa vào tập tin css nhờ vào tập tin stylesheet ngồi, bạn thay đổi tồn website tập tin 1.1 Một số thư viện hỗ trợ 1.1.1 Thư viện javascript JavaScript ngôn ngữ kịch hướng đối tượng, đa tảng, sử dụng để giúp cho trang Web có tính tương tác với người dùng Ngồi cịn có phiên JavaScript phía máy chủ nâng cao Node.js, cho phép thêm nhiều chức vào trang Web JavaScript ngôn ngữ lập trình phổ biến có tính ứng dụng cao Ngày nay, JavaScript sử dụng nhiều lĩnh vực khác phát triển phía máy chủ, phát triển ứng dụng di động,… Ta thực chạy đoạn mã viết ngôn ngữ JavaScript theo cách sau: Sử dụng tab bảng điều khiển trình duyệt web Sử dụng Node.js Tạo trang web 1.2.2.Thư viện bootstrap Bootstrap cho phép trình thiết kế website diễn nhanh chóng dễ dàng dựa thành tố sẵn có typography, forms, buttons, tables, grids, navigation, image carousels… Cùng Mắt Bão tìm hiểu tính lợi ích mang lại cho lập trình viên Bootstrap nhé! Bootstrap sưu tập miễn phí mã nguồn mở công cụ dùng để tạo mẫu webiste hồn chỉnh Với thuộc tính giao diện quy định sẵn kích thước, màu sắc, độ cao, độ rộng…, designer sáng tạo nhiều sản phẩm mẻ tiết kiệm thời gian làm việc với framework trình thiết kế giao diện website Giới thiệu 1.1.Tính cấp thiết đề tài Hiện xuất nhiều đồ ăn vặt nhiều bạn ưa chuộng.Nhằm đáp ứng nhu cầu trang web bán đồ ăn vặt cần thiết để vừa tiết kiệm thời gian vừa tiện lợi cho người.Web đưa đến cho người sản phẩm mà họ so sánh loại để lựa chọn mua hay không 1.2.Phương pháp nghiên cứu Đề tài đựa kết hợp: -Html5 -Css3 -Bootstrap -Javascript 1.3.Kết cấu đề tài Web bán đồ ăn vặt gồm trang chủ trình bày sản phẩm bán web,những sản phẩm liện kết với trang riêng để giới thiệu sản phẩm đó.Bên cạnh trang chủ cịn liên kết đến trang dẫn đến form đăng kí Một trang để giới thiệu web, trang để hướng dẫn đặt hàng,một trang để liên hệ cho shop.Web đưa đến link liên kết để rõ facebook nhân viên,địa shop Chương PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEB 1.2 Chức Đây website bán giới thiệu sản phầm đồ ăn vặt tiện lợi với chi tiết mặt hàng , giá chinh xác.Có chức năng: - Đăng nhập đăng kí: Khách hàng đăng kí để có tài khoản riêng cho mình.Khi đăng nhập khách hàng cần nhập vào email mật đăng kí trước Bạn đăng nhập qua hình thức đăng nhập email mật bạn đăng nhập facebook bạn -Hiển thị danh mục sản phẩm: +Shop đưa cho bạn nhiều sản phẩm từ đồ ăn , nước uống đến mặt hàng khác Khi bạn tìm lựa chọn +Sản phẩm bày bán trang chủ shop Nó tiện lợi bạn cần đăng nhập vào đưa đến mục sản phẩm bạn cần mua - Hiển thị thông tin sản phẩm: +Về phần thông tin sản phẩm : Bạn biết thơng tin sản phẩm : Giá thành sản phẩm; Hình ảnh minh họa sản phẩm; Những đanh giá chi tiết sản phẩm -Hướng dẫn mua hàng: +Shop hướng dẫn cho bạn kĩ lưỡng cách thức đặt hàng thông qua số điện thoại nhân viên , face book liên lạc trực tiếp đến địa shop -Liên hệ với quản trị: +Cho phép bạn đặt câu hỏi , vấn đề , thắc mắc hay đánh giá sản phẩm cho shop -Cung cấp thông tin shop:Mọi thông tin shop đề cập +Giới thiệu shop bán +Tiêu chí sản phẩm +Cam kết sản phẩm +Số điện thoại shop + face book liên hệ + địa shop 1.1 YÊU CẦU Phần khách hàng: Khách hàng người có nhu cầu mua sắm hàng hóa , họ tìm kiếm mặt hàng cần thiết từ hệ thống đặt mua mặt hàng này.Vì phải có chức năng: +Hiển thị danh sách mặt hàng cửa hàng để khách hàng xem , lựa chọn mua +Khách hàng xem thông tin , tin tức có web Phần thiết kế web: + Thiết kế dễ hiểu +Giao diện mang tinh dễ dùng, đẹp mắt +Cung cấp đầy đủ thông tin cho khách hàng +Web đổi hấp dẫn CHƯƠNG Thiết kế xây dựng web 3.1 Trang đăng nhập đăng kí -Đăng Kí: Bạn cần nhập vào email,địa mật có tài khoản riêng để nhận nhiều ưu đãi -Đăng Nhập:Ở trang bạn cần nhập email mật để đăng nhập tài khoản bạn Bạn liên kết đăng nhập đăng kí 3.2 Trang giới thiệu +Cho biết thông tin cần thiết shop +Cho biết thêm cách thức đặt hàng ,các ưu đãi nhận 3.3 Trang Giỏ hàng - Khi bạn mua muốn mua hang bạn cần đưa đơn hàng vào giỏ hàng 3.4Trang liên hệ - Form liên hệ để khách nhập ý kiến phản hồi hay đánh giá shop.Kèm theo khách hàng biết địa shop nhúng vào web 3.5 Trang chủ Trang chủ đưa đến cho ta số mặt hàng.Theo khách cịn tham khảo mặt hàng mặt hàng phổ biến ,mặt hàng ưa thích nhiều, mặt hàng cập nhật Trang chủ(index.html) 3.6 Trang sản phẩm Nơi cho biết tất mặt hàng shop buôn bán Kết luận Hướng phát triển Đề tài thực mảng phát triển web nhằm phục vụ nhu cầu khách hàng xu hướng đồ ăn vặt nay.Web giúp định hình xu hướng , nhu cầu online shop đồ ăn vặt để phát triển tương lai gần.Thiết kế web cần đủ kiến thức,kĩ học hỏi thông tin cần thiết,… Để thiết kế web bán đồ ăn vặt em tìm hiểu , học hỏi nhiều Từ cung cấp cho em nhiều kiến thức mới,những kĩ năng,khả tổng hợp chắt lọc thơng tin cần thiết, phân tích,… Web thực phương diện web tĩnh , đưa form trang web đầy đủ để phát triển lên web động mua bán.Hy vọng có web phát triển theo hướng tích cực đáp ứng nhu cầu cho tương lai