BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN CƠ SỞ LẬP TRÌNH WEB ĐỀ TÀI: WEBSITE: VĂN PHÒNG PHẨM

lOMoARcPSD|17838488 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: VĂN PHỊNG PHẨM Sinh viên thực : Bùi Tất Hưng : Thân Việt Anh : Nguyễn Trọng Đạt 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 : D15CNPM5 lOMoARcPSD|17838488 Lớp Hà Nội, tháng ,năm 2021 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: STT Họ tên Bùi Tất Hưng Thân Việt Anh Nguyễn Trọng Đạt Nội dung thực Điểm Chữ ký Gíao viên chấm điểm: Họ tên Giáo viên 1: Giáo viên 2: Chữ ký Ghi lOMoARcPSD|17838488 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 10 1.4 Một sốế trang website 10 CHƯƠNG 2: KHẢO SÁT V䄃 PHÂN TÍCH HỆ THỐNG 12 2.1 Khảo sát trạng 12 2.2 Yều cầều vềề chức .13 2.3 Yều cầều phi chức .14 2.4 Mố tả chức 14 2.5 Layout trang web .15 2.5.1 Đăng nhập 15 2.5.2 Đăng kí 16 2.5.3 Trang chủ 16 2.5.4 Trang sản phẩm 17 CHƯƠNG 3: THIẾT KẾ TRANG WEB 17 3.1 Đăng nhập 17 3.2 Đăng kí 18 3.3 Trang chủ 18 3.4 Trang sản phẩm 19 3.5 Giỏ hàng 20 KẾT LUẬN 21 TÀI LIỆU THAM KHẢO .22 lOMoARcPSD|17838488 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 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 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, lOMoARcPSD|17838488 kiến thức hạn chế, nhiều bỡ ngỡ, nên báo cáo “Xây dựng Vanphongpham” chắn 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 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 ln mong nhận đóng góp người Trân trọng lOMoARcPSD|17838488 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 đồ dùng học tập 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à yêu thích Giúp lOMoARcPSD|17838488 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 Vanphongpham ” lOMoARcPSD|17838488 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 văn phịng phẩm 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 Vanphongpham tạo nhằm cung cấp cho nguời cần mua đồ dùng học tập 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ó lOMoARcPSD|17838488 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 VANPHONGPHAM” tích hợp giao diện chức sau: ⮚ Giao diện website ⮚ Sản phẩm website ⮚ Đăng ký người dùng ⮚ Đăng nhập vào website ⮚ Giỏ hàng ⮚ Box thông báo ⮚ Chi tiết sản phẩm 1.3 Mục tiều quảng bá website Là giới thiệu quảng bá sản phẩm mà cần thiết cho người 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á, xuất xứ, Ngồ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 đă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 chủ: Đây trang giới thiệu sản phẩm Ngồi biết thêm thơng tin xã hội Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 -Trang 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 chi tiết sản phẩm: Đây trang khách hàng xem chi tiết sản phẩm -Trang giỏ hàng: Đây trang khách hàng thêm sản phẩm vào giỏ hàng -Trang liên hệ chúng tơi: Đây trang mà khách hàng liên hệ với cửa hàng Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 CHƯƠNG 2: KHẢO SÁT V䄃 PHÂN TÍCH HỆ THỐNG 2.1 Khảo sát trạng Hiện trào lưu mua bán qua mạng ngày trở nên phổ biến Internet phát triển kéo theo nhiều dịch vụ phát triển theo liền với Và việc tiếp cận với internet khơng cịn xa lạ với người trở thành phương tiện truyền thông nhiều người sử dụng giới Không Internet làm phương tiện truyền thơng tin trao đổi, giải trí, xem tin tức, tìm kiếm thơng tin người cịn dùng internet để kinh doanh mặt hàng bình thường đến đặc biệt Ở Việt Nam có nhiều trang web mua-bán qua mạng với đa dạng mặt hàng thời trang, mỹ phẩm, đồ ăn, bán nhiều nhiều website Khách hàng cần thao tác click chuột vào sản phẩm mà u thích liên hệ với chủ cửa hàng chờ đơn hàng chuyển tới nhà Việc kinh doanh qua mạng giúp nhiều cơng ty có nhiều hội thách thức việc mở rộng thị trường không thời gian mà khơng gian, nước ngồi nước Bên cạnh thuận lợi việc kinh doanh qua mạng có vấn đề nảy sinh Nó địi hỏi phải có hiểu biết cơng nghệ thơng tin để thiết lập tạo trang web để thực hoạt động bán hàng quảng bá sản phẩm Một thực tế cho thấy Việt Nam cho dù Internet việc mua bán hàng trực tuyến phát triển nhanh chóng nhiều người lo sợ phương thức kinh doanh mẻ Khách hàng có tâm lý lo ngại mua mặt hàng nói chung mẫu trang trang nói riêng họ khơng chắn có tốt mẫu sản phẩm quảng cáo nhà kinh doanh hay khơng họ khơng tiếp xúc mặt hàng trực tiếp, tiền chuyển hàng hóa đến chậm khơng chuyển đến Cịn phía bên cửa hàng phải chịu tổn thất chi phí khơng nhỏ việc mua Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 hàng hay sản xuất sản phẩm mà biết phản ứng khách hàng hay giao hàng mà khơng có người nhận, hay địa khơng xác Hình thức kinh doanh có ưu điểm nhược điểm nó, nhiên thành cơng hình thức kinh doanh cịn phụ thuộc ý tưởng cách kinh doanh người quản lý Đối với ngành kinh doanh thời trang qua mạng giúp cho ngành thời trang nói chung quần áo nói riêng ngày đa dạng phù hợp với xu hướng tất yếu thời đại nay- thời đại công nghệ thông tin 2.2 Yều cầều vềề chức -User: Là người có nhu cầu mua sắm sản phẩm Họ tìm kiếm sản phẩm cần thiết từ hệ thống đặt mua sản phẩm Vì trang web phải thỏa mãn chức sau: +Hiển thị danh sách sản phẩm cửa hàng để khách hàng xem lựa chọn để khách hàng tìm kiếm nhanh hiệu sản phẩm mà họ cần tìm -Admin: Là người làm chủ ứng dụng có quyền kiểm sốt hoạt động hệ thống Người cấp username password để đăng nhập vào hệ thống thực chức Nếu q trình đăng nhập thành cơng nhà quản lý có chức sau: +Chức quản lý cập nhật( thêm, sửa, xóa) sản phẩm trang web, việc địi hỏi xác Ngồi chức trang web phải trình bày cho dễ hiểu, giao diện mang tính dễ dùng, đẹp mắt làm cho khách hàng thấy thơng tin cần tìm, cung cấp thơng tin quảng cáo thật hấp dẫn Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 chứng thực, nhằm thu hút quan tâm cửa hàng có hội có nhiều khách tham quan mua sắm sản phẩm cửa hàng Điều quan trọng trang web mua bán mạng phải đảm bảo an toàn tuyệt đối thơng tin liên quan đến khách hàng q trình đặt mua hay tốn Đồng thời trang web cịn phải có tính dễ nâng cấp, bảo trì, sửa chữa cần bổ sung hay cập nhật tính 2.3 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 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.4 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 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 +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, tố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.5 Layout trang web 2.5.1 Đăng nhập Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 2.1 : Layout đăng nhập Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 2.5.2 Đăng kí Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Hình 2.2 : Layout đăng kí 2.5.3 Trang chủ Hình 2.3 : Layout trang chủ 2.5.4 Trang sản phẩm Hình 2.4 : Layout sản phẩm Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 CHƯƠNG 3: THIẾT KẾ TRANG WEB 3.1 Đăng nhập 3.2 Đăng kí Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.3 Trang chủ 3.4 Trang sản phẩm Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 3.5 Giỏ hàng Downloaded by hây hay (vuchinhhp3@gmail.com)