CHƯƠNG 2 : WINDOWS PHONE 7 VÀ CÔNG NGHỆ SILVERLIGHT
3.1.1.Khảo sát hiện trạng
Nhu cầu thực tế của đề tài
Hiện nay, đối với học sinh, sinh viên và cơng chức thì việc thơng thạo tiếng Anh là một nhiệm vụ gần như là tối thiểu và bắt buộc. Với việc Việt Nam gia nhập WTO và ngày càng giao thương nhiều với nước ngồi thì phần lớn tất cả cơng ty, tập đồn trong cũng như: ngồi nước đều địi hỏi người làm việc cho họ phải thơng thạo tiếng Anh. Do đó, nhu cầu học tiếng Anh trở nên cấp thiết và là xu thế chung của xã hội hiện nay. Tuy nhiên hiện nay học tiếng anh với ai, ở đâu và như thế nào để tiết kiệm nhất và có hiệu quả cao nhất ln là một câu hỏi khó dành cho các học viên.
Các phần mềm cùng loại hiện có “EnglishGrammar” của
WGAmod chạy trên
Windows Phone
“EnglishGrammar” của TFLAT chạy trên Android
Bảng 3.1. Minh họa các phần mềm học ngữ pháp tiếng anh hiện nay
“EnglishGrammar” của
WGAmod chạy trên
Windows Phone
“EnglishGrammar” của TFLAT chạy trên Android
Cách dùng Gần như đầy đủ các tính năng Đơn giản
Giao diện Chưa sinh động và trực quan. Trực quan chưa sinh động
Ngôn ngữ hổ trợ học Anh-Anh Anh-Việt
Bảng 3.2. So sánh các phần mềm học ngữ pháp tiếng anh hiện nay
Nhóm lập trình chúng em sẽ cố gắng khắc phục các nhược điểm của các phần mềm cùng loại hiện có.
Ngồi ra, chúng em cũng cố gắng xây dựng thêm một số tính năng riêng biệt để phần mềm thêm đặc sắc.
3.1.2. Xác định yêu cầu hệ thống :
* Phần mềm ngữ pháp tiếng anh gồm các chức năng chính sau:
Khởi tạo:
- Hệ thống sẽ phát sinh ra danh sách các ngữ pháp. - Màn hình phát sinh như sau:
Hình 3.1.Hình ảnh danh sách các ngữ pháp Tìm kiếm:
- Người chơi sẽ nhập một chuổi kí tự.
- Hệ thống sẽ tự động tìm kiếm tất cả các nội dung ngữ pháp khi người dùng nhập từng kí tự.
Đánh dấu trang:
- Khi người dùng muốn đánh dấu trang mình đọc chưa hết. - Mỗi lần chỉ có thể đánh dấu 1 trang
- Hệ thống sẽ đánh dấu trang người dùng chưa đọc hết và lần dùng tiếp theo người dùng có thể đọc tiếp
Xem hướng dẫn:
- Người chơi có thể xem hướng sử dụng phần mềm.
3.2. Mơ hình Usecase
3.2.1. Sơ đồ Use-case (adsbygoogle = window.adsbygoogle || []).push({});
Hình 3.2. Sơ đồ Use case phần mềm Ngữ Pháp Tiếng Anh 3.2.2. Danh sách các Actor:
Người Dùng Người dùng điều khiển toàn bộ phần mền.
3.2.3. Danh sách các Use-case:
3.2.4. Đặc tả Use-case
Use-case “Tìm Kiếm”
Người Sử Dụng Tìm Kiếm
stt Tên Use-case Ý nghĩa / Ghi chú
1 Tìm Kiếm
Use-case giúp người dùng tìm kiếm cú pháp những nội dung mà người dùng muốn tìm kiếm.
2 Bookmark
Use-case giúp người sử dụng đánh dấu lại những trang mà người sử dụng đang xem và muốn quay trở lại.
3 Học Ngữ Pháp
Use-case hệ thống sẽ liệt kê ra ngữ cú pháp ngữ pháp để người sử dụng dễ học.
4 Hướng Dẫn
Use-case hệ thống sẽ hiện một bảng hướng dẫn sử dụng giúp người sử dụng dễ dàng trong việc sử dụng phần mền hơn.
Hình 3.3. Sơ đồ Use case “Tìm Kiếm”
Tóm tắt: Use case giúp người sử dụng tìm kiếm những cú pháp nội dung
tiếng anh.
Các dịng sự kiện chính:
B1 : Người chơi nhấn vào nút “Tìm Kiếm”.
B2 : Hệ thống sẽ đưa người sử dụng vào mục tìm kiếm .
Các dịng sự kiện khác: Nếu người sử dụng khơng nhấn vào nút tìm kiếm
thì khơng thể thực hiện Use case.
Các yêu cầu đặc biệt: Yêu cầu người dùng nhấn vào nút Tìm Kiếm.
Trạng thái hệ thống khi bắt đầu thực hiện Use-case: Yêu cầu người dùng
nhấn vào nút Tìm Kiếm.
Trạng thái hệ thống sau khi thực hiện Use-case: Người sử dụng bước vào
tìm kiếm.
Use-case “Bookmark”
Người Sử Dụng Bookmark (adsbygoogle = window.adsbygoogle || []).push({});
Hình 3.4. Sơ đồ Use case “Bookmark”
Tóm tắt: Use case hệ thống sẽ cho người sử dụng đánh dấu lại trang.
Các dịng sự kiện chính:
B1 : Người sử dụng nhấn vào nút đánh dấu “bookmark”. B2 : Hệ thống sẽ lưu lại trang vừa đánh dấu.
B3 : Tìm kiếm gồm : các cú pháp,ngữ pháp, nội dung tiếng anh …
Các dòng sự kiện khác: Nếu người dùng khơng nhấn vào nút tìm kiếm thì
khơng thể thực hiện Use case.
Các yêu cầu đặc biệt: Yêu cầu người sử dụng vào nút Bookmark.
Trạng thái hệ thống khi bắt đầu thực hiện Use-case: Yêu cầu người dùng
nhấn vào nút Bookmark.
Trạng thái hệ thống sau khi thực hiện Use-case: Trang được đánh dấu sẽ
được lưu lại trong Bookmark. Điểm mở rộng : Khơng có.
Use-case “Học Ngữ Pháp”
Người Sử Dụng Học Ngữ Pháp
Hình 3.5. Sơ đồ Use case “Học Ngữ Pháp”
Tóm tắt: Use case hệ thống sẽ liệt kê ra những cú pháp ngữ pháp.
Các dịng sự kiện chính:
B1 : Người chơi nhấn vào nút “Học Ngữ Pháp”.
B2 : Hệ thống sẽ liệt kê ra những cú pháp ngữ pháp đầy đủ đẻ người sử dụng dễ dàng xem và học.
Các dòng sự kiện khác: Nếu người sử dụng khơng nhấn vào nút Học Ngữ
Pháp thì khơng thể thực hiện Use case
Các yêu cầu đặc biệt: Yêu cầu người chơi nhấn vào nút Học Ngữ Pháp.
Trạng thái hệ thống khi bắt đầu thực hiện Use-case: Yêu cầu người chơi
nhấn vào nút Học Ngữ Pháp.
Trạng thái hệ thống sau khi thực hiện Use-case:Một loạt ngữ pháp,cú
pháp,nội dung,được hiên lên để người sử dụng xem. Điểm mở rộng: Khơng có.
Use-case “Hướng Dẫn”
Người Sử Dụng Hướng Dẫn
Hình 3.6. Sơ đồ Use case “Hướng Dẫn”
Tóm tắt: Use case hệ thống giúp cho người sử dụng dễ dàng sử dụng phần (adsbygoogle = window.adsbygoogle || []).push({});
mền hơn.
Các dịng sự kiện chính: Hệ thống sẽ hướng dẫn chi tiếc giúp từng mục nội
dung.
Các dòng sự kiện khác: Nếu Use case “Hướng Dẫn” không được thực hiện
thành cơng thì Use case này cũng khơng được thực hiện.
Các yêu cầu đặc biệt: Yêu cầu Use case “Hướng Dẫn” được thực hiện
thành công.
Trạng thái hệ thống khi bắt đầu thực hiện Use-case: Yêu cầu Use case
“Hướng Dẫn” được thực hiện thành công.
Trạng thái hệ thống sau khi thực hiện Use-case: File hướng dẫn mở ra
cho người dùng đọc.
3.3.1. Sơ đồ lớp
Tên lớp/quan hệ Loại Ý nghĩa/ghi chú Ngữ Pháp – Loại Association 1 – * Ngữ Pháp có nhiều loại Ngữ Pháp – Danh Từ Kế thừa Ngữ Pháp – Câu Kế thừa Ngữ Pháp – Tính Từ Kế thừa Ngữ Pháp – Trạng Từ Kế thừa Ngữ Pháp – Động Từ Kế thừa Ngữ Pháp – Thì Kế thừa Ngữ Pháp – Giới Từ Kế thừa Ngữ Pháp – Liên Từ Kế thừa Ngữ Pháp – Đại Từ Kế thừa Ngữ Pháp – Mệnh Đề Kế thừa Ngữ Pháp – Tự Định Nghĩa Kế thừa
Mô tả chi tiết các lớp đối tượng:
Lớp Ngữ Pháp:
STT Tên thuộc tính Kiểu dữ liệu Ràng buộc Ý nghĩa / Ghi chú
1 Ten String Tên ngữ pháp
2 DinhNghia String Định nghĩa ngữ pháp
3 CachSuDung String Cách sử dụng ngữ pháp
4 ChucNang String Chức năng ngữ pháp
5 CacLoai Loai [,] Mảng chứa các phân loại của
một ngữ pháp
ViDuMinhHoa String Ví dụ minh họa cho ngữ pháp
6 LuuY String Những đặc điểm cần lưu ý
trong ngữ pháp
STT Tên phương thức Kiểu trả về Ý nghĩa / Ghi chú
1 KhoiTao() Void Hàm load dữ liệu lên danh sách các
ngữ pháp
2 Tìm kiếm() Void Hàm tìm kiệm một nội dung trong
Lớp Thì (adsbygoogle = window.adsbygoogle || []).push({});
STT Tên thuộc tính Kiểu dữ
liệu Ràng buộc Ý nghĩa / Ghi chú
1 DauHieuNhanBiet String Các dấu hiệu để nhận biết về
Thì
2 CauTruc String Cấu trúc của Thì
Lớp Giới Từ
STT Tên thuộc tính Kiểu dữ liệu
Ràng
buộc Ý nghĩa / Ghi chú
1 Vị trí String Vị trí của giới từ trong
câu
2 CachDatTuNgu String Cách đặt một giới từ
trong câu 3 MotSoGioiTuThongDun g String Một số giới từ thường hay sử dụng. Lớp Lien Từ:
STT Tên thuộc tính Kiểu dữ liệu Ý nghĩa / Ghi chú
1 LienTuDangLap String
Lớp Tự Định Nghĩa:
STT Tên thuộc tính Kiểu trả
về Ý nghĩa / Ghi chú
1 DinhNghia1 String Thuộc tính tự định ngĩa
2 DinhNghia2 String 3 DinhNghia3 String 4 DinhNghia4 String 5 DinhNghia5 String 6 DinhNghia6 String 7 DinhNghia7 String
1 TenLoai String Tên Loại thuộc 1 ngữ pháp
2 ViDuMinhHoa String Ví dụ minh họa cho loại ngữ
pháp
3 DacDiem String Đặc Điểm minh họa cho loại
Nhóm em lưu trữ dữ liệu phần mềm bằng SQL Sever Compact 3.5 . CONTENTS ID: int CONTENT: nvarchar(4000) ITEM: int GRAMMAR: int
3.3.3 Thiết kế giao diện
3.3.3.1 Danh sách các màn hình
Tên màn hình Ý nghĩa / Ghi chú
Trang Chính Giao diện trang chính
Trang Tìm Kiếm Giao diện tìm kiếm (adsbygoogle = window.adsbygoogle || []).push({});
Trang Bookmarks Giao diện đánh dấu
Hướng Dẫn Giao diện hướng dẫn người dùng
3.3.3.2. Mô tả chi tiết mỗi màn hình
Màn hình “Trang Chính”: BOOKMARS ID: int ITEM: int GRAMMAR: int GRAMMAR ID: int CONTENTS: int
(1) Click nút Home. (2) Click nút Tìm Kiếm. (3) Click nút Bookmarks. (4) Click nút Hướng Dẫn.
(5) Click nút Back của điện thoại. Cách sử dụng:
- Click nút “Bắt đầu” (1), form Trang Chính sẽ hiện ra, danh sách các ngữ pháp được hiển thị
- Click nút “Tìm Kiếm” (2), form Tìm Kiếm sẽ hiện ra. - Click nút “Bookmarks” (3), form Bookmarks sẽ hiện ra - Click nút “Hướng Dẫn” (4), form Hướng Dẫn sẽ hiện ra. - Click nút Back (5) của điện thoại để thốt khỏi chương trình.
(1) Click nút Tìm Kiếm. (2) Nhập ký tự vào textbox
(3)Chạm vào màn hình cảm ứng 1 item bất kì ở danh sách search. Cách sử dụng:
- Người dùng chạm vào nút Tìm Kiếm (1) , form Tìm Kiếm hiện ra.
- Người dùng textbox (2) , nhập từng kí tự hệ thống sẽ tự động tìm kiếm và sẽ hiển thị lên danh sách đã tìm kiếm
- Người dùng nhấn vào một item bất kì (3)giao diện xem nội dung sẽ mở để xem nội dung của người dùng cần tìm.
Hình 3.11: Giao diện khi nhấn nút bookmark khi dang xem
Hình 3.12. Giao diện Booookmarks khi không đang xem nội dung
Các sự kiện:
(1) Click nút bookmarks một trang mới
(2) Click nút các đã trang đánh dấu
(3)Chạm vào màn hình cảm ứng 1 item bất kì ở danh sách đã đánh dấu.
Cách sử dụng:
- Người dùng chạm vào đánh dấu trang, hệ thống sẽ tự động đánh dấu trang người dùng đang đọc.
- Người dùng nhấn vào các trang đã đánh dấu(2) , thì form bookmark sẽ hiển thị và hiển thị các trang đã được đánh dấu
- Người dùng nhấn vào một item bất kì (3)giao diện xem nội dung sẽ mở để xem nội dung của người dùng cần tìm.
Hình 4.13. Giao diện Tùy Chọn
Các sự kiện:
Cách sử dụng:
Người dùng chạm vào
biểu tượng hướng dẫn thì
chương trình sẽ mở form và hướng dẫn người dùng sử dụng
CHƯƠNG 4 : KẾT LUẬN4.1. Về mặt lý thuyết 4.1. Về mặt lý thuyết (adsbygoogle = window.adsbygoogle || []).push({});
- Nghiên cứu tổng quan về hệ điều hành Windows Azure. - Nghiên cứu tổng quan về hệ điều hành Windows Phone 7.
- Tìm hiểu căn bản về Silverlight.
4.2. Về mặt ứng dụng
- Hoàn tất một số yêu cầu sau:
Xây dựng giao diện phần mềm một cách tương đối.
Xây dựng được các màn hình chính:
Màn hình Màn chính.
Màn hình Tìm Kiếm.
Màn hình Bookmarks.
Màn hình Hướng Dẫn.
Xây dựng được các chức năng chính trong phần mềm như:
Xem nội dung các ngữ pháp.
Tìm kiếm 1 nội dung.
Đánh dấu một trang khi người dùng chưa đọc hết.
4.3. Hướng phát triển:
- Trong tương lai nhóm em sẽ cố gắng xây dựng thêm các chức năng sau:
Đưa cơ sở dữ liệu đồng bộ cùng Windows Azure và cơng nghệ điện tốn
đám mấy.
Xây dựng thêm tra từ vựng.
Xây dựng thêm chạy phần mềm ở chế độ backround để dịch tự vựng ở
những chương trình (ví dụ: trình duyệt web).
Xây dựng thêm chức năng phát âm.
Xây dựng thêm chức năng nghe.
Xây dựng giao diện trực quan và đẹp mắt hơn.
Áp dụng thêm nhiều thuật tốn thơng minh vào tìm kiếm.
trong Windows Phone 7 :
1.1. Tạo mới 1 Project :
Chọn File -> New -> Project
Hình 5.1.
Hướng dẫn tạo Project (adsbygoogle = window.adsbygoogle || []).push({});
Một cửa sổ mới “New Project” hiện ra. Chọn Visual C# trong mục
Installed Templates, chọn Silverlight for Windows Phone. Phía bên phải
cửa sổ cho phép bạn chọn các templates. Chọn vào mục “Windows Phone
Hình 5.3. Giao diện khi tạo xong Project
2. Giới thiệu về ngôn ngữ XAML và các control Silverlight dùng trong ứng dụng:
2.1 Giới thiệu ngôn ngữ XAML:
XAML (eXtensible Application Markup Language) là ngôn ngữ đánh dấu dựa trên XML để xây dựng ứng dụng:
Cho phép xây dựng giao diện bằng các phát biểu đơn giản.
Định nghĩa được cả các phần tử giao diện cũ.
XAML và code cùng tồn tại một cách độc lập.
Tương thích cả ứng dụng Windows trên desktop và internet trên trình duyệt.
XAML – Elements và Attributes:
Elements: <Button>…</Button>, <Label>…</Label>
Các thành phần trong XAML tương đương với các đối tượng khai báo trong .NET
Trong 1 file XAML có 1 root element duy nhất.
Attributes: các thuộc tính trong XAML tương đương với các property của
các đối tượng trong .NET
XAML – Complex Properties: Sử dụng các thuộc tính thành phần của một
đặc tính, các thuộc tính…
Kiểm tra sự hợp lệ của các đối tượng được khai báo, tránh sự mâu thuẫn của
các đối tượng thành phần cùng tên.
Trong XAML , namespace được định nghĩa bởi thuộc tính xmlns. Chúng ta
ánh xạ các namespace XML sang các tập hợp namespace và assembly CLR.
Một file XAML luôn có namespace mặc định trong root element.
Namespace mặc định ln ln khơng có tiếp đầu ngữ kèm theo thuộc tính
xmlns.
XAML – Type Converter: Để chương trình hoạt động, trình phân tích XAML
thực hiện việc chuyển đổi giá trị kiểu chuỗi sang một kiểu nonstring. Việc chuyển đổi này được thực hiện bởi type converters.
XAML – Markup Extensions:
Gán một đối tượng có sẵn nào đó làm giá trị của property. (adsbygoogle = window.adsbygoogle || []).push({});
Gán giá trị cho một property mà giá trị này có thể thay đổi nhờ vào việc
binding vào một property của một control khác.
Sử dụng markup extension phải đặt nó trong cặp dấu { }
Cú pháp :
{MarkupExtensionClass Argument}
XAML – Events:
XAML cho phép chỉ định phương thức xử lý cho đối tượng đang được
thiết kế.
<Canvas>
<Image Source="1.jpg" Width="480" Height="300"
Stretch="Uniform"> </Image> </Canvas>
Hình 5.4. Mơ tả control Image
Button: Là điều khiển cho phép người dùng nhấn chuột để thực hiện chức năng nào đó.
Ví dụ:
<Canvas>
<Button Width="400" Height="200" Content="OK" Click="Button_Click"
Foreground="Red" Background="Yellow">
</Button>
Ví dụ:
<Canvas>
<TextBlock Text="CHÀO MỪNG ĐẾN VỚI WINDOWS PHONE 7"
FontFamily="Comic Sans MS" FontSize="20" Foreground="Yellow"> </TextBlock>
</Canvas>
Hình 5.6. Miêu tả control TextBlock
ProgressBar: Là điều khiển
hiển thị thông số cho biết tiến
độ của một tiến trình, thơng thường được sử dụng khi chương trình thực thi một cơng việc nào đó tiêu tốn nhiều thời gian thực hiện.
Ví dụ:
<Canvas>
<ProgressBar Width="400" Height="50" Background="Red" (adsbygoogle = window.adsbygoogle || []).push({});
Foreground="Blue" Value="60">
</ProgressBar>
bằng cách kéo thanh trượt để thay đổi giá trị. Ví dụ:
<Canvas>
<Slider Minimum="0" Maximum="100" Width="400" Height="100"
Value="50">
</Slider>
</Canvas>
Hình 5.8. Miêu tả control Slider
TÀI LIỆU THAM KHẢO
Tiếng Việt:
1) NGUYỄN NAM TRUNG, “Chuyên đề xây dựng ứng dụng trên hệ
điều hành Windows Phone 7”, Trường CĐ CNTT TPHCM, 2012.
Tiếng Anh:
2) CHARLES PETZOLD , “Programming Windows Phone 7”,
4) David Chapped, Introducing Windows Azure, Whitepaper,
2009.
Website :
5) Windows Azure – Phần 1: Windows Azure Và Azure Services Platform http://goccay.vn/showthread.php?23743-Windows-Azure-Phan-1- Windows-Azure-Va-Azure-Services-Platform
6) Trang web chia sẻ tài liệu SCRIBD
7) (URL: www.scribd.com/doc/76241394/TIM-HI%E1%BB%82U- CONG-NGH%E1%BB%86-SILVERLIGHT)
8) Trang web tin tức Tinh Tế (URL: www.tinhte.vn/threads/498852/)