Phần 1: Tổng quan về UWP và khởi tạo Project - mspvietnam/Photosharing GitHub Wiki

Nếu trước đây khi các bạn muốn ứng dụng của mình chạy trên nhiều thiết bị, điều đó có nghĩa là bạn phải xây dựng nhiều ứng dụng. Windows 8 và Windows 8.1 ra đời là bước khởi đầu trong việc đồng nhất ứng dụng, tạo một môi trường tương đồng nhưng không giống nhau hoàn toàn khi phát triển ứng dụng trên di động và Windows. Tức là khi bạn muốn ứng dụng chạy trên 2 nền tảng Windows 8.1 và Windows Phone 8.1 thì bạn vẫn phải viết 2 phiên bản ứng dụng khác nhau cho hai hệ điều hành này. Điều này làm cho lập trình viên mất nhiều thời gian và công sức để xây dựng một ứng dụng đa thiết bị. Nhưng đối với Windows 10, bạn sẽ được hỗ trợ nhiều loại thiết bị với một ứng dụng duy nhất. Windows 10 xuất hiện đã mở ra sự đồng nhất hoàn toàn, không chỉ hệ điều hành mà còn đồng nhất về nền tảng phát triển.

Khi bạn tạo một ứng dụng Universal Windows Platform có nghĩa là bạn đang tạo ra một ứng dụng có khả năng chạy trên bất kì thiết bị Windows nào:

• Dòng thiết bị di động: điện thoại di động,…
• Dòng thiết bị máy tính cá nhân: laptop, máy tính để bàn, máy tính bảng.
• Dòng thiết bị gia đình: Surface hub
• Dòng thiết bị IoT: các thiết bị đeo, vật dụng trong nhà…
• Dòng thiết bị dành cho Xbox

Universal Windows Platform cung cấp một số tính năng đã được xây dựng sẵn và các khối hợp nhất giúp cho việc tạo “trải nghiệm di động” (ứng dụng không chỉ hỗ trợ trên nhiều loại kích thước màn hình khác nhau mà còn phải hỗ trợ tương tác hạ tầng một cách dễ dàng như việc sử dụng chuột, bàn phím, cảm ứng….) trên Windows trở nên dễ dàng hơn.

• Chỉ có một cửa hàng ứng dụng cho mọi thiết bị Windows: sau khi đăng kí một tài khoản lập trình viên, bạn có thể đăng tải ứng dụng của bạn lên trên cửa hàng, và sẵn sàng chạy trên mọi thiết bị. Điều này rất dễ dàng trong việc đăng tải và quản lí tất cả các ứng dụng Windows của bạn ở một nơi nhất định.
• Thiết kế tương thích với giao diện người dùng: khi bạn thiết kế ứng dụng UWP, nghĩa là bạn đang thiết kế với các ‘pixel hiệu quả’ (effective pixel), chứ không phải là các pixel vật lý. Điều này giúp trung hòa các control, phông chữ và các thành phần giao diện hiển thị trên màn hình.
• Hợp nhất các đầu vào và các tương tác thông minh: các ứng dụng UWP sử dụng một hệ thống đầu vào thông minh, bạn có thể xoanh quanh một tương tác ví dụ như click mà không cần quan tâm tương tác này đến từ chuột, bút cảm ứng hay là cảm ứng. Ứng dụng UWP làm việc rất tốt trên với đa thiết bị đầu vào như bàn phím, chuột, cảm ứng, bút, và các thiết bị Xbox.
• Với duy nhất một bộ công cụ phát triển phần mềm (Software Development Kit) cung cấp cho bạn những thư viện, tập hợp toàn bộ các API để xây dựng ứng dụng Windows đa nền tảng.
• Ứng dụng UWP rất dễ dàng để đồng nhất với các dịch vụ đám mây như Azure Mobile Services(lưu trữ dữ liệu trên đám mây, gửi thông báo đến user, xác thực tài khoản), Azure Storage, Salesforce và Office 365.

Lợi ích Universal Windows Platform:

• Với những dòng thiết bị khác nhau ta chỉ cần viết một lần code cho một ứng dụng chạy trên mọi thiết bị Windows.
• Giảm thời gian và chi phí: bạn không cần mất quá nhiều thời gian và chi phí để quản lí và sửa lỗi các phiên bản khác nhau của ứng dụng dựa trên thiết bị mà nó hoạt động thay vì đó bạn chỉ cần quản lí và sửa lỗi một ứng dụng chạy trên mọi thiết bị.
• UWP là sự lựa chọn của khách hàng: tải một lần một ứng dụng chạy trên tất cả các thiết bị, đồng bộ dữ liệu….

Vậy cần chuẩn bị gì để lập trình ứng dụng đa nền tảng Universal Windows Platform?

• Máy tính phải cài hệ điều hành windows 10.
• Cài Visual Studio 2015 (cài bộ công cụ phát triển phần mềm windows 10 sdk, tải Visual Studio 2015 tại Visual Studio 2015).
• Cài máy ảo windows 10 (có thể tại Emulator).
• Sau khi bạn hoàn thành ứng dụng bạn có thể đăng tải và quản lí trên Store thông qua Windows Dev Center.

Khởi tạo Project "Hello World"

Bước 1: Chọn File -> New -> Project.

Bước 2: Chọn nền tảng ngôn ngữ mà bạn muốn phát triển, ví dụ chọn Visual C# -> Blank App (Univesal Windows) sau đó đặt tên cho Project.

Bước 3: Sau khi khởi tạo xong project, chúng ta sẽ có một trang giao diện trống.

Bước 4: Ở phía bên trái là ToolBox, là nơi chứa các công cụ để kéo thả, giúp bạn Design nhanh hơn. Phía bên phải là nơi chứa Project source code, phần giữa là màn hình Design và code Design. Ở ví dụ này mình sẽ làm một App gồm hai thành phần: Button và TextBlock, khi bạn nhấn vào Button thì trên màn hình hiển thị "Microsoft Student Partners". Bạn kéo Button và TextBlock trong ToolBox vào màn hình Design.

Bước 5: Để chuyển sang màn hình code Design bạn click vào XAML

Bước 6: Để bắt sự kiện click vào Button, ở màn hình Design bạn nhấp đôi vào Button.

Bước 7: Như vậy là xong, bây giờ thử chạy ứng dụng thôi.

Chúc các bạn thành công !!