Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 38 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
38
Dung lượng
2 MB
Nội dung
` BỘ LAO ĐỘNG THƯƠNG BINH & XÃ HỘI TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN TP.HCM KHOA CÔNG NGHỆ THÔNG TIN-ĐIỆN TỬ BÁO CÁO TIỂU LUẬN MÔN HỌC: … THIẾT KẾ WEB ……… TIỂU LUẬN MÔN THIẾT KẾ WEB Giảng viên hướng dẫn: NGUYỄN ĐÌNH HỒNG Sinh viên thực hiên: LƯƠNG TRẦN DUY HOÀN .MSSV:501200025 Tên nhóm học phần: Học kỳ: 2B .Năm học: 2020-2021 Tp.Hồ Chí Minh, tháng 07 năm 2021 Trang ` NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp HCM, ngày….tháng… năm……… (chữ ký ghi rõ họ tên) Trang ` MỤC LỤC Trang Phần I: MỞ ĐẦU Phần II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 1.GIỚI THIỆU BOOSTRAP A.Bootstrap gì? B.Bootstrap .2 C.Lý sử dụng Bootstrap 2.KHẢO SÁT HIỆN TRẠNG 3.PHÂN TÍCH CHỨC NĂNG TRANG WEB .4 4.YÊU CẦU ĐẶT RA CHO TRANG WEB Phần III: THIẾT KẾ WEBSITE BÁN HÀNG Phần IV: KẾT LUẬN 35 Trang ` Phần I: MỞ ĐẦU Ngành công nghệ thông tin ngành khoa học đà phát triển mạnh ứng dụng rộng rãi nhiều lĩnh vực Cùng với xu hướng phát triển phương tiện truyền thơng Báo, Radio… việc sử dụng Internet ngày phổ biến Truy cập Internet, có kho thơng tin khổng lồ phục vụ nhu cầu, mục đích nhấp chuột Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội, đời hàng loạt website cho mục đích thương mại, giải trí, tin tức… Internet công cụ liên kết xã hội lớn lịch sử loài người, ngày phổ biến khắp giới đóng vai trị quan trọng đời sống người Internet đem lại lợi ích to lớn cho người công nghiệp truyền thống khác nguồn lợi khổng lồ mà mang lại cho nhà đầu tư Ngày nay, với bùng nổ công nghệ thơng tin, Interner lại có ý nghĩa quan trọng Doanh nghiệp sản xuất kinh doanh, dịch vụ Với công cụ Internet, Doanh nghiệp quảng cáo, giới thiệu sản phẩm, dịch vụ phổ biến với chi phí thấp làm hồn thiện hơm cơng tác tiếp thị, quảng cáo, giới thiệu sản phẩm, dịch vụ tới người tiêu dùng nhằm đạt lợi cạnh tranh cao thị trường Để đáp ứng nhu cầu mua sắm hàng ngày người… website bán hàng trực tuyến online nhu cầu tất yếu Nhận thức tầm quan trọng em tìm hiểu, nghiên cứu định chọn đề tài: “Xây dựng website bán hàng” với mục đích làm hồn thiện công tác quảng cáo, tiếp thị sản phẩm, dịch vụ Doanh nghiệp tới người tiêu dùng Phần II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG Trang ` GIỚI THIỆU BOOSTRAP A Bootstrap gì? Bootstrap framework front-end miễn phí giúp phát triển ứng dụng web nhanh dễ dàng Bootstrap bao gồm mẫu thiết kế dựa HTML CSS typography, form, button, table, navigation, modal, image carousels plugins JavaScript tuỳ ý Bootstrap cung cấp cho bạn khả thiết kế web responsive cách dễ dàng B Bootstrap Bootstrap (viết tắt BS4) phiên Bootstrap, framework HTML, CSS JavaScript phổ biến để thiết kế web đáp ứng, ưu tiên tảng di động Tương tự Bootstrap 3, Bootstrap hồn tồn miễn phí tải tự sử dụng *So sánh Bootstrap Bootstrap 4: Bootstrap phiên Bootstrap tính đến thời điểm viết này, với thành phần mới, css nhanh khả đáp ứng cao Bootstrap hỗ trợ tất trình duyệt tảng với phiên ổn định Tuy nhiên, nhược điểm IE9 khơng hỗ trợ Bootstrap Nếu bạn cần chạy giao diện web trình duyệt IE8 IE9, bạn nên dùng Bootstrap Đây phiên ổn định, hỗ trợ vá lỗi thay đổi tài liệu C Lý sử dụng Bootstrap -Dễ dùng: với kiến thức HTML CSS sử dụng Bootstrap -Các tính đáp ứng: CSS đáp ứng Bootstrap thích hợp với điện thoại, máy tính bảng máy tính để bàn -Tiếp cận ưu tiên thiết bị di động đầu tiên: Trong Bootstrap, phong cách điện thoại di động phần framework lõi Trang ` -Tương thích trình duyệt: Bootstrap tương thích với trình duyệt đại (Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera) KHẢO SÁT HIỆN TRẠNG Sau khảo sát trạng, em nắm bắt thông tin sau: -Quản lý khách hàng: khách hàng quản lý thông tin sau đây: Họ, tên, địa chỉ, điện thoại, fax, email, tên đăng nhập, mật Ngồi ra, khách hàng cơng ty hay quan quản lý theo tên cơng ty quan -Quản lý mặt hàng: mặt hàng quản lý thông tin: Tên mặt hàng, đơn giá, số lượng, thời gian bảo hành, hình ảnh, mơ tả -Quá trình đặt hàng khách hàng: Khách hàng xem lựa chọn mặt hàng cần mua Trong trình lựa chọn, phận bán hàng trực tiếp trao đổi thông tin khách hàng, chịu trách nhiệm hướng dẫn Sau lựa chọn xong, phận bán hàng tiến hành lập đơn đặt hàng khách Sau tiếp nhận yêu cầu trên, phận làm hóa đơn tốn tiền Trong trường hợp nhiều cơng ty, trường học, doanh nghiệp, có yêu cầu đặt hàng, mua với số lượng lớn cửa hàng nhanh chóng làm phiếu đặt hàng, phiếu thu có ghi thuế cho loại mặt hàng giao hàng hàng theo yêu cầu -Quá trình đặt hàng với nhà cung cấp: Hàng ngày nhân viên kho kiểm tra hàng hóa kho đề xuất lên ban điều hành cần xử lý việc mặt hàng cần nhập Trong trình đặt hàng bạn điều hành có trách nhiệm xem xét đề xuất mặt hàng yêu cầu định loại hàng, số lượng hàng cần đặt phương thức đặt hàng với nhà cung cấp Việc đặt hàng với nhà cung cấp thực thông qua địa mạng hay qua điện thoại, fax -Quá trình nhập hàng: Sau nhận yêu cầu đặt hàng từ công ty, nhà cung cấp giao hàng cho cơng ty có kèm theo hóa đơn hay bảng kê chi tiết loại mặt hàng Thủ kho kiểm tra lô hàng nhà cung cấp trường hợp hàng hóa giao thơng u cầu đặt hàng hay chất lượng hệ thống máy móc, thủ kho trả lại nhà cung cấp yêu cầu giao lại mặt hàng bị trả Tiếp theo thủ kho kiểm tra chứng từ giao hàng để gán giá trị thành tiền cho loại sản phẩm Những loại hàng hóa cung cấp mã số cập nhật vào giá bán Sau nhập xong chứng từ giao hàng, nhân viên nhập kho in phiếu nhập để lu trữ hồ sơ Trang ` -Khách hàng: người có nhu cầu mua sắm hàng hóa Khác với việc đặt hàng trực tiếp công ty, khách hàng phải hồn tồn tự thao tác thơng qua bước cụ thể để mua hàng Trên mạng, mặt hàng xếp phân theo loại mặt hàng giúp cho khách hàng dễ dàng tìm kiếm Trong hoạt động này, khách hàng cần chọn mặt hàng từ danh mục mặt hàng thơng tin mặt hàng hiển thị lên hình như: hình ảnh, đơn giá, mơ tả, bên cạnh trang liên kết để thêm hàng hóa vào giỏ hàng Khi khách hàng muốn đặt hàng hệ thống hiển thị trang xác lập đơn đặt hàng thông tin khách hàng hàng hóa Cuối khách hàng tùy chọn đặt hay không -Nhà quản lý: Là người làm chủ hệ thống, có quyền kiểm sốt hoạt động hệ thống Nhà quản lý cấp username password để đăng nhập vào hệ thống thực chức Nếu trình đăng nhập hàng cơng nhà quản lý thực công việc: quản lý cập nhật thông tin mặt hàng, tiếp nhận đơn đặt hàng, kiểm tra đơn đặt hàng xử lý đơn đặt hàng Thống kê mặt hàng bán tháng, năm, thống kê khách hàng, nhà cung cấp, thống kê tồn kho, thống kê doanh thu Khi có nhu cầu nhập hàng hóa từ nhà cung cấp tiến hành liên lạc với nhà cung cấp để đặt hàng cập nhật mặt hàng vào sở liệu PHÂN TÍCH CHỨC NĂNG TRANG WEB Đây website nhằm bán giới thiệu rộng rói mặt hàng cơng ty đến cho người tiêu dùng với chi tiết mặt hàng giá cách xác Có chức sau: - Cho phép nhập hàng vào CSDL - Hiển thị danh sách mặt hàng theo loại ( bao gồm: hình ảnh, giá cả, thời gian bảo hành, mơ tả chức năng) - Hiển thị hàng hóa mà khách hàng chọn để mua - Hiển thị đơn đặt hàng khách hàng - Cung cấp khả tìm kiếm, khách hàng truy cõn từ xa để tìm kiếm xem mặt hàng đặt mua Trang ` - Cho phép quản lý đơn đặt hàng - Cập nhập mặt hàng, loại mặt hàng, khách hàng, nhà cung cấp - Thống kê mặt hàng, khách hàng, đơn đặt hàng, doanh thu - Cho phép hệ thống quản trị mạng từ xa YÊU CẦU ĐẶT RA CHO TRANG WEB Yêu cầu trang Web Hệ thống gồm có hai phần: * Phần thứ dành cho khách hàng: Khách hàng người có nhu cầu mua sắm hàng hóa Họ tìm kiếm mặt hàng cần thiết từ hệ thống đặt mua mặt hàng Vì trang web phải thỏa mãn chức sau: + Thứ nhất: Hiển thị danh sách mặt hàng cơng ty để khách hàng xem lựa chọn + Thứ hai: Cung cấp chức tìm kiếm mặt hàng Với nhu cầu người sử dụng bước vào trang web thương mại tìm kiếm mặt hàng mà họ cần muốn mua Đơi lúc có nhiều khách hàng vào website mà khơng có ý định mua hay khơng biết mua yêu cầu đặt cho hệ thống làm để khách hàng tìm kiếm nhanh hiệu mặt hàng mà họ cần tìm + Thứ ba: Sau khách hàng lựa chọn xong mặt hàng cần đặt mua hệ thống phải có chức hiển thị đơn đặt hàng để khách hàng nhập vào thông tin cần thiết, tránh địi hỏi hay thơng tin u cầu nhiều từ phía khách hàng, tạo cảm giác thoải mái, riêng tư cho khách hàng Ngồi ra, cịn có số chức như: đăng kí, đăng nhập Khách hàng thay đổi mật Khi bạn quan tâm đến thông tin website như: tin tức hay giá Bạn nhập địa email bạn vào Lúc bạn nhận thông tin cập nhật từ site * Phần thứ hai dành cho nhà quản lý: 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 trình đăng nhập hàng cơng nhà quản lý có chức sau: + Thứ nhất: Chức quản lý cập nhật (thêm, xóa, sửa) mặt hàng trang web, việc khơng phải dễ Nó địi hỏi xác + Thứ hai: Tiếp nhận kiểm tra đơn đặt hàng khách hàng Hiền thị đơn đặt hàng hay xóa bỏ đơn đặt hàng Trang ` + Thứ ba: Thống kê mặt hàng, khách hàng, nhà cung cấp, thống kê doanh thu Ngoài chức nêu trang web phải trình bày cho dễ hiểu, giao diện mang tính dễ dùng, đẹp mắt 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, nhằm thu hút quan tâm cơng ty có hội có nhiều người tham khảo nhiều Điều quan trọng trang web mua bán mạng phải đảm bảo an tồn tuyệt đối thơng tin liên quan đến người dùng q trình đặt mua hay tốn Đồng thời cịn có tính dễ dàng nâng cấp, bảo trì, sửa chữa cần bổ sung, cập nhật tính Phần III: THIẾT KẾ WEBSITE BÁN HÀNG Trang chủ: Bai tap lon Trang `
Trang chủ
Quản trị
Sản phẩm
Trang 10 `
category 4
category 5
-Style: #text{ color:#000000; } #navMenu ul { margin-top: 02px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; } #navMenu li { float: left; } Trang 24 ` #navMenu a { display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; background-color: #343A40; font-size: 1.09em; } #navMenu a:hover { background-color: rgba(11,255,239,1.00); } #navMenu ul ul { display: none; position: absolute; } #navMenu ul li:hover > ul { display: block; } #navMenu ul ul li { float: none;} Liên hệ: Bai tap lon Trang 25 `
Trang 30 ` Liên hệ Email Tiêu đề Trang 31 ` Lời nhắn Gửi -Map: Trang 32 ` Trang đăng nhập: Trang 33 ` Đăng nhập
Nhập thông tin Tài khoản
Đăng nhập Trang 34 ` Quên mật khẩu? Đăng ký
Đăng ký để làm thành viên Trang web bán hàng Bạn số quyền lợi định làm thành viên Chúng tôi.
Đăng ký ngay! Trang 35 ` Phần IV: KẾT LUẬN Kết nghiên cứu đề tài giúp em có thêm phương pháp thiết kế xây dựng Website, góp phần làm cho môi trường làm việc thuận tên dễ dàng Vì tiếp cận đề tài hướng đắn Bài làm em cịn có nhiều thiếu sót, mong thầy giúp đỡ em nhiều Trang 36 ` Một lần em xin chân thành cảm ơn thầy cô giáo TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN TP.HCM giúp đỡ em để thực đề tài Trang 37 ` Trang 38 ... class="row mt -2" >