Tài liệu thiết kế phần mềm ứng dụng từ điển điện thoại môn Giao Tiếp Người Máy

Tài liệu thiết kế phần mềm ứng dụng từ điển điện thoại môn Giao Tiếp Người Máy. trong tài liệu này bao gồm: sơ đồ màn hình, đặc tả màn hình,....Khi đọc tài liệu này thì người phát triển sẽ biết được luồng làm việc của màn hình, đồng thời việc implementation sẽ dễ dàng hơn.

TRƯỜNG ĐẠI HỌC NÔNG LÂM TPHCM

Khoa Công Nghệ thông Tin - -

Đề tài: Xây Dựng Ứng Dụng Từ Điển Trên Mobile

Môn: GIAO TIẾP NGƯỜI MÁY

GVHD: Ths Nguyễn Thanh Phước

SVTH:

1 Hoàng Minh Nam 15130104

2 Nguyễn Thị Thúy An 15130005

Thủ Đức, Ngày Tháng Năm

Mục Lục

Mục Lục 2

Mục lục hình ảnh 3

Mục lục bảng 4

I Phát Biểu Bài Toán 5

1 Lời mở đầu: 5

2 Mục tiêu của sản phẩm: 6

3 Chức năng của sản phẩm: 7

II Thuật Ngữ Trong Sản Shẩm 8

1 Các control được sử dụng: 8

2 Các công cụ được sử dụng để thiết kế: 8

III Sơ Đồ Màn Hình Chính 9

1 Màn hình chính 1 9

2 Màn hình chính 2 9

3 Màn hình chính 3 10

4 Màn hình chính 4 10

5 Màn hình chính 5 11

6 Màn hình chính 6 11

7 Màn hình chính 7 12

8 Màn hình chính 8 12

9 Màn hình chính 9 13

IV Đặc Tả Màn Hình 14

1 Màn Hình Trang Chủ: 14

2 Màn Hình Từ Điển Tiếng Anh: 16

3 Màn Hình Dịch Văn Bản 22

4 Màn Hình Chơi và Học 28

5 Màn Hình Đa Ngôn Ngữ 35

6 Màn Hình Từ Của Bạn 37

7 Màn Hình Từ Đã Tra 46

8 Màn Hình Từ Vựng Quan Trọng 52

9 Màn Hình Cài Đặt 64

Hi ̀nh 1 Sơ đồ màn hình trang chủ 9

Hi ̀nh 2 Sơ đồ màn hình Từ Điển Tiếng Anh 9

Hi ̀nh 3 Sơ đồ màn hình Dịch Văn Bản 10

Hi ̀nh 4 Sơ đồ màn hình Học Và Chơi 10

Hi ̀nh 5 Sơ đồ màn hình Đa Ngôn Ngữ 11

Hi ̀nh 6 Sơ đồ màn hình Từ Của bạn 11

Hi ̀nh 7 Sơ đồ màn hình Từ Đã Tra 12

Hi ̀nh 8 Sơ đồ màn hình Từ Vựng Quan Trong 12

Hi ̀nh 9 Sơ đồ màn hình Cài Đặt 13

Hi ̀nh 10 Màn Hình Trang Chủ 14

Hi ̀nh 11 Màn hình Từ Điển Anh-Việt 16

Hi ̀nh 12 Màn hình Tìm Kiếm 18

Hi ̀nh 13 Màn hình tra Từ Điển Việt-Anh 20

Hi ̀nh 14 Màn hình Dịch Văn Bản 22

Hi ̀nh 15 Màn hình Dịch bằng Camera 24

Hi ̀nh 16 Màn hình Dịch bằng Giọng Nói 26

Hi ̀nh 17Màn hình Chơi và Học 28

Hi ̀nh 18 Màn hình Hướng D ẫn Trò Chơi 30

Hi ̀nh 19 Màn hình chơi Hoàn Thành Câu Chữ 31

Hi ̀nh 20 Màn hình chơi Phát Âm Chuẩn 33

Hi ̀nh 21Màn Hình Đa Ngôn Ngữ 35

Hi ̀nh 22 Màn Hình Từ Của Bạn 37

Hi ̀nh 23 Màn hình Thao tác Từ Của bạn 39

Hi ̀nh 24 Màn Hình Thêm Từ Vựng 41

Hi ̀nh 25 Màn Hình xóa từ vựng Từ Của Bạn 42

Hi ̀nh 26 Màn hình Văn Bản đã lưu 44

Hi ̀nh 27 Màn hình Từ Đã Tra 46

Hi ̀nh 28 Màn hình thao tác Từ đã tra 48

Hi ̀nh 29 Màn hình xóa từ vựng Từ đã tra 50

Hi ̀nh 30 Màn hình Từ Vựng Quan trọng 52

Hi ̀nh 31 Màn hình Động Từ bất quy tắc 54

Hi ̀nh 32 Màn hình Từ vựng TOEIC 56

Hi ̀nh 33 Màn hình từ vựng IELTS 58

Hi ̀nh 34 Màn hình Từ vựng TOEFL 60

Hi ̀nh 35 Màn hình Từ vựng Oxford 62

Hi ̀nh 36 Màn hình Cài Đặt 64

Hi ̀nh 37 Màn hình nhắc nhở 66

Hi ̀nh 38 Màn hình Phát Âm 68

Hi ̀nh 39 Màn hình xóa lịch sử tra từ 69

Hi ̀nh 40 Màn hình Góp ý 70

Hi ̀nh 41 Màn hình Khôi Phục 71

Hi ̀nh 42 Màn Hình Thông tin Ứng Dụng 72

Mục lục bảng

Ba ̉ng 1 Thuật Ngữ 8

Ba ̉ng 2 Đặc tả chi tiết Màn hình Trang Chủ 15

Ba ̉ng 3 Đặc tả chi tiết Màn hình Từ Điển anh-Việt 17

Ba ̉ng 4 Đặc tả chi tiết Màn hình Tìm Kiếm 19

Ba ̉ng 5 Đặc tả chi tiết màn hình Từ Điển Việt-Anh 21

Ba ̉ng 6 Đặc tả chi tiết màn hình Dịch Văn Bản 23

Ba ̉ng 7 Đặc tả chi tiết màn hình Dịch bằng Camera 25

Ba ̉ng 8 Đặc tả chi tiết màn hình Dịch bằng Giọng Nói 27

Ba ̉ng 9 Đặc tả chi tiết màn hình Chơi và Học 29

Ba ̉ng 10 Đặc tả chi tiết màn hình Hướng dẫn trò chơi 30

Ba ̉ng 11 Đặc tả chi tiết Màn hình chơi Hoàn Thành Câu Chữ 32

Ba ̉ng 12 Đặc tả chi tiết Màn hình chơi Phát Âm Chuẩn 34

Ba ̉ng 13 Đặc tả chi tiết Màn Hình Đa Ngôn Ngữ 36

Ba ̉ng 14 Đặc tả chi tiết Màn Hình Từ Của Bạn 38

Ba ̉ng 15 Đặc tả chi tiết Màn hình Thao tác Từ Của bạn 40

Ba ̉ng 16 Đặc tả chi tiết Màn Hình Thêm Từ Vựng 41

Ba ̉ng 17 Đặc tả chi tiết Màn Hình xóa từ vựng Từ Của Bạn 43

Ba ̉ng 18 Đặc tả chi tiết Màn hình Văn Bản đã lưu 45

Ba ̉ng 19 Đặc tả chi tiết Màn hình Từ Đã Tra 47

Ba ̉ng 20 Đặc tả chi tiết Màn hình thao tác Từ đã tra 49

Ba ̉ng 21 Đặc tả chi tiết Màn hình xóa từ vựng Từ đã tra 51

Ba ̉ng 22 Đặc tả chi tiết Màn hình Từ Vựng Quan trọng 53

Ba ̉ng 23 Đặc tả chi tiết Màn hình Động Từ bất quy tắc 55

Ba ̉ng 24 Đặc tả chi tiết Màn hình Từ vựng TOEIC 57

Ba ̉ng 25 Đặc tả chi tiết Màn hình từ vựng IELTS 59

Ba ̉ng 26 Đặc tả chi tiết Màn hình Từ vựng TOEFL 61

Ba ̉ng 27 Đặc tả chi tiết Màn hình Từ vựng Oxford 63

Ba ̉ng 28 Đặc tả chi tiết Màn hình Cài Đặt 65

Ba ̉ng 29 Đặc tả chi tiết Màn hình nhắc nhở 67

Ba ̉ng 30 Đặc tả chi tiết Màn hình Phát Âm 68

Ba ̉ng 31 Đặc tả chi tiết Màn hình xóa lịch sử tra từ 69

Ba ̉ng 32 Đặc tả chi tiết Màn hình Góp ý 70

Ba ̉ng 33 Đặc tả chi tiết Màn hình Khôi Phục 71

Ba ̉ng 34 Đặc tả chi tiết Màn Hình Thông tin Ứng Dụng 72

1 Lời mở đầu:

Trong cuộc sống hiện nay, tiếng Anh đang là ngôn ngữ quốc tế phổ biến nhất và không thể thiếu cho việc phát triển sự nghiệp, lẫn cả trong đời sống giao tiếp thường ngày Hầu như tất cả trường học ở khắp thế giới đều đưa tiếng Anh vào chương trình học, là ngôn thứ hai sau tiếng quốc ngữ Với mức độ phổ biến như thế, nhưng tiếng Anh là một ngôn ngữ khó, đòi hỏi một sự đầu tư rất lớn về thời gian lẫn công sức Yêu cầu thiết thực nhất

là phải khiến việc học tiếng Anh trở nên thuận tiện

Thật may mắn là vì chúng ta đang sống ở thời đại công nghệ thông tin với vô số thiết bị di động sử dụng vô cùng tiện lợi, và đang ngày càng được cải tiến Số lượng thiết bị như Smartphone đang ngày càng phổ biến và việc tích hợp các ứng dụng hỗ trợ học tiếng Anh trở thành xu thế tất yếu vì

nó gọn nhẹ hơn từ điển truyền thống và có thể sử dụng bất cứ khi nào, tại bất cứ nơi nào Nắm rõ xu thế này rất nhiều nhà phát triển đã cho ra rất nhiều phần mềm, ứng dụng hỗ trợ học tiếng Anh như từ điển, ứng dụng học tiếng Anh, trò chơi tiếng Anh cho trẻ em,… và cả cho những ngôn ngữ khác

Tuy nhiên các ứng dụng trên thường chỉ tập trung cho các chức năng chính của chúng Để có thể sử dụng được nhiều tiện ích thì ta lại phải về nhiều ứng dụng với mỗi ứng dụng có thể đáp ứng một nhu cầu học tiếng Anh riêng Điều này có thể khiến cho thiết bị tốn bộ nhớ, giảm hiệu năng thiết bị, tốn thời làm từng ứng dụng, khó quản lý nhiều ứng dụng, đôi khiến

ta mở nhầm một ứng dụng khác Với ứng dụng từ điển 3 trong 1 HCI

Dictionary, các vấn đề trên sẽ được giải quyết với nhiều tiện ích thông

dụng được kết hợp vào một ứng dụng duy nhất rất tiện do việc sử dụng và quản lý

2 Mục tiêu của sản phẩm:

2.1 Khi bạn không có vốn tiếng anh , việc giao tiếp sẽ trở nên khó khăn, bạn ngày càng tự ti thì việc thành công trong công việc sẽ phần nào bị cản trở Do đó việc tra từ điển sẽ trở nên hi hữu giúp bạn có thể có thêm vốn kiến thức về tiếng anh, cũng như ứng phó được sự bí bách khi gặp phải từ ngữ mình không biết

2.2 Ngoài các từ ngữ, ứng dụng còn giúp dịch đoạn văn, bài văn Người

sử dụng có thể nhập bằng cách viết truyền thống, bằng giọng nói, bằng hình ảnh, rất tiện lợi và tuyệt vời

2.3 Để việc học tiếng anh không còn là vấn đề nhàm chán hay khó khăn nữa, ứng dụng chúng tôi đã đưa vào các trò chơi hỗ trợ học tiếng anh

để người dùng có thể học tiếng anh một cách hứng thú và dễ dàng hơn

2.4 Ngoài tiếng anh ra, thì các ngôn ngữ khác cũng được hỗ trợ Người dùng hoàn toàn yên tâm vì ứng dụng của chúng tôi là một ứng dụng

đa ngôn ngữ

2.5 Những từ ngữ thông dụng, đặc biệt, quan trọng… sẽ được đánh dấu lại một cách dễ dàng, vì ứng dụng có hỗ trợ chức năng đánh dấu 2.6 Ngoài ra, không cần đánh dấu thì các từ ngữ mà các bạn đã tra cũng không bị mất đi, do ứng dụng tự động lưu lại các từ ngữ mà người dùng đã tra

2.7 Không dừng lại ở việc giúp người dùng có thể sử dụng tiếng anh một cách thông thường Ứng dụng còn hỗ trợ việc học các văn bằng quốc tế như TOEIC,IELTS,TOEFL …

3.1 Tra từ Anh Việt và Việt Anh

3.2 Dịch văn bản

3.3 Các trò chơi tiếng Anh để vừa học vừa giải trí

3.4 Tra từ các ngôn ngữ khác như Nhật Việt và Việt Nhật, Hàn Việt và Việt Hàn,…

3.5 Đánh dấu các từ quan trọng

3.6 Xem lại tất cả các từ đã tra

3.7 Các từ quan trọng hay sử dụng trong các kỳ thi tiếng anh TOEIC, IELTS, TOEFL, …

II Thuật Ngữ Trong Sản Shẩm

1 Các control được sử dụng:

Accordion Menu

Danh sách các lựa chọn có thể xổ xuống

để hiển thị thông tin bên trong

Bảng lựa được sắp xếp theo dạng danh sách

Menu Panel Bảng các lựa chọn có sẵn

Online Có kết nối internet

Offline Không kết nối internet

2 Các công cụ được sử dụng để thiết kế:

- GUI Design Studio

- Microsoft Paint

- Microsoft Word 2010

- Dia

 Màn Hình Từ Điển Tiếng Anh:

Hi ̀nh 2 Sơ đồ màn hình Từ Điển Tiếng Anh

 Màn Hình Cài Đặt

Hi ̀nh 9 Sơ đồ màn hình Cài Đặt

Panel+

image

Tên của ứng dụng tiếng Anh.

2 Màn Hình Từ Điển Tiếng Anh:

Hi ̀nh 11 Màn hình Từ Điển Anh-Việt

Người thực hiện : Hoàng Minh Nam

Anh cần tra

dịch từ Anh – Việt, khi đang

mở sẽ ẩn đi

dịch từ Việt - Anh, khi đang

mở sẽ ẩn đi Icon

Button

Phát âm tiếng Anh

Icon Button

Chỉnh sửa, ghi chú từ đã dịch Icon

Button

Cho biết đoạn văn bản đã đươc lưu lại

Ba ̉ng 3 Đặc tả chi tiết Màn hình Từ Điển anh-Việt

2.1 Khi nhấn vào sẽ hiện ra bảng:

2.2 Khi nhấn vào sẽ hiện ra màn hình:

Hi ̀nh 12 Màn hình Tìm Kiếm

Người thực hiện : Nguyễn Thị Thúy An

Tên Kiểu dữ liệu

Màn hình Form

Tên màn hình ứng dụng Icon/

Button

Khi nhấn vào sẽ trở

về màn hình ứng dụng chính List

Menu

Chọn các kết quả tìm kiếm

từ đã hiện

ra

Key Board

Bàn phím

để nhập từ

Ba ̉ng 4 Đặc tả chi tiết Màn hình Tìm Kiếm

2.3 Khi nhấn vào sẽ hiện ra màn hình:

Hi ̀nh 13 Màn hình tra Từ Điển Việt-Anh

Người thực hiện : Nguyễn Thị Thúy An

Tên Kiểu dữ liệu định Mô tả

Box

Nhập từ tiếng Việt cần tra

trang dịch từ Anh – Việt, khi đang mở sẽ ẩn

đi

dịch từ Việt - Anh, khi đang

mở sẽ ẩn đi Icon

Button

Cho biết đoạn văn bản đã đươc lưu lại

Ba ̉ng 5 Đặc tả chi tiết màn hình Từ Điển Việt-Anh

3 Màn Hình Dịch Văn Bản

Hi ̀nh 14 Màn hình Dịch Văn Bản

Người thực hiện : Hoàng Minh Nam

Button

Khi nhấn vào sẽ phát âm đoạn văn bản

văn bản đã được lưu lại

bản từ tiếng Việt sang tiếng Anh

bản từ tiếng Anh sang tiếng Việt Icon/

Button

Sẽ chuyển giao diện có camera

Có chức năng chuyển đoạn văn bản trên giấy vào ứng dụng để dịch Icon/

Button

Chuyển giọng nói thành một câu hoặc một đoạn văn bản ngắn

Ba ̉ng 6 Đặc tả chi tiết màn hình Dịch Văn Bản

3.1 Khi chọn sẽ hiển thị giao diện:

Người thực hiện : Hoàng Minh Nam

Tên Kiểu dữ liệu định Mô tả

Màn hình

chụp và chuyển nội dung thành văn ản vào trong ứng dụng

Icon Button +Lable

Quay lại mà hình dịch văn bản

Camera Screen

Hiển thị nội dung đang được camera thu lại

Camera Focus

Vùng nhận diện và phân tích chữ

Text Field Chứa văn bản đã

được camera phân tích thu lại

Icon Button + Label

Dịch văn bản đã được camera thu lại

Icon Button + Label

Bắt đầu quá trình phân tích

Icon Button + Label

Phóng to, thu nhỏ nội dung đang hiển thị trên màn hình Camera

Ba ̉ng 7 Đặc tả chi tiết màn hình Dịch bằng Camera

3.2 Khi mở sẽ hiện màn hình :

Hi ̀nh 16 Màn hình Dịch bằng Giọng Nói

Người thực hiện : Hoàng Minh Nam

Tên Kiểu dữ liệu định Mô tả

Màn hình

diện để thu âm giọng nói và chuyển thành văn bản TextField Tự nhập Ví dụ về

văn bản được chuyển

từ giọng nói

thu âm giọng nói

từ ngữ khi nhấn vào

bản

màn hình dịch văn bản

Ba ̉ng 8 Đặc tả chi tiết màn hình Dịch bằng Giọng Nói

4 Màn Hình Chơi và Học

Hi ̀nh 17Màn hình Chơi và Học

Người thực hiện : Hoàng Minh Nam

ứng dụng Icon/Button Quay trở về

màn hình chính khi nhấn vào

sẽ bắt đầu vào trò chơi Xem ảnh ghép chữ

sẽ bắt đầu vào trò chơi trắc nghiệm từ ngữ

sẽ bắt đầu vào trò chơi trắc nghiệm hình ảnh

sẽ bắt đầu vào trò chơi hoàn thành câu chữ

sẽ bắt đầu vào trò chơi phát

âm chuẩn

sẽ hiện ra bảng hướng dẫn về trò chơi

Ba ̉ng 9 Đặc tả chi tiết màn hình Chơi và Học

4.1 Khi nhấn vào sẽ hiện màn hình:

Hi ̀nh 18 Màn hình Hướng D ẫn Trò Chơi

Người thực hiện : Nguyễn Thị Thúy An

Chứa danh sách các thông tin, mỗi thông tin chi tiết sẽ sổ xuống khi chọn xem Menu

Panel

Cho phép nội dung sổ xuống bên dưới

Button Khi nhấn vào sẽ

đóng bảng hướng dẫn và trở về màn hình chính

Ba ̉ng 10 Đặc tả chi tiết màn hình Hướng dẫn trò chơi

Hi ̀nh 19 Màn hình chơi Hoàn Thành Câu Chữ

Người thực hiện : Nguyễn Thị Thúy An

Tên Kiểu dữ liệu Nguồn định Mặc Mô tả

vào sẽ chọn đáp

án của câu hỏi trong trò chơi

số câu người chơi bỏ qua

thời gian còn lại

câu hỏi của trò chơi

vào sẽ thoát khỏi trò chơi

Ba ̉ng 11 Đặc tả chi tiết Màn hình chơi Hoàn Thành Câu Chữ

Hi ̀nh 20 Màn hình chơi Phát Âm Chuẩn

Người thực hiện : Hoàng Minh Nam

Tên Kiểu dữ liệu Nguồn định Mặc Mô tả

câu hỏi của trò chơi

vào sẽ bắt đầu ghi âm giọng nói

dẫn cách bắt đầu thu âm trong trò chơi

vào sẽ thoát khỏi trò chơi

Ba ̉ng 12 Đặc tả chi tiết Màn hình chơi Phát Âm Chuẩn

Hi ̀nh 21 Màn Hình Đa Ngôn Ngữ

Người thực hiện : Hoàng Minh Nam

Tên Kiểu Nguồn dữ

chọn lựa chuyển đổi giữa các ngôn ngữ với nhau khi nhấn vào

vào sẽ tìm kiếm từ vựng

nay đã được lưu vào danh sách từ vựng

Icon/Button Khi nhấn

vào sẽ phát

âm từ vựng Icon/Button Hiển thị một

bảng chứa danh sách các ngôn ngữ có sẵn

để cập nhật

Ba ̉ng 13 Đặc tả chi tiết Màn Hình Đa Ngôn Ngữ

Hi ̀nh 22 Màn Hình Từ Của Bạn

Người thực hiện : Nguyễn Thị Thúy An

Tên Kiểu dữ liệu Nguồn Mặc định Mô tả

Từ của bạn Label Tên màn hình ứng dụng

sẽ tìm nhanh

từ vựng trong danh sách từ

vựng

Icon/Button Tìm nhanh từ

vựng đã lưu Icon/Button Hiển thị thêm

một số menu khác

Ba ̉ng 14 Đặc tả chi tiết Màn Hình Từ Của Bạn

Hi ̀nh 23 Màn hình Thao tác Từ Của bạn

Người thực hiện : Nguyễn Thị Thúy An

Tên Kiểu dữ liệu Nguồn định Mặc Mô tả

sắp xếp theo thứ tự bảng chữ cái

sắp xếp theo thứ tự từ mới nhất trở đi

sẽ hiển thị màn hình thêm từ vựng

sẽ hiển thị màn hình xóa từ vựng

sẽ hiển thị những đoạn văn bản đã được lưu

Ba ̉ng 15 Đặc tả chi tiết Màn hình Thao tác Từ Của bạn

Hi ̀nh 24 Màn Hình Thêm Từ Vựng

Người thực hiện : Nguyễn Thị Thúy An

dữ liệu

Mặc định

Mô tả

vựng muốn thêm vào

để thực hiện thao tác thêm từ vựng

Cancel để thực hiện thao tác hủy thêm từ vựng

Ba ̉ng 16 Đặc tả chi tiết Màn Hình Thêm Từ Vựng

6.3 Khi nhấn sẽ hiện màn hình:

Hi ̀nh 25 Màn Hình xóa từ vựng Từ Của Bạn

Người thực hiện : Nguyễn Thị Thúy An

Tên Kiểu dữ liệu Nguồn định Mặc Mô tả

Button

Khi nhấn vào sẽ

tự động xóa từ vựng khỏi màn hình

Button

Xóa hết từ vựng trong danh sách

Button

Kết thúc thao tác xóa từ vựng

và trở về màn hình chính

Ba ̉ng 17 Đặc tả chi tiết Màn Hình xóa từ vựng Từ Của Bạn