Phân tích thiết kế xây dựng trang web bán hàng từ thiện chung tay vì cộng đồng ,

HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THÔNG TIN QUẢN LÝ KHĨA LUẬN TỐT NGHIỆP ĐẠI HỌC PHÂN TÍCH – THIẾT KẾ - XÂY DỰNG TRANG WEB BÁN HÀNG TỪ THIỆN “CHUNG TAY VÌ CỘNG ĐỒNG” HÀ THỊ TRANG HÀ NỘI, NĂM 2014 HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THƠNG TIN QUẢN LÝ KHĨA LUẬN TỐT NGHIỆP ĐẠI HỌC PHÂN TÍCH – THIẾT KẾ - XÂY DỰNG TRANG WEB BÁN HÀNG TỪ THIỆN “CHUNG TAY VÌ CỘNG ĐỒNG” Giáo viên hướng dẫn: THS Bùi Thị Hồng Nhung Sinh viên thực hiện: Hà Thị Trang Lớp: HTTTB Khóa:13 Hệ:Đại học quy Hà Nội, tháng / 2014 MỤC LỤC DANH MỤC CÁC CHỮ VIẾT TẮT iii DANH MỤC BẢNG BIỂU iv DANH MỤC BIỂU ĐỒ v DANH MỤC HÌNH ẢNH vi MỞ ĐẦU 1.Giới thiệu chung đề tài 2.Bố cục đề tài LỜI CẢM ƠN CHƯƠNG 1: GIỚI THIỆU BÀI TỐN VÀ TÌM HIỂU U CẦU NGƯỜI DÙNG 1.1 Giới thiệu toán 1.1.1 Bài toán 1.1.2 Yêu cầu toán 1.1.3 Mô tả tổ chức từ thiện “Chung Tay Vì Cộng Đồng” 1.1.4 Mô tả tác nhân toán 1.2 Xác định yêu cầu 1.2.1 Yêu cầu chức 1.2.2 Yêu cầu phi chức 1.2.3 Phân tích yêu cầu người dùng 10 1.2.4 Phân tích yêu cầu quản trị Admin 16 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ WEBSITE “ CHUNG TAY VÌ CỘNG ĐỒNG” 19 2.1 Phân tích website “ Chung tay cộng đồng” 19 2.1.1 Biểu đồ ngữ cảnh 19 2.1.2 Biểu đồ phân rã chức 20 2.1.3 Biểu đồ hoạt động 21 2.2 Thiết kế Website từ thiện “Chung tay cộng đồng” 30 2.2.1 Thiết kế sở liệu 30 2.2.2 Thiết kế giao diện Website 35 CHƯƠNG 3: CÔNG NGHỆ SỬ DỤNG VÀ XÂY DỰNG WEBSITE “CHUNG TAY VÌ CỘNG ĐỒNG” 39 3.1 Công nghệ sử dụng 39 3.1.1 Giới thiệu ASP.NET 39 Hà Thị Trang – HTTTB-K13 Trang i 3.1.2 Môi trường phát triển ứng dụng ASP.NET - Visual studio 2010 41 3.1.3 Hệ quản trị sở liệu SQL server 41 3.2 Xây dựng Website Chung tay cộng động 42 3.2.1 Phân hệ người dùng 42 3.2.2 Phân hệ quản trị 75 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 79 1.1 Kết luận 79 1.2 Hướng phát triển 80 DANH MỤC TÀI LIỆU THAM KHẢO 80 Hà Thị Trang – HTTTB-K13 Trang ii DANH MỤC CÁC CHỮ VIẾT TẮT Từ viết tắt Nghĩa từ CSDL Cơ sở liệu DL Dữ liệu CTVCĐ Chung tay cộng đồng SP Sản phẩm DMSP Danh mục sản phẩm UC User Control Hà Thị Trang – HTTTB-K13 Trang iii DANH MỤC BẢNG BIỂU Bảng 1: Chức đăng ký thành viên 11 Bảng 2: Chức đăng nhập 11 Bảng 3: Chức tìm kiếm thơng tin sản phẩm 12 Bảng 4: Chức thêm sản phẩm 12 Bảng 5: Chức xem kiện 13 Bảng 6: Chức xem thông tin 13 Bảng 7: Chức chi tiết sản phẩm 14 Bảng 8: Chức mua hàng 14 Bảng 9: Chức xem bảng xếp hạng nhân vật Website 15 Bảng 10: Chức thêm sản phẩm 16 Bảng 11: Chức sửa thông tin sản phẩm 16 Bảng 12: Chức xóa sản phẩm 17 Bảng 13: Chức quản lý đơn hàng 17 Bảng 14: Chức quản lý khách hàng 17 Bảng 15: Chức quản lý đơn hàng 18 Bảng 16: CSDL bảng Account 30 Bảng 17: CSDL bảng hàng hoá 31 Bảng 18: CSDL bảng loại hàng 31 Bảng 19: CSDL bảng hoá đơn hàng 32 Bảng 20: CSDL bảng tình trạng tốn 32 Bảng 21: CSDL bảng phân quyền 33 Bảng 22: CSDL bảng thông tin 33 Bảng 23: CSDL bảng kiện 33 Hà Thị Trang – HTTTB-K13 Trang iv DANH MỤC BIỂU ĐỒ Biểu đồ 1.1: Biểu đồ ngữ cảnh 19 Biểu đồ 1.2: Biểu đồ phân rã chức 20 Biểu đồ 2.2: BĐHĐ – Đăng nhập tài khoản 22 Biểu đồ 2.3: BĐHĐ – Tìm kiếm thơng tin sản phẩm 23 Biểu đồ 2.4: BĐHĐ – Thêm sản phẩm 24 Biểu đồ 2.5: BĐHĐ – Xem thông tin kiện 25 Biểu đồ 2.6: BĐHĐ – Xem chi tiết thông tin 26 Biểu đồ 2.7: BĐHĐ – Hiển thị chi tiết sản phẩm 27 Biểu đồ 2.8: BĐHĐ – Quy trình mua hàng 28 Biểu đồ 2.9: BĐHĐ – Xem thông tin nhân vật chương trình 29 Hà Thị Trang – HTTTB-K13 Trang v DANH MỤC HÌNH ẢNH Hình 1: Giao diện admin 35 Hình 2: Giao diện quản trị 37 Hình 3: Quy trình biên dịch 40 Hình 4: Thanh menu 43 Hình 5: Login thất bại 44 Hình 6: Login thành cơng 45 Hình 7: Trang tìm kiếm 48 Hình 8: Trang quảng cáo 50 Hình 9: Menu danh mục sản phẩm 51 Hình 10: SlideShow 52 Hình 11: Thống kê truy cập 53 Hình 12: Đăng ký thành viên 55 Hình 13: Chi tiết hàng hố 59 Hình 14: Trang giỏ hàng 60 Hình 15: Trang kiện 64 Hình 16: Trang thơng tin 69 Hình 17: Chi tiết thông tin 70 Hình 18: Bảng xếp hạng 70 Hình 19: Chi tiết tài khoản 71 Hình 20: Thêm sản phẩm 72 Hình 21: Quản trị hàng hoá 75 Hình 22: Quản trị dịng kiện 77 Hình 23: Quản trị dịng kiện 78 Hà Thị Trang – HTTTB-K13 Trang vi MỞ ĐẦU 1.Giới thiệu chung đề tài Là nước đà phát triển, bên cạnh sống no đủ nhiều người, Việt Nam cịn có nhiều số phận khó khăn Cuối năm 2013, theo ngân hàng giới World Bank, thu nhập người Việt Nam có tăng lên, 20 năm qua tỷ lệ người nghèo giảm song nước có 19 triệu người nghèo cần xã hội quan tâm Ngồi hàng năm người dân Việt Nam cịn phải hứng chịu nhiều trận thiên tai lũ lụt, hạn hán Trình độ dân trí chưa cao nên việc chăm sóc sức khoẻ thể nhiều bất cập, bệnh tật hoành hành khắp nơi Vốn dân tộc giàu lòng thương người, tương thân tương ái, tổ chức phi lợi nhuận, tổ chức từ thiện triển khai nhiều chương trình hỗ trợ, quyên góp nhằm mang lại sống tốt đẹp cho người dân Việt Nam kéo lại gần khoảng cách giàu nghèo nhằm đưa đất nước giàu mạnh, phát triển văn minh Có lẽ ai biết tới chương trình từ thiện lớn Chính Phủ như: Nối Vòng Tay Lớn, Chắp Cánh Những Ước Mơ, Trái Tim Cho Em, Tương Thân Tương Ái,… hay chương trình từ thiện nhỏ hơn, thực thường niên doanh nghiệp, trường học, nhóm thiếu niên, tổ chức thực Bằng đủ cách thức nhằm quyên góp tiền, của, vật chất, sức lực để chia sẻ bớt phần khó khăn, bất hạnh đời Tuy nhiên có vài thực tế mà biết nhiều tổ chức từ thiện không công khai rõ ràng thông tin quyên góp; quyên góp cho đối tượng nào, giá trị quyên góp bao nhiêu, thời gian nào, gây lịng tin người tham gia, hay có nhiều nhà hảo tâm lại gặp khó khăn việc quyên góp đồ đạc Chẳng hạn họ có quần áo qua sử dụng mới, đồ gia dụng, đồ điện tử, mỹ phẩm,…các vật dụng có giá trị lại khó chuyển đến tận tay không phù hợp với người nghèo Như để thực tốt công việc làm từ thiện, thu hút nhiều thành viên tham gia yêu cầu phải có tổ chức đáp ứng nguyện vọng nhà hảo tâm, khắc phục khó khăn Đứng trước thực tế đó, em chọn đề tài : Xây dựng trang web bán hàng từ thiện mang tên “ Chung Tay Vì Cộng Đồng” Website nơi làm từ thiện cách dễ dàng, nhanh chóng, thông tin chi tiết công khai minh bạch Với phương châm đưa lòng nhân đến tận tay người gặp khó khăn Với hình thức hoạt động tiếp nhận đồ dùng mà nhà hảo tâm quyên góp, tổ chức giới thiệu chúng lên Hà Thị Trang – HTTTBK13 Trang Website “Chung tay cộng đồng” nhằm bán lại cho người có nhu cầu Doanh thu từ việc bán hàng đưa vào quỹ từ thiện Mọi thơng tin qun góp công khai minh bạch trang Web Ở cung cấp thêm thơng tin cho bạn đọc hồn cảnh khó khăn cần giúp đỡ, hàng tháng vinh danh nhà hảo tâm, khách hàng thân quen trang Web Em hi vọng Website thu hút nhiều người tham gia nhờ tin cậy tính đơn giản, dễ thực chương trình Để xây dựng trang Web từ thiện “ Chung Tay Vì Cộng Đồng” em sử dụng công cụ phát triển Visual Studio 2010 dựa tảng ASP.NET, hỗ trợ hệ quản trị sở liệu SQL Server 2005 Em hi vọng sau đưa vào sử dụng, sản phẩm trở thành địa quen thuộc, nơi để nhiều người thể lòng tương thân, tương đồng bào dân tộc Hà Thị Trang – HTTTBK13 Trang ========================================= Hà Thị Trang – HTTTBK13 Trang 66 Các kiện (******) Hà Thị Trang – HTTTBK13 Trang 67 Sản phẩm từ thiện (*****) 3.2.1.5 Tạo trang chi tiết thông tin Tương tự trang chi tiết kiện trang chi tiết thơng tin có giao diện sau: Hình 16: Trang thơng tin Hà Thị Trang – HTTTBK13 Trang 69 Hình 17: Chi tiết thông tin 3.2.1.6 Tạo trang chi tiết tài khoản Hình 18: Bảng xếp hạng Hà Thị Trang – HTTTBK13 Trang 70 Hình 19: Chi tiết tài khoản 3.2.1.7 Tạo trang thêm sản phẩm Sử dụng DropDownList để thể loại sản phẩm dùng điều khiển FileUpload để đăng ảnh sản phẩm lên Sau click chọn nút thêm có chế kiểm tra - Tên sản phẩm không trùng với tên có CSDL - Giá hàng hố liệu kiểu số - Số lượng hàng hoá số lượng kiểu số Để tiện cho việc bắt lỗi, kiểm tra, sử dụng công cụ Required Filed Validatior Regular Expression Validator Nếu đăng hàng thành cơng giá trị hàng hố đóng góp cá nhân tự động tăng lên lượng bang giá * số lượng Hà Thị Trang – HTTTBK13 Trang 71 Hình 20: Thêm sản phẩm protected void btThemMoi_Click(object sender, EventArgs e) { SqlConnection conn; SqlDataAdapter sqlAdap; DataTable dt = new DataTable(); string strConn = "Data Source=.\\SQLEXPRESS;AttachDbFilename=D:\\trang gui\\CTVCD\\App_Data\\CHUNGTAYVICONGDONG.mdf;Integrated Security=True;User Instance=True"; try { conn = new SqlConnection(strConn); conn.Open(); string strSql = " SELECT * FROM tblHang "; strSql += "WHERE TenHang = N'" + tbTenHang.Text + "'"; Hà Thị Trang – HTTTBK13 Trang 72 sqlAdap = new SqlDataAdapter(strSql, conn); sqlAdap.Fill(dt); if (dt.Rows.Count > 0) { lblErrMsg.Text = "Hãy đặt tên hàng khác để không bị trùng."; } else { strSql = ""; String TenHang=tbTenHang.Text; String Gia=tbGia.Text; String Soluong=tbSoLuong.Text; String MoTaChiTiet=tbMoTaChiTiet.Text; String DiaChiCungCapHang= tbDiaChiCungCapHang.Text; String MaLoai = ddlChuan.Text; String MaAccount = Session["MaAccount"].ToString(); DateTime NgayDang = new DateTime(); NgayDang = DateTime.Now.Date ; String Ngay = Convert.ToString(NgayDang); string filename = "~/HinhAnh/HangHoa/" + FileUpload1.FileName; string s = Server.MapPath(filename); FileUpload1.SaveAs(s); String hinhanh = FileUpload1.FileName.ToString(); strSql = "INSERT INTO tblHang(TenHang,MaLoai,HinhAnhHang, Gia,SoLuong,MoTaChiTiet,MaAccount,NgayDang,DiaChiCungCapHang) VALUES( N'" + TenHang + "','"+MaLoai+"','" + hinhanh + "','" + Gia +"',N'" + Soluong + "',N'" + MoTaChiTiet + "','"+MaAccount+"','"+Ngay+"',N'" + DiaChiCungCapHang+ "')"; SqlCommand cmd = new SqlCommand(strSql, conn); Hà Thị Trang – HTTTBK13 Trang 73 try { cmd.ExecuteNonQuery(); lblErrMsg.Text = "Cảm ơn bạn tham gia quyên góp cho tổ chức"; conn.Close(); } catch (System.Exception ex) { lblErrMsg.Text = ex.Message; } } } catch (System.Exception ex) { lblErrMsg.Text = "Lỗi q trình đăng hàng hố"; } conn = new SqlConnection(strConn); conn.Open(); String MaAccountss = Session["MaAccount"].ToString(); string tienquyengop = Session["giatridonggop"].ToString(); string t1 = tbGia.Text; string t2 = tbSoLuong.Text; float tien1 = float.Parse(t1) * float.Parse(t2); float donggop = float.Parse(tienquyengop); float tong = donggop + tien1; String tong1 = tong.ToString(); string lenh = "update tblAccount set GiaTriHangDaDongGop='"+tong1+"' where MaAccount='" + MaAccountss+"'" ; SqlCommand cmd2 = new SqlCommand(lenh, conn); Hà Thị Trang – HTTTBK13 Trang 74 cmd2.ExecuteNonQuery(); conn.Close(); } protected void btHuy_Click(object sender, EventArgs e) { tbDiaChiCungCapHang.Text = ""; tbGia.Text = ""; tbMoTaChiTiet.Text = ""; tbSoLuong.Text = ""; tbTenHang.Text = ""; } } 3.2.2 Phân hệ quản trị  Đối với trang khách hàng, hàng hoá, hoá đơn hàng Admin có quyền sửa xố thơng tin Nên cần sử dụng công cụ DataGridview để chứa liệu có CommandFiled cho phép sửa, xố liệu Hình 21: Quản trị hàng hố Hà Thị Trang – HTTTBK13 Trang 76  Đối với trang phân quyền, loại hàng, tình trạng tốn, kiện thơng tin ngồi chức sửa , xố, Admin cịn có quyền thêm Ngồi cơng cụ DataGridview, phải sử dụng thêm Formview để thêm Hình 22: Quản trị dịng kiện Hà Thị Trang – HTTTBK13 Trang 77 Hình 23: Quản trị dòng kiện Hà Thị Trang – HTTTBK13 Trang 78 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 1.1 Kết luận Sau tìm hiểu yêu cầu sử dụng, tiến hành phân tích nghiệp vụ, phân tích chức cần thiết em thiết kế sở liệu logic, đầy đủ hợp lý Cùng với thiết kế giao diện theo cấu trúc rõ ràng, dễ nhìn Với hộ trợ mạnh mẽ cơng cụ ASP.NET em hồn thành sản phẩm theo phân tích thiết kế Website từ thiện “ Chung tay cộng đồng” Trang Web kết hợp trang thương mại điện tử trang tin tức điện tử Bài làm phần đáp ứng tối đa nhu cầu người dùng nhu cầu quản trị Admin Giao diện tương đối đẹp mắt, đầy đủ chức năng, thân thiện với người sử dụng Và nay, sản phẩm vào giai đoạn kiểm thử để phát thêm nhu cầu người dùng, phát lỗi, phát triển thêm cần thiết Để hoàn thành sản phẩm trên, lỗ lực thân, em xin gửi lời cảm ơn sâu sắc tới thầy cô khoa Hệ Thống Thông Tin Quản Lý giảng dạy, truyền đạt cho em khối lượng kiến thức to lớn phân tích thiết kế, lập trình Đặc biệt em xin chân thành cảm ơn cô giáo Bùi Thị Hồng Nhung tận tình hướng dẫn cho em hồn thành sản phẩm Hà Thị Trang – HTTTBK13 Trang 79 1.2 Hướng phát triển Sau vào hoạt động sản phẩm tránh khỏi sai sót, em xin điều chỉnh sai sót tương lai phát triển sản phẩm theo hướng trang mạng xã hội ( xu hướng thời đại mới) DANH MỤC TÀI LIỆU THAM KHẢO Tài liệu: Bài giảng phân tích thiết kế hệ thống thơng tin tác giả Nguyễn Văn Vỵ - Nguyễn Thị Nhật Thanh khoa Công Nghệ Thông Tin, Đại Học Công Nghệ Website https://sites.google.com/site/huetran1611/tai-lieu-tham-khao/tai- lieu-tham-khao-mon-thiet-ke-web giảng viên Trần Thị Huế khoa Hệ Thống Thông Tin Quản Lý – Học Viện Ngân Hàng Giáo trình ASP.NET trung tâm Nhất Nghệ Hà Thị Trang – HTTTBK13 Trang 80