Báo cáo chuyên đề học phần cơ sở lập trình web đề tài website bán giày

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN CƠ SỞ LẬP TRÌNH WEB ĐỀ TÀI: WEBSITE BÁN GIÀY : Lê Minh Nghĩa Sinh viên thực :Phạm Năng Quyền Giảng viên hướng dẫn : Phương Văn Cảnh NGÀNH : Công nghệ thông tin Chun ngành : Cơng nghệ phần mềm Khóa : 2020-2025 Hà Nội, tháng 3, năm 2022 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: STT Họ tên Nội dung thực Phạm Năng Quyền Website bán giày Lê Minh Nghĩa Website bán giày Điểm Chữ ký Giáo viên chấm điểm: Họ tên Giáo viên 1: Giáo viên 2: Chữ ký Ghi MỤC LỤC CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài……………………………………………….1 1.2 Mục đích website cần thiết kế…………………………….1 1.3 Mục tiêu quảng bá website……………………………… 1.4 Một số trang website……………………………….3 1.5 Các hệ thống liên quan…………………………………….….3 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 2.1 Khảo sát trạng………………………………………… 2.2 Mơ tả tốn……………………………………………… 2.3 Yêu cầu chức năng……………………………………… 2.4 Yêu cầu phi chức năng……………………………………… 2.5 Mô tả chức năng……………………………………….….9 2.6 Layout trang web……………………………………….…9 2.6.1 Trang chủ…………………………………………….….10 2.6.2 Giày nike……………………………………………… 11 2.6.3 Thêm sản phẩm …………………………………………12 2.6.4 Liên hệ………………………………………………… 13 2.6.5 Giới thiệu……………………………………………… 14 2.6.6 Đăng nhập …………………………………………… 15 2.6.7 Giỏ hàng…………………………………………… ….16 CHƯƠNG 3: THIẾT KÉ TRANG WEB 3.1 layout trang chủ……………………………………………….17 3.2 layout giày nike……………………………………………… 18 3.3 layout thêm sản phẩm ……………………………………… 19 3.4 layout liên hệ………………………………………………… 20 3.5 layout giới thiệu………………………………………… …21 3.6 layout đăng nhập………………………………………………22 3.7 layout giỏ hàng……………………………………………… 23 KẾT LUẬN…………………………………………………………… 24 Tài liệu tham khảo…………………………………………………….…25 DANH MỤC HÌNH ẢNH Hình 1.1 Trang chủ website Tuloshop.vn………………………… ……3 Hình 1.2 Trang giày nike website Tuloshop.vn………………………….4 Hình 1.3 Trang liên hệ wesite Tuloshop.vn………………………… …4 Hình 1.4 trang đăng nhập website Tuloshop.vn………………………….5 Hình 2.1 layout trang chủ…………………………………… …………10 Hình 2.2 layout giày nike………………………………………….…… 11 Hình 2.3 layout thêm sản phẩm………………………………………… 12 Hình 2.4 layout liên hệ………………………………………… ……….13 Hình 2.5 layout giới thiệu……………………………………….……… 14 Hình 2.6 layout đăng nhập……………………………………….……….15 Hình 2.7 layout giỏ hàng………………………………………………….16 Hình 3.1 giao diện trang chính……………………………………………17 Hình 3.2 giao diện giày nike………………………………………………18 Hình 3.3 giao diện thêm sản phẩm……………………………………… 19 Hình 3.4 giao diện liên hệ…………………………………………… … 20 Hình 3.5 giao diện giới thiệu…………………………………………… 21 Hình 3.6 giao diện đăng nhập………………………………………….….22 Hình 3.7 giao diện giỏ hàng……………………………………………… 23 LỜI CẢM ƠN Trên thực tế, khơng có thành cơng mà khơng gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thười gian từ bắt đầu học tập giảng đường Đại học đến nay, em nhận nhiều quan tâm, giúp đỡ thầy cơ, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, em xin gửi đến thầy cô Khoa Công Nghệ Thông Tin- trường Đại Học Điện Lực với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Và đặc biệt, kỳ này, em tiếp cận với mơn học hữu ích sinh viên ngành Cơng Nghệ Thơng Tin Đó mơn: “Cơ sở lập trình Web” Em xin chân thành cảm ơn thầy Phương Văn Cảnh tận tâm hướng dẫn chúng em qua buổi học lớp buổi nói chuyện, thảo luận mơn học Trong thời gian học tập thực hành hướng dẫn thầy, em thu nhiều kiến thức bổ ích, mà cịn truyền say mê thích thú mơn “Cơ sở lập trình Web” Nếu khơng có lời hướng dẫn, dạy bảo thầy em nghĩ báo cáo khó hồn thành Xin gửi lời cảm ơn chân thành đến gia đình, bạn bè nguồn động viên to lớn, giúp em vượt qua khó khăn q trình học tập thực báo cáo Mặc dù cố gắng hoàn thiện báo cáo với tất nỗ lực, nhiên, bước đầu vào thực tế, tìm hiểu xây dựng báo cáo thời gian có hạn, kiến thức hạn chế, nhiều bỡ ngỡ, nên báo cáo “Xây dựng shop bán giày” chắn khơng thể tránh khỏi thiếu sót Em mong nhận quan tâm, thơng cảm đóng góp q báu thầy bạn để báo cáo hoàn thiện Một lần nữa, em xin chân thành cảm ơn mong nhận đóng góp người Trân trọng LỜI MỞ ĐẦU Nói đến CNTT hình dung tới mơi trường phát triển động vào bậc toàn giới Nó ứng dụng vào mặt đời sống người, từ cơng việc giải trí Nhắc đến cơng nghệ thơng tin khơng thể khơng nhắc đến lập trình Lập trình cơng việc tạo sản phẩm tiện ích giúp người làm việc hiệu thao tác với máy tính hay thiết bị cơng nghệ Để lập trình sản phẩm bạn cần phải biết ngơn ngữ lập trình, để kết nối người dùng máy tính Cùng với phát triển vượt bậc CNTT, người xây dựng, phát triển bảo trì trang web lưu trữ internet hình thức lập trình web Một trang web đơn giản viết ngôn ngữ HTML, CSS chứa vài trăm dòng lệnh Tuy nhiên trang web lớn Facebook lên đến 60 triệu dịng lệnh để phát triển hồn chỉnh trang web Trước nhu cầu thị trường mua bán trao đổi hàng hóa, cập nhật thơng tin, tin tức thay phải quảng bá sản phẩm, hàng hóa cách truyền thống ta thay vào trang web mua - bán với nhiều tiện ích Cuộc sống người phát triển nhu cầu sống người nâng cao nhu cầu đơn giản thiết thực Đó nhu cầu ăn, mặc vấn đề toán nhà kinh doanh, để đáp ứng nhu cầu người để cải thiện đời sống ngày cao Chính vậy, để đáp ứng nhu cầu sơ sở kế thừa trang web bán hàng khác nhóm em xây dựng website qua mạng để đáp ứng nhu cầu mua sắm người, giúp họ tiết kiệm thời gian, chi phí việc phải shop, cửa hàng hay chợ truyền thống để mua tìm kiếm sản phẩm Thay vào việc ngồi nhà hay đâu với máy tính,điện thoại kết nối interner người thỏa sức tìm kiếm, lựa chọn sản phẩm giày mà u thích Giúp cho người quản trị dễ dàng việc phân quyền quản lý khách hàng, loại sản phẩm, nhãn hiệu đơn đặt hàng Đó lý nhóm em chọn đề tài “Xây dựng website bán giày” CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài Hiện việc bán hàng qua mạng không cịn xa lạ người, khơng thể phủ nhận lợi ích mà việc bán hàng online mang lại Mặc dù C C++ có khả làm việc trình biên dịch lại phụ thuộc vào loại CPU Trình biên dịch thường phải tốn nhiều thời gian để xây dựng nên đắt, để loại CPU có trình biên dịch riêng tốn Người mua cần truy cập trang web bán hàng lựa chọn mặt hàng cần thiết mà không cần phải đến tận cửa hàng để mua tiết kiệm nhiều thời gian, khơng việc tốn trực tuyến nhanh chóng khách hàng đặt hàng giao hàng đến tận nơi khoảng thời gian ngắn sau đặt hàng Web bán giày tạo nhằm cung cấp cho nguời yêu thích mua sắm người bắt đầu với môn môi trường tương tác tìm hiểu, cập nhật tin tức mặt hàng: ➢ Giao diện: Đơn giản, đẹp mắt, dễ thao tác hình, phù hợp cho đối tượng khách hàng ➢ Sản phẩm: Đa dạng mẫu mã sản phẩm, hình ảnh sản phẩm chân thực, dễ phân loại để người dùng dễ tìm kiếm lựa chọn 1.2 Mục đích website cần thiết kế Khi xây dựng website phải hình dung cần phải thiết kế gì? Cho website Khơng có chủ định mục tiêu rõ ràng website trở nên sai lầm, lan man cuối tới hướng khó trở lại Thiết kế cẩn thận định hướng rõ chìa khóa hướng tới thành cơng việc xây dựng website Vận dụng tổng hợp kiến thức học để tiến hành thiết kế website bán hàng online nhằm giải khó khăn cửa hàng Tìm hiểu thực trạng thương mại điện tử Việt Nam để triển khai hệ thống thương mại điện tử cửa hàng cho phù hợp Khai phá lợi ích Internet để hướng đến mơi trường kinh doanh tồn cầu Dựa kiến thức tảng thầy cô trao đổi lớp số tài liệu tham khảo em tổng hợp kiến thức để xây dựng trang web Báo cáo lập trình web “WEBSITE BÁN GIÀY” tích hợp giao diện chức sau: ➢ Giao diện website ➢ Giày nike ➢ Thêm sản phẩm ➢ Liên hệ ➢ Giới thiệu ➢ Đăng nhập ➢ Giỏ hàng 1.3 Mục tiêu quảng bá website Là giới thiệu quảng bá sản phẩm mà bạn trẻ ưa thích Khách hàng biết thông tin chi tiết sản phẩm như: Tên sản phẩm, giá cả, Ngoài website cịn có mục đích giới thiệu cho nhiều khách hàng biết thu hẹp khoảng cách xa gần, giải vấn đề đường xa việc lại khó khăn lại hay tắc nghẽn giao thơng, 1.4 Một số trang website - Trang chủ: Đây trang giới thiệu sản phẩm Ngồi biết thêm thơng tin xã hội - Giày nike : trang khách hàng xem mua giày nike - Trang thêm sản phẩm: Đây trang khách hàng xem tham khảo mặt hàng có sẵn để lựa chọn - Trang liên hệ: Đây trang mà khách hàng liên hệ với cửa hàng - Trang giới thiệu : khách hàng biết thêm cửa hàng - Trang đăng nhập đăng ký: Để khách hàng dễ dàng đặt hàng hưởng ưu đãi từ cửa hàng - Trang giỏ hàng: Đây trang khách hàng thêm sản phẩm vào giỏ hàng 1.5 hệ thống liên quan website mua bán giày Tuloshop.vn Hình 1.1 Trang chủ website Tuloshop.vn Hình 1.2 trang giày nike website Tuloshop.vn Hình 1.3 trang liên hệ wesite Tuloshop.vn 2.6.2 giày nike Hình 2.2 layout giày nike 11 2.6.3 thêm sản phẩm Hình 2.3 layout thêm sản phẩm 12 2.6.4 liên hệ Hình 2.4 layout liên hệ 13 2.6.5 giới thiêu Hình 2.5 layout giới thiệu 14 2.6.6 đăng nhập Hình 2.6 layout đăng nhập 15 2.6.7 giỏ hàng Hình 2.7 layout giỏ hàng 16 CHƯƠNG 3: THIẾT KẾ TRANG WEB 3.1 Trang chủ Hình 3.1 giao diện tranh 17 3.2 Giày nike Hình 3.2 giao diện giày nike 18 3.3 Trang thêm sản phẩm Hình 3.3 giao diện thêm sản phẩm 19 3.4 trang liên hệ Hình 3.4 giao diện liên hệ 20 3.5 trang giới thiệu Hình 3.5 giao diện giới thiệu 21 3.6 trang đăng nhập Hình 3.6 giao diện đăng nhập 22 3.7 trang giỏ hàng Hình 3.7 giao diện giỏ hàng 23 KẾT LUẬN Nhìn chung, giao diện website đáp ứng nhu cầu người dùng đạt tiêu chí sau: • Hồn thiện ý tưởng nội dung trang web bán giày • Thiết kế giao diện đơn giản, đáp ứng nhu cầu với người dùng • Thao tác trang web dễ dàng, bố cục chia khoa học • Dễ hoạt động tảng cơng nghệ • Tối ưu hóa dung lượng trang web • Cung cấp sản phẩm kiến thức đến cho đối tượng khách hàng Tuy vậy, hạn chế trình độ, thời gian nên em khơng khỏi có thiếu sót q trình tìm hiểu, nghiên cứu thực nghiệm Em mong nhận đánh giá chỉnh sửa từ thầy cô Em xin chân thành cảm ơn! 24 TÀI LIỆU THAM KHẢO Hướng Dẫn Thiết Kế Website – NXB Văn hóa thơng tin Định Kiểu Web Với CSS – Charles Wyke-Smith Tự Học Thiết Kế Trang Web Bằng HTML – Đậu Quang Tuấn Tự Học Thiết Kế Trang Web Bằng Java Script – Đậu Quang Tuấn 25