Báo Cáo Web Nâng Cao thiết kế Website Bán máy tính

TRƯỜNG ĐẠI HỌC TÂY NGUYÊN KHOA KHTN & CN BÁO CÁO WEB ĐỀ TÀI: WEBSITE BÁN MÁY TÍNH Lớp:Cơng nghệ thông tin K12 Giảng viên hướng dẫn: Th.S Nguyễn Thị Như Sinh viên thực hiện: Phạm Thị Hồng Vân Trần Thái Sơn Hồng Kim Gia Vượng Bn Ma Thuột, tháng năm 2015 TRƯỜNG ĐẠI HỌC TÂY NGUYÊN BỘ MÔN TIN HỌC BÁO CÁO WEB CƠ BẢN THIẾT KẾ WEBSITE ĐỀ TÀI: WEBSITE BÁN MÁY TÍNH VSV GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN THỰC HIỆN ThS NGUYỄN THỊ NHƯ NHÓM – CNTT K12 Mục lục Phần 1: Mở đầu I Đặt vấn đề: 1.1 Lý nghiên cứu: Ngày nay, công nghệ thông tin(CNTT) ngày phát triển, với việc kinh doanh mạng ngày đa dạng Việc thiết kế xây dựng trang web giúp cho khách hàng thoải mái tham khảo, lựa chọn đặt hàng sản phẩm mà không cần phải đến trực tiếp cửa hàng 1.2 Mục đích nghiên cứu: Phân tích thiết kế, xây dựng trang web bán máy tính Nghiên cứu cịn giúp thân em học tập thêm kinh nghiệm mơn web bản, qua nâng cao kỹ lập trình, hỗ trợ sau phát triển thêm 1.3 Đối tượng: Đối tượng sử dụng: Mọi khách hàng có nhu cầu mua máy tính Đối tượng nghiên cứu: Mơ hình B2C 1.4 Phương pháp nghiên cứu Phương pháp thu thập số liệu, hình ảnh 1.5 Phạm vi nghiên cứu: Trang Web xây dựng phục vụ cho mục đích quảng cáo, giới thiệu sản phẩm bán hàng chủ cửa hàng Người sử dụng Web liên hệ tới chủ cửa hàng để hưởng dịch vụ kèm sản phẩm mua qua hệ thống Website bảo hành, đổi hàng lỗi Phần 2: Nội dung Chương 1: Khảo sát, đánh giá trạng Khảo sát nhu cầu: - Chủ cửa hàng: Quảng cáo, bán sản phẩm - Khách hàng: Tham khảo, lựa chon, so sánh đặt hàng Yêu cầu đặt ra: Yêu cầu phi chức năng: - Giao diện dễ sử dụng, dễ nhìn Chạy loại thiết bị: Laptop,Smartphone Có thể hỗ trợ tốt, đáp ứng yêu cầu người dùng Yêu cầu chức năng: - Trang chủ: 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ừ trang tin tức website danh mục phân loại sản phẩm Sản phẩm: hiển thị đầy đủ thơng tin sản phẩm như: hình ảnh, tên sản phẩm, thông tin chi tiết, giá, hãng sản xuất Chức giỏ hàng: tham khảo đầy đủ thông tin sản phẩm khách hàng đặt hàng thơng qua chức giỏ hàng mà không cần đến địa điểm giao dịch, giỏ hàng thêm bớt, toán sản phẩm mua Khi chọn toán giỏ hàng khách hàng phải ghi đầy đủ thông tin cá nhân Tìm kiếm: Khi nhập từ khóa vào tìm kiếm hệ thống trả yêu cầu với từ khóa khách hàng Từ khóa tìm website Website cho phép tìm kiếm cách đa dạng, nhanh chóng, xác Chương 2: Phân tích thiết kế 2.1 Sơ đồ phân rã chức năng: 2.2 Sơ đồ ngữ cảnh: Tác nhân Khách hàng Quản trị viên Khách hàng gửi yêu cầu vào hệ thống, yêu cầu xử lý phản hồi lại 2.3 Phác thảo giao diện: 2.4 Kế hoạch thực Website Thời gian Thời gian STT Tên công việc dự kiến bắt đầu Tham khảo ngày 1/03/2015 website online Thảo luận ngày 4/03/2015 Phân tích thiết kế hệ thống, tạo sở tiền đề cho ngày 5/03/2015 thiết kế Phác thảo 4 ngày 11/03/2015 template Báo cáo đề cương ngày 17/03/2015 Thu thập chỉnh ngày 22/03/2015 sửa ảnh Thiết kế cấu trúc nội dung website 10 ngày 1/04/2015 Thiết kế giao diện 10 ngày 13/04/2015 Tiến hành code 10 ngày 24/04/2015 page Soạn thảo nội 10 dung đưa vào 10 ngày 5/05/2015 website Lắp ráp hoàn 11 thành website ngày 16/05/2015 12 Chạy thử ngày 22/05/2015 Kiểm tra lỗi 13 ngày 24/05/2015 sửa lỗi Hoàn chỉnh 14 website ngày 29/05/2015 15 Báo cáo toàn văn 08/06/2015 Thời gian hoàn thành 3/03/2015 5/03/2015 10/03/2015 15/03/2015 21/03/2015 29/03/2015 10/04/2015 23/04/2015 04/05/2015 15/05/2015 21/05/2015 23/05/2015 29/05/2015 05/06/2015 Chương 3: Hình thành website I Ý tưởng hình thành website: Sau phân tích thiết kế hệ thống tham khảo website bán máy tính Phong Vân nhóm em hình thành ý tưởng Website bán máy tính với tên cửa hàng VSV Trang web thiết kế lưới 960px, chia thành 12 cột Bố cục trang web gồm phần chính: • Phần - Header: Bao gồm phần header-top(search, giỏ hàng ), logo, banner, nav • Phần – Slideshow: Bao gồm hình ảnh quảng cáo • Phần – Aside: Bao gồm danh mục, tìm kiếm, sản phẩm bật • Phần – Artical( nội dung ): Là phần chứa nội dung chính,có thể thay đổi trang web • Phần – Aside-right: Chứa phần quảng cáo • Phần – Footer: Chứa phần liên hệ web II Giao diện phát thảo: 1.1 Phần chung: Website có modules : - Modules header, left, right, footer Modules content: Là phần chứa nhưngx nội dung thay đổi trang web 1.2 Giao diện phác thảo Trang chủ Giao diện phác thảo TRANG CHỦ 10 #log li a:hover,#log li a.curent href="login.html">Logout

Tra ng chủ

2 tin nhắn mới

{ background: none repeat scroll 0% 0% rgba(246, 247, 247, 0.42); border-radius:5px 0px; -webkit-border-radius:5px 0px; -moz-border-radius:5px 0px; }  Header.Logo Logo Img #logo img { border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px;}  Title title title { min-height:50px; background: transparent url(file:///C|/Users/GiaVuong/Desktop/web%20ban %20hang/nhom3_maytinh/Admin/img/nav-box-tail.gif) repeat-x scroll left top; 53 border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; box-shadow: 0px 2px 2px #CCC; border-bottom: 1px solid #CCC; TieuDe Search CSS TieuDe+ Serch } ADMIN PAGE