ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN MÔN THIẾT KẾ WEB ĐỀ TÀI Bao gom tat ca file photoshop “Thiết Kế Giao Diện Website Bán Thiết Bị Điện Tử” Ngày nay với sự phát triển mạnh mẽ của công nghệ thông tin và những ứng dụng của nó trong đời sống. Máy tính điện tử không còn là một thứ phương tiện lạ lẫm đối với mọi người mà nó dần trở thành công cụ làm việc và giải trí thông dụng và hữu ích của chúng ta, không chỉ trong công sở mà ngay trong cả gia đình. Trong nền kinh tế hiện nay, với xu thế toàn cầu hóa nền kinh tế thế giới, mọi mặt của đời sống xã hội này càng được nâng cao, đặc biệt là nhu cầu trao đổi hàng hóa của con người ngày càng tăng cả về số lượng và chất lượng. Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu tư và cải thiện giải pháp cũng như các sản phẩm nhằm cho phép tiến hành thương mại hóa trên INTERNET. Thông qua các sản phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầm quan trọng và tính tất yếu của thương mại điện tử. Với những thao tác cơ bản trên máy tính có INTERNET bạn sẽ có tận tay những gì mình cần mà không phải mất nhiều thời gian. Bạn chỉ cần vào các trang thương mại điện tử, làm theo hướng dẫn và mua những gì mình cần. Các nhà dịch vụ sẽ mang đến tận nhà cho bạn. Một công ty, một cá nhân, tổ chức hay sàn thương mại điện tử cần một trang web để có thể triển khai mô hình bán thiết bị điện tử online.
ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN MÔN: THIẾT KẾ WEB ĐỀ TÀI: “Thiết Kế Giao Diện Website Bán Thiết Bị Điện Tử” Giảng viên hướng dẫn: ThS Nguyễn Thị Quỳnh Như Sinh viên thực : Tăng Xuân Điệp Lớp : 2110A01 Hà Nội – năm 2022 I, GIỚI THIỆU Lý chọn đề tài Ngày với phát triển mạnh mẽ công nghệ thông tin ứng dụng đời sống Máy tính điện tử khơng cịn thứ phương tiện lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích chúng ta, khơng cơng sở mà gia đình Trong kinh tế nay, với xu tồn cầu hóa kinh tế giới, mặt đời sống xã hội nâng cao, đặc biệt nhu cầu trao đổi hàng hóa người ngày tăng số lượng chất lượng Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa INTERNET Thơng qua sản phẩm cơng nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác máy tính có INTERNET bạn có tận tay cần mà nhiều thời gian Bạn cần vào trang thương mại điện tử, làm theo hướng dẫn mua cần Các nhà dịch vụ mang đến tận nhà cho bạn Một công ty, cá nhân, tổ chức hay sàn thương mại điện tử cần trang web để triển khai mơ hình bán thiết bị điện tử online Mục đích đề tài Hiện có nhiều công ty sản xuất thiết bị điện tử, linh kiện máy tính hầu hiết cơng ty có trang web giới thiệu sản phẩm thiết kế riêng biệt theo cách họ Nhưng trang web thương mại điện tử bên thứ ba nhập phân phối Vì có nhiều trang web khác với nhiều úng dụng khác Hầu hết trang web cập nhật nhanh sản phẩm nhất, thị theo chủ đề riêng biệt có nhiều chức như: xem hàng, mua hàng, toán,… Trang web thiết kế phải có giao diện sáng ưa nhin, dễ dàng truy cập, giới thiệu loại sản phẩm tốt nhất, không bao gồm mặt hàng chất lượng,… Kết mong đạt • Bản thiết kế đẹp có đầy đủ chức : MENU: Trong menu chứa nhiều liên kết tới trang con, menu cấp 1, menu cấp Danh mục sản phẩm: loại sản phẩm thị phân loại theo: Laptop, Máy tính để bàn, phụ kiện laptop, phụ kiện máy tính, thiết bị văn phịng,… Hiện thị thơng tin đủ: Tên sản phẩm, hãng, giá bán, tình trạng sản phẩm,… Phần đánh giá sản phẩm: cho người mua hàng biết thêm chi tiết tính mặt hàng Kế hoạch thực • Kế hoạch thực dựa tiến độ giáo viên: Tuần 1: Nộp đề cương (ngày 16/02/2022), cứng (bìa theo mẫu tập lớn khoa, không sử dụng bìa bóng kính) Tuần 2: Nộp đề cương lần bạn không đạt lần (ngày 21/02/2022) Tuần 3: Nộp thiết kế trang chủ (ngày 28/02/2022) (gồm tất file psd, jpg) Tuần 4: Nộp thiết kế trang ( Ngày 07/03/2022) (gồm tất file psd, jpg) Tuần 5: Nộp website hoàn thiện theo thiết kế tuần 3, (gồm tất file psd, jpg, html file doc báo cáo) (ngày 14/03/2022) Các phần mềm sử dụng • Phần mềm; Photoshop CC 2020 • Ngơn ngữ: HTML CSS • Trình duyệt kiểm thử Google chrome II, Ý TƯỞNG THIẾT KẾ Xác định phân tích yêu cầu Công ty TXD nhà chuyên phân phối thiết bị điện tử với nhiều mặt hàng sản phẩm khác Laptop, máy tính để bàn, linh kiện máy tính, thiết bị văn phịng,… Với xu hướng cơng nghệ 4.0 đại người dễ dàng truy cập Internet để tra cứu thứ thơng qua thiết bị như: máy tính, smartphone, laptop,… Công ty TXD cần trang web để quảng bá, giới thiệu sản phẩm đặc biệt bán sản phẩm thị trường Khách hàng mà công ty muốn hướng tới: Từ 14 đến 35 tuổi: lứa tuổi trẻ sớm tiếp xúc với cơng nghệ đặc biệt đại dịch covid-19 hồnh hành họ cần thiết bị máy tính, laptop để học, dạy làm việc Từ 36 đến 55 tuổi: Đây lứa tuổi hệ trước họ tiếp xuc với công nghệ họ quan tâm nhiêu khả thuận tiên đễ dàng sử dụng, hỗ trợ nhiều cho đời sống hàng ngày Trang web thiết kế phù hợp cho nhiều lứa tuổi khác nhau, cho khách hàng tìm sản phẩm ưng ý cho riêng Một số chức trang góp bao gồm: • Menu: Phần header có đầy đủ đường dẫn đến trang con, thiết lập menu cấp 1, cấp • Đăng ký, đăng nhập Có trang tương ứng, cho phép khách hàng đăng ký, đăng nhập • Trang chủ: Hiển thị sản phẩm theo tính ứng dụng sản phẩm Có danh mục sản phẩm nhất, bán chạy Chương trình khuyến Giỏ hàng: bao gồm sản phẩm khách hàng chọn • Trang con: Các trang bao gồm tin tức, chi tiết sản phẩm, mua hàng Mỗi trang có bố cục khác Ví dụ trang chi tiết sản phẩm: Hiện thị giá bán, tên hàng, mã sản phẩm, hãng, giới thiệu đánh giá sản phẩm Phác thảo ý tưởng thiết kế Trang web bán thiết bị điện tử công ty TXD phải có giao diện đẹp, bố cục hài hịa, nhìn bắt mặt Trang web đáp ứng số yêu cầu sau: • Màu sắc chủ đạo xanh dương đậm • Trang web thiết kế linh hoạt với chiều dài chiều rộng phù hợp với hình thiết bị máy tính, laptop…… • Phương pháp phối màu: bổ túc ba • Tham khảo bảng màu: Màu chủ đạo trang web: #2555a7 Độ sâu trang: Số lượng trang web: Logo: sử dụng logo công ty XuanComputer Nền chi tiết logo màu đỏ nhạt Sử dụng phần mềm photoshop lên ý tưởng thiết kế, chuyển cho khách hàng nhìn nhận đánh giá trang web Bổ sung thiếu sót, chỉnh sửa cho phù hợp tiện ích • - - - Bộ phận thiết kế phận lập trình cần phải kết hợp ăn ý với để tạo nên trang web hoàn thiện có thể,đáp ứng nhu cầu khách hàng Giao diện thiết kế hoàn chỉnh giao bên phận lập trình kiểm thử trang web giao diện trình duyệt, thiết bị… Trang web dự kiến hoàn thành tháng kể từ lúc lên ý tưởng Bố trí trang web - Trang web bố trí hài hịa phần menu danh mục loại sản phẩm - Các trang thiết kế: Trang đăng ký Trang đăng nhập Trang tin tức Trang tin tức chi tiết Trang chủ Trang giỏ hàng Trang sách Trang sản phẩm Bố cục layout trang web - Trang chủ cấp 1: Trang sản phẩm chi tiết - Trang cấp 2: o Trang sản phẩm o Trang đăng nhập o Trang đăng ký o Trang tin tức o Trang giỏ hàng o Trang chi tiết tin tức III, SẢN PHẨM THIẾT KẾ Trang chủ Trang cấp 2.1 Trang sản phẩm 2.2 Trang giỏ hàng 2.3 Trang đăng nhập 2.4 Trang đăng ký 2.5 Trang sách 2.6 Trang tin tức 2.7 Trang tìm kiếm Trang cấp 3.1 Trang sản phẩm chi tiết 3.2 Trang tin tức chi tiết IV, KẾT LUẬN Trang web thiết kế với đề tài website thương mại thiết bị điện tử, trang web thiết kế phần mềm Photoshop CC2020, sau liên kết trang xuất File HTML Trang web thiết kế với ý tưởng ban đầu, đầu đủ trang cấp 2, cấp với màu sắc chủ đạo xanh đậm (#2555a7) bật để lại nhiều ấn tượng, bố cục hài hòa lại thiết bị điện tử, sử dụng thạo công cụ Photoshoptạo nên website mong muốn ban đầu Trang web hoàn thiện tải lên địa sau: https://xuancomputer.000webhostapp.com/ V, TÀI LIỆU THAM KHẢO Giao diện trang web tham khảo: https://memoryzone.com.vn VI, MỤC LỤC VII, TIÊU CHÍ ĐÁNH GIÁ BÀI TẬP LỚN ... LUẬN Trang web thiết kế với đề tài website thương mại thiết bị điện tử, trang web thiết kế phần mềm Photoshop CC2020, sau liên kết trang xuất File HTML Trang web thiết kế với ý tưởng ban đầu, đầu... công cụ Photoshoptạo nên website mong muốn ban đầu Trang web hoàn thiện tải lên địa sau: https://xuancomputer.000webhostapp.com/ V, TÀI LIỆU THAM KHẢO Giao diện trang web tham khảo: https://memoryzone.com.vn... giao bên phận lập trình kiểm thử trang web giao diện trình duyệt, thiết bị… Trang web dự kiến hoàn thành tháng kể từ lúc lên ý tưởng Bố trí trang web - Trang web bố trí hài hịa phần menu danh mục