Đồ án cơ sở 3 tên dự án xây dựng ứng dụng bản Đồ khám phá sinh vật việt nam

Nhận thấy tiềm năng phát triển của Internet, chúng em đã quyết định thực hiện đồ án cơ sở 3 với mục tiêu tạo ra một ứng dụng về các sinh vật của Việt Nam, cung cấpnhững hình ảnh và đặc đ

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN

KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 3

TÊN DỰ ÁN: XÂY DỰNG ỨNG DỤNG BẢN ĐỒ KHÁM PHÁ

SINH VẬT VIỆT NAM

Sinh viên thực hiện : TRẦN NGUYỄN NGỌC BẢO – 22IT020

PHAN THÀNH LỘC – 22IT161 Giảng viên hướng dẫn : TS HỒ VĂN PHI

Đà nẵng, tháng 12 năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀNKHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 3

TÊN DỰ ÁN: XÂY DỰNG ỨNG DỤNG BẢN ĐỒ KHÁM PHÁ

SINH VẬT VIỆT NAM

Sinh viên thực hiện : TRẦN NGUYỄN NGỌC BẢO – 22IT020

PHAN THÀNH LỘC – 22IT161 Giảng viên hướng dẫn : TS HỒ VĂN PHI

Đà Nẵng, tháng 12 năm 2023

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

LỜI CẢM ƠN

Lời đầu tiên nhất cho chúng em xin chân thành cảm ơn sự hướng dẫn tận tâm vànhiệt tình của thầy Hồ Văn Phi đã hướng dẫn và giúp đỡ chúng em trong việc thực hiện đềtài này trong suốt thời gian qua

Chúng em cũng xin chân thành cảm ơn các thầy cô giáo trong khoa CNTT trường Đại họcCNTT & Truyền thông Việt Hàn đã hết lòng dạy bảo, giúp đỡ chúng em trong những nămhọc đại học, giúp em có những kiến thức và kinh nghiệm quý giá trong chuyên môn vàcuộc sống Những hành trang đó là một tài sản vô giá nâng bước cho em tới được vớinhững thành công trong tương lai

Trong quá trình nghiên cứu đề tài, chúng em vẫn còn nhiều điều hạn chế trong khâu tìmhiểu, đánh giá và trình bày cũng như là kiến thức về chuyên ngành vẫn còn nhiều điềuthiếu sót Rất mong nhận được sự quan tâm và góp ý từ các thầy/cô giảng viên bộ môn để

đề tài của chúng em được đầy đủ và hoàn chỉnh hơn

Một lần nữa chúng em xin chân thành cảm ơn!

2.2.2 Mối quan hệ giữa CSS và HTML 10

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 14

DANH MỤC HÌNH ẢNH

Hình 1 Biểu đồ ca sử dụng 16

Hình 2 Biểu đồ lớp 17

Hình 3 Biểu đồ hoạt động gửi biểu mẫu 18

Hình 4 Biểu đồ hoạt động đổi mật khẩu 19

Hình 5 Biểu đồ hoạt động quản trị 20

Hình 6 Biểu đồ trạng thái của biểu mẫu 21

Hình 7 Bảng người dùng 21

Hình 8 Bảng biểu mẫu 22

Hình 9 Bảng vùng miền 22

Hình 10 Bảng tỉnh thành 22

Hình 11 Bảng động vật 23

Hình 12 Bảng thực vật 23

Hình 13 Bảng quan hệ 2 24

Hình 14.Bảng quan hệ 1 24

Hình 15 Giao diện đăng nhập 25

Hình 16 Giao diện đăng ký 25

Hình 17 Giao diện quên mật khẩu 26

Hình 18 Giao diện quên mật khẩu 26

Hình 19 Giao diện quên mật khẩu 26

Hình 20 Giao diện trang chủ 27

Hình 21 Giao diện trang chủ 27

Hình 22 Giao diện trang chủ 28

Hình 23 Giao diện trang chủ 28

Hình 24 Giao diện bản đồ tương tác 29

Hình 25 Giao diện bản đồ tương tác 29

Hình 26 Giao diện bản đồ tương tác 30

Hình 27 Giao diện bản đồ tương tác 30

Hình 28 Giao diện biểu mẫu đóng góp 31

Hình 29 Giao diện người dùng 31

Hình 30 Giao diện người dùng 32

Hình 31 Giao diện người dùng 32

Hình 32 Giao diện quản trị viên 33

Hình 33 Giao diện quản trị viên 33

Hình 34 Giao diện quản trị viên 33

Hình 35 Giao diện quản trị viên 34

Hình 36 Giao diện quản trị viên 34

MỞ ĐẦU

Với mong muốn được mang đến cho mọi người một cái nhìn trực quan nhất vềnguồn tài nguyên thiên nhiên ở Việt Nam, đồng thời mang đến cho mọi người những trảinghiệm tốt nhất để tìm hiểu về các loài động vật, thực vật một cách dễ dàng và nhanhchóng Nhận thấy tiềm năng phát triển của Internet, chúng em đã quyết định thực hiện đồ

án cơ sở 3 với mục tiêu tạo ra một ứng dụng về các sinh vật của Việt Nam, cung cấpnhững hình ảnh và đặc điểm của các loài sinh vật để giúp người dùng trong việc tìm hiểucác sinh vật nhanh chóng và hiệu quả hơn Đồ án này là thành quả của nhóm chúng em,gồm các thành viên Trần Nguyễn Ngọc Bảo và Phan Thành Lộc, dưới sự hướng dẫn củagiảng viên TS Hồ Văn Phi

Ứng dụng mà chúng em thiết kế nhằm cung cấp cho người dùng một công cụ đểngười dùng có thể tìm hiểu các thông tin về sinh vật một cách dễ dàng và thuận tiện.Chúng em nhận thấy rằng việc tìm kiếm thông tin về các loài sinh vật qua các phương tiệninternet hiện nay còn khá hạn chế hoặc thông tin đã cũ Ứng dụng mà chúng em tạo ra sẽgiải quyết những vấn đề này, mang đến một ứng dụng trực tuyến giúp mọi người tìm hiểumột cách thuận tiện và nhanh chóng

Trong quá trình triển khai đồ án, chúng em sử dụng các công nghệ và ngôn ngữ lậptrình như React native, TypeScript, CSS, Firebase, để xây dựng giao diện ứng dụng mộtcách thân thiện với người dùng Chúng em cũng áp dụng các phương pháp phát triển phầnmềm như phân tích yêu cầu, thiết kế hệ thống, triển khai và kiểm thử để đảm bảo chấtlượng và tính ổn định của ứng dụng

Chúng em hy vọng rằng đồ án này sẽ mang lại giá trị cho người sử dụng Chúng em

sẽ cố gắng hết sức để hoàn thành đồ án và mang đến một ứng dụng chất lượng cao, gópphần nâng cao trải nghiệm của mọi người

CHƯƠNG 1: TỔNG QUAN VỀ WEBSITE

1.1 Tổng quan

1.1.1 Bối cảnh thực hiện đề tài

- Thiên nhiên Việt Nam là một nguồn tài nguyên rộng lớn và phong phú Với mongmuốn lan truyền vẻ đẹp tiềm tàng của thiên nhiên Việt Nam, chúng em đã đi đếnviệc xây dựng một website bản đồ có thể tương tác để tra cứu, tìm kiếm các thôngtin về sinh vật sống có tại Việt Nam để phục vụ những người có nhu cầu tìm hiểu vềnét đẹp của thiên nhiên Việt Nam

- Vấn đề chính mà chúng em muốn giải quyết là cung cấp cho người dùng một nềntảng trực tuyến thuận tiện và nhanh chóng để tìm kiếm những sinh vật ở các tỉnhthành tại Việt Nam Bên cạnh đó, chúng em nhận thấy rằng việc tìm kiếm thông tin

là một quá trình mất thời gian và phức tạp Do đó, chúng em muốn tạo ra một trangweb đơn giản và dễ sử dụng, giúp người dùng tiết kiệm thời gian và cung cấp mộttrải nghiệm tuyệt vời trong lúc khám phá về nét đẹp của đất nước, quê hương ViệtNam

Để giải quyết vấn đề nêu trên, chúng em đề xuất xây dựng một trang web với các chứcnăng chính sau:

 Cung cấp thông tin chi tiết về các sinh vật ở Việt Nam

 Cho phép người dùng tìm kiếm và lựa chọn để xem các sinh vật có tại các tỉnhthành trên đất nước Việt Nam

 Tạo ra giao diện đơn giản, thân thiện với người dùng và tương thích trên nhiều thiếtbị

 Chúng em tin rằng việc thực hiện đề xuất nội dung trên sẽ giúp nâng cao trảinghiệm của người dùng trong việc tìm hiểu, khám phá về đất nước ta

1.1.2 Mục tiêu

 Tạo ra một giao diện đơn giản và thân thiện với người dùng: Chúng em xây dựngmột trang web dễ sử dụng và trực quan, giúp người dùng dễ dàng tìm kiếm các sinhvật, cũng như mang lại hứng thú cho người dùng trong lúc trải nghiệm

 Cung cấp thông tin chi tiết và đáng tin cậy: Trang web sẽ tập trung vào việc cungcấp thông tin chi tiết và hình ảnh, tập tính, phân bố của các loài vật Người dùng cóthể tham gia để đóng góp những thông tin về sinh vật mà mình biết, giúp cho trangweb nhanh chóng cập nhật, tiếp cận được những thông tin mới và chính xác nhấtcủa các loài sinh vật

 Tối ưu hóa trải nghiệm người dùng: Website sẽ tạo ra một quy trình tìm kiếm mượt

mà và nhanh chóng, giảm thiểu số lượng bước cần thiết và yêu cầu tối đa từ ngườidùng Đồng thời sẽ cung cấp các tính năng tiện ích như lưu trữ thông tin cá nhân,đóng góp thông tin chung…

 Đảm bảo tính bảo mật và an toàn: Chúng tôi sẽ đặt mức cao về tính bảo mật và antoàn thông tin khách hàng Quá trình thanh toán sẽ được mã hóa và chúng tôi sẽ ápdụng các biện pháp bảo vệ dữ liệu để đảm bảo rằng thông tin cá nhân của ngườidùng được bảo mật

1.2 Phương pháp, kết quả.

1.2.1 Phương pháp

 Xác định yêu cầu và phân tích: Tiến hành phân tích yêu cầu của người dùng và xácđịnh các chức năng và tính năng cần có trên trang web Từ đó, xây dựng bản thiết

kế ban đầu cho giao diện và cơ sở dữ liệu

 Thiết kế và phát triển: Dựa trên bản thiết kế ban đầu, xây dựng giao diện ngườidùng hấp dẫn, thân thiện và tương thích trên nhiều thiết bị khác nhau Đồng thời,triển khai hệ thống cơ sở dữ liệu để lưu trữ thông tin về các sinh vật, người dùngcũng như thông tin của các tỉnh thành

 Xây dựng chức năng tìm kiếm và tương tác với bản đồ: Xây dựng hệ thống tìmkiếm cho phép người dùng tìm kiếm các sinh vật theo từ khoá Đồng thời, triển khaichức năng bản đồ tương tác nhanh giúp người dùng tìm kiếm dễ dàng

1.2.2 Kết quả đạt được

 Trang web đã được triển khai thành công với giao diện hấp dẫn và dễ sử dụng

 Người dùng có thể tìm kiếm một cách thuận tiện và nhanh chóng

 Các chức năng như tìm kiếm, đóng góp, đặc biệt là bản đồ tương tác nhanh đã đượctriển khai và hoạt động tốt

 Trang web hoạt động mượt mà, tải trang nhanh chóng và tương thích trên các trìnhduyệt và thiết bị khác nhau

 Đảm bảo tính bảo mật thông tin cá nhân và quyền riêng tư của người dùng

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1 Tìm hiểu về HTML

2.1.1 HTML là gì?

 HTML có tên đầy đủ là Hypertext Markup Language nghĩa là ngôn ngữ đánh dấusiêu văn bản HTML thường được sử dụng để tạo và cấu trúc các phần trong trangweb và ứng dụng, phân chia các đoạn văn, heading, link, blockquotes,…

 HTML không phải là một ngôn ngữ lập trình mà chỉ là một ngôn ngữ đánh dấu.Điều này đồng nghĩa với việc HTML không thể thực hiện các chức năng “động”.Nói cách khác, HTML tương tự như phần mềm Microsoft Word, chỉ có tác dụngđịnh dạng các thành phần có trong website

2.1.2 Ưu nhược điểm của HTML

HTML là một công cụ hữu hiệu giúp người dùng thiết kế và tạo nội dung nhanh chóngcho trang web Nguyên nhân là bởi HTML sở hữu nhiều ưu điểm nổi bật như sau:

 Kho tài nguyên khổng lồ với cộng đồng người dùng rộng lớn

 Sử dụng mã nguồn mở nên người dùng có thể sử dụng miễn phí

 Hoạt động mượt mà trên hầu hết các trình duyệt

 Cách thức hoạt động đơn giản nên người học có thể dễ dàng nắm bắt được kiếnthức để triển khai cho website của mình

 Có thể tích hợp với nhiều ngôn ngữ khác nhau như PHP, Java, NodeJs, Ruby,…giúp người dùng xây dựng được một trang web với nhiều tính năng hấp dẫn

 Việc kiểm soát cách đọc và hiển thị file HTML của trình duyệt khó thực hiện

 Chỉ áp dụng với cấu trúc nhất định, không có khả năng sáng tạo

2.2 Tìm hiểu về CSS:

2.2.1 CSS là gì?

 CSS là viết tắt của Cascading Style Sheets, là một ngôn ngữ thiết kế được sử dụngnhằm mục đích đơn giản hóa quá trình tạo nên một website CSS được ra mắt vàonăm 1996 bởi World Wide Web Consortium (W3C)

 CSS xử lý một phần giao diện của trang web Sử dụng CSS, bạn có thể kiểm soátmàu sắc của văn bản, kiểu phông chữ, khoảng cách giữa các đoạn văn, cách các cộtđược đặt kích thước và bố cục, hình ảnh hoặc màu nền nào được sử dụng, thiết kế

bố cục, các biến thể hiển thị cho các thiết bị và kích thước màn hình khác nhau cũngnhư hàng loạt các hiệu ứng khác.

 Cách CSS hoạt động đó chính là tìm kiếm dựa trên vùng chọn chẳng hạn như thẻHTML, ID, class, v.v Sau đó, nó sẽ áp dụng những thuộc tính buộc phải thay đổilên các vùng đã chọn

 CSS rất dễ học và dễ hiểu nhưng nó cung cấp khả năng kiểm soát mạnh mẽ việctrình bày tài liệu HTML Thông thường nhất, CSS được kết hợp với các ngôn ngữđánh dấu HTML hoặc XHTML

 HTML và CSS có mối quan hệ gắn bó mật thiết với nhau Nếu HTML là nền tảngcủa một trang web thì CSS là tất cả tính thẩm mỹ của toàn bộ trang web đó

2.2.2 Mối quan hệ giữa CSS và HTML

Như đã đề cập, CSS và HTML có mối quan hệ mật thiết trong việc xây dựng mộtwebsite Nếu HTML là các thành phần động cơ của một chiếc xe hơi thì CSS sẽ là kiểudáng và màu sắc của chiếc xe

Một trang web có thể chạy mà không cần CSS, nhưng nó chắc chắn sẽ không cótình thẩm mỹ CSS làm cho giao diện người dùng của một trang web tỏa sáng và mang đếntrải nghiệm người dùng tuyệt vời Nếu không có CSS, các trang web sẽ kém bắt mắt hơn

và có thể khó điều hướng hơn nhiều Ngoài bố cục và định dạng, CSS chịu trách nhiệm vềmàu chữ, kích thước hình ảnh, khoảng cách giữa các đoạn và hơn thế nữa

2.2.3 Ưu nhược điểm của CSS

Ưu điểm:

 Tách biệt cấu trúc và kiểu dáng: CSS cho phép tách riêng phần cấu trúc (HTML) vàphần kiểu dáng (CSS), giúp tạo ra mã nguồn dễ đọc, bảo trì và tái sử dụng Việc nàygiúp cải thiện khả năng bảo trì và quản lý dự án web

 Kiểm soát kiểu dáng linh hoạt: CSS cung cấp nhiều thuộc tính và khả năng điềuchỉnh để kiểm soát giao diện và kiểu dáng của trang web Nó cho phép tùy chỉnhmàu sắc, kích thước, phông chữ, khoảng cách và nhiều yếu tố khác một cách linhhoạt và dễ dàng

 Tính nhất quán và tái sử dụng: CSS cho phép định nghĩa kiểu dáng một lần và ápdụng cho nhiều phần tử trên trang web Điều này giúp đảm bảo tính nhất quán tronggiao diện và tiết kiệm thời gian viết mã bằng cách tái sử dụng các quy tắc CSS đãđịnh nghĩa trước đó

 Hiệu suất tải trang nhanh: CSS cho phép tách biệt phần kiểu dáng ra khỏi mãHTML, giúp giảm dung lượng tập tin HTML và tăng tốc độ tải trang Bằng cách tối

ưu hóa và nén tập tin CSS, bạn có thể giảm thời gian tải trang và cải thiện trảinghiệm người dùng

 Độ linh hoạt và mở rộng: CSS hỗ trợ các phương thức kết hợp và kế thừa, cho phépbạn áp dụng kiểu dáng cho các phần tử cụ thể hoặc toàn bộ trang web Nó cũng chophép kết hợp với các ngôn ngữ và công nghệ khác như JavaScript để tạo ra các hiệuứng động và tương tác phong phú

Cùng với một số ưu điểm bên trên thì CSS vẫn còn tồn tại nhiều hạn chế nhất định.Trước khi ứng dụng này đòi hỏi người dùng phải tìm hiểu một cách chi tiết và đầy đủ nhất

có thể, CSS vẫn tồn tại các hạn chế như:

 Sự khó khăn trong việc hỗ trợ trình duyệt: CSS có thể không được hỗ trợ một cáchđồng nhất trên tất cả các trình duyệt, đặc biệt là các thuộc tính và tính năng mới

nhất Điều này có thể dẫn đến việc hiển thị không chính xác hoặc không như mongđợi trên một số trình duyệt cũ.

 Phức tạp trong việc quản lý mã: Khi dự án web phát triển lớn và phức tạp, quản lý

mã CSS có thể trở nên khó khăn Việc duy trì và tái sử dụng các quy tắc CSS có thểtrở nên phức tạp và dễ dẫn đến xung đột hoặc trùng lặp

 Khả năng chồng chéo và ưu tiên: CSS có quy tắc ưu tiên và khả năng chồng chéo,điều này có thể gây ra sự phức tạp trong việc xác định và kiểm soát kiểu dáng củacác phần tử Quy tắc ưu tiên có thể làm cho việc sửa đổi kiểu dáng trở nên khó khăn

2.3 Tìm hiểu về Javascript:

2.3.1 Javascript là gì?

 Javascript là một ngôn ngữ lập trình website, được tích hợp và nhúng trong HTML

và giúp cho website trở nên sống động hơn Đây là dạng ngôn ngữ theo kịch bản,được hình thành dựa trên chính đối tượng phát triển có sẵn hoặc đơn giản là tự địnhnghĩa ra Javascript cho phép bạn kiểm soát các hành vi của trang web tốt hơn sovới việc chỉ sử dụng mỗi HTML Có thể kể đến một vài ứng dụng thực tiễn cực kỳquen thuộc của Javascript như slideshow, pop-up quảng cáo hay tính năngautocomplete của Google,… chúng đều được viết bằng ngôn ngữ Javascript

2.3.2 Ưu nhược điểm của Javascript

Ưu điểm:

 Đa năng: JavaScript có thể được sử dụng để phát triển các ứng dụng web, ứng dụng

di động, phần mềm máy chủ và nhiều loại ứng dụng khác Nó là một ngôn ngữ linhhoạt và có khả năng thích ứng với nhiều môi trường và nền tảng khác nhau

 Tương tác trực tiếp với người dùng: JavaScript cho phép tạo ra các hiệu ứng động,tương tác người dùng và cập nhật nội dung trực tiếp trên trang web mà không cầntải lại trang Điều này cải thiện trải nghiệm người dùng và tạo ra các ứng dụng webphong phú và tương tác

 Hỗ trợ rộng rãi: JavaScript được hỗ trợ trên hầu hết các trình duyệt web hiện đại,bao gồm Chrome, Firefox, Safari và Edge Điều này cho phép phát triển ứng dụngweb đa nền tảng một cách dễ dàng

 Cộng đồng phát triển mạnh mẽ: JavaScript có một cộng đồng phát triển rất lớn vàsôi động Có rất nhiều tài liệu, thư viện và framework được phát triển và chia sẻ bởicộng đồng, giúp người lập trình JavaScript tiếp cận và sử dụng các công cụ mạnh

mẽ và tối ưu

 Kết hợp tốt với HTML và CSS: JavaScript có khả năng tương tác mạnh mẽ vớiHTML và CSS, cho phép thay đổi, thêm bớt và điều khiển các phần tử trên trangweb một cách linh hoạt và đa dạng.

Nhược điểm:

 Bảo mật: Vì JavaScript chạy phía client, nó có thể gây ra các vấn đề bảo mật nếukhông được kiểm soát cẩn thận Mã JavaScript có thể bị lợi dụng để thực hiện cáccuộc tấn công như XSS (Cross-Site Scripting) nếu không được xử lý đúng cách

 Hiệu năng: JavaScript có thể chậm hơn các ngôn ngữ lập trình phía server trongviệc xử lý các tác vụ phức tạp Tuy nhiên, với sự phát triển của trình duyệt và cáccông nghệ mới, hiệu năng của JavaScript đã được cải thiện đáng kể

 Tương thích trình duyệt: Một số tính năng JavaScript mới không được hỗ trợ trêncác phiên bản trình duyệt cũ Điều này đòi hỏi lập trình viên phải xử lý và kiểm tra

sự tương thích của mã JavaScript với các phiên bản trình duyệt khác nhau

 Quản lý mã phức tạp: Với các ứng dụng JavaScript lớn và phức tạp, quản lý mã cóthể trở nên khó khăn Việc sử dụng các kỹ thuật như modularization và framework

có thể giúp giảm thiểu vấn đề này

 Hạn chế đối với SEO: Một số công cụ tìm kiếm có thể gặp khó khăn trong việc đọc

và hiểu mã JavaScript phức tạp, có thể ảnh hưởng đến việc xếp hạng và tìm thấycác trang web trong kết quả tìm kiếm Tuy nhiên, có các kỹ thuật và phương pháptối ưu hóa để giải quyết vấn đề này

2.4 Tìm hiểu về PHP:

2.4.1 PHP là gì?

 Ngôn ngữ lập trình PHP là viết tắt của “PHP: Hypertext Preprocessor”, một ngônngữ lập trình phía máy chủ (server-side) được phát triển để xây dựng các trang webđộng

2.4.2 Ưu nhược điểm của PHP

Ưu điểm:

 Đơn giản, dễ sử dụng: PHP có cú pháp dễ hiểu và gần gũi với ngôn ngữ tự nhiên,điều này làm cho việc học và sử dụng PHP trở nên dễ dàng cho người mới bắt đầutrong lĩnh vực lập trình

 Thích hợp để xây dựng trang web: Được thiết kế đặc biệt cho việc phát triển web,PHP có nhiều thư viện và framework mạnh mẽ như Laravel, Symfony vàWordPress Nhờ vào các công cụ này, việc xây dựng các trang web, web app và hệthống CMS trở nên dễ dàng và nhanh chóng

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

3.1 Phân tích hệ thống

3.1.1 Yêu cầu chức năng

Phía người dùng:

 Người dùng có thể tương tác với bản đồ

 Người dùng có thể tra cứu, xem thông tin sinh vật

 Người dùng có thể đăng ký tài khoản và đăng nhập

 Người dùng có thể gửi đóng góp về các sinh vật

Phía quản trị viên:

 Quản trị viên có thể thay đổi các thông tin của sinh vật

 Quản trị viên có thể quản lý các biểu mẫu được đóng góp

3.1.2 Yêu cầu phi chức năng

 Giao diện: giao diện hệ thống phải dễ sử dụng với người dùng

 Hiệu suất: hệ thống phải xử lý nhanh chóng và chính xác

 Bảo mật: tính bảo mật và độ an toàn cao

 Tương thích: phù hợp với đa phần các thiết bị

3.2 Biểu đồ ca sử dụng

3.2.1 Phân tích các tác nhân của hệ thống

 Tác nhân người dùng: Có thể thực hiện các chức năng như đăng ký tài khoản, đăngnhập Tìm kiếm, tra cứu, xem thông tin của động thực vật thông qua tương tác vớibản đồ Gửi ý kiến đóng góp của bản thân về các sinh vật

 Tác nhân quản trị: Kế thừa từ tác nhân người dùng Ngoài ra, thực hiện các chứcnăng quản trị hệ thống, cơ sở dữ liệu sinh vật hay quản lý các biểu mẫu do ngườidùng gửi

3.2.2 Biểu đồ

Hình 1 Biểu đồ ca sử dụng

3.3 Biểu đồ lớp

Hình 2 Bi u đ l p ể ồ ớ