Báo cáo thực tập môn học hệ thống thông tin quản lý Đ ti xây dựng module vẽ biểu Đồ

Dưới đây là một số tính năng nổi bật của sản phẩm:  Đa dạng về loại biểu đồ: " Module vẽ biểu đồ " hỗ trợ vẽ nhiều loại biểu đồ phổ biến như biểu đồ cột, biểu đồ đường, biểu đồ tròn, bi

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO THỰC TẬP MÔN HỌC

HỆ THỐNG THÔNG TIN QUẢN LÝ

Đ TI:

XÂY DỰNG MODULE VẼ BIỂU ĐỒ

Sinh viên thực hiện : ĐỖ THÁI KHOA

Giảng viên hướng dẫn : LÊ HON

Chuyên ngành : CÔNG NGHỆ PHẦN MM

Hà Nội, tháng 04 năm 2024

MỤC LỤC

LỜI CẢM ƠN 6

LỜI NÓI ĐẦU 7

CHƯƠNG 1: KHẢO SÁT V XÁC LẬP DỰ ÁN 8

1.1 Giới thiệu về đơn vị thực tập 8

1.2 Giải pháp, dịch vụ và sản phẩm: 10

1.3 Khảo sát hiện trạng 12

1.4 Xác định dự án và thiết lập khả thi 14

1.4.1 Mục tiêu của dự án: 14

1.4.2 Yêu cầu của dự án: 14

1.4.3 Các chức năng chính của dự án: 14

1.4.4 Tính ưu việt của dự án: 15

1.4.5 Triển khai và hỗ trợ : 15

CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG 16

2.1 Xác định các Actor và biểu đồ use case tổng quát của hệ thống 16

2.2 Phân rã usecase 17

2.2.1 Usecase draw chart 17

2.2.1.1 Biểu đồ hoạt động cho chức năng draw chart 18

2.2.1.2 Biểu đồ trình tự cho chức năng draw chart 18

2.2.2 Usecase edit data 19

3.2.2.1 Biểu đồ hoạt động chức năng edit data 20

3.2.2.2 Biểu đồ trình tự chức năng edit data 20

CHƯƠNG 3: CI ĐẶT V THỬ NGHIỆM 22

3.1 Giới thiệu ngôn ngữ cài đặt 22

3.1.1 Giới thiệu về C# 22

3.1.1.1 Giới Thiệu về Ngôn Ngữ Lập Trình C# 22

3.1.1.2 Hướng dẫn cài đặt C# 24

3.1.2 Giới thiệu về WPF 27

3.1.2.1 Giới thiệu về Windows Presentation Foundation (WPF) 27

3.1.2.2 Hướng Dẫn Cài Đặt và Sử Dụng WPF 28

3.1.3 Giới thiệu về Masterial Design 29

3.1.3.1 Giới Thiệu về Material Design 29

3.1.3.1 Hướng dẫn cài đặt Material Design 30

3.1.4 Giới thiệu về LiveCharts 32

3.1.4.1 Giới thiệu về LiveCharts 32

3.1.4.1 Hướng Dẫn Cài Đặt và Sử Dụng LiveCharts trong WPF 33

3.2 Thiết kế giao diện 35

3.2.1 Giao diện module 35

3.2.2 Giao diện biểu đồ cột 36

3.2.3 Giao diện biểu đồ miền 36

3.2.4 Giao diện biểu đồ đường 37

3.2.5 Giao diện biểu đồ tròn 37

3.2.6 Giao diện biểu đồ điểm 38

3.2.7 Giao diện biểu đồ hàng 38

3.2.8 Ảnh lưu biểu đồ 39

3.3 Kết quả thử nghiệm 39

DANH MỤC HÌNH ẢNH

Hình 2.1: Biểu đồ Use Case Tổng quát 17

Hình 2.2: Use case phân rã chức năng draw chart 17

Hình 2.3: Biểu đồ hoạt động chức năng drawchart 18

Hình 2.4: Biểu đồ trình tự cho chức năng đăng nhập 18

Hình 2.5: Usecase edit data 19

Hình 2.6: biểu đồ hoạt động edit data 20

Hình 2.7: biểu đồ trình tự quản lý folder 21

Hình 3.1 Giao diện module 36

Hình 3.2 Giao diện biểu đồ cột 36

Hình 3.3 Giao diện biểu đồ miền 37

Hình 3.4 Giao diện biểu đồ đường 37

Hình 3.5 Giao diện biểu đồ tròn 38

Hình 3.6 Giao diện biểu đồ điểm 38

Hình 3.7 Giao diện biểu đồ hàng 39

Hình 3.8 Ảnh lưu của biểu đồ 39

Trước hết, em xin chân thành cảm ơn Thầy Giáo: Lê Hoàn - Giảng viênKhoa Công Nghệ Thông Tin, Trường Đại học Điện Lực Hà Nội, người đãtrực tiếp hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực hiện báocáo chuyên đề này.

Xin chân thành cảm ơn đến các thầy cô trong Khoa Công Nghệ Thôngtin và các phòng ban nhà trường đã tạo điều kiện tốt nhất cho em và các bạnkhác trong suốt quá trình học tập và thực hiện báo cáo

Cuối cùng, em xin gửi lời cảm ơn đến gia đình, bạn bè, người thân đãgiúp đỡ em trong quá trình học tập và thực hiện báo cáo

Do thời gian thực hiện có hạn, kiến thức còn nhiều hạn chế nên báo cáochuyên đề thực hiện không tránh khỏi những sai sót nhất định Em rất mongnhận được ý kiến đóng góp của thầy cô giáo và các bạn sinh viên để nhóm em

có thêm kinh nghiệm và tiếp tục hoàn thiện báo cáo của mình

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

LỜI NÓI ĐẦU

Trong thời đại của cuộc cách mạng công nghệ thông tin, sự trực quanhóa dữ liệu đóng vai trò vô cùng quan trọng trong việc hiểu biết và ra quyếtđịnh Với sự gia tăng đáng kể của lượng dữ liệu được tạo ra hàng ngày, việcbiểu diễn dữ liệu một cách trực quan thông qua biểu đồ đã trở thành một công

cụ không thể thiếu trong nhiều lĩnh vực, từ kinh doanh và tài chính đến khoahọc và giáo dục

Trong bối cảnh này, dự án "Xây dựng module vẽ biểu đồ" được xem làmột bước tiến đáng kể trong việc đáp ứng nhu cầu ngày càng cao về các công

cụ hỗ trợ trực quan hóa dữ liệu Với mục tiêu tạo ra một ứng dụng phần mềmmạnh mẽ và linh hoạt, dự án đã được triển khai với sự cam kết cao từ cácthành viên đội ngũ và sự hỗ trợ chặt chẽ từ các chuyên gia trong lĩnh vực này.Trong quá trình nghiên cứu và phát triển, em đã đặt ra những tiêu chícao về hiệu suất, tính linh hoạt và tính tương tác của phần mềm Bằng cáchkết hợp các công nghệ tiên tiến và phương pháp phát triển hiện đại, em tự hàogiới thiệu " Xây dựng module vẽ biểu đồ " - một ứng dụng mạnh mẽ, dễ sửdụng và đa dạng

Trong báo cáo này, em sẽ trình bày chi tiết về quá trình phát triển, cũngnhư các tính năng và khả năng của " Xây dựng module vẽ biểu đồ " Bên cạnh

đó, em cũng sẽ trình bày về các thử nghiệm và đánh giá để đảm bảo chấtlượng và hiệu suất của sản phẩm

Hy vọng rằng " Xây dựng module vẽ biểu đồ " sẽ đem lại giá trị và tiệních cho người dùng, giúp họ khám phá và hiểu biết sâu hơn về dữ liệu củamình, từ đó tạo ra những quyết định thông minh và hiệu quả hơn trong côngviệc và cuộc sống hàng ngày

CHƯƠNG 1: KHẢO SÁT V XÁC LẬP DỰ ÁN1.1 Giới thiệu về đơn vị thực tập

 MobileCity có tên đầy đủ là Công ty cổ phần thương mại và dịch vụThành Phố Vàng

 Có trụ sở tại: số 46 Ngõ 117 Thái Hà, Trung Liệt, Đống Đa, Hà Nội

 SĐT liên hệ : 0912492222

 Mã số thuế : 0107730344

 Website: https://mobilecity.vn/

Giới thiệu MobileCity

Với bề dày kinh nghiệm và uy tín đã tạo được trong những năm vừa qua,chúng tôi cam kết không lừa đảo khách hàng, luôn đem lại cho khách hàng sựhài lòng và thỏa mãn với tất cả các sản phẩm của mình Bên cạnh đó là đội ngũ nhân viên nhiệt tình chu đáo và đầy kinh nghiệm của chúng tôi luôn đưa được ra cho khách hàng những thông tin có giá trị và giúp khách hàng lựa chọn được những sản phẩm phù hợp nhất

Để nâng cao thương hiệu của mình, mục tiêu của chúng tôi trong thời gian tới là cung cấp đến tận tay khách hàng những sản phẩm chính hãng với chất lượng đảm bảo và uy tín cũng như giá cả hợp lý nhất

Chúng tôi mong muốn sự đóng góp của khách hàng sẽ giúp chúng tôi ngày một phát triển để từ đó củng cố thêm lòng tin của khách hàng với chúng tôi Chúng tôi rất biết ơn sự tin tưởng của khách hàng trong suốt thời gian qua

và chúng tôi luôn tâm niệm rằng cần phải cố gắng hơn nữa để xứng đáng với phương châm đề ra

Đội ngũ nhân viên tại MobileCity luôn sẵn sàng hỗ trợ

Đội ngũ kỹ thuật của MobileCity luôn nỗ lực để khắc phục mọi sự cố cho khách hng

Chúng tôi xin chân thành cảm ơn tất cả các khách hàng đã, đang và sẽ ủng hộ chúng tôi Hơn ai hết chúng tôi hiểu khách hàng chính là người quyết định sự tồn vong của cửa hàng, doanh nghiệp, là những người đã làm trong lĩnh vực về công nghệ hơn 10 năm, trải qua rất nhiều khó khăn trong quá trìnhxây dựng thì chỉ những thương hiệu uy tín, không lừa đảo, bán hàng đúng chất lượng đi kèm với đó dịch vụ hậu tốt thì mới có thể thành công

Bởi lẽ đó MobileCity xây dựng tất cả quy trình từ việc nhận máy, bàn giao tới quy trình sửa chữa hết sức chuyên nghiệp, nhờ đó hạn chế nhất nhữngrủi ro có thể xảy ra trong quá trình cung cấp dịch vụ Chúng tôi cam kết với khách hàng

Chỉ bán hàng Chính Hãng có nguồn gốc rõ ràng

Không bán hàng dựng, không lừa đảo khách hàng

Chế độ bảo hành đầy đủ, rõ ràng

Chính sách về giá tốt nhất Hà Nội

Nếu trong quá trình sử dụng dịch vụ của MobileCity, bạn có bất kỳ vấn

đề hay thắc mắc không được giải quyết hợp lý, thái độ nhân viên với khách hàng không tốt hãy phản hồi cho quản lý của MobileCity theo số

máy 0969.120.120 Chúng tôi rất cảm ơn và trân trọng sự hợp tác của quý khách hàng

Hệ thống sửa chữa điện thoại di động MobileCity Care

Tại Hà Nội

CN 1: 120 Thái Hà, Q Đống Đa | Hotline: 037.437.9999

CN 2: 398 Cầu Giấy, Q Cầu Giấy | Hotline: 096.2222.398

CN 3: 42 Phố Vọng, Hai Bà Trưng | Hotline: 0338.424242

"Phần mềm Vẽ Biểu Đồ" là một ứng dụng phần mềm đa năng, được thiết

kế để hỗ trợ người dùng trong việc trực quan hóa dữ liệu và tạo ra các biểu đồhiệu quả Dưới đây là một số tính năng nổi bật của sản phẩm:

 Đa dạng về loại biểu đồ: " Module vẽ biểu đồ " hỗ trợ vẽ nhiều loại biểu

đồ phổ biến như biểu đồ cột, biểu đồ đường, biểu đồ tròn, biểu đồ miền, vànhiều loại khác, giúp người dùng linh hoạt trong việc biểu diễn dữ liệu

 Giao Diện Thân Thiện và Dễ Sử Dụng: Sản phẩm được thiết kế với giao

diện người dùng thân thiện và trực quan, giúp người dùng dễ dàng thao tác

và tạo ra các biểu đồ một cách nhanh chóng

 Tính Linh Hoạt và Tùy Chỉnh: " Module vẽ biểu đồ " cho phép người

dùng tùy chỉnh các thuộc tính của biểu đồ như màu sắc, kích thước, nhãn

và các phần khác, giúp họ tạo ra các biểu đồ theo ý muốn và phong cách cánhân

b) Dịch vụ: Hỗ trợ và cập nhật

 Hỗ trợ Người Dùng:

Cung cấp một dịch vụ hỗ trợ kỹ thuật chuyên nghiệp và hiệu quả cho người dùng của chúng tôi Người dùng có thể liên hệ hỗ trợ thông qua email, điện thoại hoặc các kênh hỗ trợ trực tuyến khác để được giúp đỡ trong việc giải quyết mọi vấn đề hoặc thắc mắc liên quan đến việc sử dụng sản phẩm.

 Cập Nhật Sản Phẩm:

Sản phẩm luôn được cập nhật thường xuyên để cải thiện hiệu suất và tính năng Đồng thời, các lỗi phát sinh sẽ được sửa chữa một cách nhanh chóng và chính xác Người dùng sẽ được thông báo về các bản cập nhật mới

và có thể dễ dàng cập nhật sản phẩm

c) Lợi ích cho người dùng

 Tiết kiệm thời gian và công sức: Với giao diện thân thiện và tính năng

dễ sử dụng, người dùng có thể tạo ra các biểu đồ một cách nhanh chóng

và dễ dàng, giúp họ tiết kiệm thời gian và công sức

 Trực quan hóa dữ liệu: Sản phẩm giúp người dùng trực quan hóa dữ liệu

một cách hiệu quả, giúp họ hiểu rõ hơn về các xu hướng và mối quan hệ trong dữ liệu của mình

 Tùy chỉnh và linh hoạt: Sản phẩm cho phép người dùng tùy chỉnh và

linh hoạt trong việc thiết kế và biểu diễn các biểu đồ theo nhu cầu và phong cách cá nhân của họ

Cuối cùng, em hy vọng rằng sản phẩm và dịch vụ sẽ đáp ứng được nhu cầu và mong đợi của người dùng, đồng thời mang lại giá trị và tiện ích trong công việc và cuộc sống hàng ngày

d) Tính liên kết với mục tiêu của dự án

Sản phẩm và dịch vụ được phát triển nhằm mục đích hỗ trợ người dùngtrong việc trực quan hóa và phân tích dữ liệu một cách hiệu quả Điều nàyliên kết chặt chẽ với mục tiêu ban đầu của dự án, đó là cung cấp một công cụmạnh mẽ và linh hoạt để giải quyết các thách thức liên quan đến việc làm rõ

dữ liệu và trình bày thông tin

e) Sự kết hợp giữa hiệu quả và thẩm mỹ

Sản phẩm của em không chỉ chú trọng vào tính hiệu quả mà còn đảm bảo

về mặt thẩm mỹ Em chú trọng vào việc thiết kế giao diện người dùng dễ sửdụng và trực quan, đồng thời tạo ra các biểu đồ và đồ thị có thẩm mỹ cao,giúp người dùng trình bày thông tin một cách mạch lạc và chuyên nghiệp

f) Cam kết với sự phát triển và cải tiến liên tục

Em cam kết không ngừng phát triển và cải tiến sản phẩm và dịch vụ củamình để đáp ứng được sự phát triển của công nghệ và nhu cầu của ngườidùng Em sẽ tiếp tục lắng nghe phản hồi từ người dùng và áp dụng các cảitiến và nâng cấp để đảm bảo rằng sản phẩm của em luôn đáp ứng được yêucầu và mong đợi

g) Kết luận và tầm nhìn tương lai

Trong tương lai, em hy vọng rằng sản phẩm và dịch vụ này sẽ tiếp tục mang lại giá trị và tiện ích cho người dùng, đồng thời đóng góp vào sự phát triển của cộng đồng trong lĩnh vực trực quan hóa dữ liệu và phân tích thông tin

1.3 Khảo sát hiện trạng

 Mô tả Vấn Đề và Nhu Cầu:

Phần mềm vẽ biểu đồ được thiết kế để giải quyết nhu cầu về việc tạo và

sử dụng các biểu đồ trong công việc hàng ngày của người dùng Vấn đề chính

là sự khó khăn trong việc tạo ra biểu đồ chất lượng và sử dụng các công cụ vẽbiểu đồ hiện tại không đáp ứng đầy đủ nhu cầu của người dùng

 Phân Tích Yêu Cầu:

Yêu cầu cơ bản của phần mềm vẽ biểu đồ bao gồm: khả năng vẽ biểu đồ

đa dạng, dễ sử dụng, linh hoạt, tích hợp các tính năng chỉnh sửa và tùy chỉnh biểu đồ, và khả năng chia sẻ biểu đồ một cách thuận tiện

 Khảo Sát Công Cụ và Phần Mềm Tương Tự:

Sau khi thực hiện khảo sát, em đã phát hiện ra một số công cụ vẽ biểu đồphổ biến như Microsoft Visio, Lucidchart, và Draw.io Mỗi công cụ có các ưuđiểm và nhược điểm riêng, ví dụ như sự đa dạng của các mẫu biểu đồ trong Visio và tính dễ sử dụng của Lucidchart.

 Phân Tích Mức Độ Sử Dụng và Mức Độ Hài Lòng của Người Dùng Hiện Tại:

Em đã tiến hành cuộc khảo sát trực tuyến với một mẫu ngẫu nhiên của người dùng hiện tại Kết quả cho thấy rằng hầu hết người dùng đều gặp khó khăn trong việc sử dụng các công cụ vẽ biểu đồ hiện tại và họ muốn có một giải pháp đơn giản và linh hoạt hơn

 Tóm Tắt Kết Quả Khảo Sát:

Dựa trên kết quả của khảo sát, em nhận thấy nhu cầu rõ ràng cho một phần mềm vẽ biểu đồ đơn giản, dễ sử dụng và mạnh mẽ hơn Người dùng mong đợi một công cụ có thể đáp ứng nhu cầu về việc tạo và tùy chỉnh các loại biểu đồ khác nhau một cách nhanh chóng và linh hoạt

 Đề Xuất Giải Pháp:

Dựa trên những phát hiện từ phần khảo sát, em xây dựng một phần mềm

vẽ biểu đồ đa năng, dễ sử dụng và có tính linh hoạt cao Phần mềm sẽ tập trung vào việc cung cấp một giao diện thân thiện, các tính năng chỉnh sửa biểu đồ tiện ích và khả năng chia sẻ biểu đồ một cách dễ dàng

 Kết Luận và Hướng Phát Triển Tiếp Theo:

Tóm lại, phần khảo sát hiện trạng đã cung cấp cái nhìn tổng quan về nhu cầu và mong đợi của người dùng đối với phần mềm vẽ biểu đồ Bằng cách lắng nghe người dùng và hiểu rõ nhu cầu của họ, chúng tôi sẽ phát triển một

phần mềm với các tính năng và tính năng thú vị nhằm đáp ứng và vượt qua mong đợi của họ.

1.4.2 Yêu cầu của dự án:

 Phần mềm phải hoạt động trên các nền tảng phổ biến như Windows,macOS và Linux

 Giao diện người dùng phải đơn giản và dễ sử dụng, kể cả đối với ngườidùng không có kinh nghiệm với việc vẽ biểu đồ

 Phần mềm phải hỗ trợ các loại biểu đồ phổ biến như biểu đồ cột, biểu đồtròn, biểu đồ đường, và biểu đồ tổ chức

 Tính năng tạo và chỉnh sửa biểu đồ phải linh hoạt và đa dạng, cho phépngười dùng tùy chỉnh màu sắc, kích thước và phong cách của biểu đồ

 Phần mềm cần hỗ trợ chia sẻ biểu đồ thông qua các định dạng file phổ biến

và tích hợp các công cụ chia sẻ trực tuyến

1.4.3 Các chức năng chính của dự án:

- Tạo và chỉnh sửa các loại biểu đồ phổ biến

- Hỗ trợ nhập dữ liệu từ file excel và xuất dữ liệu ra file excel

- Tích hợp thư viện các mẫu biểu đồ để giúp người dùng tạo ra biểu đồ nhanh chóng.

- Cho phép tùy chỉnh màu sắc, kích thước và phong cách của biểu đồ

- Hỗ trợ mở biểu đồ có sẵn và lưu biểu đồ dưới dạng file xml

1.4.4 Tính ưu việt của dự án:

- Giao diện người dùng thân thiện và dễ sử dụng

- Tính linh hoạt và đa dạng trong việc tạo và chỉnh sửa biểu đồ

- Hỗ trợ chia sẻ biểu đồ một cách thuận tiện và linh hoạt

- Tương thích trên nhiều nền tảng và có khả năng tích hợp với các công

cụ và dịch vụ khác

1.4.5 Triển khai và hỗ trợ :

- Triển khai phần mềm cho người dùng cuối theo kế hoạch đã lên trước

đó và cung cấp hỗ trợ kỹ thuật sau bán hàng để giúp người dùng giảiquyết các vấn đề phát sinh

- Thu thập phản hồi từ người dùng và thực hiện các cập nhật và cải tiếncho phần mềm theo yêu cầu của họ

CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG2.1 Xác định các Actor và biểu đồ use case tổng quát của hệ thống Xác định Actor và Use Case tổng quát hệ thống

Hình 2.1: Biểu đồ Use Case Tổng quát

2.2 Phân rã usecase

2.2.1 Usecase draw chart

Hình 2.2: Use case phân rã chức năng draw chart

Đặc tả usecase draw chart:

Use case Đăng nhập:

- Người dùng nhấp vào nút vẽ biểu đồ, hệ thông thu thập thông tin sau

đó vẽ biểu đồ và hiện biểu đồ trên màn hình

- Lưu: Người dùng có thể lưu biểu đồ vào máy tính của họ dưới các

định dạng khác nhau như Img hay xml

2.2.1.1 Biểu đồ hoạt động cho chức năng draw chart

Hình 2.3: Biểu đồ hoạt động chức năng drawchart 2.2.1.2 Biểu đồ trình tự cho chức năng draw chart

Hình 2.4: Biểu đồ trình tự cho chức năng đăng nhập

2.2.2 Usecase edit data

Hình 2.5: Usecase edit data

-Đặc tả Usecase edit data:

 Actor: User

 Mục tiêu: sửa được dữ liệu của biểu đồ

 Người dùng import dữ liệu từ bên ngoài vào( định dạng : excel) hoặc

có thế nhập bằng tay

 Người dùng có thể chỉnh sửa được tiêu đề của biểu đồ, chỉnh sửa chú thích của biểu đồ

3.2.2.1 Biểu đồ hoạt động chức năng edit data

Hình 2.6: biểu đồ hoạt động edit data 3.2.2.2 Biểu đồ trình tự chức năng edit data