Báo cáo xây dựng shopee

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 ĐÊ TAI: WEBSITE …… Sinh viên thực : … : … : … Giảng viên hướng dẫn : Cấn Đức Điệp NGÀNH : Công nghệ thông tin Chuyên ngành :Cơng nghệ phần mềm Khóa :2019-2024 Hà Nội, tháng ,năm 2021 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: ST Họ tên Nội dung thực Điểm Chữ ký T Gíao 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.2 Mục đích website cần thiết kế 1.3 Mục tiêu quảng bá website 1.4 Một số trang website 10 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 11 2.1 Khảo sát trạng 11 2.2 Mô tả toán 12 2.3 Yêu cầu chức 13 2.4 Yêu cầu phi chức 14 2.5 Mô tả chức 14 2.6 Layout trang web 15 2.6.1 Đăng nhập 15 2.6.2 Đăng kí 16 2.6.3 Trang chủ 16 2.6.4 Trang sản phẩm 17 2.6.5 trang chi tiết sản phẩm 18 CHƯƠNG 3: THIẾT KẾ TRANG WEB 19 3.1 Đăng nhập 19 3.2 Đăng ký 20 3.3 TRANG CHỦ 21 3.4 Trang sản phẩm 22 3.5 Trang chi tiết sản phẩm 23 3.6 Box thông báo 25 3.7 Giỏ hàng 26 KẾT LUẬN 27 TÀI LIỆU THAM KHẢO 28 LỜI CẢM ƠN Trên thực tế, 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 cô, 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 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 Shopee” chắn Recommandé pour toi Suite du document ci-dessous 10 PET Speaking visuals Hình thi nói PET part D15qlmtcn 13 Life A2B1 Wordlist tiếng anh đại học điện lực D15qlmtcn 100% (10) Dap an multiple choise - tiếng anh D15qlmtcn 14 100% (1) 100% (1) FRS Sample fastval D15qlmtcn 100% (1) tránh khỏi thiếu sót Em mong nhận quan tâm, thơng cảm đóng góp quý báu thầy cô 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 tồ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 hoà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 áo, quần, giày, dép, 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 Shopee” 2.4 Yêu cầu phi chức -Hỗ trợ khách hàng an tồn mua sản phẩm thơng tin cá nhân liên quan đến khách hàng đảm bảo an toàn Giao diện thân thiện, dễ dùng, hấp dẫn, dễ tìm kiếm thơng tin sản phẩm -Website có dung lượng khơng q lớn, tốc độ xử lý nhanh -Việc tính tốn đảm bảo xác khơng chấp nhận sai sót -Đảm bảo an tồn liệu chạy -Có khả lưu trữ nhiều liệu 2.5 Mô tả chức -Chức năng: Quản lý bán hàng +Hiển thị thông tin phân loại sản phẩm: Sản phẩm hiển thị lên website hiển thị đầy đủ thơng tin như: hình ảnh, tên sản phẩm, đặc điểm bật sản phẩm, thông tin chi tiết sản phẩm, giá, thời gian bảo hành, hãng sản xuất, thơng tin chương trình khuyến mại, Các sản phảm phân loại theo hãng sản xuất, theo tên chủng loại Sự phân loại người dùng lựa chọn tham quan gian hàng Trên trang chủ website, thành phần hiển thị số sản phẩm nhất, bật bán chạy tin tức sản phẩm lấy từ chuyên trang tin tức website +Giỏ hàng (Khi tham khảo đầy đủ thông tin sản phẩm khách hàng đặt mua sản phẩm website thơng qua chức giỏ hàng mà không cần phải đến địa điểm giao dịch, giỏ hàng mô giỏ hàng thực tế thêm bớt, toán thành tiền sản phẩm mua -Chức năng: Quản lý người dùng +Đăng nhập: Khi khách hàng muốn mua sản phẩm cửa hàng bắt buộc phải đăng nhập vào hệ thống +Đăng ký: Nếu khách hàng chưa có tài khoản đăng ký cách điền thông tin đầy đủ chờ xác nhạn hệ thống, thơng tin xác hệ thống thông báo thành công cho khách hàng, lỗi khách hàng phải kiểm tra lại thơng tin mà nhập +Cập nhật thơng tin cá nhân 2.6 Layout trang web 2.6.1 Đăng nhập Hình 2.1 : Layout đăng nhập 2.6.2 Đăng kí Hình 2.2 : Layout đăng kí 2.6.3 Trang chủ Hình 2.3 : Layout trang chủ 2.6.4 Trang sản phẩm Hình 2.4 : Layout sản phẩm 2.6.5 trang chi tiết sản phẩm Hình 2.5 : Layout chi tiết sản phẩm CHƯƠNG 3: THIẾT KẾ TRANG WEB 3.1 Đăng nhập Hình 3.1 Giao diện đăng nhập 3.2 Đăng ký Hình 3.2 Giao diện đăng kí 3.3 TRANG CHỦ Hình 3.3 Giao diện trang 3.4 Trang sản phẩm Hình 3.4 Giao diện sản phẩm 3.5 Trang chi tiết sản phẩm Hình 3.5 Giao diện chi tiết sản phẩm 3.6 Box thơng báo Hình 3.6 Giao diện box thơng báo 3.7 Giỏ hàng Hình 3.7 Giao diện giỏ hàng 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 shopee • 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! 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