CHƯƠNG 2 : WINDOWS PHONE 7 VÀ CÔNG NGHỆ SILVERLIGHT
3.3.3.1Danh sách các màn hình
3.3.3 Thiết kế giao diện
3.3.3.1Danh 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
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ì (adsbygoogle = window.adsbygoogle || []).push({});
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
- 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 (adsbygoogle = window.adsbygoogle || []).push({});
Hình 5.1.
Hướng dẫn tạo Project
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 ln có namespace mặc định trong root element.
Namespace mặc định luôn luôn 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. (adsbygoogle = window.adsbygoogle || []).push({});
XAML – Markup Extensions:
Gán một đối tượng có sẵn nào đó làm giá trị của property.
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ụ: (adsbygoogle = window.adsbygoogle || []).push({});
<Canvas>
<ProgressBar Width="400" Height="50" Background="Red"
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/) 9) Trang web tin tức Thông Tin Công Nghệ
10) (URL: http://www.thongtincongnghe.com/article/17257) 11) Trang web tin tức VNREVIEW
12) (URL: vnreview.vn/tin-tuc-kinh-
doanh/-/view_content/content/79143/tong-quan-windows-phone-i) 13) Trang web MSDN của Microsoft
14) (URL: msdn.microsoft.com/en- us/library/ff402531%28v=VS.92%29.aspx)