Báo cáo Đề tài Thiết kế website và cơ sở dữ liệu cho hệ thống giám sát và cảnh báo chất lượng nước nuôi trồng thủy sản trên sông Chà Và, tỉnh Bà Rịa - Vũng Tàu
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC BÀ RỊA-VŨNG TÀU
--------
ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CẤP TRƯỜNG
Co-operative research project between BVU and UBO
TÊN ĐỀ TÀI: THIẾT KẾ WEBSITE Vꢀ CƠ Sꢁ Dꢂ LIꢃU CHO
Hꢃ THꢄNG GIꢅM SꢅT Vꢀ CꢆNH BꢅO CHꢇT LƯꢈNG NƯꢉC
NUÔI TRꢊNG THꢋY SꢆN TRÊN SÔNG CHꢀ Vꢀ -BRVT
Trình độ đào tạo: Chương trình trao đổi sinh viên với trường
UBO -Université de Bretagne Occidentale (Pháp)
Ngành đào tạo : Cơ khí
Chuyên ngành : Cơ điện tử
Giảng viên hướng dẫn: Ts. LÊ NGỌC TRÂN
Sinh viên thực hiện : Trương Quang Dũng
Lớp
Niên khóa
: Digital System
: 2016-2018
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Bà Rịa-Vũng Tàu, năm 2018
LỜI CAM ĐOAN
Trong quá trình thực hiện đề tài khoa học của mình, tôi xin cam đoan
những số liệu thu được từ quá trình thực nghiệm là hoàn toàn chính xác và
không sao chép bất cứ đề tài, công trình nghiên cứu khoa học nào. Các phần
trích dẫn nội dung từ các tài liệu tham khảo đã được ghi rõ trong phần Tài liệu
tham khảo cuối của đề tài.
Tôi xin cam đoan những điều trên là sự thật và chịu hoàn toàn trách
nhiệm về lời cam đoan này.
ASSURANCE
During the implementation of my research project, I pledge that the data
obtained from the experimental process is completely accurate and does not
copy any scientific subject or research. Excerpts from the references are listed
in the final reference section of the subject.
I declare that the above is true and take full responsibility for this assurance.
Baria-Vung tau, July 22th 2018
STUDENT
TRƯƠNG QUANG DŨNG
Truong Quang Dung
1
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
THANKS
Before beginning this work, I would first like to express my gratitude to the
teaching and administrative staff of the UBO School for their
training, the quality of their teaching and to have allowed me to do this
internship abroad.
I would also like to express my sincere thanks to Mr. Le Ngoc Tran
(Professor at Bà Ria Vung Tau University and my tutor during this internship)
for having accepted me as a trainee, and I thank Also the students who
worked with us throughout the duration of this internship and also welcomed
us to the university.
Finally, I would like to thank my family and my colleagues for all the
practical and theoretical lessons that have helped me to live this emotional
experience.
Vung Tau, July 20th 2018
Student
TRƯƠNG QUANG DŨNG
Truong Quang Dung
1
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Danh mục các từ viết tắt
HTML
FTP
Hyper Text Markup Language
File transfer protocol
PHP
Hypertext Preprocessor
Universal Resource Locator
URL
SQL
PC
Structured Query Language
Personal Computer
Databases
DB
UI
User Interfaces
Truong Quang Dung
1
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Chương 1
TỔNG QUAN VỀ DỰ ÁN “THIẾT KẾ WEBSITE VÀ CƠ SỞ DỮ LIỆU
CHO HỆ THỐNG QUAN TRẮC CHẤT LƯỢNG NƯỚC NUÔI
TRỒNG THỦY SẢN TRÊN SÔNG CHÀ VÀ”
1.1 Giới thiệu dự án
Một trong những nguồn thu nhập chính của tỉnh Bà Rịa trực thuộc miền
Nam Việt Nam đến từ ngành nuôi trồng thuỷ hải sản ven biển. Tuy nhiên, thời
gian gần đây, sản lượng nuôi trồng bị suy giảm nghiêm trọng và cá chết hàng
loꢌt diꢍn ra trong thời gian dài do ô nhiꢍm môi trường gây ra bởi các hoꢌt
động của con người và do thời tiết biến đꢎi. Để đo lường giám sát thông số
môi trường chất lượng nưꢏc phꢐc vꢐ nuôi trồng thủy sản trên sông Chà Và,
giꢑp bà con nông dân chủ động nuôi thủy sản, giảm thiệt hꢌi cho môi trường
gây ra và giꢑp Chi cꢐc Thủy sản tỉnh BRVT giám sát chất lượng môi trường
nưꢏc chủ động trong việc lập kế hoꢌch nuôi thủy sản tꢌi địa phương.
Vꢏi mꢐc tiêu đꢒ, dự án WAVE (tên do nhꢒm nghiên cứu đꢓt) được triển
khai để cꢒ thể kịp thời can thiệp tình hình cũng như tìm kiếm giải pháp bảo vệ
nguồn lợi thuỷ hải sản tꢌi tỉnh BRVT. Là kết quả của sự hợp tác giữa UBO,
khối trường học La Croix Rouge La Salle Brest (Pháp) và trường Đꢌi học Bà
Rịa - Vũng Tàu (Việt Nam), dự án tập trung chủ yếu vào việc phát triển một
hệ thống đo, giám sát các thông số môi trường nưꢏc nưꢏc biển không dây,
phꢐc vꢐ chính cho ngành nuôi trồng thuỷ sản ở Việt Nam. Cꢒ thể nꢒi rằng đây
là một dự án khoa học đa ngành, cꢒ sự kết hợp chꢓt chẽ giữa khoa học điện
tử, tin học, cơ khí, tự động hoá cũng như hꢒa sinh.
Page 2
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Hình 1: Lꢔp đꢓt hệ thống quan trꢔc trên bꢕ nuôi cá trên sông Chà Và tỉnh
BRVT
Hệ thống đo và giám sát chất lượng nưꢏc nuôi trồng thủy sản được giꢏi thiệu
trong hình 2.
5 sensors:
Tem, ph, oxyd, salinity, chlorine
Solar panel
Pump 3
Electronic
Box
1
Water tank to
Clean
sensors
be analyzed
Battery
Load battery
regulator
Clean
water tank
Hình 2: Các thành phần hệ thống giám sát tự động môi trường nưꢏc
Bơm số 1 bơm nưꢏc vào bể đo để tiến hành phân tích các thông số. Sau
khi phân tích xong, thông số sẽ được các máy cảm biến gửi tꢏi hộp điều khiển
điện tử bằng sꢒng ra-đi-ô và GSM. Tꢌi đây, các thông số sẽ được cập nhật vào
Page 3
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
cơ sở dữ liệu của hệ thống và cꢒ thể truy cập thông qua giao diện máy tính và
server web.
Tiếp đꢒ, quá trình làm sꢌch bể đo diꢍn ra: van điện tử rꢑt hết nưꢏc trong
bể, để bơm số 2 cꢒ thể bơm nưꢏc ngọt (sꢌch) từ thùng chứa vào bể và các mô-
tơ cꢒ thể tiến hành làm sꢌch các máy cảm biến. Sau khi làm sꢌch xong, van
điện tử lꢌi rꢑt hết nưꢏc từ bể đi, lượt đo mꢏi lꢌi cꢒ thể bꢔt đầu. Quá trình đo
nưꢏc biển được tự động hoá nhờ vào việc cài đꢓt tần suất đo của hệ thống .
Hệ thống đo thông số nưꢏc biển hoꢌt động bằng năng lượng mꢓt trời. Hộp
điện tử cꢒ màn hình LCD và nꢑt xoay để tiện cho việc tra cứu dữ liệu, hiệu
chuẩn máy cảm biến, tần suất của quá trình đo cũng như các phương thức
truyền phát dữ liệu (GSM/sꢒng ra-đi-ô).
1.2. Tổng quan về web-server
1.2.1. Khái niệm website
Website là tập hợp của rất nhiều trang web – một loꢌi siêu văn bản ( tập
tin HTML hay XHTML) trình bày thông tin trên mꢌng internet – tꢌi một địa
chỉ nhất định để người xem cꢒ thể truy cập vào xem. Trang web đầu tiên
người ta cꢒ thể truy cập từ tên miền thường được gọi là trang chủ
(homepage), người xem cꢒ thể xem các trang khác thông qua các liên kết
(hyperlinks).
Đꢓc điểm tiện lợi của website là thông tin cꢒ thể dꢍ dàng cập nhật, thay đꢎi,
người sử dꢐng sẽ thấy ngay tức khꢔc, ở bất kì nơi nào, tiết kiệm chi phí in ấn,
bưu điện, fax, thông tin không giꢏi hꢌn và không giꢏi hꢌn phꢌm vi khu vực sử
dꢐng. Website là một tập hợp của một hay nhiều trang web.
1.2.2. Lịch sử ra đời
Ngày 6/8/1991 đã trở thành một cột mốc quan trọng khi những đường liên
kết tꢏi nhưng dꢌng mã lệnh về www được đưa lên thảo luận alt.hypertext để
những người khác cꢒ thể tải về và trải nghiệm. Và đꢒ chính là ngày mà những
Page 4
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
trang web phꢎ biến ra toàn thế giꢏi. Ông Paul Kunz, một nhà khoa học tꢌi
Trung tâm Gia tốc tuyến tính Stanford, người thiết lập nên một máy chủ web
ngoài Châu Âu vào tháng 12-1991 cho biết, hồi đầu những năm 1990, ý tưởng
về việc lấy được dữ liệu lưu trữ trên nhiều máy tính đơn giản như vậy đă tỏ ra
rất hấp dẫn. Vào thời điểm đꢒ, các máy tính là những hòn đảo về thông tin.
Người dùng đăng nhập vào một hệ thống máy tính chỉ cꢒ thể truy cập vào
được nguồn tài nguyên nằm trên chiếc máy tính đꢒ. Khi chuyển sang chiếc
máy tính khác cꢒ nghĩa họ phải đăng nhập lꢌi và cꢒ thể phải sử dꢐng một tập
lệnh khác để tìm kiếm và thu thập dữ liệu. Và web đã ngay lập tức thu hꢑt sự
quan tâm của của ông Kunz ngay sau khi Tim Berners-Lee (người đã phát
minh ra web tꢌi phòng thí nghiệm vật lí Cern ở Genova) trình diꢍn khả năng
truy vấn một cơ sở dữ liệu (db) về những tài liệu vật lí được lưu trữ trên một
máy chủ IBM. Máy chủ web mà Kunz thiết lập cho phép các nhà vật lí lꢐc lọi
trong số 200 000 bản tꢒm tꢔt dꢍ dàng hơn nhiều so vꢏi trưꢏc. Điều này chứng
tỏ sự hữu ích đến mức các nhà khoa học tꢌi viện Cern đã nhanh chꢒng chuyển
sang tìm kiếm dữ liệu qua trang web Slac mà không dùng tꢏi bản sao mꢌng
của họ nữa. Mꢓc dù web hấp dẫn các nhà vật lí, nhưng trong nhưng năm đầu
chỉ cꢒ rất ít những người hiểu được tiềm năng của công nghệ này. Ông Kunz
cho rằng, lí do chính là do khi đꢒ cũng cꢒ rất nhiều công nghệ thực hiện một
việc tương tự. Rất nhiều người lấy về những tài liệu quang trọng bằng các
dịch vꢐ FTP và sử dꢐng Usenet như một phương tiện để tự bày tỏ. Đꢓc biệt
phꢎ biến khi đꢒ là một công nghệ cꢒ tên là Gopher do Đꢌi học Minnesota phát
triển. Công nghệ này sử dꢐng một giao diện thân thiện để che giấu sự phức
tꢌp của những máy tính kết nối mꢌng Internet. Nꢒ cꢒ cái tên này này một
phần là do đội thể thao của trường Đꢌi học này cꢒ tên là những con chuột tꢑi
vàng Gopher được công bố vào năm 1991 và một vài năm sau đꢒ, các con số
thống kê cho thấy lưu lượng gopher trên mꢌng internet vượt xa lưu lượng giao
Page 5
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
dịch web. Dự án WWW bùng nꢎ vào tháng 4-1993 khi trình duyệt web dành
cho máy tính cá nhân đầu tiên ra đời. Đây là sản phẩm của Marc Andreessen
tꢌi Trung tâm Ứng dꢐng Siêu máy tính tꢌi Đꢌi học Illinois. Nhꢒm nghiên cứu
dự án web của viện Cern đã không đủ nhân lực để viết các trình duyệt cho các
hệ thống PC, Mac hay Unix. Trình duyệt cꢒ tên là Mosaic này đã đꢌt được
nhiều thành công to lꢏn khi nꢒ tꢌo được nhiều thꢒi quen sử dꢐng web đến tận
hôm nay. Thí dꢐ như khái niệm ban đầu về web không hề cꢒ chỗ bookmark
hay favourites. Cũng trong nhưng năm 1993, trường Đꢌi học Minnesota bꢔt
đầu Gopher, do đꢒ rất nhiều người đã xem xét chuyển sang sử dꢐng một công
nghệ khác. Ed Vielmetti, một trong nhưng người dùng web đầu tiên và hiện là
một trợ lí nghiên cứu tꢌi trường Đꢌi học Thông tin Michigan, nꢒi rằng trong
suốt những năm đầu tiên, công nghệ web đã thực sự chứng tỏ sự hữu ích của
nꢒ đối vꢏi những người dùng internet trung bình. Các hệ thống Gopher và
FTP thông thường vẫn do các công ti hay tꢎ chức lꢏn thiết lập. Còn Usenet thì
lꢌi không tồn tꢌi lâu bởi vậy nꢒ buộc những người đưa ra một quan điểm phải
thường xuyên đăng lꢌi ý kiến của mình. Ban đầu, người ta đã sử dꢐng các
web như để tự bày tỏ mình theo 1 cách thức mà các công nghệ khác không
cho phép. Ông Vielmetti cho rằng các mã lệnh web rất ít lỗi và thu hꢑt người
ta sử dꢐng nꢒ. Vào cuối năm 1994, lưu lượng giao dịch web cuối cùng đã
vượt qua giao dịch Gopher và từ đꢒ đến nay chưa bao giờ tꢐt lꢌi. Hiện trên
mꢌng Internet đã cꢒ gần 100 triệu website và cꢒ rất nhiều người đã xem web
và mꢌng internet là một. Nhưng ông Groff cho rằng phải đến tận hôm nay thì
web mꢏi được như sự hình dung của những người tꢌo ra nꢒ. Theo ý đồ ban
đầu của họ thì web là một phương tiện mà con người cꢒ thể đọc và đꢒng gꢒp
nội dung cho nꢒ. Những công cꢐ mꢏi như các site chia sẻ ảnh, mꢌng công
cộng, nhật kí cá nhân, từ điển mã nguồn mở và những thứ khác đang thực
hiện rất tốt lời hứa ban đầu này.
Page 6
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
1.2.3. Các yêu cầu tối thiểu của một trang web
Để một website hoꢌt động cần phải cꢒ tên miền (domain), không gian lưu
trữ (host server) và nội dung (các trang web). Tên miền là tên địa chỉ chính
để người dùng cꢒ thể truy cập vào website.
Lưu trữ website: Dữ liệu thông tin của website phải được lưu trữ trên 1
máy tính (máy chủ - server) luôn hoꢌt động và kết nối mꢌng Internet. Một
server cꢒ thể lưu trữ nhiều website, nếu website này bị sự cố chẳng hꢌn tꢔt
trong một thời điểm nào đꢒ không ai cꢒ thể truy cập được những website lưu
trữ trên server tꢌi thời điểm bị sự cố. Tùy theo nhu cầu lưu trữ thông tin mà
doanh nghiệp cꢒ thể thuê dung lượng thích hợp cho lượng host hoꢓc cài đꢓt
máy chủ host sao cho phù hợp.
Host: là một không gian lưu trữ trên ꢎ đĩa của một máy chủ server để lưu
nội dung website nhằm làm cho bất kì ai cũng cꢒ thể truy cập vào
những
nội dung này bất kì lꢑc nào, bất kì nơi nào, nꢒi cách khác host là nơi lưu trữ
website để duy trì hoꢌt động của website trên mꢌng. Máy tính lưu những nội
dung website này được gọi là máy chủ Server phải hoꢌt động 24/24. Một
website nhất định phải cꢒ host thì nhất mꢏi hoꢌt động được.
Dung lượng host là độ độ rộng, hay còn gọi là không gian trống của ꢎ đĩa
trên máy chủ để lưu trữ databases của website, đơn vị đo dung lượng thường
là Gigabyte hay Megabyte.
Băng thông hay dung lượng đường truyền là đꢌi diện cho tốc độ đường
truyền hay nꢒi cách khác là độ rộng của một dải tần số mà các tín hiệu điện tử
chiếm giữ trên một phương tiện truyền dẫn, đơn vị đo thông thường là
Mb/tháng.
Page 7
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Chương
THIẾT KẾ HỆ THỐNG WEBSITE CHO HỆ THỐNG ĐO CHẤT
LƯỢNG NƯỚC NUÔI TRỒNG THỦY SẢN
2.1. Khái quát chung về thiết kế website
Bưꢏc đầu tiên trong công đoꢌn thiết kế một website là phải cꢒ những quyết
định chꢔc chꢔn về việc sẽ “xuất bản” cái gì vꢏi website của mình. Không cꢒ
chủ định và mꢐc tiêu rõ rang thì cả website sẽ trở nên lan man, sa lầy và cuối
cùng đi đến một điểm khꢒ quay trở lꢌi. Thiết kế cẩn thận và định hưꢏng rõ
rang là những chìa khꢒa dẫn đến thành công trong việc xây dựng trang web.
Trưꢏc khi xây dựng một website nên:
• Xác định đối tượng người sử dꢐng của website
• Website cꢒ mꢐc đích gì
• Thiết lập chủ đề chính của website
• Thiết kế các khối thông tin chủ đề mà website cung cấp.
Nên bꢔt đầu vꢏi việc xác định nguồn tài nguyên về nội dung, hình ảnh
thông tin cần thiết để tꢌo nên website phù hợp vꢏi mꢐc đích đề ra đꢒ là
nguồn thông tin sẽ duy trì cho website hoꢌt động sau này.
. . Các bước thực hiện thiết kế website
2.2.1. Chuẩn bị:
- Host server và databases:
Để website của hệ thống Wave đi vào hoꢌt động chꢑng ta cần một host
server để lưu trữ thông tin và databases của website. Trưꢏc hết, ta cần 1 PC để
cài đꢓt server và chiếc máy tính đấy sẽ phải bật và kết nối vꢏi internet 24/24
để duy trì hoꢌt động của website, giꢑp cho website được hoꢌt động ꢎn định.
- Cài đặt server và databases:
Page 8
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Việc cài đꢓt server giờ đây rất dꢍ dàng vì nꢒ được tích hợp sẵn trên các
phiên bản window. Công cꢐ chꢑng ta dùng ở đây là Internet Information
Services(IIS). Mꢓc định công cꢐ này đã bị nhà phát hành Microsoft ẩn đi, để
sử dꢐng chꢑng ta chỉ cần kích hoꢌt lꢌi nꢒ để cꢒ thể sử dꢐng máy tính mình
như 1 host server.
- Để kích hoạt thanh công cụ IIS, chꢑng ta truy cập vào Control Panel –
Programs and Features – Turn Windows features on or off
Sau khi chọn hết như trong hình ta chỉ cần ấn ok để hệ thống tự động cài cho
chꢑng ta. Sau đꢒ chỉ cần khởi động lꢌi là chꢑng ta đã cꢒ 1 hệ thống host
server để lưu trữ website. Mꢓc định đường dẫn của server để ta xem hoꢌt
Page 9
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Khi IIS hoꢌt động, ta nhập 1 trong 2 địa chỉ trên vào trình duyệt ta sẽ cꢒ
được kết quả như thế kia.
Sau khi server hoꢌt động chꢑng ta cần 1 database để trợ giꢑp cho hoꢌt
động của website cũng như lưu trữ dữ liệu mà hệ thống WAVE đã thu thập
được và gửi lên server. ꢁ đây ta sử dꢐng hệ thống SQL là MySQL để thiết lập
database cũng như lưu trữ giữ liệu cho toàn bộ hệ thống.
Việc cài đꢓt MySQL trên PC cũng vô cùng dꢍ dàng, ta chỉ cần tải về bộ
cài đꢓt MySQL Installer được nhà phát triển cung cấp miꢍn phí trên mꢌng
Internet.
Page 10
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Giao diện của MySQL Installer
Việc cài đꢓt MySQL khá dꢍ dàng, chỉ cần chấp nhận các thỏa thuận sử
dꢐng và chọn loꢌi thiết lập là Developer Default.
Page 11
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Để database cꢒ thể hoꢌt động được trên máy chủ ta chỉ cần chọn đꢑng
Standalone MySQL Server / Classic MySQL Replication như hình trên.
Đây mà giao điện cài đꢓt thông số cho server, ta chỉ cần chon
Development Machine và giữ nguyên các thông số mꢓc định (TCP/IP port
3306) cho Connectivity.
Page 12
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Đây là màn hình thiết lập mật khẩu quản trị và chọn Add User để them
người dùng mꢏi vào databases. ꢁ đây password sẽ để mꢓc định là “123456”
để đồng bộ vꢏi website.
ꢁ bưꢏc tiếp theo, giữ Configure MySQL Server as a Windows Service và
Start the MySQL Server at System Startup được bật. Chꢌy dịch vꢐ bằng
Standard System Account. Chọn Next để qua bưꢏc lưu trữ tài liệu và nhấn
Execute để kết thꢑc quá trình thiết lập.
Sau khi kết thꢑc quá trình, ta cꢒ thể truy cập vào cơ sở dữ liệu thông qua
phần mềm mꢓc định trên Windows là Command Prompt. Để cꢒ thể truy cập
được MySQL thông qua Command Prompt, ta nhập trên Command Prompt
lệnh sau “cd C:\Program Files\MySQL\MySQL Server 5.X\bin” sau đó
nhập “mysql -u root -p”. Sau đó nhập mật khẩu là “1 3456”.
Sơ đồ thiết lập databases cho toàn bộ hệ thống để đồng bộ vꢏi hệ thống
cũng như website. Sau khi cài đꢓt xong server và databases, ta cần thiết lập
Page 13
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
port forwarding trên router để các máy khác cꢒ thể truy cập từ xa thông qua
Internet vào đꢑng IP của máy tính. Trưꢏc tiên ta cần tìm được địa chỉ ip của
PC thông qua câu lệnh “ipconfig” trên Command Prompt.
Nhập địa chỉ Defaut Gateway vào trình duyệt web để cꢒ thể truy cập vào
router.
Page 14
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Màn hình sau khi nhập địa chỉ trên trình duyệt web
Sau khi đăng nhập vào router, ta tìm đến mꢐc Port Fowarding.
Sau đꢒ them ip của máy và nhập port vào, ở mꢐc protocol chọn TCP/UDP
sau đꢒ ấn Add để xác nhận cài đꢓt và tích tiếp vào mꢐc enable để kích hoꢌt.
2.2.2. Thiết kế website cho hệ thống quan trắc chất lượng nước
- Ý tưởng thiết kế
Do đây là trang web được xây dựng để hiển thị và theo dõi dữ liệu của hệ
thống WAVE nên hoꢌt động chính của website sẽ cꢒ 2 hoꢌt động chính là
Live Overview (Dữ liệu hiện thời) và Biểu đồ.
Page 15
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Live Overview ở đây sẽ cập nhật các dữ liệu hiện thời mꢏi nhật vừa được
cập nhật trong databases để hiện thị cho người dùng biết muối, độ bão hòa,
Oxy, nhiệt độ… của nưꢏc. Nꢒ sẽ được hiện thị trực tiếp trên trang Dashboard.
Trang Dashboard này bao gồm các dữ liệu hiện thời và 1 phần nhỏ biểu đồ
của từng cảm biến và các dữ liệu thu được.
Biểu đồ: Nơi hiển thị chi tiết tất cả dữ liệu của từng cảm biến thu được
sau đꢒ thể hiện 1 cách trực quan qua biểu đồ giꢑp người dùng dꢍ dàng quan
sát.
- Tiến hành:
+ Xây dựng bố cꢐc website:
Page 16
Research Project 2018
Supervisor: PhD. Le Ngoc Tran
Xây dựng bố cꢐc website ở đây là việc xây dựng hình ảnh, bố cꢐc của website
sao cho phù hợp, làm bật lên được nội dung chính của website, khiến cho
website không bị lan man. Sau khi suy nghĩ và tham khảo, website sẽ được
xây dựng bằng Flat UI Design.
Flat Design ở đây là thiết kế web phẳng cꢒ thể nꢒi mà một dꢌng thiết kế 2D,
không sử dꢐng các hiệu ứng phức tꢌp như đꢎ bꢒng, tꢌo hình khối … mà chọn
phong cách rất đơn giản, dꢍ nhìn mang lꢌi cảm giác trực quan và dꢍ chịu cho
người truy cập. Flat Design được phát triển và hình thành dựa trên xu hưꢏng
thiết kế tối giản (minimalism), vì vậy giao diện web phẳng được thiết kế đơn
giản hꢒa tất cả các yếu tố từ hình ảnh, bố cꢐc cho đến các chi tiết nhỏ
Màu chủ đꢌo của website ở đây được chọn là xanh nhằm phù hợp vꢏi mꢐc
đích của hệ thống là đo và giám sát chất lượng của nưꢏc. Cùng vꢏi màu xanh,
website còn sử dꢐng thêm 2 màu xám và trꢔng làm nền, nhằm tôn lên nét chủ
đꢌo của màu xanh cũng như khiến website dꢍ nhìn hơn.
Các khối hình, menu, hình ảnh, biểu đồ … cũng được thiết kế và xây dựng tối
giản hết mức nhằm thuận tiện cho việc quan sát, không gây rối và lan man
khiến người dùng mất tập trung. Đồng thời việc đꢒ cũng làm việc tải website
Page 17
Tải về để xem bản đầy đủ
26 trang
19920
Free
Bạn đang xem 20 trang mẫu của tài liệu "Báo cáo Đề tài Thiết kế website và cơ sở dữ liệu cho hệ thống giám sát và cảnh báo chất lượng nước nuôi trồng thủy sản trên sông Chà Và, tỉnh Bà Rịa - Vũng Tàu", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
- bao_cao_de_tai_thiet_ke_website_va_co_so_du_lieu_cho_he_thon.pdf
