Chuyên mục web tin tức sự kiện cho NPC

1.2.2.4 Phân rã use case UpdateUserHình 2-10: Use case UpdateUser 1.2.3 Biểu diễn use case bởi kịch bản 1.2.3.1 Biểu diễn kịch bản cho use case MakeAdmin Người chịu trách nhiệm Người quả

Trang 1

LỜI CẢM ƠN

Cha ông ta có câu:“Học đi đôi với hành”, ngụ ý chỉ dạy cho các con cháu sau nàyđừng bao giờ quên rằng việc học tập và thực hành phải luôn đi đôi với nhau, được cácthầy cô trong khoa tạo điều kiện thuận lợi cho việc thực tập của mình, em thấy mình

đã không chỉ được áp dụng những gì mình đã học, được tiếp thu thêm những kiến thứcthực thế mà về bản thân em còn thấy trững trạc hơn nhiều

Lời đầu tiên, em xin bày tỏ lòng biết ơn đến anh Phạm Văn Thìn – Trưởng phòngCông nghệ phần mềm, anh Bùi Quang Thắng – Phó phòng Công nghệ phần mềm, anhNguyễn Thành Chung – người trực tiếp hướng dẫn, cùng các anh chị em trong phòngCông nghệ phần mềm thuộc Công ty Công nghệ thông tin Điện lực miền Bắc trựcthuộc Tổng công ty Điện lực miền Bắc đã tận tình giúp đỡ em hoàn thành đồ án thựctập môn học này Sự quan tâm, động viên của các anh chị chính là nguồn động lực tolớn giúp cho em hoàn thành tốt đồ án này

Tiếp theo, em xin gửi lời cảm ơn chân thành đến các thầy cô trong khoa CôngNghệ Thông Tin: thầy Nguyễn Hữu Quỳnh, cô Nguyễn Thị Thu Hà và thầy Lê MạnhHùng là những người đã giới thiệu, mang đến cho chúng em nguồn tri thức quý báu vànhững lời khuyên bổ ích, cùng toàn thể các thầy cô giáo, cán bộ công nhân viên trongtrường Đại học Điện Lực đã tạo điều kiện và giúp đỡ em trong những năm học vừaqua

Và cuối cùng em xin gửi lời cảm ơn tới bố mẹ, gia đình của em Những ngườiluôn miệt mài bên cạnh em, giúp đỡ, chăm lo và an ủi em, giành cho em những tìnhcảm đặc biệt

Em xin chân thành cảm ơn!

Sinh viên thực hiện Phạm Trần Thế Lâm

Trang 2

Trong 5 năm (từ 2005-2010) Công ty CNTT Điện lực miền Bắc liên tục hoànthành xuất sắc nhiệm vụ được giao và đạt danh hiệu tập thể lao động xuất sắc.

- Năm 2005: Bằng khen của Tập đoàn Điện lực Việt Nam theo quyết định số3670/QĐ-EVN-TĐTT ngày 29/12/2005

- Năm 2007: Bằng khen của Bộ Công theo quyết định số 1687/QĐ- Bộ CôngThương ngày 14/3/2008

- Năm 2009: Bằng khen của Thủ tướng Chính phủ theo quyết định số: TTg ngày 17 tháng 12 năm 2010

2313/QĐ Năm 2010: Huân chương lao động hạng ba của Chủ tịch nước

Trang 3

NHẬN XÉT(Của cán bộ hướng dẫn thực tập)

Tên tôi là: Nguyễn Thành Chung

Hiện công tác tại: Phòng Công nghệ phần mềm Công ty CNTT Điện Lực MiềnBắc

Nhận hướng dẫn sinh viên: Phạm Trần Thế Lâm

Thực hiện đồ án thực tập môn học: “Chuyên mục web tin tức sự kiện cho NPC” tại Công ty Công nghệ thông tin Điện lực miền Bắc trực thuộc Tổng công ty

Điện Lực miền Bắc

Ngành: Công nghệ thông tin

Hệ: Đại học chính quy

Nhận xét của công ty về quá trình sinh viên thực tập tại công ty:

Trong thời gian hướng dẫn sinh viên thực tập, tôi có một số ý kiến nhận xét nhưsau:

 Trong thời gian thực tập sinh viên Phạm Trần Thế Lâm đã có ý thức chấphành nội quy của Công ty

 Cố gắng học hỏi, hăng hái nghiên cứu và tìm hiểu quá trình phát triểnphần mềm của Công ty

 Những nội dung trong báo cáo là phù hợp với tình hình thực tế ở Công ty

 Về lý thuyết và thực hành có nhiều điều còn mới lạ, thời gian thực tậpngắn nên không nắm bắt hết quá trình phát triển một phần mềm hoànchỉnh

Cán bộ hướng dẫn

Nguyễn Thành Chung

Hà Nội, ngày tháng năm 2013.

CÔNG TY CÔNG NGHỆ THÔNG TIN

ĐIỆN LỰC MIỀN BẮC

Trang 4

Mục lục

Chương 1 KHẢO SÁT ĐÁNH GIÁ HIỆN TRẠNG 10

1.1 Khái quát bài toán 10

1.2 Thực trạng và các vấn đề cần giải quyết 10

1.2.1 Khảo sát đối tượng sử dụng 10

1.2.2 Khảo sát thực tế bài toán 11

1.2.3 Các vấn đề cần giải quyết 13

Chương 2 PHÂN TÍCH HỆ THỐNG 14

2.1 Xây dựng biểu đồ use case 14

2.1.1 Biểu đồ use case tổng quát 14

2.1.2 Phân rã biểu đồ use case 14

2.1.2.1 Phân rã use case UpdateNews 14

2.1.2.2 Phân rã use case UpdateGroupNews 15

2.1.2.3 Phân rã use case UpdateComments 15

2.1.2.4 Phân rã use case UpdateUser 16

2.1.3 Biểu diễn use case bởi kịch bản 16

2.1.3.1 Biểu diễn kịch bản cho use case MakeAdmin 16

2.1.3.2 Biểu diễn kịch bản cho use case AddNews 17

2.1.3.3 Biểu diễn kịch bản cho use case EditNews 18

2.1.3.4 Biểu diễn kịch bản cho use case DeleteNews 18

2.1.3.5 Biểu diễn kịch bản cho use case AddGroupNews 19

2.1.3.6 Biểu diễn kịch bản cho use case EditGroupNews 20

2.1.3.7 Biểu diễn kịch bản cho use case DeleteGroupNews 21

2.1.3.8 Biểu diễn kịch bản cho use case SearchUser 21

2.1.3.9 Biểu diễn kịch bản cho use case AddComments 22

2.1.3.10 Biểu diễn kịch bản cho use case EditComments 23

2.1.3.11 Biểu diễn kịch bản cho use case DeleteComments 23

2.1.3.12 Biểu diễn kịch bản cho use case Register 24

2.1.3.13 Biểu diễn kịch bản cho use case EditUser 25

2.1.3.14 Biểu diễn kịch bản cho use case ChangedPass 25

2.1.3.15 Biểu diễn kịch bản cho use case SearchNews 26

2.2 Xây dựng biểu đồ lớp phân tích 27

2.3 Biểu đồ trạng thái 27

Trang 5

2.3.1 Biểu đồ trạng thái đăng nhập 27

2.3.2 Biểu đồ trạng thái cập nhật 28

2.3.3 Biểu đồ trạng thái tìm kiếm 28

2.3.4 Biều đồ trạng thái ẩn hiện nhóm tin 28

2.3.5 Biều đồ trạng thái ẩn hiện tin tức 29

2.4 Biểu đồ thành phần 30

Chương 3 THIẾT KẾ HỆ THỐNG 31

3.1 Các biểu đồ tuần tự 31

3.1.1 Biểu đồ tuần tự cho chức năng đăng nhập 31

3.1.2 Biểu đồ tuần tự cho chức năng tạo quyền cho thành viên làm Admin 31 3.1.3 Biểu đồ tuần tự cho chức năng thêm tin mới 32

3.1.4 Biểu đồ tuần tự cho chức năng sửa tin 32

3.1.5 Biểu đồ tuần tự cho chức năng xóa tin 33

3.1.6 Biểu đồ tuần tự cho chức năng thêm nhóm tin mới 33

3.1.7 Biểu đồ tuần tự cho chức năng sửa nhóm tin 34

3.1.8 Biểu đồ tuần tự cho chức năng xóa nhóm tin 34

3.1.9 Biểu đồ tuần tự cho chức năng tìm kiếm thành viên 35

3.1.10 Biểu đồ tuần tự cho chức năng thêm bình luận mới 35

3.1.11 Biểu đồ tuần tự cho chức năng sửa bình luận 36

3.1.12 Biểu đồ tuần tự cho chức năng xóa bình luận 36

3.1.13 Biểu đồ tuần tự cho chức năng sửa thành viên 37

3.1.14 Biểu đồ tuần tự cho chức năng đăng ký làm thành viên 37

3.1.15 Biểu đồ tuần tự cho chức năng tìm kiếm tin tức 38

3.2 Thiết kế từng chức năng 38

3.2.1 Chức năng đăng nhập 38

3.2.2 Chức năng cập nhật 39

Trang 6

3.3.4 Biểu đồ hoạt động đăng ký thành viên 42

Chương 4 CHẠY THỬ VÀ HƯỚNG DẪN SỬ DỤNG 43

4.1 Môi trường 43

4.1.1 Visual Studio 2010 43

4.1.2 Mô hình ASP.net MVC 43

4.1.3 Microsoft SQL 2008 43

4.1.4 Thao tác cài đặt và chạy thử 44

4.2 Hướng dẫn sử dụng một số chức năng 44

4.2.1 Combres 44

4.2.2 Rss 46

4.2.3 Đăng nhập 46

4.2.4 Tìm kiếm 47

4.2.5 Tag Clouds 48

Trang 7

Danh mục hình ảnh

Hình 1-1: Sơ đồ tổ chức Tổng công ty Điện Lực Miền Bắc 10

Hình 1-2: Sơ đồ tổ chức của Công ty 11

Hình 1-3: Trang chủ của NPC 12

Hình 1-4: Giao diện chuyên mục tin tức – sự kiện 12

Hình 1-5: Giao diện đăng nhập 13

Hình 2-1: Biểu đồ use case tổng quát 14

Hình 2-2: Use case UpdateNews 14

Hình 2-3: Use case UpdateGroupNews 15

Hình 2-4: Use case UpdateComments 15

Hình 2-5: Use case UpdateUser 16

Hình 2-6: Biểu đồ lớp phân tích 27

Hình 2-7: Biểu đồ trạng thái đăng nhập 27

Hình 2-8: Biểu đồ trạng thái cập nhật 28

Hình 2-9: Biểu đồ trạng thái tìm kiếm 28

Hình 2-10: Biểu đồ trạng thái ẩn hiện nhóm tin 29

Hình 2-11: Biểu đồ trạng thái ẩn hiện tin 29

Hình 2-12: Biểu đồ thành phần 30

Hình 3-1: Biểu đồ tuần tự cho chức năng đăng nhập 31

Hình 3-2: Biểu đồ tuần tự cho chức năng tạo quyền admin 31

Hình 3-3: Biểu đồ tuần tự cho chức năng thêm tin mới 32

Hình 3-4: Biểu đồ tuần tự cho chức năng sửa tin 32

Hình 3-5: Biểu đồ tuần tự cho chức năng xóa tin 33

Hình 3-6: Biểu đồ tuần tự cho chức năng thêm nhóm tin mới 33

Hình 3-7: Biểu đồ tuần tự cho chức năng sửa nhóm tin 34

Hình 3-8: Biểu đồ tuần tự cho chức năng xóa nhóm tin 34

Hình 3-9: Biểu đồ tuần tự cho chức năng tìm kiếm thành viên 35

Trang 8

Hình 3-16: Thiết kế lớp cho chức năng đăng nhập 38

Hình 3-17: Thiết kế lớp cho chức năng cập nhật 39

Hình 3-18: Thiết kế lớp cho chức năng tìm kiếm 39

Hình 3-19: Thiết kế lớp cho chức năng hiển thị 40

Hình 3-20: Biểu đồ hoạt động đăng nhập 40

Hình 3-21: Biểu đồ hoạt động cập nhật 41

Hình 3-22: Biểu đồ hoạt động tìm kiếm 41

Hình 3-23: Biểu đồ hoạt động đăng ký thành viên 42

Hình 4-1: Các http repuest của một ứng dụng bình thường 44

Hình 4-2: Mã nguồn css của một ứng dụng bình thường 45

Hình 4-3: Khả năng nén file của các trình duyệt web không được hiện thực 45

Hình 4-4: Chức năng RSS 46

Hình 4-5: Giao diện đăng nhập 47

Hình 4-6: Ví dụ tìm kiếm thành viên theo tên hiển thị 48

Hình 4-7: Giao diện trang chủ chứa quả cầu Tag clouds bên phải 49

Trang 9

Danh mục bảng

Bảng 2-1: Biểu diễn kịch bản cho use case MakeAdmin 16

Bảng 2-2: Biểu diễn kịch bản cho use case AddNews 17

Bảng 2-3: Biểu diễn kịch bản cho use case EditNews 18

Bảng 2-4: Biểu diễn kịch bản cho use case DeleteNews 19

Bảng 2-5: Biểu diễn kịch bản cho use case AddGroupNews 19

Bảng 2-6: Biểu diễn kịch bản cho use case EditGroupNews 20

Bảng 2-7: Biểu diễn kịch bản cho use case DeleteGroupNews 21

Bảng 2-8: Biểu diễn kịch bản cho use case SearchUser 22

Bảng 2-9: Biểu diễn kịch bản cho use case AddComments 22

Bảng 2-10: Biểu diễn kịch bản cho use case EditGroupNews 23

Bảng 2-11: Biểu diễn kịch bản cho use case DeleteComments 24

Bảng 2-12: Biểu diễn kịch bản cho use case Register 24

Bảng 2-13: Biểu diễn kịch bản cho use case EditUser 25

Bảng 2-14: Biểu diễn kịch bản cho use case ChangedPass 26

Bảng 2-15: Biểu diễn kịch bản cho use case SearchNews 26

Trang 10

Chương 1 KHẢO SÁT ĐÁNH GIÁ HIỆN TRẠNG1.1 Khái quát bài toán

Hiện nay, nhu cầu về tin tức của người dân tăng cao, do công việc nên thời gianđọc báo cập nhật tin tức của nhiều người bị hạn chế Với nhu cầu đó việc xây dựngmột website tin tức để tăng tính lưu động cho người đọc là cần thiết Bên cạnh sự pháttriển của công nghệ thông tin và các thiết bị điện tử, việc sử dụng internet đã trở nênphổ biến và rất tiện dụng Chỉ cần một thiết bị truy cập mạng là có thể lên đọc tin tức ởbất cứ đâu, bất cứ thời gian nào Việc sử dụng trang web tin tức còn có thể cập nhật tintức thường xuyên, nhanh chóng, giúp người đọc nắm được tình hình thời sự ngay lập

tức Từ những yêu cầu này, em quyết định chọn đề tài “Chuyên mục web tin tức – sự kiện cho NPC” nhằm phục vụ cho những người quan tâm đến việc cập nhật tin tức

hàng ngày, và đặc biệt là các anh chị em trong tổng công ty điện lực miền bắc

1.2 Thực trạng và các vấn đề cần giải quyết

1.1.1 Khảo sát đối tượng sử dụng

Hiện tại Tổng công ty Điện Lực Miền Bắc có 27 đơn vị trực thuộc thành viên, làcác công ty cấp tỉnh, thành phố phía Bắc

Hình 1-1: Sơ đồ tổ chức Tổng công ty Điện Lực Miền Bắc

Công ty viễn thông và công nghệ thông tin điện lực miền bắc được thành lập từnăm 2001 đến nay Các cán bộ trong công ty gồm các người có năng lực chuyên môncao, chất lượng tốt,… Về mặt cấu trúc công ty cũng được chia thành các phòng ban,các ban quản lý, với mục đích khác nhau tạo nhằm phục vụ khác hàng

Trang 11

Qua khảo sát thực tế thì em có các sơ đồ chức danh hoạt động của hệ thống công

ty như sau:

Hình 1-2: Sơ đồ tổ chức của Công ty

Đối tượng sử dụng đa phần là các anh em trong ngành, trong công ty và đôi khi

có những vị khách vãng lai

1.2.1 Khảo sát thực tế bài toán

Trang 12

Hệ thống web của NPC viết bằng ngôn ngữ ASP.net với cơ sở dữ liệu làMicrosoft SQL sever

Hình 1-3: Trang chủ của NPCTrong trang chủ này, có rất nhiều chuyên mục khác nhau nhưng với bài toán này

ta chỉ cần chú ý đến chuyên mục “Tin tức – sự kiện”

Hình 1-4: Giao diện chuyên mục tin tức – sự kiện

Trang 13

Một điểm đáng chú ý của hệ thống cũ là đường link url khá xấu không hỗ trợ tốtcho SEO cũng như các công cụ tìm kiếm như google, yahoo, …Và giao diện đăngnhập thì cực kỳ đơn giản.

Hình 1-5: Giao diện đăng nhập

Hệ thống cũ đã được xây dựng khá lâu, mỗi lần mà muốn thay đổi nội dung,cũng như banner của website thì hết sức khó khăn với những người không trực tiếp lậptrình nên website đó Vậy nên việc thiết kế ra một website không chỉ mang tính ứngdụng cao mà còn dễ sửa đổi nội dung, dễ hiểu luôn làm đau đầu các anh em trongphòng công nghệ phần mềm của tổng công ty điện lực miền Bắc

1.2.2 Các vấn đề cần giải quyết

Chuyên mục tin tức – sự kiện cần đạt được các mục tiêu chính sau:

- Cập nhật thông tin các bài viết

- Tìm kiếm, tra cứu thành viên

- Có phần đánh giá, bình luận của người đọc

- Hỗ trợ tốt SEO và các công cụ tìm kiếm

- Chức năng RSS

- Chức năng Tag clouds

- Chỉnh lại giao diện đăng nhập, tìm giải pháp đăng nhập dễ dàng thuận tiệnhơn(sử dụng OpenID)

- Chỉ cần làm tương đối đủ chức năng của một web tin tức thông thường, khôngyêu cầu nhiều về giao diện để tích hợp vào web của npc đã có sẵn

Trang 14

Chương 2 PHÂN TÍCH HỆ THỐNG1.2 Xây dựng biểu đồ use case

1.2.1 Biểu đồ use case tổng quát

Hình 2-6: Biểu đồ use case tổng quát

1.2.2 Phân rã biểu đồ use case

1.2.2.1 Phân rã use case UpdateNews

Hình 2-7: Use case UpdateNews

Trang 15

1.2.2.2 Phân rã use case UpdateGroupNews

Hình 2-8: Use case UpdateGroupNews1.2.2.3 Phân rã use case UpdateComments

Hình 2-9: Use case UpdateComments

Trang 16

1.2.2.4 Phân rã use case UpdateUser

Hình 2-10: Use case UpdateUser

1.2.3 Biểu diễn use case bởi kịch bản

1.2.3.1 Biểu diễn kịch bản cho use case MakeAdmin

Người chịu trách nhiệm Người quản trị(admin)

Tiền điều kiện Admin đã đăng nhập vào hệ thống

Đảm bảo tối thiểu Đảm bảo hệ thống loại thông tin đã thêm và quay lui lại

bước trướcĐảm bảo thành công Đảm bảo thông tin được lưu vào cơ sở dữ liệu

Kích hoạt Admin chọn chức năng makeadmin trong danh sách

thành viênChuỗi sự kiện chính:

1 Hệ thống hiển thị danh sách các thành viên

2 Admin chọn thành viên làm admin

3 Hệ thống nhập thông tin mới vào cơ sở dữ liệu

4 Hệ thống thông báo thành công

Ngoại lệ:

Bảng 2-1: Biểu diễn kịch bản cho use case MakeAdmin

Trang 17

1.2.3.2 Biểu diễn kịch bản cho use case AddNews

Kích hoạt Admin chọn chức năng thêm tin mới

Chuỗi sự kiện chính:

1 Hệ thống hiển thị form thêm tin tức

2 Admin nhập thông tin của tin tức mới

3 Hệ thống kiểm tra và xác nhận thông tin hợp lệ

Ngoại lệ:

3a Hệ thống kiểm tra và xác nhận thông tin hợp lệ

3a1 Hệ thống yêu cầu admin nhập lại thông tin

3a2 Admin nhập lại thông tin

Bảng 2-2: Biểu diễn kịch bản cho use case AddNews

Trang 18

1.2.3.3 Biểu diễn kịch bản cho use case EditNews

Kích hoạt Admin chọn chức năng sửa tin tức trong danh sách tin

tứcChuỗi sự kiện chính:

6 Hệ thống hiển thị form sửa tin tức

7 Admin nhập thông tin của tin tức

Ngoại lệ:

Bảng 2-3: Biểu diễn kịch bản cho use case EditNews1.2.3.4 Biểu diễn kịch bản cho use case DeleteNews

Trang 19

Đảm bảo tối thiểu Đảm bảo hệ thống quay lui lại bước trước

Đảm bảo thành công Đảm bảo thông tin được lưu vào cơ sở dữ liệu

Kích hoạt Admin chọn chức năng xóa tin

1 Hệ thống hiển thị form xác nhận xóa

2 Admin xác nhận xóa

Ngoại lệ:

2a Admin xác nhận xóa

2a1 Admin không xác nhận

2a2 Hệ thống hiển thị thông tin trước đó

Bảng 2-4: Biểu diễn kịch bản cho use case DeleteNews1.2.3.5 Biểu diễn kịch bản cho use case AddGroupNews

Kích hoạt Admin chọn chức năng thêm nhóm tin mới

Trang 20

Bảng 2-5: Biểu diễn kịch bản cho use case AddGroupNews1.2.3.6 Biểu diễn kịch bản cho use case EditGroupNews

Kích hoạt Admin chọn chức năng sửa nhóm tin tức trong danh

sách tin tứcChuỗi sự kiện chính:

1 Hệ thống hiển thị form sửa nhóm tin tức

2 Admin nhập thông tin của tin tức

Ngoại lệ:

Bảng 2-6: Biểu diễn kịch bản cho use case EditGroupNews

Trang 21

1.2.3.7 Biểu diễn kịch bản cho use case DeleteGroupNews

2 Admin xác nhận xóa

Ngoại lệ:

2a Admin xác nhận xóa

2a1 Admin không xác nhận

Bảng 2-7: Biểu diễn kịch bản cho use case DeleteGroupNews1.2.3.8 Biểu diễn kịch bản cho use case SearchUser

Trang 22

Kích hoạt Thành viên chọn chức năng

1 Hệ thống hiển thị form tìm kiếm

2 Thành viên nhập thông tin cần tìm kiếm

Người chịu trách nhiệm Thành viên

Tiền điều kiện Thành viên đã đăng nhập vào hệ thống

Kích hoạt Thành viên chọn chức năng thêm bình luận

1 Hệ thống hiển thị form thêm bình luận

2 Thành viên nhập thông tin

Ngoại lệ:

3a2 Thành viên nhập lại thông tin

Bảng 2-9: Biểu diễn kịch bản cho use case AddComments

Trang 23

1.2.3.10 Biểu diễn kịch bản cho use case EditComments

Kích hoạt Thành viên chọn chức năng sửa bình luận trong danh

sách bình luậnChuỗi sự kiện chính:

1 Hệ thống hiển thị form sửa bình luận

Ngoại lệ:

Bảng 2-10: Biểu diễn kịch bản cho use case EditGroupNews1.2.3.11 Biểu diễn kịch bản cho use case DeleteComments

Trang 24

Kích hoạt Thành viên chọn chức năng xóa

2 Thành viên xác nhận xóa

Ngoại lệ:

2a Thành viên xác nhận xóa

2a1 Thành viên không xác nhận

Bảng 2-11: Biểu diễn kịch bản cho use case DeleteComments1.2.3.12 Biểu diễn kịch bản cho use case Register

Người chịu trách nhiệm Khách

Tiền điều kiện

Kích hoạt Khách chọn chức năng đăng ký thành viên

1 Hệ thống hiển thị form đăng ký

2 Khách nhập thông tin

Ngoại lệ:

Trang 25

Bảng 2-12: Biểu diễn kịch bản cho use case Register1.2.3.13 Biểu diễn kịch bản cho use case EditUser

Kích hoạt Thành viên chọn chức năng sửa thông tin cá nhân

1 Hệ thống hiển thị form sửa

Ngoại lệ:

3a1 Hệ thống yêu cầu thành viên nhập lại thông tin

Bảng 2-13: Biểu diễn kịch bản cho use case EditUser1.2.3.14 Biểu diễn kịch bản cho use case ChangedPass

Định dạng
Số trang	51
Dung lượng	3,47 MB