Tiểu luận môn học thiết kế web thiết kế website thẻ cào online

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 THẺ CÀO ONLINE GV: THS_Nguyễn Hữu Vĩnh SVTH: Nguyễn Nhật Linh MSSV:1824801030228 LỚP: D18PM04 B%NH DƯƠNG – 07/2020 KHOA KỸ THUẬT – CÔNG NGHỆ 0 Nguyễn Nhật Linh Thiết kế web 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 THẺ CÀO ONLINE 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 Mục lục 0 Nguyễn Nhật Linh Thiết kế web Mục lục Danh mục hình Lời Mở Đầu SƠ ĐỒ THIẾT KẾ TRANG WEB 1.1 Sơ đồ tổng quát trang .6 1.2 Sơ đồ tài khoản CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 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 .8 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về HTML 1.1 HTML gì? 1.2 Công dụng HTML .9 1.3 Định dạng HTML Giới thiệu Adobe Dreamweaver .9 Ngôn ngữ CSS 10 Ngôn ngữ Javascript 10 CHƯƠNG 3: GIAO DIỆN CHƯƠNG TRÌNH 12 Đặc Tả Giao Diện 12 1.1 Giao diện trang chủ 12 1.2 Giao diện trang giới thiệu 14 1.3 Giao diện Trang Thẻ điện thoại 15 1.4 Giao diện Trang Thẻ Game 16 1.5 Giao diện trang đăng ký 17 1.6 Giao diện trang đăng nhập .18 1.7 Giao diện trang lấy lại mật 19 1.8 Giao diện trang khuyến 20 0 Nguyễn Nhật Linh 1.9 Thiết kế web Giao diện trang chi tiết sản phẩm 21 1.9.1 Giao diện trang thẻ cào Garena 21 1.9.2 Giao diện thẻ cào Viettel 22 1.9.3 Thẻ cào Vinaphone 23 1.9.4 Giao diện thẻ cào Gate 24 1.9.5 Giao diện thẻ Gamota 25 1.9.6 Giao diện thẻ Vietnamobile 26 1.10 Giao diện hỗ trợ .27 1.10.1 Giao diện trang nạp tiền .27 1.10.2 Giao diện trang khiếu nại 28 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 29 Kết đạt được: 29 Việc chưa làm được: 29 Hướng phát triển đề tài .29 TÀI LIỆU KHAM KHẢO 31 0 Nguyễn Nhật Linh Thiết kế web Danh mục hình Hình Trang chủ Hình trang giới thiệu Hình Trang Thẻ điện thoại 10 Hình Trang Thẻ Game 11 Hình Trang đăng ký 12 Hình Trang đăng nhập 13 Hình Trang lấy lại mật 14 Hình Trang khuyến 15 Hình Trang thẻ Garena 16 Hình 10 Trang thẻ Viettel 17 Hình 11 Thẻ Vinaphone .18 Hình 12 Trang Thẻ Gate 19 Hình 13 Trang nạp tiền 20 Hình 14 Trang khiếu nại 21 0 Nguyễn Nhật Linh Thiết kế web Lời Mở Đầu Dưới vươn lên mạnh mẽ của Smartphone năm gần kéo theo phát triển nhiều mặt hàng làm tăng mạnh nhu cầu sử dụng mặt hàng bổ sung Smartphone, có thẻ cào Nó gần trở thành sản phẩm khơng thể thiếu người dùng Smartphone để thoải mái sử dụng dịch vụ nhà mạng Thậm chí cịn trở thành đơn vị tiền ảo giao dịch qua mạng tính đơn giản, dễ sử dụng tính rộng mở Nắm bắt tình hình website “Thẻ cào Online” đời nhằm mang đến cho khách hàng lựa chọn tối ưu tiện lợi Website có nhiều tính phục vụ cho nhu cầu mua thẻ cào cách tiện lợi nhanh chóng khách hàng Việc mua sắm thẻ cào qua website mang đến xác gần tuyệt đối giảm nguy lỗi sản phẩm đến mức thấp Cung cấp cho khách hàng lượng thẻ cào đa dạng phù hợp với nhu cầu Đề 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 0 Nguyễn Nhật Linh Thiết kế web SƠ ĐỒ THIẾT KẾ TRANG WEB 1.1 Sơ đồ tổng quát trang Trang Web Th ẻ cào Online Trang Chủ Gi ới Thiệu S ản phẩm Th ẻ ện thoại Khuyếến Th ẻ game Thẻ Vietel Th ẻ Garena Th ẻ Vinaphone Th ẻ Gamota Thẻ Vietnamobile Th ẻ Zing Th ẻ Mobifone Th ẻ Gate Th ẻ Gmobile Th ẻ Soha 0 Hỗỗ trợ Nạ p tếền Khiếếu nại Nguyễn Nhật Linh Thiết kế web 1.2 Sơ đồ tài khoản Quản lý tài khoản Đăng nhập Đăng ký 0 Lấếy lại mật Nguyễn Nhật Linh Thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE Thẻ cào Online Mục Tiêu Đề Tài + Thiết kế Website Thẻ cào Online Ý Nghĩa Của Đề Tài + Tối ưu tiết kiệm thời gian khách hàng + Giúp khách hàng có nhu cầu dễ dàng tiếp cận sản phẩm + Công ty cửa hàng nhiều người biết đến Đối Tượng Của Đề Tài + Đối tượng kinh doanh website loại thẻ cào thị trường Một Số Trang Chính Của Website + Trang chủ: Cung cấp số thông tin dịch vụ cần thiết cho khách hàng + Trang Giới thiệu: Đây trang cung cấp cho khách hàng thông tin công ty chi tiết loại đối tượng kinh doanh 0 Nguyễn Nhật Linh Thiết kế web + Trang đăng ký: Người dùng đăng ký tài khoản để sử dụng dịch vụ website nhận thêm nhiều ưu đãi mua sắm + Trang đăng nhập: Người dùng đăng nhập tài khoản tạo để sử dụng dịch vụ chức khác website + Trang thẻ điện thoại(thẻ game): Đây trang khách hàng xem tham khảo mặt hàng có sẵn website chương trình khuyến dùng chung + 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 sản phẩm tiến hành mua thẻ 0 Nguyễn Nhật Linh Thiết kế web  Mục Đích: Người dùng đăng ký tài khoản để sử dụng dịch vụ khuyến website Chức năng: Cho phép khách hàng đăng ký thông tin để sở hữu tài khoản giao dịch website Hình Trang đăng ký 1.6 Giao diện trang đăng nhập 18 0 Nguyễn Nhật Linh Thiết kế web  Mục Đích: Người dùng đăng nhập tài khoản tạo để sử dụng dịch vụ mua sắm website Hình Trang đăng nh ập 1.7 Giao diện trang lấy lại mật 19 0 Nguyễn Nhật Linh Thiết kế web  Mục Đích: nơi thực chức lấy lại mật trường hợp chủ tài khoản quên mật đánh tài khoản  Website xác minh đối tượng gửi mã OTP thông qua Email số điện thoại Hình Trang lấấy lại mật kh ẩu 20 0 Nguyễn Nhật Linh Thiết kế web 1.8 Giao diện trang khuyến  Mục đích: Cập nhật sớm chương trình khuyến ưu đãi hấp dẫn với người mua Hình Trang khuyếấn 1.9 Giao diện trang chi tiết sản phẩm 21 0 Nguyễn Nhật Linh Thiết kế web  Website có tất 10 loại thẻ cào bao gồm: thẻ cào điện thẻ cào game  Vì giao diện chi tiết sản phẩm có phần tương tự nên đưa trang làm ví dụ 1.9.1 Giao diện trang thẻ cào Garena  Mục đích: Nơi khách hàng có xem chi tiết sản phẩm tiến hành chọn mệnh giá thẻ cào muốn mua tiến hành toán thẻ Garena Hình Trang th ẻ Garena 22 0 Nguyễn Nhật Linh Thiết kế web 1.9.2 Giao diện thẻ cào Viettel  Mục đích: Nơi khách hàng có xem chi tiết sản phẩm tiến hành chọn mệnh giá thẻ cào muốn mua tiến hành tốn thẻ Viettel Hình 10 Trang thẻ Vietel 23 0 Nguyễn Nhật Linh Thiết kế web 1.9.3 Thẻ cào Vinaphone  Mục đích: Nơi khách hàng có xem chi tiết sản phẩm tiến hành chọn mệnh giá thẻ cào muốn mua tiến hành tốn thẻ Vinaphone Hình 11 Th ẻ Vinaphone 24 0 Nguyễn Nhật Linh Thiết kế web 1.9.4 Giao diện thẻ cào Gate  Mục đích: Nơi khách hàng có xem chi tiết sản phẩm tiến hành chọn mệnh giá thẻ cào muốn mua tiến hành tốn thẻ Gate Hình 12 Trang Th ẻ Gate 25 0 Nguyễn Nhật Linh Thiết kế web 1.9.5 Giao diện thẻ Gamota  Mục đích: Nơi khách hàng có xem chi tiết sản phẩm tiến hành chọn mệnh giá thẻ cào muốn mua tiến hành toán thẻ Gamota Hình 13 Trang th ẻ Gamota 1.9.6 Giao diện thẻ Vietnamobile 26 0 Nguyễn Nhật Linh Thiết kế web  Mục đích: Nơi khách hàng có xem chi tiết sản phẩm tiến hành chọn mệnh giá thẻ cào muốn mua tiến hành toán thẻ Vietnamobile Hình 14 Trang thẻ Vietnamobile 1.10 Giao diện hỗ trợ 1.10.1 Giao diện trang nạp tiền 27 0 Nguyễn Nhật Linh Thiết kế web  Mục đích: Là nơi khách hàng thực chức nạp tiền vào tài khoản sở hữu website Nạp tiền thực qua hình thức chuyển tiên từ tài khoản ngân hàng vào tài khoản website Hình 15 Trang nạ p tếền 1.10.2 Giao diện trang khiếu nại 28 0 Nguyễn Nhật Linh Thiết kế web  Mục đích: Là nơi khách hàng gửi vấn đề gặp phải điều khơng hài lịng báo lỗi thẻ cào cho công ty Website phản hồi lại thông qua email sau thời gian định Hình 16 Trang khiếấu nại CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 29 0 Nguyễn Nhật Linh Thiết kế web Sự phát triển bùng nổ Smartphone năm gần kéo theo nhiều đổi phát triển Thẻ cào điện thoại từ mà trở thành sản phẩm người tiêu dùng quan tâm Với lượng tiêu thụ khổng lồ ổn định thẻ cào điện thoại thẻ game trở thành mặt hàng kinh doanh mang lại lợi nhuận tối ưu cho người kinh doanh Đứng trước nhu cầu người mua lợi kinh doanh mặt hàng Website Thẻ cào Online tạo nhằm mang đến cho khách hàng tiện lợi, nhanh chóng mua sắm thẻ cào với độ an tồn xác gần tuyệt đối Đồng thời mang lại nơi để thực chiến dịch quản bá sản phẩm, chương trình khuyến nhà mạng công ty phát hành đến với khách hàng Website “Thẻ cào online” thứ dùng để quảng bá cho công ty, thứ hai kênh thông tin cho người, thứ ba địa tin cậy để khách hàng có nhu cầu mua thẻ cào ghé thăm Qua trình nghiên cứu cố gắng thực hướng dẫn tận tình Giảng viên, giúp đỡ bạn bè khóa học đồ án nghiên cứu thể điều sau: Kết đạt được: - Thiết kế thành công website chuyên bán loại thẻ cào “Thẻ cào Online”, đá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 hoàn chỉnh - Nhiều phần web thiết kế chưa đủ cần nhiều thời gian để rèn luyện thêm - 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: 30 0 Nguyễn Nhật Linh  Thiết kế web 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 31 0 Nguyễn Nhật Linh 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 32 0 ... 0 Lấếy lại mật Nguyễn Nhật Linh Thiết kế web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài + THIẾT KẾ WEBSITE Thẻ cào Online Mục Tiêu Đề Tài + Thiết kế Website Thẻ cào Online Ý Nghĩa Của Đề Tài + Tối... khóa học đồ án nghiên cứu thể điều sau: Kết đạt được: - Thiết kế thành công website chuyên bán loại thẻ cào ? ?Thẻ cào Online? ??, đáp ứng yêu cầu người sử dụng - Tìm hiểu nắm công cụ để Thiết kế website. .. Linh Thiết kế web  Website có tất 10 loại thẻ cào bao gồm: thẻ cào điện thẻ cào game  Vì giao diện chi tiết sản phẩm có phần tương tự nên đưa trang làm ví dụ 1.9.1 Giao diện trang thẻ cào Garena