TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN KHOA CÔNG NGHỆ THÔNG TIN - oOo - PROJECT ĐỀ TÀI: XÂY DỰNG WEBSITE CHO CÔNG TY THANHSOFT Giáo viên hướng dẫn: Chu Thị Minh Huệ Sinh viên thực : Nguyễn Thị Hoa Nguyễn Thị Thủy (89) Lớp : TK6SE NHẬN XÉT CỦA GIÁO VIÊN ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Hưng Yên, ngày…tháng…năm 2010 Giáo viên nhận xét (Ký tên) Trang MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT Từ viết tắt Từ đầy đủ Giải thích Trang DANH MỤC CÁC BẢNG Bảng 1: Danh sách Actor hệ thống Bảng 2: Các chức hệ thống Bảng 3.1: Danh sách thực thể hệ thống Bảng 4.1: Danh sách chức hệ thống Bảng 4.2: Mô tả chi tiết module tin tức Bảng 4.3: Mô tả chi tiết module liên hệ Bảng 4.4: Mô tả chi tiết module thiết kế web Bảng 4.5: Mô tả chi tiết module hỗ trợ trực tuyến Bảng 4.6: Mô tả chi tiết module thống kê Bảng 4.7: Mô tả chi tiết module quảng cáo Trang DANH MỤC CÁC HÌNH VẼ Hình 2.1: Biểu đồ Usecase đăng nhập Hình 2.2: Biểu đồ Usecase tạo tài khoản người dùng Hình 2.3: Biểu đồ Usecase thay đổi mật Hình 2.4: Biểu đồ Usecase tạo, phân quyền Hình 2.5: Biểu đồ Usecase quản lý menu Hình 2.6: Biểu đồ Usecase thêm nhân viên Hình 2.7: Biểu đồ usecase đăng viết Hình 2.8: Biểu đồ usecase quản lý viết Hình 2.9: Biểu đồ usecase tìm kiếm Hình 2.10: Biểu đồ lớp Hình 2.11: Biểu đồ cho ca sử dụng đăng nhập Hình 2.12: Biểu đồ cho ca sử dụng tạo tài khoản Hình 2.13: Biểu đồ cho ca sử dụng thay đổi password Hình 2.14: Biểu đồ cho ca sử dụng phân quyền Hình 2.15: Biểu đồ cho ca sử dụng thêm nhân viên Hình 2.16: Biểu đồ cho ca sử dụng đăng viết Hình 2.17: Biểu đồ cho ca sử dụng tìm kiếm Hình 3.1: Mơ hình liệu quan hệ Trang LỜI CẢM ƠN Sau khoảng thời gian nghiên cứu học tập cách nghiêm túc, nhóm chúng em hồn thành xong đề tài Lời chúng em xin gửi lời cảm ơn tới thầy cô khoa Công nghệ thông tin trường Đại học Sư phạm kĩ thuật Hưng Yên dìu dắt truyền đạt kiến thức để nhóm em hồn thành tốt đề tài Đặc biệt chúng em xin chân thành cảm ơn dìu dắt tận tình Chu Thị Minh Huệ, cô giáo viên hướng dẫn, người theo sát tiến độ làm việc nhóm Chính mà ln đưa ý tưởng, góp ý giúp nhóm em nhận vấn đề tồn kịp thời sửa chữa Dù cố gắng, xong nhóm chúng em khơng thể tránh khỏi sai sót vốn kiến thức cịn hạn hẹp Chúng em mong nhận góp ý, giúp đỡ từ quý thầy cô bạn Chúng em xin chân thành cảm ơn! Trang PHẦN I: MỞ ĐẦU Lý chọn đề tài Ngày tốc độ phát triển Internet ngày mạnh, người ta thay phần mền trang website Ở đâu có internet truy cập, tìm hiểu vấn đề cách nhanh tốn dung lượng, dễ dàng sử dụng Lợi dụng ưu internet, doanh nghiệp thiết kế trang web cho riêng nhằm quảng bá thương hiệu cách tốt chi phí thấp Mặt khác, website cịn giúp trao đổi thơng tin nhanh hơn, nhẹ nhàng Hiện Công ty có website mình, hệ thống website cịn đơn giản, chưa có nội dung, nên nhóm em nhận phát triển website q cơng ty Chính vậy, nhóm em chọn đề tài Ưu khuyết điểm  Ưu điểm: - Trang web quảng bá thương hiệu công ty ThanhSoft - Giới thiệu công ty, đội ngũ nhân viên công ty xây dựng hình ảnh  - cơng ty chuyên nghiệp, động Giới thiệu dịch vụ công ty tới khách hàng Hỗ trợ khách hàng trực tuyến Khách hàng nhận xét, đóng góp ý kiến cho công ty Nhược điểm: Trang web chưa thể cho khách hàng giao dịch Trang web chưa có diễn đàn cho khách hàng vào trao đổi thông tin Trang Hướng tiếp cận đề tài - Khảo sát chi tiết nghiệp vụ hệ thống, nắm bắt rõ yêu cầu từ phía - cơng ty Nhóm khảo sát thực tế qua người quản trị công ty Thu thập biểu mẫu, tài liệu liên quan đến website tin tức Phân tích hệ thống sau khảo sát: hệ thống quản lý để đưa giải pháp, ý tưởng cho việc xây dựng, thiết kế hệ thống website sau Nội dung thực  Kế hoạch Khảo sát nghiệp vụ thực tế, kết hợp nghiên cứu lý thuyết, xây dựng sở liệu, phân tích thiết kế tốn Lựa chọn cơng cụ cài đặt, xây dựng modul chương trình - Ngơn ngữ sử dụng: C# - Cơ sở liệu: SQL Server 2005 Express - Lập trình ASP.NET Cài đặt chạy thử chương trình  Các bước thực - Khảo sát nghiệp vụ thực tế Nghiên cứu lý thuyết Xây dựng, phân tích, thiết kế sở liệu, thiết kế tốn Cài đặt chương trình Chạy thử Ý nghĩa lý luận thực tiễn đề tài  Ý nghĩa lý luận: - Đây đề tài lần thứ tồn chương trình học, đóng vai trị quan trọng, giúp sinh viên làm quen với môi trường làm việc thực tế, từ rút kinh nghiệm thực tiễn phục vụ sau trường tiếp cận nhanh với môi trường làm việc chuyên nghiệp  Ý nghĩa thực tiễn: - Tăng cường nhận thức tư thành viên - Rèn luyện cách làm việc nhóm có hiệu - Củng cố nâng cao kiến thức cho thành viên nhóm Trang Cấu trúc báo cáo Bài báo cáo gồm có phần, cụ thể sau: Phần I: Mở đầu Phần II: Nội dung (gồm có chương) - Chương I: Phân tích khảo sát yêu cầu hệ thống Chương II: Phân tích thiết kế với UML Chương III: Phân tích thiết kế sở liệu Chương IV: Thiết kế chương trình Phần III: Thực nghiệm, đánh giá kết Phần IV: Tài liệu tham khảo Trang PHẦN II: NỘI DUNG CHƯƠNG I: PHÂN TÍCH KHẢO SÁT YÊU CẦU HỆ THỐNG 1.1 Khảo sát hệ thống 1.1.1 Cách thức khảo sát: Tìm hiểu trang web có công ty, số trang web tin tức, rang web có dịch vụ tương tự cơng ty, để đưa câu hỏi khảo sát Và đặt câu hỏi theo thực tế, tổng hợp lại thành bảng câu hỏi, gửi mail cho người đại diện công ty để nhận câu trả lời cho câu hỏi khảo sát cần cho thiết kế thông tin liên quan đến website công ty 1.1.2 Thành phần tham gia khảo sát: 1.2 - Nguyễn Thị Hoa - Nguyễn Thị Thủy Phân tích yêu cầu hệ thống 1.2.1 Các tác nhân hệ thống STT Actor Admin Ý nghĩa, nhiệm vụ Actor *Tác nhân Admin (hay người quản lý chính) tác nhân giữ vai trị hệ thống website, người giữ quyền cao hệ thống Những người giữ vai trị quản lý chia thành quyền nhỏ cho nhân viên khác hệ thống Tác nhân Admin thực tất chức có hệ thống quản trị như: quản lý menu, khách hàng, quyền hạn nhân viên,đăng tin tức, thêm tài khoản cho nhân viên, tìm kiếm vv… nói chung người quản trị Admin có quyền thao tác tất chức có phần mềm - Tác nhân Admin tác nhân hệ thống quản trị website Tác nhân có quyền tương tác tới hệ thống quản trị, phép thực Trang 10 4.2.3.2 Phạm vi Load mẫu cập nhật người quản lý 4.2.3.3 Ràng buộc - Đầu vào: Hình ảnh giao diện trang web thiết kế, thơng tin trang web - Đầu ra: hình ảnh, thơng tin sản phẩm 4.2.3.4 Giao diện Hình 4.3: Module thiết kế website 4.2.3.5 Mô tả chức form thông tin tài khoản STT Tên thành phần Thẻ img, thẻ a: link Thẻ a: link Kiểu html html Mơ tả Click vào mẫu web trang web hiển thị hình ảnh thơng tin mẫu web Đưa chuột vào hình ảnh click vào trang chuyển sang trang có thơng tin hình ảnh mẫu web Bảng 4.4: Mơ tả module thiết kế website Trang 44 4.2.4 Module hỗ trợ trực tuyến 4.2.4.1 Mục đích Trao đổi trực tiếp với khách hàng , có nhu cầu thắc mắc 4.2.4.2 Phạm vi Chọn click vào biểu tượng Yahoo menu trái trang web 4.2.4.3 Ràng buộc Đầu vào: Tên yahoo người giữ vị trí hỗ trợ khách hàng trực tuyến Đầu ra: Trao đổi trực tiếp với người dùng họ có yêu cầu thắc mắc cần giải đáp 4.2.4.4 Giao diện Hình 4.4: Module hỗ trợ trực tuyến 4.2.4.5 Mô tả chi tiết form nhà sản xuất STT Tên thành phần Thẻ a: link Kiểu html Mô tả Tên email người đảm nhiệm chức hỗ trợ trực tuyến Click vào biểu tượng trao đổi trực tiếp với người hỗ trợ trực tuyến Biểu tượng yahoo Bảng 4.5: Mô tả chi tiết Module hỗ trợ trực tuyến Trang 45 4.2.5 Module thống kê 4.2.5.1 Mục đích Cho biết lượng truy cập vào website lần từ đánh giá phần website có nội dung tốt 4.2.5.2 Phạm vi Đếm số người xem trang web 4.2.5.3 Ràng buộc Đầu vào: File Global.asx chứa biến toàn cục: Session Application để đếm số lần truy cập Đầu ra: Số truy cập theo tiêu chí: ngày hơm nay, ngày hôm qua, tuần trước, tuần này, tháng trước, tháng này, tất 4.2.5.4 Giao diện Hình 4.5: Module thống kê 4.2.4.5 Mô tả STT Tên thành phần Thẻ p Kiểu html Mô tả Hiển thị số truy cập theo tiêu chí Bảng 4.6: Mơ tả chi tiết Module thống kê Trang 46 4.2.6 Module quảng cáo 4.2.6.1 Mục đích Quảng bá hình ảnh đối tác, thể thêm phần uy tín cơng ty, mang lại nguồn thu cho công ty 4.2.6.2 Phạm vi N/A 4.2.6.3 Ràng buộc N/A 4.2.6.4 Giao diện Hình 4.6: Module Quảng cáo 4.2.6.5 Mô tả STT Tên thành phần Thẻ img Kiểu html Mơ tả Hiển thị hình ảnh logo đối tác Bảng 4.7: Mô tả Module Quảng cáo Trang 47 4.3 Mô tả chi tiết chức quản trị 4.3.1 Form đăng nhập 4.3.1.1 Mục đích - Cho người quản lý nhân viên đăng nhập vào hệ thống với tài khoản người quản lý phân quyền 4.3.1.2 Ràng buộc Dữ liệu đầu vào - Tên đăng nhập Mật Dữ liệu đầu - Dẫn đến trang chủ quản lý hệ thống không tên tài khoản không mật không 4.3.1.3 Giao diện Hình 4.7: Form Đăng nhập Trang 48 4.3.1.4 Đặc tả giao diện STT Tên thành phần txtTenDN txtMatkhau Kiểu Textbox Textbox btnDN button Mô tả Nhập tên tài khoản Nhập mật Click vào nút vào trang chủ quản lý hệ thống 4.3.2 Form quản trị chung 4.3.2.1 Mục đích - Cung cấp mục quản lý cho người quản trị, cho họ tự quản lý hệ thống theo ý mình, thêm, sửa, xóa cơng việc mà người quản lý muốn Cho họ thoát khỏi form quản lý người quản trị làm xong việc 4.3.2.2 Ràng buộc N/A 4.3.2.3 Giao diện Hình 4.8: Form quản trị chung 4.3.2.3 Đặc tả giao diện STT Tên thành phần Kiểu menu menu btnThoat button Trang 49 Mô tả Menu chức cho người quản trị Click vào nút để thoát khỏi quản lý hệ thống 4.3.3 Form tạo tài khoản 4.3.3.1 Mục đích - Cho admin quản lý tài khoản đăng nhập vào hệ thống, thêm bớt tài khoản cho nhân viên 4.3.3.2 Ràng buộc - Phải chọn quyền cho tài khoản thêm vào Phải có tên tài khoản mật cho tài khoản 4.3.3.3 Giao diện Hình 4.9: Form tạo tài khoản 4.3.3.4 Đặc tả giao diện - Nhập đầy đủ thông tin vào textbox tên tài khoản, mật khẩu, tên nhân viên, chọn quyền, hai trường từ đơn vị, đến đơn vị đơn vị công ty nơi làm việc cũ (mới ) nhân viên Sau nhập đủ nhấn nút thêm thông tin hiển thị - sang danh sách tài khoản bên Người quản lý chọn vào tài khoản nhấn nút xóa xóa tài - khoản sở liệu Khi người quản lý click vào tên tài khoản hệ thống cho phép sửa lại thơng tin tài khoản 4.3.4 Form đổi mật 4.3.4.1 Mục đích - Cho phép người dùng quản trị thay đổi mật cho tài khoản Trang 50 4.3.4.2 Ràng buộc - Phải có mật cũ Tạo mật xác nhận mật 4.3.4.3 Giao diện Hình 4.10: Form đổi mật 4.3.4.4 Đặc tả giao diện - Người quản trị nhập mật cũ nhập mật vào với nhập xác nhận mật mới, sau nhấn nút thay đổi tài khoản truy cập thay đổi mật người dùng hủy khơng thực việc thay đổi qua việc click vào nút hủy bỏ 4.3.5 Form đăng tin tức 4.3.5.1 Mục đích - Cho người quản trị hệ thống lúc đăng tin tức cập nhật từ công ty từ Internet 4.3.5.2 Ràng buộc N/A Trang 51 4.3.5.3 Giao diện Hình 4.11: Form Đăng tin tức 4.3.5.4 Đặc tả giao diện - Nhập thông tin tin tức form vào để thêm tin vào sở liệu lấy - lên trang người dùng Trường ảnh tin tức để trống Nếu để trống nội dung tin tức khơng thêm tin vào bảng TinTuc Người quản lý cập nhật lại tin việc chọn danh sách tin đăng: Hình 4.12.1: Form danh sách tin tức - Sau kích vào tin hiển thị form cập nhật tin thay đổi nội dung Trang 52 Hình 4.12.2: Form Đăng in tức - Nhấn nút cập nhật cập nhật lại nội dung tin Nút đóng form cho phép người quản lý chuyển sang danh sách tin đăng 4.3.6 Form quản lý menu hệ thống 4.3.6.1 Mục đích - Cho người quản lý tự thêm sửa menu làm việc riêng mình, cho phép họ thay đổi theo ý muốn 4.3.6.2 Ràng buộc N/A 4.3.6.3 Giao diện Trang 53 Hình 4.13: Form quản lý menu hệ thống 4.3.6.4 Đặc tả giao diện - Người quản trị nhập thông tin form theo yêu cầu chọn chức muốn làm - gồm thêm menu , chỉnh sửa mennu Tương ứng với chức người dùng chọn thêm chỉnh sửa menu có nút thêm sửa menu 4.3.7 From phân quyền hệ thống 4.3.7.1 Mục đích - Phân quyền cho admin, nhân viên tương ứng với menu họ làm việc 4.3.7.2 Ràng buộc - Phải admin có quyền phân quyền hệ thống 4.3.7.3 Giao diện Hình 4.14: Form phân quyền hệ thống 4.3.7.4 Đặc tả giao diện - Cho phép thêm, sửa, xóa quyền với nút nhấn: thêm, sửa, xóa xóa tất quyền cũ Trang 54 - Click vào quyền chọn menu tương ứng cho quyền checkbox mục chọn menu click vào nút thêm menu Ta xóa menu chức với quyền tương ứng chọn check vào menu nhấn nút xóa menu 4.3.8 Form giới thiệu dịch vụ 4.3.8.1 Mục đích Thêm dịch vụ cung cấp cơng ty, để cập nhật thêm module trang web người dùng 4.3.8.2 Ràng buộc - Được admin thêm vào 4.3.8.3 Giao diện Hình 4.15: Form giới thiệu dịch vụ 4.3.8.4 Đặc tả giao diện - Nhập thêm dịch vụ công ty vào textbox tên dịch vụ 4.3.9 From đăng tin giới thiệu nhóm dịch vụ 4.3.9.1 Mục đích - Đăng tin giới thiệu cho nhóm dịch vụ cơng ty để load thơng tin lên trang web người dùng 4.3.9.2 Ràng buộc - Điền đầy đủ thông tin tin tức dịch vụ chọn danh sách dịch vụ Trang 55 4.3.9.3 Giao diện Hình 4.16: Form giới thiệu nhóm dịch vụ 4.3.9.4 Đặc tả giao diện - Sau nhập thông tin theo định dạng trường liệu tin dịch - vụ cập nhật sở liệu Sang danh sách viết dịch vụ Hình 4.17: Form danh sách dịch vụ - Click vào tên hiển thị trang cho cập nhật lại thông tin viết: Trang 56 Hình 4.18: Form đăng viết PHẦN III: THỰC NGHIỆM, ĐÁNH GIÁ KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI Thực nghiệm Website chưa chạy thử nghiệm - Kết đạt Website sử dụng công cụ visual Studio 2008, sử dụng control có sẵn Visual kết hợp với cơng cụ hỗ trợ thiết kế AJAX, JQUERY, CUTEDITOR, Phần mềm xây dựng ứng dụng ASP.NET - Cơ sở liệu xây dựng thành công SQL server 2005 Hạn chế Hạn chế đề tài: Chưa xử lý tối ưu ràng buộc, số tồn việc đặt tên sử dụng linh hoạt control, … Trang 57 Hướng phát triển Tiếp tục xử lý phát triển trang web thêm nhiều tiện ích PHẦN IV: TÀI LIỆU THAM KHẢO Tài liệu tiếng Việt [1] Biên dịch Thái Thành Phong - Các giải pháp lập trình C#; 2007 [2] Thiết kế Web-ASP [3] C# NET Web Developer's Guide [4] Begining ASP.NET Database [5]Tham khảo tài liệu qua mạng Internet: số trang web http://sharecode.vn/, www.ddth.vn, www.hmweb.com.vn Trang 58 www.congdongcviet.com, ... Trang web quảng bá thương hiệu công ty ThanhSoft - Giới thiệu công ty, đội ngũ nhân viên công ty xây dựng hình ảnh  - cơng ty chun nghiệp, động Giới thiệu dịch vụ công ty tới khách hàng Hỗ trợ khách... xây dựng, thiết kế hệ thống website sau Nội dung thực  Kế hoạch Khảo sát nghiệp vụ thực tế, kết hợp nghiên cứu lý thuyết, xây dựng sở liệu, phân tích thiết kế tốn Lựa chọn công cụ cài đặt, xây. .. khác, website cịn giúp trao đổi thông tin nhanh hơn, nhẹ nhàng Hiện Cơng ty có website mình, hệ thống website cịn đơn giản, chưa có nội dung, nên nhóm em nhận phát triển website q cơng ty Chính