Trải nghiệm Windows Phone Online

Tại đây

Video cover

https://www.youtube.com/watch?v=DpKT7oPIyU0&list=UUFrrh7_q8KdjRZwYfAGTWAw&index=3

Bước đầu làm quen PhoneGap trên Windows 8

Bước đầu làm quen PhoneGap trên Windows 8

 

4

 

0

 

Rate This

Đây là hướng dẫn cách cài đặt môi trường và xây dựng ứng dụng cho Cordova. Lưu ý là, Cordova sẽ gọi và sử dụng PhoneGap. Mục đích của hướng dẫn này chỉ là cấu hình và sử dụng PhoneGap trong lập trình Windows 8. Trong các bài viết tiếp theo mình sẽ có những hướng dẫn cụ thể hơn về cách sử dụng các PhoneGap API trong lập trình ứng dụng Windows 8.

1. Yêu cầu cấu hình

• Windows 8
• Visual Studio 2012 Professional hoặc cao hơn, hoặc Visual Studio 2012 Express cho Windows 8

2. Cài đặt SDK + Cordova

• Tất cả các phiên bản Visual Studio mình giới thiệu trên đều hỗ trợ xây dựng ứng dụng Modern Windows 8, bạn có thể tìm và tải bản Visual Studio 2012 Express cho Windows 8 tại đây: http://www.microsoft.com/visualstudio/eng/products/visual-studio-express-products
• Tải phiên bản PhoneGap mới nhất tại đây: http://phonegap.com/download/. Ở đây, phiên bản hiện tại mình đang dùng là 2.3.0. Tiến hành giải nén và chúng ta chỉ làm việc trên thư mục con …\lib\windows8

3. Cấu hình một Project mới

Bạn có thể xây dựng một ứng dụng sử dụng HTML/Javascript được hỗ trợ sẳn trên Windows 8. Nhưng mục đính của mình ở đây là sử dụng những thư viện mà PhoneGap API hỗ trợ sẳn.

• Mở Visual Studio 2012 và chọn New Project.
• Lần lượt Installed – Template – Other Languages – JavaScript – Windows Store và chọn Blank App và đặt tên, chẳng hạn W8PhoneGap
• Microsoft sử dụng trang default.html làm trang mặc định, trong khi hầu hết các nhà phát triển “web mở” đều dùng index.html. Do vậy, bạn phải đổi tên trang default.html thành index.html. Sau đó double-click vào package.appxmanifest để sửa giá trị Start page value to index.html

• Right-click vào thư mục js trong Solution Explorer, chọn Add – Existing Item… và tìm tập tin cordova-2.3.0.js (lưu ý: trong các phiên bản khác nhau sẻ có phần mở rộng tên tập tin khác nhau) trong lib\windows-8.
• Chỉnh sửa trang index.html. Khai báo sử dụng thư viện như đoạn code dưới đây:

• Sau đó ta sẽ thêm một vài code ví dụ và quan sát.

4. Sử dụng một số PhoneGap API tham khảo

Sau đây mình sẽ minh họa một số khả năng mà PhoneGap API có thể cung cấp. Lưu ý là chỉ một số tính năng chứ không phải tất cả, để xem những khả năng mà PhoneGap có thể đáp ứng: các bạn vui lòng vào trang: http://docs.phonegap.com.

Hiển thị một thông báo trong ứng dụng

• Thông báo dạng Alert

Đoạn mã trên hiển thị một thông báo bên trong ứng dụng.

• Thông báo dạng Confirm

Nội dung hiển thị:

Như vậy, qua bài viết này bạn có thể sử dụng Framework PhoneGap trong lập trình Windows 8, một thư viện mã nguồn mở giúp chúng ta dễ dàng tiếp cận và sử dụng các tính năng mà Windows 8 cung cấp hơn.

Cảm ơn bạn đã xem bài viết. Bạn có thể tham khảo thêm về PhoneGap tại bài viết mình ở:

• Cross-Platform Mobile
• Introducing PhoneGap

Duyệt ảnh 3D kèm các tính năng "chế bản" ảnh

Những bức ảnh 2D sẽ bỗng nhiên trở nên 3D với công cụ này đấy nhé!  Những phần mềm duyệt ảnh hiện nay có rất nhiều loại, tuy nhiên phần mềm cho phép xem ảnh dưới dạng 3D bắt mắt thì không nhiều. Imagina là số ít trong những công cụ cho phép thực hiện việc này. Imagina hoàn toàn miễn phí, cài đặt nhanh chóng, được cung cấp tại đây (dung lượng: 5,08 MB). Sau khi tải về, teen cài đặt như các phần mềm bình thường, rồi kích hoạt biểu tượng tên Imagina - Virtual Lightbox trên màn hình để sử dụng ngay. Tại cửa sổ hiện ra khi vừa mở chương trình lên, nhấn OK để tắt đi và vào sử dụng. Trên giao diện chính của Imagina, teen vào File > Open > tìm chọn một bức ảnh để xem. Chương trình cũng sẽ hiện thị cho bạn xem tất cả hình ảnh chứa trong cùng thư mục với bức ảnh vừa chọn. Tuy nhiên, giao diện duyệt ảnh lúc này vẫn theo kiểu truyền thống là 2D. Bạn hãy vào thẻ View > chọn 3D Visuals (phím tắt: Ctrl + 3) để chuyển sang giao diện duyệt ảnh 3D. Xem ảnh dạng 2D truyền thống. Ảnh hiện thị dạng 3D. Ngoài việc xem ảnh dưới dạng 3D giả lập thì Imagina còn cung cấp cho teen rất nhiều các tính năng cần thiết trên một tấm ảnh như: thay đổi kích thước, đổi định dạng, cắt ảnh, xoay ảnh,… và các công cụ khác. Tất cả đều hiện thị dưới thanh công cụ ở chân giao diện chương trình. Ảnh bị đổi chiều sau khi quay 180 độ.