Thiết kế wesite nông sản
TRƯỜNG ĐẠI HỌC TÂN TRÀO KHOA KHOA HỌC CƠ BẢN BỘ MƠN TIN HỌC BÀI TẬP LỚN Mơn học: Cơng nghệ Web dịch vụ trực tuyến Tên: Thiết kế, xây dựng website Quảng bá Nơng sản Tun Quang Nhóm thực - Quan Thị Chanh - Đào Thị Hạ - Lê Tuấn Lực - Nguyễn Thị Huệ - Phạm Thị Hồng Hải - Ma Thị Thương Giáo viên hướng dẫn Lê Văn Hùng Tuyên Quang, tháng 08 năm 2022 Your text here TRƯỜNG ĐẠI HỌC TÂN TRÀO KHOA KHOA HỌC CƠ BẢN BỘ MÔN TIN HỌC BÀI TẬP LỚN Môn học: Công nghệ Web dịch vụ trực tuyến Tên: Thiết kế, xây dựng website Quảng bá Nông sản Tuyên Quang Nhóm thực - Quan Thị Chanh - Đào Thị Hạ - Lê Tuấn Lực - Nguyễn Thị Huệ - Phạm Thị Hồng Hải - Ma Thị Thương Giáo viên hướng dẫn Lê Văn Hùng Tuyên Quang, tháng 08 năm 2022 MỤC LỤC CÁC KÝ HIỆU VÀ TỪ VIẾT TẮT STT TỪ VIẾT TẮT Ý NGHĨA CHƯƠNG I MỞ ĐẦU Tính cấp thiết Hiện nay, tốc độ phát triển Internet nhanh chóng mạnh mẽ, đối thủ cạnh tranh ln tìm cách kiểm soát phần thị trường đáng kể mạng Internet họ giành thị phần sớm khó giành lại Đặc biệt, ngành dịch vụ, Internet đóng vai trị vơ quan trọng Chính mảng thơng tin tạo nhiều lợi nhuận cho doanh nghiệp, cung cấp cổng vào cho khách hàng hay cho đối tác tiềm Đối với nhiều doanh nghiệp, Internet kênh thêm để truyền bá thông tin Trang Web doanh nghiệp đưa lên để diễn tả lại cho hấp dẫn nội dung tài liệu giới thiệu công ty Nhưng việc tạo trang Web không đơn giản giới thiệu công ty mà cịn cung cấp lượng thơng tin thích đáng cho người truy cập Nhiều doanh nghiệp muốn thông báo Internet tập hợp lại tạo trang Web chung Chẳng hạn doanh nghiệp bán sản phẩm khác có mong muốn giới thiệu hàng hố cho khách hàng tiềm chung Nếu doanh nghiệp muốn khách hàng truy cập vào trang Web nhằm xây dựng mối quan hệ liên tục, doanh nghiệp phải đảm bảo tính cập nhật đặn trang Internet đảm bảo việc phân phối cho công chúng dịch vụ quan đến sản phẩm ôtô, hàng tiêu dùng Internet không cho phép họ xem xét thứ mà cung cấp mạng phân phối giá rẻ để tìm đối tác; đồng thời thu thập thơng tin quan trọng thị trờng nguồn nhân lực Ngay doanh nghiệp đưa sản phẩm hay dịch vụ đặc biệt Internet giúp cho họ lơi kéo khách hàng tồn giới Hơn nữa, giá thành rẻ việc phân phối hàng hố qua Internet mở vơ số thị trường Internet khơng hạn chế việc tạo điều kiện bình đẳng cho doanh nghiệp thành lập với doanh nghiệp thành lập Một lợi khác Internet cho phép mở rộng dịch vụ có giá trị ngày gia tăng Một số doanh nghiệp đem đến cho khách hàng nguồn thông tin riêng sau nhận cần thiết biện pháp Chẳng hạn Federal Express, dịch vụ giao hàng nhanh, giúp khách hàng tự theo dõi kiện hàng đường vận chuyển Chính nhờ sử dụng hình thức mà Cơng ty giảm giá chào hàng xây dựng tín nhiệm khách hàng thị trường cạnh tranh gay gắt Giao dịch qua Internet doanh nghiệp có nhiều thuận lợi Nó cho phép tự động đặt hàng, dễ làm hoá đơn toán Các sở trao đổi liệu máy tính giúp thao tác dễ dàng nhờ vào mức độ an tồn cao Nhiều cơng ty tìm kiếm biện pháp bảo vệ tốt nên việc gia tăng sử dụng phương pháp giao dịch qua mạng trở thành thực Để đảm bảo an toàn, doanh nghiệp khơng nối chương trình kế tốn vào trang Internet mà tất mạng xử lý khác giao dịch Việc xây dựng trì website riêng cho doanh nghiệp coi chiến lược quan trọng hàng đầu doanh nghiệp, chúng mang lại nhiều lợi ích: Giúp cho việc quảng cáo đơn giản, dễ dàng, tiện dụng rộng rãi, phổ biến cách nhanh chóng: Việc quảng cáo loại báo, ấn phẩm, đài tiếng nói hay truyền hình, cần phải có khoản chi phí lớn Với khoảng 150 triệu người truy cập internet thường xuyên, doanh nghiệp nhanh chóng biết đến mà khơng nhiều chi phí cho việc đó, khách hàng truy cập thơng tin doanh nghiệp tổ chức lúc từ nơi đâu Cơ hội liên kết hợp tác kinh doanh mạng lớn Ở phạm vi quốc tế, Website doanh nghiệp danh thiếp dùng nơi đầu giới để diễn đạt việc kinh doanh doanh nghiệp Một tổ chức từ thiện huy động hiệu nguồn tài trợ thông qua website giới thiệu cung cấp thông tin hoạt động tổ chức với tồn giới Các ứng dụng cho web sử dụng ngày phổ biến giúp người làm nhiều việc với website Ví dụ, shop thời trang thường xun cập nhật quảng bá hình ảnh, giá thành, chất liệu sản phẩm tới tay khách hàng có sản phẩm Hay trang báo mạng cập nhật tức khắc thơng tin Và khả tìm khách hàng, đối tác hay nhà cung cấp tốt vô lớn, không hạn chế phạm vi lãnh thổ, với chi phí khơng đáng kể Website cho phép dễ dàng có thơng tin phản hồi từ phía khách hàng, giúp nằm bắt xu hướng nhu cầu khách hàng cách nhanh chóng Khách hàng điền vào mẫu phản hồi thiết kế đơn giản ý kiến cho sản phẩm dịch vụ mà doanh nghiệp kinh doanh Website cho phép trả lời câu hỏi khách hàn hay thắc mắc Việc kinh doanh mở cửa tiến hành liên tục 24 tiếng ngày, vào tất ngày năm Điều có nghĩa khơng phải đóng cửa vào ngày lễ tết Chi phí nhân viên thấp Khi có website, doanh nghiệp chào bán sản phẩm dịch vụ mà khơng cần th thêm nhân cơng Vì thế, tiết kiệm chi phí khơng phải tiêu thêm khoản tiền vào việc bồi thường bảo hiểm cho nhân viên mà trì doanh số bán hàng dịch vụ Tạo hình ảnh công ty tổ chức tốt Internet phương tiện hữu hiệu để doanh nghiệp tạo lập hình ảnh mà doanh nghiệp muốn Chỉ cần thiết kế website chuyên nghiệp, thêm nội dung giúp đỡ khách hàng doanh nghiệp bắt đầu có hình ảnh Một doanh nghiệp nhỏ khơng thành vấn đề, cần có mục tiêu chiến lược tốt, doanh nghiệp xây dựng hình ảnh tập đoàn lớn Internet Cải tiến hệ thống liên lạc Doanh nghiệp liên hệ với nhân viên, nhà cung cấp, đối tác thông qua website Mọi thay đổi có hiệu lực doanh nghiệp tiến hành gửi cho họ website, xem thơng tin cập nhật mà không cần phải trực tiếp liên hệ với doanh nghiệp Dịch vụ khách hàng hoàn hảo Đây niềm mơ ước doanh nghiệp Các chủ doanh nghiệp không muốn tốn thời gian vào việc giải thích cho khách hàng cách sử dụng sản phẩm, cách lắp đặt, xử lý cố, lau chùi, di chuyển, đổi sản phẩm hay diệu phải làm sản phẩm mua Với website, cần đưa tất tình huống, tạo câu hỏi trả lời sẵn, khách hàng tìm kiếm mối thơng tin hỗ trợ mà khơng phải làm phiền đến phía doanh nghiệp Hầu hết website thiết kế theo cơng nghệ thiết kế web cũ, khó khăn cập nhật nội dung, đơn giản giao diện website khơng cịn phù hợp Vì việc thiết kế web mới, thiết kế nâng cấp website nhằm mang lại thân thiện, tính chun nghiệp, áp dụng cơng nghệ thiết kế đồng thời khắc phục thiết kế web thiếu sót, thêm lĩnh vực hoạt động bổ sung Thiết kế lại, thiết kế nâng cấp website nhằm mang lại thân thiện, tính chuyên nghiệp Chính phát triển nhanh chóng internet mà website trở thành công cụ kinh doanh hữu hiệu hết Một doanh nghiệp hoàn toàn bán hàng giao tiếp, kết nối với khách hàng lúc website cần phải nâng cấp phát triển cập nhật cho khách hàng đối tác tiện dụng, dễ tìm kiếm thơng tin đặc biệt nhận thấy đẳng cấp doanh nghiệp thơng qua website Website cịn gọi trang web, trang mạng, tập hợp trang web bao gồm văn bản, hình ảnh, video, flash vv, thường nằm tên miền (domain name) tên miền phụ (subdomain) Trang web lưu trữ (web hosting) máy chủ web (server web) truy cập thông qua Internet Đặc điểm tiện lợi website: thông tin dễ dàng cập nhật, thay đổi, khách hàng xem thơng tin tức khắc, nơi nào, tiết kiệm chi phí in ấn, gửi bưu điện, fax, thông tin không giới hạn (muốn đăng thông tin được, không giới hạn số lượng thơng tin, hình ảnh ) khơng giới hạn phạm vi khu vực sử dụng (toàn giới truy cập) Cũng nói Website văn phòng ảo doanh nghiệp mạng Internet, bao gồm tồn thơng tin, liệu, hình ảnh sản phẩm, dịch vụ hoạt động sản xuất kinh doanh mà doanh nghiệp muốn truyền đạt tới người truy cập Internet Website mặt Cơng ty, nơi để đón tiếp giao dịch với khách hàng mạng Không đơn nơi cung cấp thông tin cho người xem, cho khách hàng đối tác kinh doanh doanh nghiệp, website phải phản ánh nét đặc trưng doanh nghiệp, đảm bảo tính thẩm mỹ cao, tiện lợi, dễ sử dụng đặc biệt phải có sức lơi người sử dụng để thuyết phục họ trở thành khách hàng doanh nghiệp Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính tồn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thơng tin lĩnh vực văn hóa, xã hội, trị, kinh tế Vì thấy cần thiết phải dùng thương mại điện tử để hỗ trợ giới thiệu làng nghề quảng bá đến bạn hàng miền đất nước nhanh chóng nên mong muốn sưu tầm báo hay viết làng nghề, viết sản phẩm truyền thống làng nghề, viết giới thiệu sở sản xuất làng nghề hình ảnh sản phẩm làng nghề Với lí trên, hướng dẫn giúp đỡ thầy giáo Lê Văn Hùng, nhóm chọn nội dung: “Thiết kế, xây dựng Website Quảng bá nông sản Tuyên Quang” để làm đề tài nhóm Kiến thức sở lập trình web 2.1 ASP NET ASP NET mã nguồn mở dành cho web tạo Microsoft Hiện mã nguồn chạy tảng Windows bắt đầu vào đầu năm 2000 ASP.NET cho phép nhà phát triển tạo ứng dụng web, dịch vụ web trang web động Phiên ASP.NET triển khai 1.0 mắt vào tháng năm 2002 nay, phiên ASP.NET 4.6 ASP.NET phát triển để tương thích với giao thức HTTP Đó giao thức chuẩn sử dụng tất ứng dụng web ASP.NET biên dịch dạng Common Language Runtime (CLR), có khả hỗ trợ lập trình viên viết mã ASP.NET với ngơn ngữ hỗ trợ bởi.NET language, ví dụ: C#, VB.Net J#,… 2.2 Net Framework Net Framework công cụ hay tảng lập trình hoạt động hệ điều hành Windows sáng tạo nhà Microsoft Net Framework chịu trách nhiệm điều khiển cho hệ thống phần mềm với chức đảm bảo an toàn, quản lý nhớ xử lý số lỗi Net Framework tổ chức thư viện lập trình lớn Cơng cụ hỗ trợ xây dựng chương trình phần mềm, tham gia lập trình cho giao diện máy chủ, truy cập, kết nối sở liệu, giao tiếp mạng, … Net Framework cung cấp sẵn thành phần viết thiết kế sẵn ứng dụng, từ người lập trình cần học cách sử dụng sáng tạo cách gắn kết thành phần lại Chẳng hạn lập trình viên muốn ứng dụng có khả truy vấn, cần dùng Net Framework tìm code để phát triển thay phải ngồi tự viết code từ đầu 10 });//]]> Nhãn hiệu Roadstar Tornado Kissan Oakley Manga Wega Kings Zumba @foreach (var item in Model) { @* Quick View *@ @item.tenSanPham 20000 đ } CHƯƠNG IV: DEMO WEBSITE Trang Demo Hình 19: Trang Demo 61 Hình 19: Trang Demo Mục tiêu: - Tài liệu cung cấp cho người phát triển có nhìn tổng quan vấn đề gặp phải để thực việc kiểm tra sửa lỗi cho sản phẩm - Kiểm tra chức hệ thống có hoạt động với đặc tả hay không - Làm tài liệu cho giai đoạn bảo trì, nâng cấp hệ thống - Từ kết kiểm thử đưa Các trường hợp kiểm thử 2.1 Trường hợp 1: Đăng ký - Mục tiêu: Kiểm thử chức Đăng ký có hoạt động đặc tả hay khơng - Kết nhập: TRƯỜNG HỢP INPUT 62 Nhập đầy đủ thông tin yêu cầu (Tài khoản, Email, Mật khẩu, Xác nhận mật khẩu, Họ tên, Số điện thoại, Địa ), mật nhập lại trùng khớp, email định dạng Nhập email không định dạng (trinhthingochan) Nhập lại mật không trùng khớp (Mật khẩu: han123; Mật nhập lại: han456) Nhập không đầy đủ thông tin yêu cầu - Kết xuất: TRƯỜNG HỢP KẾT QUẢ MONG ĐỢI Đăng ký thành công, thông báo thành công đến người dung, chuyển người dùng trang chủ với tài khoản vừa đăng ký Xuất thông báo lỗi “Email không định dạng” Xuất thông báo lỗi “Mật nhập lại không trùng khớp” KẾT QUẢ Thành công Thành công Thành công Xuất thông báo lỗi “Vui lịng Thành cơng khơng để trống trường này” 2.2 Trường hợp 2: Đăng nhập - Mục tiêu: Kiểm thử chức Đăng nhập có hoạt động đặc tả hay không - Kết nhập: TRƯỜNG HỢP INPUT Email:hana1204011@gmail.com, Mật khẩu: 123456 Email:abc123@gmailcom, Mật khẩu: 123456 Email: hana1204011@gmail.com, Mật khẩu: han123 - Kết xuất: TRƯỜNG HỢP KẾT QUẢ MONG ĐỢI Đăng nhập thành công 63 KẾT QUẢ Thành công Xuất thông báo “Email chưa Thành công đăng ký” Xuất thông báo “Mật khơng Thành cơng xác” 2.3 Trường hợp 3: Xem chi tiết sản phẩm - Mục tiêu: Kiểm thử chức Xem chi tiết sản phẩm có hoạt động đặc tả hay không - Kết nhập: TRƯỜNG HỢP - Kết xuất: TRƯỜNG HỢP INPUT Chọn sản phẩm “Quả Cherry Mỹ” nhấn vào tên sản phẩm Chọn sản phẩm “Quả Cherry Mỹ” nhấn ảnh KẾT QUẢ MONG ĐỢI KẾT QUẢ Chuyển đến trang chi tiết cho sản phẩm “Quả Cherry Mỹ” Chuyển đến trang chi tiết cho sản phẩm “Quả Cherry Mỹ ” Thành công Thành công 2.4 Trường hợp 4: Thêm sản phẩm vào giỏ hàng - Mục tiêu: Kiểm thử chức Thêm sản phầm vào giỏ hàng có hoạt động đặt tả hay không - Kết nhập: TRƯỜNG HỢP - Kết xuất: TRƯỜNG HỢP INPUT Chọn sản phẩm “Quả Cherry Mỹ” nhấp Mua Chọn sản phẩm “Dâu tây Đà Lạt” nhấp Mua KẾT QUẢ MONG ĐỢI KẾT QUẢ Thêm sản phẩm “Quả Cherry Mỹ” vào giỏ hàng thành công Thêm sản phẩm “Dâu tây Đà Lạt” vào giỏ hàng thành công Thành công 64 Thành công 2.5 Trường hợp 5: Cập nhật số lượng sản phẩm giỏ hàng - Mục tiêu: Kiểm thử chức Cập nhật số lượng sản phẩm giỏ hàng có với đặt tả hay không - Kết nhập: TRƯỜNG INPUT HỢP Nhập lại số lượng cho sản phẩm “Quả Cherry Mỹ” nhấp nút cập nhật Nhập lại số lượng cho sản phẩm “Dâu tây Đà Lạt” nhấp nút cập nhật - Kết xuất: TRƯỜNG HỢP KẾT QUẢ MONG ĐỢI Cập nhật lại số lượng, tổng tiền cho sản phẩm “Quả Cherry Mỹ” Cập nhật lại số lượng, tổng tiền cho sản phẩm “Dâu tây Đà Lạt” KẾT QUẢ Thành công Thành công 2.6 Trường hợp 6: Xóa sản phẩm giỏ hàng - Mục tiêu: Kiểm thử chức Xóa sản phẩm giỏ hàng có với đặt tả hay khơng - Kết nhập: TRƯỜNG HỢP INPUT Nhấn nút xóa tương ứng cho sản phẩm “Quả Cherry Mỹ” - Kết xuất: TRƯỜNG HỢP KẾT QUẢ MONG ĐỢI Xóa sản phẩm “Quả Cherry Mỹ” khỏi giỏ hàng 2.7 Trường hợp 7: Thêm sản phẩm KẾT QUẢ Thành công - Mục tiêu: Kiểm thử chức Thêm sản phẩm có với đặt tả hay khơng - Kết nhập: TRƯỜNG INPUT 65 HỢP - Kết xuất: TRƯỜNG HỢP Nhập(chọn) đầy đủ thông tin yêu cầu (Ký hiệu, Tên, Mơ tả, Loại sản phẩm, Đơn vị tính ), chọn tệp có định dạng ảnh Nhập không đầy đủ thông tin yêu cầu Chọn tệp không định dạng ảnh KẾT QUẢ MONG ĐỢI Thêm thành công, thông báo thành công đến người dùng, chuyển người dùng trang danh sách sản phẩm Xuất thơng báo lỗi “Vui lịng không để trống trường này” trang thêm sản phẩm Xuất thơng báo lỗi “Vui lịng chọn tệp có định dạng ảnh” trang thêm sản phẩm 2.8 Trường hợp 8: Xóa sản phẩm KẾT QUẢ Thành công Thành công Thành công - Mục tiêu: Kiểm thử chức Cập nhật sản phẩm có với đặt tả hay không - Kết nhập: TRƯỜNG HỢP INPUT Tìm sản phẩm cần xóa nhấn Xóa Hộp thoại xác nhận lên chọn OK Tìm sản phẩm cần xóa nhấn Xóa Hộp thoại xác nhận lên chọn Hủy - Kết xuất: TRƯỜNG HỢP KẾT QUẢ MONG ĐỢI KẾT QUẢ Xóa thành cơng, thơng báo thành cơng đến người dùng, tải lại trang danh sách sản phẩm Không tiến hành xóa, thơng tin sản phẩm danh sách Thành công 66 Thành công sản phẩm 67 CHƯƠNG V KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận Trong q trình nghiên cứu thực nhóm xây dựng sở liệu để quảng bá sản phẩm nông sản Tuyên Quang Xây dựng hệ thống quản trị website để thêm, sửa, xóa, cập nhật sản phẩm nông sản địa phương Xây dựng chức website giới thiệu làng nghề, bán hàng Xây dựng chức quản lý thông tin cho quản trị viên: quản lý tin tức, quản lý sản phẩm, quản lý giới thiệu, … Chức tìm kiếm sản phẩm: tìm kiếm tiếng việt có dấu, xếp sản phẩm theo giá Hoàn thành tiến độ giao, cố gắng bám sát tiêu chí đề Giao diện website thân thân với người dùng Hiểu thêm việc xây dựng website giới thiệu bán sản phẩm Qua đợt làm đề tài lần nhóm em phần hiểu khái niệm công việc để xây dựng website nói chung website thương mại điện tử nói riêng Đồng thời tìm hiểu thêm cơng cụ thiết kế trang web, tìm hiểu ngơn ngữ HTML, CSS, ASP NET, Net Framework, SQL, số phần mềm hỗ trợ khác Hướng phát triển Xây dựng hệ thống giới thiệu bán hàng trực tuyến tốn trực tuyến Từng bước hồn thiện Website cho rõ ràng phần thân thiện, dễ dàng cho khách hàng vào xem đặt mua Hoàn thiện hệ thống quản trị, dễ dàng cho người quản trị Trong thời gian tới nhóm cập nhật thêm mốt số chức với nhiều tiện ích phong phú giao diện website đẹp mắt, thu hút Cập nhật thêm phẩm nông sản địa phương 68 Thương mại hóa website lên Internet, đưa phẩm lên trang web để đăng kí tên miền, đăng ký với máy chủ để xây dựng website Sau có website nhóm tích hợp thật nhiều tính để thuận tiện cho khách hàng việc quản lí Trong tính tốn nên ưu tiên nhiều Bởi tính quan trọng trình mua hàng giúp khách hàng tiết kiệm nhiều thời gian chi phí Đưa nhiều phương thức toán khác cho khách hàng lựa chọn thẻ Visa, thẻ tín dụng, thẻ ghi nợ quốc tế, ví điện tử… Liên kết website đến mạng xã hội zalo, facebook, instagram Hướng tới xây dựng website với tiêu chí sau: - Nội dung chất lượng - Thiết kế web chuẩn seo - Sử dụng công cụ thống kê Cập nhật website thường xuyên - Chú trọng vào tương tác khách hàng - Chiến lược Marketing để thúc đẩy trang web bạn - Chỉnh chu đến hình ảnh Sắp tới xây dựng thêm nhiều website khác như: thiết kế website quảng bá điện thoại, Laptop, thời trang, du lịch … địa bàn tỉnh Tuyên Quang 69 ... nghiệp Hầu hết website thiết kế theo cơng nghệ thiết kế web cũ, khó khăn cập nhật nội dung, đơn giản giao diện website khơng cịn phù hợp Vì việc thiết kế web mới, thiết kế nâng cấp website nhằm... thiện, tính chun nghiệp, áp dụng cơng nghệ thiết kế đồng thời khắc phục thiết kế web thiếu sót, thêm lĩnh vực hoạt động bổ sung Thiết kế lại, thiết kế nâng cấp website nhằm mang lại thân thiện, tính... gian xây dựng 16 CHƯƠNG II: THIẾT KẾ CSDL WEBSITE BÁN HÀNG NÔNG SẢN Phân tích chức Hình 1: Sơ đồ thiết kế kiến trúc - Use – case QTV 17 - Use – case Khách hàng 18 Thiết kế sở liệu 2.1 Mơ hình liệu