Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến

HỌC VIỆN NÔNG NGHIỆP VIỆT NAM
KHOA CÔNG NGHỆ THÔNG TIN
----------

BÁO CÁO THỰC TẬP CHUYÊN NGHÀNH
Đề tài: Nghiên cứu các kỹ thuật hiệu quả để xây dựng
từ điển Nông nghiệp trực tuyến.
Nhóm sinh viên thực hiện:
Họ và tên
Trịnh Thị Nhàn
Nguyễn Thị Trang
Nguyễn Thị Trang

Mã sinh viên
576806
576835
576836

Lớp
K57-THB
K57-QLTT
K57-QLTT

Giảng viên hướng dẫn : TS. Phạm Quang Dũng
Bộ mơn Khoa học máy tính-Khoa Cơng nghệ thông tin-Học viện Nông nghiệp Việt Nam

Hà Nội: 01/2016

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 1

Mục Lục

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 2


LỜI CẢM ƠN
Trong suốt quá trình thảo luận và thực hiện đề tài thực tập chuyên nghành “Nghiên
cứu các kỹ thuật hiệu quả để xây dựng từ điển Nông nghiệp trực tuyến” ngồi sự cố gắng,
nhiệt tình của các thành viên trong nhóm, chúng em cịn nhận được sự giúp đỡ q báu từ
phía nhà trường, q thầy(cơ), gia đình và bạn bè.
Để có điều kiện thực hiện đề tài, đầu tiên chúng em xin cảm ơn các quý thầy(cô)
trong học viện đã tạo điều kiện để chúng em học tập và rèn luyện trong môi trường Học
viện.
Chúng em xin chân thành cảm ơn các thầy cô trong Khoa Công nghệ thông tin đã
bồi dưỡng và cung cấp các kiến thức chuyên nghành rất quan trọng trong quá trình học
tập và thực hiện đề tài.
Cuối cùng chúng em xin được gửi lời cảm ơn sâu sắc nhất đến thầy- TS Phạm
Quang Dũng đã tận tình cung cấp tài liệu, trực tiếp hướng dẫn và đốc thúc nhóm chúng
em trong suốt quá trình thực hiện đề tài.
Mặc dù trong quá trình thực hiện nhóm thực tập đã có nhiều cố gắng, trao đổi, thảo
luận hang hái , nhưng do một số hạn chế về kinh nghiệm nên khó tránh khỏi nhiều thiếu
sót, nhóm chúng em rất mong được sự thơng cảm và góp ý thẳng thắn từ phía các q
thầy(cơ) và các bạn để đề tài hoàn thiện hơn.
Chúng em xin chân thành cảm ơn!
Hà Nội, ngày 04 tháng 01 năm 2016

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 3


CHƯƠNG I: MỞ ĐẦU
1. Đặt vấn đề.
1.1.

Nhu cầu tra cứu từ điển và tìm kiếm dữ liệu.
Hiện nay mạng Internet phổ biến ở mọi nơi cùng với sự phát triển của khoa học kỹ
thuật tạo ra những thiết bị công nghệ cao dẫn đến các nhu cầu tra cứu và tìm kiếm trực
tuyến là rất lớn, khi chúng ta gặp phải bất cứ vấn đề gì thì việc đầu tiên ta làm là mở các
trình duyệt tin cậy như Internet Explore, Mozilla Firefox, Google Chrome, Safari, Opera
để tra cứu và tìm kiếm thơng tin liên quan đến vấn đề cần được giải quyết. Tuy nhiên với
các từ ngữ, hay thuật ngữ về chun nghành, các lĩnh vực chun mơn thì việc tra cứu
ngay trên các trình duyệt đơi khi khơng thể cung cấp đầy đủ các thông tin hoặc bị lỗng.
Khi đó tác dụng của từ điển là rất lớn.
Việc tra cứu từ điển hiện nay là nhu cầu cần thiết đối với nhiều người. Vận dụng
nhiều nhất khi học ngoại ngữ, tuy nhiên việc tra cứu từ ngữ chuyên nghành cũng sử dụng
rất nhiều, đặc biệt đối với Việt Nam những từ, ngữ, thành ngữ, khái niệm, thuật ngữ liên
quan đến lĩnh vực Nơng nghiệp rất khó hiểu và cần được cung cấp thơng tin chính xác.
Và giải pháp tốt nhất là sử dụng các ứng dụng từ điển trên máy tính hoặc tra từ điển trực
tuyến.

1.2.

Cơng nghệ phát triển.
Những năm trở lại đây, các ngơn ngữ lập trình phục vụ cho việc thiết kế website
cũng có những bước phát triển. Các ngơn ngữ lập trình cập nhật phiên bản mới cho phép

khai thác nhiều tính năng hơn, cung cấp nhiều cơng cụ hơn cho các lập trình viên:
HTML, CSS3, PHP6… ngày càng được ứng dụng nhiều hơn để xây dựng các website.

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 4


Hai năm trở lại đây, để thiết kế một website, web designer thường lựa chọn màn
hình tiêu chuẩn 1024x768 (độ phân giải màn hình phổ biến trước đây) - cho máy tính
thơng thường hay 320x240 cho các điện thoại di động. Website cho máy tính thơng
thường được thiết kế riêng, website cho điện thoại di động cũng được thiết kế riêng vì
những giới hạn này. Một số cơng ty chọn giải pháp là viết phần mềm cho các điện thoại
di động chứ không thiết kế website bởi sự bất tiện khi lướt web trên điện thoai di động.
Nhưng hiện nay, màn hình máy tính thường là màn hình rộng (wide), với độ phân giải
phổ biến 1366x768, và độ phân giải này cũng đang có xu hướng nâng cao thêm. Các điện
thoại cũng có độ phân giải rất lớn so với trước đây, và khá phong phú: 720x1280,
480x800... Các thiết bị di động tablet mới cũng có độ phân giải khơng đồng đều:
1024x600, 1024x768, 2048x1536... Điều này làm cho việc thiết kế giao diện website trở
nên khó khăn hơn, do rất khó để tìm ra được một quy chuẩn chung. Chính điều này cũng
thôi thúc sự phát triển của một phương pháp cho phép tạo một website có thể thích ứng
với tất cả các độ phân giải màn hình.
Phương pháp thiết kế web đáp ứng, Responsive web design – RWD, là một phương
pháp tiếp cận phát triển web, một công nghệ web mới đã và đang là một trong những xu
hướng web hiện nay. Phương pháp này bước đầu cho thấy có thể giải quyết tốt vấn đề
nêu trên. Responsive web design còn đang trong những bước phát triển sơ khai, nhưng
cũng khơng phải là q lạ lẫm. Vì vậy, nếu thiết kế mới một website, hãy đón đầu xu
hướng mới bằng một website responsive, bởi nếu khơng có RWD thì sẽ có nguy cơ phải
nâng cấp hay làm lại website chỉ trong năm sau.
Nắm bắt công nghệ mới, vận dụng tốt để ứng dụng vào thực tế. Đây là lý do em đã

lựa chọn đề tài:“ Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển Nông Nghiệp
trực tuyến.”
2. Mục đích và yêu cầu của đề tài.
2.1Mục đích.
Đề tài được tiến hành với những mục đích cụ thể như sau:

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 5


-

Tìm hiểu và thực hiện lưu trữ dữ liệu dạng text.
Tìm hiểu và nắm vững lý thuyết các cơng nghệ ứng dụng vào phương pháp thiết kế web

-

đáp ứng.
Áp dụng kiến thức tìm hiểu được để thiết kế website tra cứu từ điển nông nghiệp trực

-

tuyến.
Đây là một đề tài có ý nghĩa thực tế. Xây dựng một từ điển ngông nghiệp trực tuyến với
giao diện thân thiện, dễ sử dụng, thích hợp với mọi thiết bị truy cập được internet.

2.2u cầu.
•
-

Với người dùng:
Hệ thống có giao diện sáng, thân thiện với người dùng.
Hệ thống có cơ chế hoạt động một cách chuyên nghiệp, đáp ứng được yêu cầu tra cứu,

tìm kiếm các từ ngữ liên quan đến chuyên nghành nơng nghiệp.
• Với website:
- Thực hiện phân tích hệ thống.
- Thực hiện cho người sử dụng đăng bài viết, tra cứu, xem bài viết một cách dễ
-

dàng.
Có giao diện thân thiện, dễ sử dụng, đáp ứng trên mọi thiết bị truy cập Internet (PC,



•
•
•

smartphone,..).
Thiết kế cơ sở dữ liệu.
Xây dựng chương trình trên ngơn ngữ PHP, lưu trữ dữ liệu trên 2 file text
Xây dựng từ điển nông nghiệp trực tuyến đáp ứng được các chức năng:
Một phiên bản web của từ điển nông nghiệp dành cho các thiết bị: PC, smartphone,...
Quản lý người dùng.
Quản lý tra từ.
Quản lý góp ý.

3 Nội dung và phương pháp nghiên cứu.

3.1Địa điểm, thời gian nghiên cứu.
•
•

Địa điểm nghiên cứu:
Khoa CNTT- Học viện Nơng nghiệp Việt Nam.
Học viện Nông nghiệp Việt Nam- Gia Lâm, Thành phố Hà Nội
Thời gian nghiên cứu: 18 tuần (8/2015- 12/2015)

3.2Nội dung nghiên cứu.

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 6


- Tìm hiểu kiến thức về phân tích và thiết kế hệ thống.
-

Phân tích thiết kế hệ thống web của từ điển nông nghiệp trực tuyến.
Một số khái niệm về thiết kế web đáp ứng.
Nghiên cứu phương pháp thiết kế web đáp ứng.
Ưu điểm và nhược điểm khi sử dụng phương pháp thiết kế web đáp ứng.
Các vấn đề cơ bản về thiết kế web (HTML, CSS,…)
Nghiên cứu các công cụ hỗ trợ cho thiết kế web đáp ứng: RWD Calculator, Adobe Edge

-

Inspect, Bootstrap,…
Nghiên cứu phương pháp lưu trữ dữ liệu dạng text và SQL.

Xây dựng từ điển nông nghiệp trực tuyến.

3.3Phương pháp nghiên cứu.
-

Tham khảo các giáo trình, tài liệu liên quan đến nội dung đề tài (ebook, các bài viết, bài

-

học trên các website…)
Tìm hiểu, nghiên cứu lý thuyết về các kỹ thuật thiết kế và phát triển web cho các thiết bị

-

di động.
Từ lý thuyết đề xuất một phương pháp thiết kế cho website từ điển nông nghiệp trực

-

tuyến và lấy ý kiến các chuyên gia để hồn thiện.
Phân tích thiết kế, xây dựng CSDL.
Xây dựng chương trình, kiểm thử.
Phát triển website tra cứu từ điển nơng nghiệp trực tuyến phiên bản cho mobile và triển

-

khai thử nghiệm.
Thu thập ý kiến người sử dụng để đánh giá kết quả nghiên cứu và triển khai.

CHƯƠNG II: TỔNG QUAN TÌNH HÌNH NGHIÊN CỨU

TRONG VÀ NGỒI NƯỚC.
1. Tình hình nghiên cứu trong nước.

Ngày nay, nhu cầu tra cứu từ điển trong lĩnh vực nông nghiệp rất thường xuyên
nhưng hiện tại trong nước chưa có nhiều hệ thống phần mềm khác nhau phục vụ mục
đích tra cứu của người dùng. Nổi bật là phần mềm ProDic 2007 tra cứu từ điển của 15
chuyên ngành chính trong lĩnh vực kỹ thuật – kinh tế . Phần mềm này có những chức
năng hữu ích giúp tra cứu dữ liệu, có hình ảnh minh họa thực tiễn và có khơng gian dành
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 7


cho quảng cáo. Ưu điểm của phần mềm Tuy nhiên, đa phần hiện nay cách lưu trữ dữ liệu
bằng cơ sở dữ liệu quan hệ của các phần mềm còn hạn chế nên kết quả tra cứu chưa được
tối ưu. đã giúp người sử dụng tra cứu hiệu quả về tính chính xác, tiết kiệm thời gian và
cơng sức.
2. Tình hình nghiên cứu ngồi nước.

Trên thế giới cũng có rất nhiều phần mềm từ điển trực tuyến mang tính thực tiễn
cao áp dụng cho việc tra cứu như:
 Lingoes Dictionary: là phần mềm từ điển miễn phí, tốc độ nhanh, chỉ với việc click chuột
bạn có thể tra từ trên word, excel, pdf, firefox, chrome, thoải mái lướt web và đọc tài liệu
tiếng Anh mà không lo lắng về vốn từ vựng hạn chế của bạn. Phiên bản mới của Lingoes
2.9.1 đã hỗ trợ cho win 8, word 2013, chrome 26 và firefox 20. Đọc nhiều tài liệu web,
tiếng Anh sẽ giúp bạn học tốt chuyên ngành của mình hơn, đồng thời tăng vốn từ vựng
tiếng Anh nhanh chóng và hiệu quả.
 Oxford là bộ từ điển Anh - Anh nổi tiếng thế giới, phục vụ cho nhu cầu nâng cao trình độ
tiếng Anh chuyên nghiệp.
 Babylon là phần mềm từ điển và dịch thuật hàng đầu thế giới. Babylon cung cấp cho bạn

công cụ trực quan nhất cho mọi nhu cầu dịch thuật của mình. Với Babylon bạn có thể
nhanh chóng dịch các email, trang web, tài liệu, tin nhắn tức thời, cùng nhiều nội dung
khác. Mọi thứ bạn cần làm là nhấn chuột lên từ hay văn bản muốn dịch và một cửa sổ
nhỏ sẽ hiện ra tức thời với các kết quả mong muốn từ cơ sở dữ liệu từ điển, chú giải và
công cụ chuyển đổi ngôn ngữ phong phú của Babylon.
Những phần mềm tra cứu từ điển online đa dạng, phong phú, giúp ích cho nhiều
người sử dụng tra cứu hiệu quả hơn. Mỗi phần mềm có những ưu, nhược điểm nhất định
và thích hợp với đặc điểm của một lượng hạn chế các cá nhân. Mỗi cá nhân muốn có
phần mềm tra cứu phù hợp với những đặc điểm riêng của mình cần đặt hàng với bên phát
triển phần mềm.

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 8


CHƯƠNG III: CƠ SỞ LÝ THUYẾT
1. Chuẩn dữ liệu từ điển
1.1. Cơ sở dữ liệu từ điển
Phần quan trọng nhất đối với một ứng dụng từ điển là cơ sở dữ liệu (CSDL). Việc
xây dựng CSDL cho từ điển phải đảm bảo khả năng truy cập nhanh bởi dữ liệu của từ
điển thường khá lớn.
1.2. Chuẩn dữ liệu từ điển dict.org
Chuẩn dict.org được mơ tả như sau: Tồn bộ CSDL được chứa trong 2 file bao
gồm 1 file chứa nghĩa và 1 file index bao gồm tên từ, vị trí bắt đầu nghĩa của từ đó và độ
dài nghĩa của từ, đã được mã hoá theo mã 64 ký tự, mỗi thành phần trong file index được
phân cách nhau bởi một tab.
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 9

Đây là định dạng dict.org của file chứa từ:

Hình 1: định dạng dict.org của file index chứa từ.
Còn đây là file chứa nghĩa:

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 10


Hình 2: định dang dict.org của file chứa nghĩa
Trong đó:

Hình 3: cấu tạo file index
Sử dụng 64 chữ cái:
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 11


Chữ cái A tương đương số 0, chữ cái B tương đương số 1 v.v... Giữa từ, vị trí bắt
đầu và độ dài nghĩa phân cách nhau bởi ký tự tab (ASCII 9). Mỗi dòng trong file index
chứa dữ liệu của một từ. Các dòng phân cách nhau bởi ký tự xuống dịng (ASCII 10).
Ví dụ trong file index của từ điển Đức-Việt có một dịng như sau:
Abdeckung kbpP D3
Như vậy nghĩa của từ Abdeckung trong file chứa nghĩa sẽ bắt đầu tại offset kbpP
(theo mã 64 ký tự) và có độ dài là D3.

Việc chuyển từ mã cơ số 64 về cơ số 10 được thực hiện như sau: Đối với vị trí bắt
đầu: kbpP. Ta có k (ở cơ số 64) = 36 (ở cơ số 10), b = 27, p = 41, P = 15. Như vậy
chuyển sang cơ số 10, mã kbpP có giá trị là: 36*643 + 27*642 + 41*641 + 15*640 =
9550415
Đối với độ dài nghĩa: D3. Ta có D = 3, 3 = 55. Như vậy chuyển sang cơ số 10, mã
D3 ở cơ số 64 có giá trị là: 247.
File index được sắp xếp để giảm bớt thời gian tìm kiếm. Việc mã hố theo cơ số 64
như trên giúp cho kích thước file index giảm xuống rất nhiều so với không mã hóa.
Cịn cấu trúc của file chứa nghĩa gồm các phần như sau:
@từ
*Tên tiếng anh (nếu có)
*Tên khác (nếu có)
- Định nghĩa 1
- Định nghĩa 2
- Định nghĩa 3,v.v
Nghĩa của mỗi từ gồm một phần như trên, các nghĩa của mỗi từ nối tiếp nhau liên
tục.
2. Phương pháp thiết kế web đáp ứng.
1

Công nghệ Boostrap Responsive
Giới thiệu về Bootstrap
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 12


Bootstrap là một Framework HTML, CSS và Javascript giúp phát triển nhanh giao
diện web dựa trên giao diện chuẩn của Twitter. Có thể sử dụng ln Framwork này mà
khơng cần chỉnh sửa hay biết nhiều về CSS, đó là một lợi thế khi dùng Framework. Cụ

thể hơn là đã có sẵn những style cho trang web và lưu thành 1 file .css. Khi viết HTML,
chỉ cần dùng file css này và dùng các class, id đã được định sẵn.
Để download cơng cụ boostrap có thể vào website bấm
vào phần Download Bootstrap. Phiên bản mới nhất tính tới thời điểm này là V3.2.0

Hình 4: Hình ảnh cơng cụ Bootstrap
Bootstrap được trang bị với HTML, CSS và JavaScript cho nhiều thành phần web
và giao diện người dùng.Bootstrap là một khuôn khổ front-end mạnh mẽ để phát triển
web nhanh hơn và dễ dàng hơn. Nó bao gồm HTML và CSS dựa trên các mẫu thiết
kế cho các thành phần giao diện.
Thiết kế chuẩn giao diện website tương thích với màn hình của smartphone và tự
động co giãn theo độ phân giải của từng smartphone và tablet.
Các Bootsrap stylesheet cung cấp 960 grid và bố trí hiệu quả, cũng như phong cách
chuyên nghiệp thủ công cho kiểu chữ, chuyển hướng, bảng, biểu mẫu, các nút và nhiều hơn
nữa. Ngồi ra cịn cung cấp một bộ thư viện cũng được xây dựng của jQuery plugin chotrình
đơn thả xuống, các tab, hộp phương thức, chú giải công cụ, các thông điệp cảnh báo, và
nhiều hơn thế nửa.
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 13


Hỗ trợ cho trình duyệt IE8, sử dụng font và các biểu tượng chữ bằng css thay cho
các hình ảnh thơng thường.

Một số lợi thế vì sao các nên sử dụng bootstrap:
-

Phát triển giao diện website nhanh chóng: Để hồn thành giao diện một website với
cách dùng css thông thường thì mất tới vài ngày, cịn nếu như sử dụng Bootstrap thì thời

gian sẽ được rút ngắn hơn. Sự tương thích của trình duyệt với thiết bị đã được kiểm tra
nhiều lần nên hồn tồn có thể tin tưởng kết quả và nhiều khi không cần kiểm tra lại nên

-

giúp cho dự án của tiết kiệm được thời gian và tiền bạc.
Dễ học và dễ sử dụng: Bootstrap cung cấp cho chúng ta một bộ user guide quá đầy đủ,
chỉ cần khá tiếng Anh hoặc cũng có thể dùng Google dịch thì việc chinh phục Bootstrap

-

chỉ nằm trong tầm tay.
Javascrip: Bootstrap được trang bị với các thư viện JavaScript. Nó là một thành phần

-

không thể thiếu trong 1 website.
Tự phát triển: Bootstrap được trang bị nhiều yếu tố đang được xem xét tương lai có
một thiết kế riêng của mình. Ví dụ cả HTML5 và CSS3 là những điều mà sẽ được nâng
cấp trong tương lai.
Cấu trúc của Bootstrap

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 14


Hình 5: Cấu trúc của cơng cụ Bootstrap
Bootstrap chứa bộ các tập tin, cụ thể là css, js và phông chữ. Các thư mục css có
phong cách thiết kế của Twitter Bootstrap. Các thư mục js có tập tin JavaScript với các

plugin JavaScript khác nhau trong các tập tin riêng biệt sẽ sử dụng trong thiết kế trang
web. Thư mục cuối cùng là Font.
2

Giới thiệu về phương pháp thiết kế web đáp ứng

RWD là một phương pháp tiếp cận phát triển web, một công nghệ web mới đã và
đang là một trong những xu hướng web hiện nay.
Như chúng ta đã biết, với tốc độ phát triển các thiết bị công nghệ cầm tay như:
iPhone, iPad, MacBook, Laptop… Với sự phát triển ở mọi ứng dụng, cũng như hệ điều
hành rất đa dạng và phong phú như Android, iOS, Windows Phone… đã đặt ra yêu cầu
cho người thiết kế website đó chính là: giao diện website phải thích nghi được trên từng
loại thiết bị, dù người đó có dùng iPhone, iPad,… hay những chiếc di động có màn hình
nhỏ. Từ đó phương pháp thiết kế web đáp ứng- RWD đã ra đời.

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 15


Hình 6: Thiết kế Responsive
2

Responsive Web Design là một điều tất yếu phải có trong thời đại bây giờ. Có thể
nói rằng Responsive Web Design sẽ làm cho website chạy tốt trên mọi thiết bị di động,
tính năng tương thích cho website, tạo độ tin cậy và sự chuyên nghiệp cho người sử dụng.
RWD có thể sử dụng ở bất kỳ dự án website nào, bằng bất kỳ ngôn ngữ thiết kế
nào, hay bất kỳ mã nguồn mở nào cũng được vì cốt lõi của nó chỉ là HTML và CSS.
2.3.

Khái niệm về Responsive web design

Trong ngành thiết kế “Responsive” không phải là một khái niệm xa lạ, không phải
là một ý tưởng hồn tồn mới. Nó là một khả năng tự động điều chỉnh để thích nghi với
người sử dụng khác nhau.
RWD không chỉ là việc tùy chỉnh cho phù hợp với kích thước màn hình và resize
lại hình ảnh. Nó đã mở ra một cách nghĩ hồn tồn mới về thiết kế. Chúng ta sẽ lướt qua
những ý tưởng đã thực sự được sử dụng và những ý tưởng còn nằm trên bàn giấy.
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 16


3. Thuật tốn tìm kiếm tuần tự.
1
Xác định bài tốn
- Input: Dãy A gồm N số nguyên đôi một khác nhau a1, a2,..., aN và số nguyên k.
- Output: Chỉ số i mà ai = k hoặc thông báo không có số hạng nào của dãy A có giá trị

bằng k.
Ý tưởng
Tìm kiếm tuần tự (tiếng Anh Sequential search) hay tìm kiếm tuyến tính (tiếng
2

Anh linear search) là một phương pháp tìm kiếm một phần tử một cách tự nhiên. Lần
lượt từ số hạng thứ nhất, ta so sánh giá trị số hạng đang xét với khoá cho đến khi hoặc
gặp một số hạng bằng khoá hoặc dãy đã được xét hết và khơng có giá trị nào bằng
khố. Trong trường hợp thứ hai dãy A khơng có số hạng nào bằng khoá.
3
Thuật toán

a) Cách liệt kê
Bước 1. Nhập N, các số hạng a1, a2,…, aN và khoá k;
Bước 2. i := 1;
Bước 3. Nếu ai = k thì thơng báo chỉ số i, rồi kết thúc;
Bước 4. i := i + 1;
Bước 5. Nếu i > N thì thơng báo dãy A khơng có số hạng nào có giá trị bằng k, rồi kết
thúc;
Bước 6. Quay lại bước 3.
Ghi chú:
Trong thuật toán trên, i là biến chỉ số các số hạng của dãy và nhận giá trị nguyên lần
lượt từ 1 đến N + 1.
b) Sơ đồ khối

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 17


CHƯƠNG IV: ỨNG DỤNG XÂY DỰNG TỪ ĐIỂN NÔNG
NGHIỆP VIỆT- VIỆT ONLINE.
1. Giới thiệu kỹ thuật hiệu quả thiết kế từ điển trực tuyến.
Từ điển Nông nghiệp Việt- Việt online sử dụng một số kỹ thuật như sau:
- Lưu trữ dữ liệu trên file text gồm 1 file .text chứa nghĩa của từ và một file index chứa từ,
vị trí bắt đầu và độ dài nghĩa.
- Thiết kế web đáp ứng với giao diện tối ưu trên cả thiết bị di động, ipad, hay màn hình
máy tính.
- Thuật tốn tím kiếm tuần tự.
2. Các công cụ hỗ trợ.
- Công cụ Boostrap.
- Trình biên soạn Dreamweaver CS6, notepad++, Microsoft word 2010, Subline text,

Photoshop CS6, trình biên dịch Booland C.
3. Một số khái niệm liên quan.
3.1.

Mã hoá.
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 18


Khi xây dựng cơ sở dữ liệu của bộ từ điển cần thao tác mã hố vị trí bắt đầu của
nghĩa và độ dài nghĩa theo mã 64 ký tự. Thao tác này thực hiện trên trình biên dịch
Booland C. Dưới đây là đoạn code mã hoá:
#include <stdio.h>
#include <stdlib.h>
void Ma64(int n)
{
if (n < 64)
{
printf("%c","ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvw
xyz0123456789+/"[n]);
return;
}
else Ma64(n / 64);
printf("%c","ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvw
xyz0123456789+/"[n % 64]);
}
int main()
{
int n;

printf("Nhap vao so can ma hoa: ");
scanf("%d", &n);
printf("So ma hoa:");
Ma64(n);
return 0;
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 19


}
3.2.

Giải mã.
Thao tác này sẽ tự động được thực hiện khi người dùng nhập vào một từ, từ đó sẽ
được tìm ra bằng thuật tốn tìm kiếm tuần tự trong file index sau đó sẽ lấy ra vị trí bắt
đầu nghĩa của từ đó và độ dài nghĩa khi này chưa qua giải mã thì chúng vẫn ở dạng 64 ký
tự. Để lấy được nghĩa của từ cần phải giải mã vị trí và độ dài nghĩa từ mã 64 ký tự sang
hệ 10. Đoạn code mã hoá này sẽ được đặt trong file .php. Dưới đây là đoạn code giải mã:

function Giaima($str)
{
$Ma64='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz012345
6789+/';
$dec= 0;
$length = strlen($str);
//echo strlen($Ma64).'
';
for ($i=0;$i<$length;$i++)
{
$pos = strpos($Ma64, $str[$i]);

$dec+= pow(64,$length-$i-1)*$pos;
}
return $dec;
}
function Giaima($demical)
{
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 20


$Ma64='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz012345
6789+/';
$Ma64Value=array();
while (true)
{
if ($demical<64)
{
$Ma64Value[]=$demical;
break;
}
$mod=$demical % 64;
$demical=(int)($demical / 64);
$Ma64Value[]=$mod;
}
}
3.3.

Độ phân giải màn hình.
Các thiết bị mới đang được phát triển mỗi ngày và mỗi thiết bị này có thể xử lý các

biến kích thước, chức năng và ngay cả màu sắc khác nhau. Một số thích dùng màn hình
nhỏ, một số thích màn hình to, có người thích dùng theo chiều dọc, có người thích dùng
theo chiều ngang.

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 21


Minh họa 2 kích thước và hướng màn hình phổ biến khi duyệt web theo chiều
đứng của điện thoại (trái) và theo chiều ngang của máy tính xách tay (phải).
Như chúng ta đã biết sự phổ biến của điện thoại thơng minh như iPhone, iPad và
các dịng điện thoại thơng minh như Android khác có thể chuyển đổi dọc sang ngang theo
ý thích của người dùng. Vậy người thiết kế sẽ xử lý tình huống này như thế nào?

Nhiều thiết bị với kích thước màn hình khác nhau có thể truy cập web Web đáp
ứng là gì?
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 22


Web đáp ứng hiểu một cách đơn giản là cách thiết kế website sao cho phù hợp trên
nhiều thiết bị, mọi độ phân giải màn hình. Một website đẹp trên máy tính nhưng khi xem
trên điện thoại bố cục lộn xộn, hình ảnh bài viết khơng cân đối thì khơng thể gọi là web
đáp ứng.
Hay đơn giản đó là khi sử dụng các thiết bị cảm ứng để lướt web với chế độ đáp
ứng thì nó sẽ khơng chỉ đẹp mắt mà còn tạo hiệu ứng tốt cho người dùng, và đây chính là
điều mà chúng ta, các nhà thiết kế đang cần.
Thiết kế web đáp ứng là một điều tất yếu phải có trong thời đại bây giờ. Có thể nói

rằng Thiết kế web đáp ứng sẽ làm cho website chạy tốt trên mọi thiết bị di động, tính
năng tương thích cho website, tạo độ tin cậy và sự chuyên nghiệp cho người sử dụng.
4.

4.1.

Những ưu điểm và nhược điểm của các kỹ thuật.
Phương pháp thiết kế web đáp ứng.

a. Ưu điểm
Ngày nay người dùng hướng về các thiết bị di động thơng minh, và máy tính bảng
đã ngày càng trở nên thơng dụng hơn. Vì vậy thiết kế website giao diện tùy ứng cho di
động trở nên quan trọng hơn và thân thiện hơn. Một thiết kế giao diện duy nhất có khả
năng tự động tương thích với các nền tảng thiết bị khác nhau: Máy tính cá nhân, máy tính
bảng và điện thoại thơng minh. Với thiết kế giao diện tùy biến (RWD) giúp cho dung
lượng của trang web nhẹ hơn, đẩy nhanh tốc độ truy cập.
Thân thiện với người dùng
Thiết kế Responsive sẽ giúp trang web thân thiện với người sử dụng bởi nó có thể thích
ứng với bất kỳ màn hình nào của hầu hết các thiết bị. Nếu website sử dụng công nghệ này,
người dùng sẽ rất dễ dàng tiếp cận và phát triển nó.
Khơng phải lo ngại về đổi hướng người dùng
Thiết kế giao diện đáp ứng ra đời, nó là cứu cánh cho các nhà thiết kế. Trang web
có thể hiển thị trên bất kỳ thiết bị nào đối với độ phân giải khác nhau, hiển nhiên là trang
web sẽ dễ dàng xuất hiện trên các cơng cụ tìm kiếm hơn, gần gũi hơn đối với người dùng.
Chăm sóc website đơn giản hơn

Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 23

Phát triển một trang web riêng cho điện thoại là việc tăng thêm khối lượng công
việc. Chúng ta sẽ phải bỏ cơng duy trì cho cả hai trang web. Nhưng nếu chọn Responsive
Web Design, cơng việc chăm sóc website sẽ đơn giản hơn vì chỉ có duy nhất một bản
thiết kế cho mọi thiết bị. Điều này sẽ làm giảm được khối lượng cơng việc.

Hình 7: Khi chọn Responsive Web Design, cơng việc chăm sóc website sẽ đơn giản hơn
vì chỉ có duy nhất một bản thiết kế cho mọi thiết bị.
Tiết kiệm về vấn đề thời gian
RWD giúp tiết kiệm rất nhiều thời gian. Rút ngắn thời gian phát triển web và bảo
trì nếu trong quá trình hoạt động phát sinh lỗi.
Với phương pháp cũ, khi website chính phát sinh lỗi, đồng nghĩa với việc các
website phụ dành cho các thiết bị di động cũng bị ảnh hưởng. Sửa lỗi sẽ rất tốn thời gian
của coder, một nội dung mà phải sửa làm gấp mấy lần. Nên thiết kế website giao diện tùy
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 24


ứng (responsive design) tiết kiệm được nhiều thời gian, chúng ta sẽ khơng cịn phải lo
lắng về việc thiết kế trang web nếu một thiết bị mới lại xuất hiện trên thị trường.
Ít phải bảo dưỡng hơn
Phát triển một trang web riêng cho điện thoại di động chính là tải thêm một công
việc. Chúng ta sẽ phải bỏ công duy trì cả hai trang web. Nhưng nếu chọn thiết kế
Responsive web design, sự bảo hành cho trang web sẽ rất nhỏ vì chỉ có duy nhất một bản
thiết kế, điều này sẽ làm giảm khối lượng công việc.
Đối với người dùng
-

Linh hoạt đối với người dùng

Tự động sắp xếp bố cục, kích cỡ ảnh, kích thước font
Người dùng có thể đọc thơng tin theo nhu cầu, sở thích
Tiết kiệm thời gian cho người dùng khi website
Giúp tăng trải nghiệm cho người dùng
Đối với người thiết kế

-

Đơn giản hóa q trình thiết kế
Tiết kiệm thời gian và công sức
Giảm thiểu vốn đầu tư
Loại bỏ sự cần thiết phải duy trì nhiều trang web
Giảm thiểu phí bảo trì và phát triển.

b. Nhược điểm
-

Mất thời gian để tải

-

Mặc dù đây không phải là vấn đề lớn nhưng người sử dụng Responsive web design sẽ phải
download HTML/CSS – những thứ không cần thiết lắm. Việc làm cho hình ảnh vừa với các

-

kích cỡ màn hình sẽ lấy gấp đơi thời gian tải.
Khơng phù hợp với thiết bị cũ
Do thiết kế web responsive của nó rất linh hoạt tự co dãn theo từng kích cỡ màn hình mà
khơng phải chuyển sang giao diện Mobile khi các thiết bị di động truy suất tới sẽ rất

chậm do phải load tồn bộ website mà khơng được thanh lọc lại code và hình ảnh. Ngồi

-

việc nó ảnh hưởng đến tốc độ load website còn ảnh hưởng tới cước phí Mobile Data.
Responsive web design cũng chỉ phù hợp với điện thoại thơng minh đời mới cịn các thiết
bị cũ chạy Symbian như Nokia 6300 sẽ không hỗ trợ.
Nghiên cứu các kỹ thuật hiệu quả để xây dựng từ điển nông nghiệp trực tuyến.

Trang 25