BÀI tập lớn môn họcmô đun lập trình ứng dụng đề tài thiết kế trang web bán máy tính

BÀI TẬP LỚN Mơn học/Mơ đun: Lập trình ứng dụng Đề tài: Thiết kế trang web bán máy tính Ngành: Công nghệ thông tin SINH VIÊN THỰC HIỆN: STT GV hướng dẫn: Thầy Quảng TIEU LUAN MOI download : skknchat123@gmail.com TIEU LUAN MOI download : skknchat123@gmail com BÀI TẬP LỚN Mơn học/Mơ đun: Lập trình ứng dụng Đề tài: Thiết kế trang web bán máy tính Ngành: Công nghệ thông tin SINH VIÊN THỰC HIỆN: STT GV hướng dẫn: Thầy Quảng TIEU LUAN MOI download : skknchat123@gmail com NHẬN XÉT Nhận xét giảng viên hướng dẫn: ……………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… ………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… ………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… ………………………………………………………………………………………… GIẢNG VIÊN HƯỚNG DẪN Th.S TIEU LUAN MOI download : skknchat123@gmail com LỜI CAM ĐOAN Chúng em xin cam đoan tập lớn “Trang website bán máy tính” Là kết thực chúng em hướng dẫn thầy Việt Những phần sử dụng tài liệu tham khảo tập lớn nêu rõ phần tài liệu tham khảo Các kết trình bày tập lớn chương trình xây dựng hoàn toàn kết chúng em thực Nếu vi phạm lời cam đoan này, chúng em xin chịu hoàn toàn trách nhiệm trước khoa nhà trường Những tài liệu, thơng tin, hình ảnh tham khảo trích dẫn rõ ràng, pháp luật Em xin chịu trách nhiệm trước pháp luật lời cam đoan TIEU LUAN MOI download : skknchat123@gmail com LỜI CẢM ƠN Sau khoảng thời gian học tập rèn luyện Trường Công Cao đẳng Công nghệ Bách Khoa Hà Nội đến chúng em kết thúc mơn học Để hồn thành tập lớn , chúng em xin phép gửi lời cảm ơn tới mơn Lập trình ứng dụng , Khoa Công nghệ thông tin – Trường Cao đẳng Công nghệ Bách Khoa Hà Nội tạo điều kiện thuận lợi cho chúng em thực tập lớn môn học Đặc biệt chúng em xin chân thành cảm ơn thầy mơn tận tình hướng dẫn bảo chúng em suốt thời gian thực tập lớn vừa qua.Cảm ơn thầy giáo, cô giáo bạn Trường giúp đỡ chúng em thời gian qua, tạo điều kiện tốt để chúng em hồn thành tập lớn Nhưng thời gian có hạn, kinh nghiệm kiến thức thực tế hạn chế, nên q trình thực đề tài chắn khơng tránh khỏi thiếu sót Chúng em mong nhận góp ý bảo nhiệt tình từ phía thầy bạn để nâng cao khả chun mơn hồn thiện kiến thức Em xin trân trọng cảm ơn! TIEU LUAN MOI download : skknchat123@gmail com MỤC LỤC NHẬN XÉT LỜI CAM ĐOAN MỤC LỤC DANH SÁCH TỪ VIẾT TẮT CHƯƠNG 1: MỞ ĐẦU 1.1 Lý chọ 1.2 Mục tiêu c 1.2.1 Mục tiêu tổng quát 1.2.2 Mục tiêu cụ thể 1.3 Giới hạn v 1.3.1 Đối tượng nghiên cứu 1.3.2 Phạm vi nghiên cứu 1.4 Nội dung 1.5 Phương p CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Giới thiệu 2.2 Một số thư 2.3 Thuật toá CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐ 3.1 Mô tả 3.1.1 Trang chủ 3.1.2 Thêm sản phẩm 3.1.3 Xử lý đơn hàng 3.1.4 Tổng hợp 3.2 Dữ liệu TIEU LUAN MOI download : skknchat123@gmail com 3.3 Thiết kế CHƯƠNG 4: XÂY DỰNG ỨNG DỤNG 4.1 Xây dựn 4.1.1 Trang chủ trang web 4.2 Các thôn 4.2.1 Trang giới thiệu sản phẩm 4.2.2 Trang laptop gaming 4.2.3 Trang laptop văn phòng 4.2.4 Trang laptop đồ hoạ kĩ thuật 4.2.5 Trang Laptop linh kiện 4.3 Hỏi đáp 4.4 Trang đ 4.5 Trang đă 4.6 Cài đặt c KẾT LUẬN: TÀI LIỆU THAM KHẢO TIEU LUAN MOI download : skknchat123@gmail com DANH SÁCH TỪ VIẾT TẮT Từ viết tắt CMS CPU RAM ROM HTML CSS TIEU LUAN MOI download : skknchat123@gmail com CHƯƠNG 1:MỞ ĐẦU 1.1 Lý chọn đề tài Như thấy thị trường việc cạnh tranh ngày trở nên liệt hầu hết nhà kinh doanh, nhũng công ty lớn tâm đến việc thỏa mãn khách hàng cách tốt Hiện nhiều doanh nghiệp phát triển hệ thống bán hàng theo loại thương mại điện tử So với kinh doanh truyền thống thương mại điện tử chi phí thấp hơn, hiệu đạt cao Hơn nữa, với lợi công nghệ internet nên việc truyền tải thơng tin sản phẩm nhanh chóng, thuận tiện Kết hợp với phận giao hàng tận nơi, tăng thêm lợi nhuận để loại hình phát triển Và thời đại 4.0 ngày phát triển giúp cho máy tính thiết bị phổ biến sống Do nhu cầu sử dụng máy tính tăng cao nên số lượng shop bán máy tính phát triển cách nhanh Nhu cầu mua sắm online người tăng cách chóng mặt, bên cạnh dịch COVID-19 làm hạn chế di chuyển người đến tận shop để trải nghiệm sản phẩm nên chúng em lựa chọn làm website bán máy tính để khách hàng trải nghiệm hiểu thêm sản phẩm qua website chúng em Biết nhu cầu chương trình “Thiết kế trang web Bán Máy Tính” xây dựng nhằm để đáp ứng cho người tiêu dùng tồn quốc thơng qua hệ thống website họ đặt mua mặt hàng hay sản phẩm cần thiết 1.2 Mục tiêu đề tài 1.2.1 Mục tiêu tổng quát - Thiết kế trang web Bán Máy Tính - Nghiên cứu cơng nghệ phát triển Website - Giải tối ưu hóa q trình QL bán hàng - Đưa báo cáo, TK tổng hợp 1.2.2 Mục tiêu cụ thể -Khiến cho việc mua hàng trở nên dễ dàng mùa dịch hay kể hết dịch 10 TIEU LUAN MOI download : skknchat123@gmail com TIEU LUAN MOI download : skknchat123@gmail14.com + Là trình biên tập lập trình code miễn phí dành cho Windows, Linux macOS, Visual Studio Code phát triển Microsoft Nó xem kết hợp hoàn hảo IDE Code Editor + Visual Studio Code hỗ trợ chức debug, kèm với Git, có syntax highlighting, tự hồn thành mã thơng minh, snippets, cải tiến mã nguồn Nhờ tính tùy chỉnh, Visual Studio Code cho phép người dùng thay đổi theme, phím tắt, tùy chọn khác - Một số tính : + Hỗ trợ nhiều ngơn ngữ lập trình Visual Studio Code hỗ trợ nhiều ngơn ngữ lập trình C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, … Vì vậy, dễ dàng phát đưa thơng báo chương chương trình có lỗi + Hỗ trợ đa tảng Các trình viết code thông thường sử dụng cho Windows Linux Mac Systems Nhưng Visual Studio Code hoạt động tốt ba tảng + Cung cấp kho tiện ích mở rộng Trong trường hợp lập trình viên muốn sử dụng ngơn ngữ lập trình khơng nằm số ngơn ngữ Visual Studio hỗ trợ, họ tải xuống tiện ích mở rộng Điều không làm giảm hiệu phần mềm, phần mở rộng hoạt động chương trình độc lập + Kho lưu trữ an toàn Đi kèm với phát triển lập trình nhu cầu lưu trữ an tồn Với Visual Studio Code, người dùng hồn tồn n tâm dễ dàng kết nối với Git kho lưu trữ có 15 TIEU LUAN MOI download : skknchat123@gmail com + Hỗ trợ web Visual Studio Code hỗ trợ nhiều ứng dụng web Ngồi ra, có trình soạn thảo thiết kế website + Lưu trữ liệu dạng phân cấp Phần lớn tệp lưu trữ đoạn mã đặt thư mục tương tự Ngồi ra, Visual Studio Code cịn cung cấp thư mục cho số tệp đặc biệt quan trọng + Hỗ trợ viết Code Một số đoạn code thay đổi chút để thuận tiện cho người dùng Visual Studio Code đề xuất cho lập trình viên tùy chọn thay có 16 TIEU LUAN MOI download : skknchat123@gmail com CHƯƠNG 3:PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Mô tả chức 3.1.1 Trang chủ - Mục đích: Giúp người dùng trở trang chủ cách dễ dàng - Người dùng: Tất người dùng truy cập vào trang web 3.1.2 Thêm sản phẩm - Mục đích: Thêm sản phẩm vào gian hàng - Người dùng: Nhân viên chủ trang web - Điều kiện: Người dùng phải đăng nhập tài khoản Administrator - Đầu vào: Giá sản phẩm, thông tin chi tiết sản phẩm, thông số kĩ thuật sản phẩm,… - Đầu ra: Lưu thông tin vào sở liệu người dùng 3.1.3 Xử lý đơn hàng - Mục đích: Xử lý đơn hàng đặt - Điều kiện: người dùng đăng nhập tài khoản admin - Nhân viên, chủ cửa hàng kiểm tra thông tin khách hàng , xác nhận thông tin cách gọi trực tiếp cho khách hàng để đối chiếu thơng tin - xem xác hay chưa Sau xác nhận thơng tin thành cơng kiểm tra khách hàng toán chưa ( trường hợp khách chọn toàn online ) 3.1.4 Tổng hợp - Mục đích: Tổng hợp , phân tích liệu - Người sử dụng: nhân viên, chủ cửa hàng - Điều kiện: Đăng nhập vào web tài khoản admin - Nhân viên, chủ cửa hàng thống kê lại số liệu như: số sản phẩm bán, số lượng sản phẩm tồn kho, tổng tiền lời… TIEU LUAN MOI download : skknchat123@gmail17.com 3.2 Dữ liệu Dữ liệu gồm có file Word, file PowerPoint file chứa Website 3.3 Thiết kế giao diện - Gồm phần Banner Trong banner gồm nhiều nhánh nhỏ như: “Trang chủ, LapTop, PC - Case, Bảo Hành, Liên Hệ ” - Thứ body Website mục máy tính kèm với tên sản phẩm giá thành sản phẩm… -header: phần đầu trang web, chứa chức như: qr code, kết nỗi với facebook, Instagram, thông báo, chợ giúp, form đăng ký, đăng nhập, giỏ hang, tìm kiếm, phần menu chưa phần: trang chủ, giới thiệu, nike, adidas, Jordan, sale - Phần thân trang web, gơm phần : Phần danh mục “menu phụ”, chứa chức như: sản phẩm, dịch vụ khuyến mại, nơi bán Phần lọc xếp sản phẩm chứa chức năng: phổ biến, bán chạy, giá Phần chứa sản phâm gồm có : ảnh sản phẩm, tên sản phẩm, giá, số lượng bán chương trình khuyến kèm theo sản phẩm … - Phần cuối trang web: chứa phân chức như:Chăm sóc khách hàng, Giới thiệu shop bán Máy tính PTKH, Liên Hệ, Địa Chỉ, truy cập cửa hàng ứng dụng Email liên hệ, logo, slide sản phẩm TIEU LUAN MOI download : skknchat123@gmail18.com CHƯƠNG 4:XÂY DỰNG ỨNG DỤNG 4.1 Xây dựng sở liệu 4.1.1 Trang chủ trang web 4.2 Các thông tin khác trang web 4.2.1 Trang giới thiệu sản phẩm TIEU LUAN MOI download : skknchat123@gmail19.com 4.2.2 Trang laptop gaming 4.2.3 Trang laptop văn phòng 4.2.4 Trang laptop đồ hoạ kĩ thuật 20 TIEU LUAN MOI download : skknchat123@gmail com 4.2.5 Trang Laptop linh kiện 4.3 Hỏi đáp 4.4 Trang đăng nhập 21 TIEU LUAN MOI download : skknchat123@gmail com 4.5 Trang đăng ký 4.6 Cài đặt chức cho ứng dụng - Giải thích code thư mục HTML : baitaplon + Trong link web bán máy tính (Dịng 133 → 158) Banner Trong có thơng tin “Trang chủ”, “LapTop”, “PC - Case”, “Bảo Hành”, “Liên Hệ” thư mục lại có thư mục con… + Link Web bán Máy Tính (Dịng 160 → 232) hiển thị SlideShow hãng LapTop bán chạy hãng khác phù hợp với người + Link hãng máy dùng để hiển thị thư mục sản phẩm Trong có thư mục để hiển thị ảnh sản phẩm, tên sản phẩm giá thành sản phẩm … + Link liên hệ để hiển thị bảng điền thơng tin người dùng để bình luận sản phẩm sản phẩm lỗi điền vào thông tin form để hỗ trợ + Và dùng ngơn ngữ JavaScript giúp cho SlideShow chạy mượt mà tốt Trong có dùng thẻ như: - Div: thẻ dùng để nhóm nhiều phần tử HTML lại với - Class: thuộc tính dùng để xác định nhiều tên lớp cho phần tử HTML Tên lớp dùng CSS JavaScript để thực số tác vụ định cho phần tử có tên lớp - Img: thẻ dùng để chèn hình ảnh vào trang web 22 TIEU LUAN MOI download : skknchat123@gmail com - Marquee: thẻ dùng để di chuyển chữ hình ảnh theo chiều ngang dọc cách tự động - A: thẻ dùng để tạo liên kết đến tài liệu - P: thẻ giúp cho trình duyệt nhận dạng văn HMTL - Span: thẻ đặc biệt HTML, theo mặc định đoạn văn thẻ span k bị thay đổi điều gì, cịn gọi thẻ trung tính - Script: dùng để xác định mã JavaScript cần chạy trang web TIEU LUAN MOI download : skknchat123@gmail23.com KẾT LUẬN: - Kiến thức đạt được: · Hiểu tự cách làm giao diện website bán hàng; · Biết thư viện, công cụ làm việc với ngơn ngữ lập trình HTML5, CSS, Javasvript; · Nắm kiến thức làm việc với web Sản phẩm có được: Xây dựng tương đối hồn thiện website với giao diện dễ nhìn , thao tác đặt hàng dễ dàng, tìm kiếm sản phẩm nhanh chóng thuận tiện cho người sử dụng - Những hạn chế đề tài: · Chưa xây dựng sở liệu, chưa thể chèn xuất liệu file riêng; · Website hoàn thiện gần hết mặt giao diện chức đặt hàng toán online , thêm sản phẩm , thống kê chưa hoàn thiện - Hướng phát triển đề tài: · Tiếp tục xây dựng giao diện web, bổ xung phần thiếu đuôi website · Nâng cấp chức thể sử dụng cách tiện lợi · Bổ xung sở liệu Trong trình làm tập lớn, nhóm em cố gắng tìm hiểu cài đặt chương trình thời gian lực nhóm em cịn hạn chế nên nhóm em chưa giải dược vấn đề đặt Nhóm em mong nhận thơng cảm Thầy giáo, Cơ giáo nhà trường Nhóm em xin chân thành cảm ơn ! 24 TIEU LUAN MOI download : skknchat123@gmail com TÀI LIỆU THAM KHẢO 1.1 Sách tham khảo [1] Jon Duckett (2011), HTML and CSS: Design and Build Websites [2] Andu Budd, Cameron Moll Collison (2006) : Advanced Web Standards Solutions 1.2 Các trang web tham khảo - Hanoicomputer.vn - FptShop.vn - Tuhocdohoa.com - Phuccanh.vn 1.3 Website tham khảo kiến thức lập trình - Howkteam.vn - W3school.com Hà Nội, ngày tháng 01 năm 2021 THÔNG QUA KHOA 25 TIEU LUAN MOI download : skknchat123@gmail com TIEU LUAN MOI download : skknchat123@gmail.com ... đoan tập lớn ? ?Trang website bán máy tính? ?? Là kết thực chúng em hướng dẫn thầy Việt Những phần sử dụng tài liệu tham khảo tập lớn nêu rõ phần tài liệu tham khảo Các kết trình bày tập lớn chương trình. ..2 TIEU LUAN MOI download : skknchat123@gmail com BÀI TẬP LỚN Mơn học/Mơ đun: Lập trình ứng dụng Đề tài: Thiết kế trang web bán máy tính Ngành: Cơng nghệ thông tin SINH VIÊN THỰC HIỆN: STT... lựa chọn làm website bán máy tính để khách hàng trải nghiệm hiểu thêm sản phẩm qua website chúng em Biết nhu cầu chương trình ? ?Thiết kế trang web Bán Máy Tính? ?? xây dựng nhằm để đáp ứng cho người