Cara membuat aplikasi background windows. Cara membuat aplikasi pertama Anda untuk Windows Phone. Contoh pengembangan menggunakan desainer Microsoft App Studio

Mengembangkan aplikasi untuk Windows Phone tidak terlalu sulit, apalagi jika Anda mencoba membuat aplikasi yang menyediakan informasi tentang layanan dan produk atau mengumpulkan data dari RSS feed.

Ini adalah jenis aplikasi yang dapat diimplementasikan menggunakan kode javascript di browser, atau menggunakan perancang Access, dan oleh karena itu untuk mengembangkan aplikasi seluler atau aplikasi desktop Anda tidak harus memiliki seperangkat alat yang lengkap. Generasi baru pembuat aplikasi telah hadir, layanan web yang memungkinkan Anda membuat dan menjalankan aplikasi Anda sendiri.

Microsoft baru saja meluncurkannya studio sendiri untuk membuat aplikasi - Studio Aplikasi Windows Phone. Ini adalah alat sederhana yang memungkinkan Anda membuat aplikasi yang berfungsi dari awal. Misalnya saja untuk pembangunan aplikasi sederhana tentang yang mana yang sedang kita bicarakan dalam artikel tersebut, Anda akan membutuhkan waktu kurang dari 15 menit, karena dalam konstruktor ini disajikan templat standar. Tentu saja, kita tidak sedang membicarakan pembangunan sekarang program yang kompleks atau permainan, tapi artikel ini sudah cukup untuk Anda mulai.

Menyukai Akses aplikasi, program yang dibuat dengan bantuan jendela Telepon Studio Aplikasi menggunakan koneksi data, yaitu dibangun berdasarkan model tampilan master/detail. Anda dapat menghubungkan feed konten (baik itu RSS, Youtube, dll.), atau menggunakannya untuk mempublikasikan konten Anda sendiri. Tentu saja, aplikasi ini mampu melakukan keduanya secara bersamaan. Selain feed, Anda juga berkesempatan untuk memposting konten sendiri, apakah itu halaman yang dikompilasi ke dalam kode HTML, atau halaman yang disusun menggunakan database sederhana yang disebut Microsoft sebagai “koleksi.”

1. Pada langkah pertama, Anda perlu memutuskan konten aplikasi Anda, Anda dapat mengedit atau menghapus halaman dan elemen yang ada secara default.

Kami menghubungkan aplikasi pengujian kami ke RSS feed dunia yang hebat. Yang kita butuhkan hanyalah URL feed, dan pembuatnya akan secara otomatis membuat area pandang yang menampilkan daftar artikel terbaru, serta area pandang kedua yang menampilkan informasi rinci tentang artikel.

Namun, perlu dicatat bahwa proses pembuatan aplikasi Anda sendiri tidak sesederhana itu, karena pengurai RSS yang digunakan di App Studio terkadang tidak dapat mengatasi pemformatan umpan RSS yang dihasilkan oleh situs. Artinya, terkadang hal ini bisa menjadi masalah nyata, karena teks artikel tidak akan ditampilkan, dan kemampuan untuk melakukan debug akan sangat terbatas, seperti halnya dengan alat pengembangan cloud apa pun.

3. Sekarang, Anda perlu mengaturnya judul, deskripsi, dan juga mengaturnya menjadi 160x160 piksel.

4. Nah, tahap terakhir - generasi dan publikasi aplikasi. Inilah yang kami dapatkan:

Pada akhirnya, pratinjau aplikasi yang dibuat tersedia, Anda dapat memeriksa cara kerjanya di ponsel cerdas atau tablet. Jika semuanya baik-baik saja, klik tombol “Hasilkan”, jendela pop-up akan muncul:

Ada dua opsi yang dapat dipilih, yang pertama adalah membuat aplikasi perangkat seluler, yang kedua untuk tablet dan PC biasa. Pembuatan layanan ini membutuhkan waktu kurang dari 10 menit, sehingga Anda dapat membuat produk untuk setiap platform secara bergantian. Proses instalasinya sangat sederhana berkat dukungan bawaan untuk kode QR di Windows Phone. Pertama, Anda perlu memasang sertifikat di ponsel Anda, dan ini dilakukan melalui kode QR yang memungkinkan Anda mengunduh sertifikat langsung ke ponsel Anda.

  • Untuk menempatkan keajaiban yang dihasilkan di Windows Phone Store mis. di toko aplikasi, agar siapa pun, bukan hanya Anda, dapat mengunduhnya, Anda memerlukan sertifikat pengembang. Harganya sekitar 600 rubel.

Jelas sekali bahwa alat ini ditujukan untuk skenario BYODev - ketika Anda perlu mendapatkan aplikasi dengan cepat tanpa terlibat dalam proses pengembangan penuh. Meskipun perlu dicatat bahwa Anda masih memiliki kesempatan untuk mengunduh yang sudah jadi kode sumber, dan gunakan alat ini untuk membuat prototipe sebelum memberikannya kepada tim pengembangan untuk direvisi. Anda mungkin dapat menghubungkan sumber data secara mandiri dalam bentuk koleksi yang dihosting di cloud.

Ini adalah salah satu alasan bagus mengapa Microsoft mengizinkan Anda mengunduh kode sumber yang siap dijalankan di Visual Studio. Ini akan dikemas ke dalam proyek Visual Studio dan dapat diimpor langsung ke IDE desktop dan kemudian di-debug. Men-debug aplikasi menggunakan simulator perangkat favorit Anda akan membantu Anda mengidentifikasi masalah dengan cepat - gambar yang disisipkan di awal artikel telah dihapus di server. Anda dapat dengan cepat mengubah kode dan aplikasi akan berfungsi kembali.

Selain mempermudah proses debug, akses ke kode sumber juga memudahkan penataan gaya kode yang dihasilkan, baik dengan mengubah templat atau dengan mengubah koneksi sumber data ke sumber pribadi. Semua kode yang dihasilkan diberi komentar dan, karena digunakan sebagai pola desain pengembangan utama saat membuat aplikasi, akan lebih mudah bagi Anda untuk memahami dengan tepat cara kerja setiap bagian kode dan cara menyesuaikannya dengan kebutuhan Anda.

Satu hal yang jelas tentang pembuatan aplikasi semacam itu: aplikasi tersebut tidak dirancang untuk membuat aplikasi yang kompleks. Itu seperti mainan plastik untuk anak-anak: semuanya ada di depan kita, dan kita hanya perlu menyatukan sesuatu yang bermakna. Saat Anda memperoleh pengalaman melalui jenis taman bermain ini, Anda dapat secara bertahap beralih ke memformat kode dan menggunakannya untuk membuat hal-hal yang lebih kompleks. Dengan toolkit seperti Windows Phone App Studio, Anda bisa mendapatkan pengalaman spesifik dengan aplikasi berbasis konten, umpan RSS, konten web, dan konten lokal.

Tentu saja, kit ini tidak mungkin mewakili semua yang Anda perlukan untuk membuat aplikasi komersial, tidak peduli betapa sederhananya hal itu. Namun bukan itu intinya, karena kode yang dihasilkan memberi Anda kerangka kerja untuk digunakan, serta kemampuan untuk memahami cara kerja proses pembuatan aplikasi. Satu hal yang pasti: jika Anda berencana untuk mulai mengembangkan aplikasi Anda sendiri, ini adalah tempat yang bagus untuk memulai. Baca lebih lanjut: dan?

Mulai hari ini semua pengembang dapat melakukan top up toko jendela 10. Jika Anda menggunakan sistem operasi ini, Anda dapat membuat aplikasi sendiri untuknya. Anda tidak perlu mendaftar sebagai pengembang atau mempublikasikannya di toko, tetapi Anda dapat menggunakannya sendiri atau mengirimkannya ke teman Anda.

Bagaimana cara membuat aplikasi untuk Windows 10?

Kunjungi situs web, masuk ke akun Microsoft Anda dan setujui persyaratan yang diajukan.

Akan terbuka halaman rumah melayani. Klik pada "Windows 10" dan pilih "Empty App W10" dari bagian templat.

Tentukan nama untuk aplikasi Anda, masukkan di kolom yang sesuai dan klik “Mulai dengan yang ini!”

Anda akan dibawa ke panel kerja Studio Aplikasi. Di tab "Konten" Anda dapat mengisi aplikasi dengan konten dari RSS feed situs mana pun dan berbagai layanan(Facebook, Twitter, YouTube, Instagram, Flickr, dan sebagainya). Anda juga dapat menggunakan kode HTML.

Tata letak konten pada halaman aplikasi dapat dikonfigurasi dengan mengklik ikon edit pada ubin blok mana pun. Perubahan tidak disimpan secara otomatis, jadi klik tombol Simpan sesekali.

Di tab “Tema”, Anda dapat memilih salah satu tema yang telah disiapkan atau memodifikasi tema yang sudah ada agar paling sesuai dengan aplikasi Anda.

Di tab “Ubin”, Anda dapat mengonfigurasi ubin langsung aplikasi. Anda dapat mengunggah ikon dalam berbagai ukuran.

Tab "Pengaturan" adalah yang terakhir. Di sini Anda dapat memilih bahasa aplikasi, menambahkan deskripsi, menautkan proyek ke akun pengembang Anda, dan mengaktifkan iklan.

Kapan saja Anda dapat melihat tampilan dan cara kerja aplikasi Anda di ponsel cerdas, tablet, dan komputer. Jika Anda perlu melakukan pengeditan, kembali ke tab mana saja dan edit kontennya.


Ketika aplikasi sudah siap, klik "Hasilkan". App Studio akan membuat file instalasi dan akan memberikan kode sumber yang dapat dibuka di alat yang lebih serius - Visual Studio.

Unduh arsip dengan aplikasi ke komputer Anda, ekstrak ke dalam folder, tetapi jangan buru-buru meluncurkannya.

Unduh sertifikat root dari situs web Microsoft dan instal. Lalu buka menu Perbarui & Keamanan di pengaturan perangkat Anda dan di bawah opsi Pengembang, aktifkan Mode Pengembang.


Buka folder dengan aplikasi Anda di Explorer, klik pada file Add-AppDevPackage klik kanan mouse dan kemudian ke "Jalankan dengan PowerShell". Jika aplikasi tidak terinstal pertama kali, coba kedua kalinya, seharusnya berhasil. Setelah instalasi berhasil, itu akan muncul di daftar semua aplikasi yang terinstal di menu start. Anda dapat meluncurkan dan menggunakan.

Ada pendapat bahwa di kehidupan nyata ponsel cerdas dengan OS Microsoft ditemukan sesering orang dengan patronimik “Artemovich”. Kebijakan aneh (secara halus) dari "Perusahaan Jahat" mengenai keluarga ketujuh dan kedelapan dari sistem operasi seluler telah membuat banyak pengguna enggan bereksperimen dengan "jendela" untuk ponsel cerdas, dan sekarang perusahaan tersebut telah dengan serius mengambil tugas tersebut. memperbaiki citranya di ceruk pengguna ini. Sebagai penggemar bawah tanah Microsoft, saya berharap semuanya akan berhasil untuk mereka - "sepuluh besar" berbaris di seluruh planet ini, kartu truf utamanya adalah satu inti untuk semua platform, dan oleh karena itu ia memiliki setiap peluang untuk mengambil alih bagian yang baik. pasar seluler. Dan sebagai seorang programmer, saya akan dengan senang hati membuatkan Anda artikel pengantar tentang pengembangan mobile axis ini, agar Anda selalu siap dengan pertumbuhan popularitasnya :).

Ikhtisar arsitektur

Berkat inti umum dan sistem runtime aplikasi UWP, setelah ditulis, aplikasi akan berjalan di semua perangkat di bawahnya Kontrol jendela 10. Kisaran ini meliputi:

  • komputer desktop;
  • sistem server - OS Server Windows 2016;
  • laptop - MS Surface Book;
  • tablet - MS Surface Pro;
  • ponsel pintar - Lumia;
  • konsol permainan - Xbox One;
  • kacamata augmented reality - MS HoloLens;
  • tablet dinding - MS Surface Hub;
  • jam tangan pintar - MS Band 2.

Daftarnya sangat mengesankan. Selain itu, UWP tidak terbatas pada eksekusi program aplikasi; UWP juga mendukung pengoperasian driver di tingkat kernel. Ini memungkinkan Anda membuat driver yang berfungsi berbagai perangkat, asalkan komponen spesifik yang dimaksudkan pengemudi ini, satu dan sama.

UWP mendukung driver tingkat kernel dan tingkat pengguna. Subsistem mencakup antarmuka driver perangkat ( Pengemudi Perangkat Antarmuka - DDI), yang dapat digunakan oleh driver UWP.

Namun semua ini tidak menyelamatkan pengembang dari menyesuaikan antarmuka dengan platform dan resolusi layar tertentu. Dalam beberapa kasus khusus, hal ini mungkin tidak diperlukan.

Alat Pengembang

Untuk menulis, men-debug, menyebarkan, dan menguji aplikasi untuk Windows 10 Mobile, Anda memerlukan Visual Studio 2015 (siapa yang meragukannya). Musim panas ini pembaruan ketiga dirilis. Saya sangat merekomendasikannya! Perbaikan bug utamanya adalah pengurangan konsumsi memori dibandingkan dengan pembaruan kedua.

Anda juga perlu jendela 10 Pembaruan Hari Jadi SDK: itu mencakup semuanya alat yang diperlukan untuk mengembangkan aplikasi untuk seluruh armada perangkat yang menjalankan Windows 10. Jika Anda menggunakan VS 2015 dengan pembaruan ketiga, maka itu sudah menyertakan SDK terbaru.

Salah satu inovasi utamanya adalah Windows Ink. Dengan menggunakan API ini, Anda dapat menambahkan dukungan pena dalam dua baris kode. Ada dua objek kontrol untuk ini: InkCanvas dan InkToolbar.

Cortana API baru mempermudah penerapan kontrol suara. Komponen Tindakan Cortana di API baru memungkinkan Anda membuat frasa/ekspresi baru.

Otentikasi biometrik Windows Hello sekarang tersedia untuk pengembang web di browser Edge.

Blend untuk Visual Studio 2015, alat pemodelan antarmuka pengguna, memberikan kemampuan desain UI yang ditingkatkan dibandingkan VS. Dengan itu, Anda dapat membuat tata letak di XAML untuk semua aplikasi yang didukung: aplikasi, web, universal, seluler, dan sebagainya. Ini juga berisi konstruktor untuk tugas tambahan, termasuk membuat animasi dan mengendalikan perilaku elemen.

Cara membuat aplikasi untuk Windows 10 Mobile

Cara utama membuat aplikasi untuk smartphone dengan Windows 10 Mobile adalah dengan melakukan pengembangan Aplikasi universal (UWP).(Gulir Visual C# → Windows → Universal New Project Wizards).

Namun, dia bukan satu-satunya. Seperti yang Anda ketahui, Xamarin dibangun ke dalam Visual Studio 2015, dengan bantuannya Anda juga dapat membuat aplikasi untuk Windows 10 Mobile, secara bersamaan untuk Android dan iOS, mengubah antarmuka dan membiarkan logika program di C# (Visual C# → Cross-Platform).

Kecuali bahasa visual C#, sama-sama dapat dipilih Visual Dasar atau Visual C++. VS 2015 memungkinkan Anda membuat aplikasi serbaguna dengan menggunakan JavaScript(JavaScript → Windows → Aplikasi Universal). Mereka juga dapat disebarkan ke perangkat Windows 10 Mobile.

Alat untuk bekerja dengan proyek lama

Sepanjang sejarah panjang ruang operasi sistem Windows Sejumlah besar aplikasi berbeda telah dibuat untuk itu. Dengan dirilisnya Windows 8 dan WinRT (dan kemudian Windows 10 dan UWP), aplikasi klasik lama sudah ketinggalan zaman, karena hanya desktop Win 8 dan Win 10 yang mendukung aplikasi klasik Win32, COM, .NET. Hal ini membuat Microsoft sedih. Namun mereka menyadari bahwa mereka dapat mengembangkan konverter yang akan mengubah aplikasi lama untuk subsistem UWP lanjutan yang baru. Dari sinilah lahir Konverter Aplikasi Desktop.

Mengonversi proyek Xcode dilakukan dalam dua langkah. Pertama, Anda perlu menambahkan penyorotan sintaksis untuk bahasa Objective-C di Visual Studio: instal ekstensi objc-syntax-highlighting.vsix dari folder winobjc\bin. Kemudian, dengan menggunakan utilitas baris perintah vsimporter.exe, Anda perlu mengubah proyek Xcode menjadi proyek VS. Setelah ini, file sln yang dihasilkan dapat dibuka di studio, di mana sintaks Objective-C akan disorot. Anda dapat membuat dan menjalankan aplikasi, aplikasi ini akan berjalan sama seperti semua program Windows lainnya.

Sialan, betapa menakjubkannya melihat kode Objective-C disorot dengan benar di Visual Studio!

Kompiler gratis digunakan untuk mengkompilasi kode Obj-C Dentang. Karena keluarannya adalah aplikasi UWP standar, maka dapat diluncurkan pada perangkat seluler Lingkungan Windows 10 Ponsel. Satu program dapat berisi kode dalam C++ dan Obj-C.

Jika Anda memiliki proyek untuk versi sebelumnya Windows Phone yaitu 8.1 (atau 8.0), kemudian ketika Anda membukanya di VS 2015, studio akan secara otomatis memperbarui proyek untuk memenuhi persyaratan Universal Windows App (UWP). Tidak hanya markup antarmuka pengguna yang akan dikonversi ke XAML, tetapi juga logika program ke JS/C++/C#/VB bersamaan dengan itu. Jika ada panggilan ke subsistem WinRT dalam kode, maka panggilan tersebut akan diubah menjadi panggilan UWP.

Ada jenis aplikasi umum lainnya - permainan. iOS dan Android dirender menggunakan antarmuka OpenGL tingkat rendah. Sebaliknya, pada Windows 10 Mobile, DirectX 11 digunakan untuk menampilkan gambar dalam game. Tapi ada solusinya - proyek open source ANGLE. ANGLE (Almost Native Graphics Layer Engine) - mesin lapisan grafis yang hampir asli - memungkinkan pengguna Windows Jalankan aplikasi OpenGL ES dengan lancar pada perangkat keras yang menjalankan DirectX 11. Hal ini dicapai dengan mengonversi panggilan dari OpenGL ES API ke DirectX 11 API. ANGLE sepenuhnya mendukung tiga jenis aplikasi berikut:

  • aplikasi universal untuk Windows 10 (aplikasi Universal Windows);
  • aplikasi untuk Windows 8.1 dan Windows Phone 8.1;
  • aplikasi desktop klasik desktop Windows (desktop Windows aplikasi).

Masalah ini dibahas lebih rinci dalam buku saya "The Magic of Torque" (sekali lagi, Anda sedang mempromosikan buku Anda! Baiklah, Anda pantas mendapatkannya. - Ed.).

Kelanjutan hanya tersedia untuk pelanggan

Opsi 1. Berlangganan Hacker untuk membaca semua materi di situs

Berlangganan akan memungkinkan Anda membaca SEMUA materi berbayar di situs dalam jangka waktu yang ditentukan. Kami menerima pembayaran kartu bank

, uang elektronik dan transfer dari rekening operator seluler. Saat Anda menginstal Alat Pengembang Windows Phone, Anda mendapatkan yang berikut ini alat gratis
  • dan komponen.
  • Emulator Windows Phone
  • perangkat lunak Zune
  • XNA Game Studio 4.0
  • cahaya perak
.NET Kerangka 4
Jika Anda sudah menginstal Visual Studio 2010 (Professional atau Ultimate), Anda dapat menggunakan edisi Visual Studio 2010 untuk pengembangan setelah menginstal Alat Pengembang Windows Phone.
Expression Blend untuk Windows Phone adalah perangkat lunak desain yang memungkinkan Anda membuat dan menambahkan fitur visual khusus seperti gradien, animasi, dan transisi. Untuk beberapa tugas, Expression Blend lebih mudah digunakan daripada Visual Studio. Daftar berikut berisi beberapa tugas yang mudah diselesaikan menggunakan Expression Blend.
  • Buat templat data secara visual
  • Gunakan data pengujian selama pengembangan untuk memvisualisasikan pola data
  • Kontrol penataan gaya secara visual
  • Membuat dan melihat animasi
Gambar berikut menunjukkan penampilan Campuran Ekspresi.

Catatan:
Artikel ini menjelaskan cara bekerja di Visual Studio 2010 Express untuk Windows Phone dan tidak akan menggunakan Expression Blend untuk Windows Phone.

Visual Studio 2010 Ekspres untuk Windows Phone
Visual Studio 2010 Express untuk Windows Phone menyertakan desainer drag-and-drop yang menyimulasikan tampilan ponsel, editor kode, dan debugger. Jika Anda pernah bekerja dengan Visual Studio untuk mengembangkan jenis aplikasi lain, Anda akan merasakan lingkungan pengembangan aplikasi seluler sangat familier. Gambar berikut menunjukkan tampilan Visual Studio 2010 Express untuk Windows Phone.

Perancang Windows Phone menyertakan Kotak Alat, tampilan Desain, tampilan XAML, Penjelajah Solusi, dan jendela Properti yang mirip dengan desainer Visual Studio standar. Dua perbedaan utamanya adalah dalam mode desain, permukaannya terlihat seperti perangkat Windows Phone, dan terdapat perangkat Target yang memungkinkan Anda memilih apakah Anda ingin men-debug aplikasi di perangkat atau emulator. Gambar berikut menunjukkan tampilan emulator dalam orientasi potret dan lanskap.

Pedoman Desain

Penting untuk Anda ketahui prinsip-prinsip yang telah ditetapkan desain antarmuka jika Anda berencana untuk mempublikasikan Windows Anda Aplikasi telepon di Pusat Aplikasi. Pedoman desain menjelaskan cara mendesain antarmuka pengguna untuk aplikasi Anda.

Tabel berikut menunjukkan ringkasan prinsip dasar desain antarmuka dan persyaratan aplikasi yang harus diperhitungkan saat merancang dan mengembangkan aplikasi Anda. Daftar pedoman desain antarmuka yang lengkap dan terkini dapat dilihat pada tautan berikut.
Panduan Desain dan Interaksi UI untuk Windows Phone 7

Kategori Pedoman Desain
Navigasi, Bingkai dan Halaman
  • Pastikan untuk mempertimbangkan tindakan tombol kembali dan interaksi pengguna dengan bilah aplikasi saat membuat peta navigasi.
Panel aplikasi
  • Gunakan bilah aplikasi untuk melakukan tugas aplikasi umum.
  • Anda dibatasi hingga empat tombol di bilah aplikasi.
  • Tempatkan tindakan yang jarang dilakukan di menu bilah aplikasi.
  • Jika suatu tindakan sulit diungkapkan dengan jelas menggunakan ikon, tempatkan tindakan tersebut di menu bilah aplikasi, bukan sebagai tombol.
  • Anda dibatasi pada lima opsi di menu bilah aplikasi untuk mencegah terjadinya pengguliran.
Tombol kembali
  • Anda sebaiknya hanya menerapkan perilaku tombol kembali yang menavigasi kembali atau menyembunyikan menu konteks dan kotak dialog. Semua penerapan lainnya dilarang.
Orientasi layar
  • Orientasi defaultnya adalah potret. Untuk mendukung orientasi lanskap, Anda perlu menambahkan kode.
  • Jika aplikasi mendukung orientasi lanskap, aplikasi tidak dapat mendeteksi orientasi lanskap kiri atau kanan saja. Orientasi lanskap kiri dan kanan harus didukung.
  • Jika aplikasi mendukung input teks, Anda harus mendukung orientasi lanskap karena kemungkinan keyboard perangkat keras.
Tema
  • Hindari penggunaan juga jumlah besar putih dalam aplikasi, misalnya, latar belakang putih, karena hal ini dapat berdampak serius pada waktu masa pakai baterai perangkat dengan layar OLED.
  • Jika yang utama atau warna latar belakang kontrol ditentukan secara eksplisit, pastikan kontennya terlihat sama dalam tema gelap dan terang. Jika warna yang ditentukan tidak terlihat, atur juga secara eksplisit latar belakang atau warna utama agar memiliki kontras yang cukup atau pilih warna yang lebih sesuai.
Pengaturan Aplikasi
  • Tindakan aplikasi yang menimpa atau menghapus data, atau tidak dapat dibatalkan, harus memiliki tombol Batal.
  • Saat menggunakan layar tambahan dengan tombol konfirmasi atau batal, menekan tombol ini akan melakukan tindakan yang sesuai dan mengembalikan pengguna ke menu pengaturan utama.
Sentuh masukan
  • Semua dasar dan tugas-tugas umum harus dilakukan dengan satu jari.
  • Kontrol sentuh harus segera merespons sentuhan. Kontrol sentuh yang tertunda atau terasa lambat selama transisi akan berdampak negatif pada pengalaman pengguna.
  • Untuk operasi intensif sumber daya jangka panjang, pengembang harus menyediakannya masukan untuk menunjukkan bahwa ada sesuatu yang terjadi dengan konten kemajuan, atau pertimbangkan untuk menggunakan bilah kemajuan atau, sebagai upaya terakhir, pemberitahuan mentah. Misalnya, Anda dapat menampilkan lebih banyak konten seiring proses pengunduhan berlangsung.
  • Menekan lama biasanya digunakan untuk menampilkan menu konteks atau halaman opsi untuk suatu item.
Papan ketik di layar
  • Anda harus mengatur properti kemampuan input untuk bidang teks atau elemen lain yang dapat diedit untuk menentukan jenis keyboard dan mengaktifkan fasilitas pencetakan yang sesuai.
Kontrol Kanvas dan Grid
  • Kontrol Canvas menggunakan tata letak berbasis piksel dan dapat menyediakan kinerja yang lebih baik daripada kontrol Grid untuk kontrol tertanam atau bersarang dalam aplikasi orientasi-invarian.
  • Grid adalah pilihan terbaik ketika bingkai aplikasi perlu diperluas, diperkecil, atau diputar.
Kontrol Panorama dan Pivot
  • Panorama dan Pivot menyediakan navigasi horisontal atas konten perangkat, memungkinkan pengguna untuk bergerak dan menggeser sesuai kebutuhan.
  • Gunakan kontrol Panorama sebagai titik awal untuk pengalaman pengguna yang lebih terperinci.
  • Gunakan Pivot untuk memfilter volume besar data, memungkinkan tampilan beberapa kumpulan data, atau menyediakan cara untuk beralih di antara tampilan berbeda dari data yang sama.
  • Jangan gunakan Pivot untuk tugas navigasi seperti penyihir.
  • Pengguliran vertikal daftar atau kisi di bagian Panorama dapat diterima asalkan berada dalam batas bagian dan tidak sejajar dengan pengguliran horizontal.
  • Jangan pernah meletakkan Pivot di dalam kontrol Pivot lainnya.
  • Jangan pernah memasukkan Pivot ke dalam kontrol Panorama.
  • Aplikasi harus meminimalkan jumlah halaman Pivot.
  • Pivot hanya boleh digunakan untuk menampilkan elemen atau data dengan tipe serupa.
  • Anda tidak boleh menggunakan tombol bilah aplikasi untuk bernavigasi dalam kontrol Pivot. Jika Pivot memerlukan bantuan navigasi, Anda mungkin tidak menggunakannya dengan benar.
Teks
  • Sebaiknya Anda menggunakan font Segoe terlebih dahulu. Gunakan font alternatif dengan hati-hati.
  • Hindari penggunaan font yang lebih kecil dari 15 poin.
  • Bersitahan gaya seragam penggunaan huruf kapital.
  • Nama aplikasi di bilah judul harus menggunakan huruf besar.
  • Gunakan segalanya huruf kecil untuk sebagian besar teks lain dalam aplikasi, termasuk judul halaman dan judul daftar. Di panel aplikasi, teks apa pun secara otomatis ditampilkan dalam huruf kecil.

Sumber Daya Tambahan

Berikut adalah beberapa tautan ke sumber daya tambahan untuk mempelajari lebih lanjut tentang pengembangan Windows Phone.
Sumber Keterangan
Pusat Aplikasi Windows Phone Dokumentasi tambahan, contoh kode, dan komunitas pengembangan Windows Phone.
Dokumentasi Pengembangan Windows Phone Dokumentasi resmi untuk pengembangan Windows Phone di MSDN.
Dokumentasi Silverlight Dokumentasi resmi untuk Silverlight dan Silverlight untuk Windows Phone di MSDN.
Contoh Kode untuk Windows Phone Contoh kode yang dapat diunduh yang melengkapi dokumentasi Windows Phone.
Mulai Cepat Windows Phone Kumpulan artikel pendek yang menunjukkan tantangan dan peluang pengembangan Windows Phone.
Panduan Pengembang Windows Phone Panduan pengembang menggambarkan kisah sebuah perusahaan fiktif yang memutuskan untuk menggunakan Windows Phone 7 sebagai perangkat klien untuk aplikasi cloud yang sudah ada.
Blog Pengembang Windows Phone Sebuah blog yang berisi informasi terkini dan pengumuman langsung dari tim Pengembangan jendela Telepon.
Pengembangan Windows Phone 7 untuk Pemula Mutlak Serangkaian video untuk pemula mutlak yang tidak memerlukan keahlian pemrograman apa pun.
Windows Phone 7 Langsung Mulai Serangkaian video untuk pengembang yang baru mengenal pengembangan Windows Phone menggunakan Silverlight atau XNA.
Kursus Pelatihan Windows Phone 7 Video dan latihan praktis tentang pengembangan untuk Windows Phone menggunakan Silverlight atau XNA.
.kotak peralatan Tutorial dan sumber daya lainnya bagi desainer untuk mempelajari cara mendesain aplikasi Windows Phone. Termasuk tutorial tentang Campuran Ekspresi.
Blog Jeff Wilcox Blog tentang Silverlight, Silverlight Toolkit dan Silverlight untuk Windows Phone. Jeff Wilcox adalah pengembang perangkat lunak utama di Microsoft di tim Silverlight.
Blog Jeff Prosise Blog tentang berbagai bidang dalam pemrograman .NET, termasuk Silverlight dan Windows Phone. Jeff Prosise adalah pemrogram berpengalaman dan salah satu pendiri Wintellect.

Halo semuanya!

Postingan terakhir saya ditulis cukup lama dan inilah saatnya untuk memperbaiki fakta menyedihkan ini. Hari ini saya memutuskan untuk membagi rangkaian artikel tentang Windows Azure dan berbicara tentang platform lain yang tidak kalah menarik dari Microsoft - Windows Phone.

Seperti yang mungkin sudah Anda ketahui, sistem operasi untuk perangkat seluler dari Microsoft telah lama beredar di pasaran (sejak 2010) dan saat ini menempati salah satu posisi terdepan, bahkan di beberapa negara bahkan melampaui iOS yang populer. Oleh karena itu, banyak pengembang baik di Rusia maupun di seluruh dunia sudah menulis aplikasi untuk OS ini dengan sekuat tenaga, melaporkan penjualan yang sangat baik dan keuntungan di Windows Store.

Memulai mengembangkan aplikasi untuk Windows Phone sebenarnya cukup mudah. Jika Anda sudah mengetahui C# dan pernah memiliki pengalaman dengan WPF atau Silverlight, maka Anda dapat mengatakan bahwa Anda mengetahui 80% informasi yang diperlukan. Faktanya adalah bahwa platform pengembangan untuk Windows Phone pada awalnya didasarkan pada Silverlight, dan pada versi WP8 digantikan oleh platform yang agak mirip dengannya, meskipun lebih dekat dengan WinRT. Jadi jika Anda pernah menulis aplikasi di WPF, Anda tahu apa itu MVVM dan apa kegunaannya, silakan menulis aplikasi untuk Windows Phone.

Tetapi bagaimana jika Anda bukan seorang pengembang berpengalaman, tetapi Anda benar-benar ingin memiliki aplikasi unik Anda sendiri di sini dan sekarang yang dapat Anda instal di ponsel Anda dan dipamerkan kepada teman-teman Anda? Inilah yang akan kita bahas di artikel hari ini.

Studio Aplikasi Windows Phone

Saya selalu mencintai perusahaan Microsoft karena fakta bahwa ia memberikan pengguna dan pengembangnya sangat banyak alat yang nyaman untuk bekerja. Dan pada bulan Agustus, Microsoft memperkenalkan layanan barunya, yang memungkinkan siapa saja, bahkan mereka yang tidak terbiasa dengan pemrograman sama sekali, untuk membuat aplikasi mereka sendiri untuk Windows Phone. Ini disebut Windows Phone App Studio.

Dengan menggunakan dari layanan ini hanya dalam empat langkah Anda dapat membuat aplikasi lengkap dari awal. Anda dapat mengatur gaya, gambar, dan data Anda sendiri, menambahkan deskripsi dan mengunggah hasilnya ke app store. Namun, Anda tidak harus menjadi pengembang terdaftar (berlangganan tahunan berharga $99). Sekarang setiap orang memiliki kesempatan untuk membuka kunci satu perangkat secara gratis dan mengunduh hingga dua perangkat aplikasi sendiri untuk menguji mereka.

Saya sendiri menjadi tertarik dengan peluang apa yang dimiliki layanan ini, dan saya memutuskan untuk membuat aplikasi pendamping untuk proyek mini saya, Fakta tentang Pemrograman. Sekarang saya akan memberi tahu Anda tentang hal ini secara rinci.

Langkah 0.1. Pendaftaran

Untuk mulai menggunakan layanan ini, Anda perlu mendaftarkan akun LiveID Anda sendiri. Saya rasa tidak ada gunanya menjelaskan apa itu jika Anda pernah menggunakan layanan apa pun dari Microsoft. Buka situs web App Studio dan klik Tombol mulai Bangunan:

Masukkan login dan kata sandi LiveID Anda dan Anda akan dibawa ke sistem manajemen untuk aplikasi Anda. Jika ini adalah pertama kalinya Anda melakukan ini, Anda akan memiliki daftar kosong. Saya sudah memiliki aplikasi prog_facts di koleksi saya.

Langkah 0.2. Memilih jenis aplikasi

Untuk membuat aplikasi pertama Anda, Anda perlu memilih item menu Buat. Anda akan ditawari dua opsi - membuat aplikasi berdasarkan salah satu templat yang tersedia atau mengatur semuanya dari awal.

Ada banyak template yang sudah jadi. Diantaranya ada template untuk aplikasi yang berhubungan dengan olahraga (misalnya untuk melacak hasil tim favorit Anda), keluarga, hiburan, dan masih banyak lagi lainnya. Saat Anda mengarahkan kursor ke template, Anda akan melihatnya deskripsi singkat, dan ketika Anda memilih masing-masing, jendela tambahan akan terbuka, yang menunjukkan seperti apa tampilan aplikasi ini.

Dalam kasus saya, saya memutuskan untuk tidak mengandalkan template, tetapi membuat aplikasi dari awal dengan memilih item menu yang sesuai membuat aplikasi kosong.

Langkah 1: Informasi Aplikasi

Langkah pertama dan paling sederhana dari empat langkah yang dijanjikan kepada kita untuk membuat aplikasi adalah bertanggung jawab atas informasi tentang aplikasi masa depan. Anda perlu memberikan namanya, deskripsi singkat dan memilih logo. Logo harus dalam format PNG dan berukuran 160x160 piksel.

Perhatikan nomor telepon yang ditampilkan di sebelah kanan. Itu selalu menampilkan aplikasi Anda dengan perubahan yang Anda buat.

Langkah 2. Mengisi dengan konten

Setiap aplikasi yang dibuat melalui Windows Phone App Studio terdiri dari beberapa bagian. Setiap bagian adalah sekumpulan halaman yang saling berhubungan oleh semacam logika. Misalnya data yang bisa ditampilkan di halaman ini. Mari buat bagian baru di mana kita akan menggunakan RSS feed sebagai sumber data.

Di sini Anda perlu mengatur nama bagian yang akan datang, memilih jenis sumber data (Koleksi, RSS, video YouTube, gambar Flickr, pencarian Bing, dan konten HTML5 tersedia) dan memberinya nama. Setelah membuat bagian, kita akan dibawa ke halaman pengeditan.

Halaman pengeditan dibagi menjadi beberapa bagian. Di bagian Sumber Data, Anda dapat mengelola sumber data yang terkait dengan bagian ini. Bagian Halaman berisi daftar semua halaman yang termasuk dalam bagian tersebut. Anda akan melihat bahwa kami telah membuat dua halaman secara default. Yang pertama, disebut Blog, adalah halaman utama bagian tersebut, yang berisi entri yang dibaca dari RSS feed. Halaman Info kedua dibuat secara otomatis dan bertanggung jawab untuk menampilkan rincian setiap entri RSS ketika pengguna memilihnya dari daftar. Kami akan meninggalkan halaman bagian untuk saat ini dan mengedit sumber data terlebih dahulu. (dan jangan lupa klik Simpan Perubahan agar bagian tersebut tersimpan di proyek)

Langkah 2.1. Sumber data

Setelah memilih sumber data pada layar sebelumnya, kita akan dibawa ke jendela untuk mengeditnya. Karena kita telah memilih jenis sumber RSS, kita akan diminta menentukan URL dari mana data akan diterima. Untuk contoh ini, kami akan menggunakan RSS feed yang terletak di

Setelah Anda klik Refresh dan simpan hasilnya, halaman rumah aplikasi di emulator, Anda akan langsung melihat bahwa datanya berasal Umpan RSS sudah ditampilkan di aplikasi Anda. Ini sangat mudah dan berguna, karena Anda dapat langsung mengetahui seperti apa tampilan programnya. Misalnya, umpan RSS saya tidak melampirkan gambar ke postingan, melainkan Konstruktor aplikasi Studio menggantikan gambar default yang terlihat tidak pada tempatnya. Mari kita perbaiki ini.

Langkah 2.2. Mengedit tampilan halaman

Dengan memilih salah satu halaman pada halaman “Konfigurasi Konten Aplikasi” di bagian Halaman Bagian, Anda akan dibawa ke jendela untuk mengeditnya. Ada beberapa kemungkinan templat yang tersedia untuk setiap jenis halaman. Untuk halaman Blog yang awalnya ingin saya perbaiki, sudah diatur tampilan default untuk menampilkan postingan dan gambar. Mari kita pilih tampilan yang hanya memuat postingan, sekaligus menyesuaikan judul halaman:

Anda dapat langsung melihat perubahan aplikasi. Sekarang entri-entrinya berurutan satu demi satu, yang membawa tampilan aplikasi ke gaya minimalis. Sebaiknya perhatikan kolom Judul Item dan Subjudul Item. Alih-alih teks biasa Sekarang ada ekspresi yang tidak dapat dipahami tertulis di sana (Data.Judul) dan (Data.Summary). Bagi mereka yang familiar dengan WPF, ini bisa dibandingkan dengan Data Binding. Selebihnya akan saya jelaskan.

Karena bagian kita dibuat berdasarkan Sumber Data, kita harus dapat memperoleh data dari sumber ini. Ekspresi ini hanya berarti bahwa di bidang terkait kami ingin melihat informasi yang diterima dari RSS feed. Di sini objek Data mewakili satu postingan dari RSS, dan bidang Judul dan Ringkasan mewakili beberapa bagian spesifik dari postingan ini. Jika Anda mengklik ikon di sebelah kanan bidang, Anda akan melihat seluruh daftar bidang objek Data yang tersedia, di antaranya terdapat informasi tentang pembuat entri, tanggalnya, tautannya, dan banyak lagi.

Mari kita coba mengedit halaman Info dengan cara yang sama. Kumpulan templat yang sedikit berbeda tersedia untuk itu, di antaranya kami akan memilih yang paling sederhana dan paling sesuai:

Segala sesuatu di halaman ini kurang lebih sama. Satu-satunya hal adalah alih-alih objek Data, Konteks digunakan di sini, yang pada dasarnya sama.

Langkah 2.3. Menambahkan menu dan bagian lainnya

Selain bagian sederhana, Anda dapat menambahkan menu yang disebut ke Windows Phone App Studio. Ini adalah bagian yang terdiri dari daftar link ke bagian lain atau situs eksternal. Saya memutuskan untuk menambahkan menu ke bagian video situs ini sehingga Anda selalu memilikinya akses cepat Ke informasi yang berguna. Menambahkan menu mirip dengan bagian sederhana dan pengaturannya tidak sulit. Jadi saya sarankan Anda menguasai ini sebagai pekerjaan rumah.

Langkah 3. Gaya

Setelah selesai mengisi aplikasi dengan bagian, halaman dan menu, kita beralih ke pembicaraan tentang keindahan yaitu gaya. Di Bagian 3 “Konfigurasi Gaya Aplikasi” Anda dapat mengonfigurasi dasar skema warna, yang akan digunakan dalam aplikasi Anda. Saya memilih warna yang digunakan di blog - biru dan putih. Dengan demikian, pengaplikasiannya menjadi ringan dan menyenangkan, meski tidak ada perdebatan soal selera.

Warna Aksen Kuas menentukan warna aksen utama Anda. Ini bertanggung jawab atas header aplikasi. Background Brush, seperti yang Anda duga, bertanggung jawab atas warna latar belakang. Anda juga dapat memilih gambar jika menurut Anda lebih sesuai dibandingkan isian warna solid. Foreground Brush adalah warna font yang akan digunakan untuk menampilkan data di aplikasi Anda. Nah, Application Bar Brush adalah warna latar belakang menu bar yang ditampilkan di bagian bawah.

Langkah 3.1. Ubin

Ubin adalah bagian integral dari aplikasi apa pun untuk Windows Phone. Mereka dapat menyempurnakan aplikasi Anda dengan memungkinkan pengguna melihatnya informasi tambahan tanpa membuka jendela program utama. Tentu saja, di Windows Phone App Studio Anda tidak akan dapat membuat ubin pintar yang dapat memperbarui tampilannya secara mandiri dan memuat data tambahan dari suatu tempat. Namun, Anda dapat memilih dari beberapa perilaku standar menggunakan beberapa data statis. Misalnya, untuk aplikasi glamcoder saya memilih jenis ubin Iconic Template dan akan menampilkan deskripsi singkat aplikasi di dalamnya:

Langkah 3.2. Layar splash dan Lock

Ini adalah dekorasi tambahan yang akan membuat tampilan lamaran Anda lebih elegan dan rapi. Gambar Splash Screen adalah gambar yang ditampilkan kepada pengguna saat aplikasi Anda sedang dimuat. Biasanya, logo program atau perusahaan Anda ditempatkan di sana agar pengguna dapat segera memahami aplikasi mana yang akan dia gunakan saat ini.

Gambar Lock Screen adalah gambar yang akan ditampilkan pada layar kunci. Faktanya, ini tidak memiliki banyak arti praktis, karena gambar ini bersifat statis di dalam Windows Phone App Studio, dan kecil kemungkinannya pengguna ingin mengganti wallpaper Bing berwarna-warni dengan gambar Anda.

Langkah 4. Terakhir

Nah, kita telah mencapai tahap terakhir - membuat aplikasi pertama kita untuk Windows Phone. Di halaman terakhir bernama Hasilkan, opsi berharga menanti kita - untuk menghasilkan paket yang nantinya dapat kita instal di perangkat kita. Klik tombol besar Hasilkan aplikasi dan tunggu keajaiban bekerja.

Setelah pembuatan selesai, Anda akan melihat pesan terkait, serta beberapa opsi untuk dipilih. Pertama, Anda akan menerima email tempat Anda dapat mengunduh aplikasi Anda. Kedua, Anda dapat mengunduh file paket yang sudah selesai ke komputer Anda dan kemudian mempublikasikannya di toko aplikasi. Dan opsi ketiga adalah Anda dapat mengunduh kode sumber dari aplikasi yang dihasilkan untuk diedit. Saya menyarankan Anda untuk menggunakan cara ketiga. Pertama, ini akan memberi Anda lebih banyak fleksibilitas dan Anda akan dapat membuat perubahan yang tidak dapat dilakukan di Windows Phone App Studio. Dan kedua, dan ini yang paling penting, Anda akan dapat memahami kode aplikasi secara mandiri, mempelajari cara kerjanya, sehingga lain kali Anda dapat menulis semuanya sendiri.

Kesimpulan

Popularitas sistem operasi seluler tertentu saat ini tidak ditentukan oleh fungsi yang diberikan langsung kepada pengguna, tetapi oleh aplikasi yang tersedia di toko dan yang memungkinkan Anda memperluas fungsionalitas setiap perangkat tanpa batas. Saya sering mendengar orang yang tidak terlalu paham dengan Windows Phone mengatakan bahwa ini adalah sistem yang terbelakang, dan tidak ada aplikasi yang diperlukan dan omong kosong serupa. Semua ini tidak benar. Sistem secara aktif berkembang, setiap hari semakin banyak aplikasi baru, berguna, dan terkadang bahkan eksklusif bermunculan.

Saya sangat berharap artikel ini menginspirasi Anda untuk menulis aplikasi Windows Phone pertama Anda. Dan saya ingin percaya bahwa pengetahuan yang Anda peroleh akan membantu Anda berkreasi Instagram baru atau Angry Birds yang baru. Dan agar hal ini terjadi sedini mungkin, buka portal pengembangan untuk Windows Phone, pelajari materi, tonton video tutorial, dan berkreasi.

Semoga sukses dan lamaran bagus untuk Anda!

  • Sergei Savenkov

    semacam ulasan "pendek"... seolah-olah mereka sedang terburu-buru di suatu tempat