Universal Apps (RememberMe) Part 5: Cara membuat apps bundle di Universal Apps

07.52 , , , 0 Comments

Selamat malam semua, kembali lagi sama gua. Kali ini gua mau membahas cara membuat appsbundle yang biasa buat upload ke store.

Langkah pertama silahkan kalian buka solution yang akan di buat packetnya, kemudian silahkan lihat di bagian solution Explorer, bagi yang belum kebuka solution explorernya silahkan klik menu view kemudian klik solution explorer atau bisa dengan shortcut Crtl+Alt+L
Solution Explorer
Setelah keluar solution exploernya, klik kanan pada solution Windows Phone atau Windows yang akan di buat packetnya kemudian pilih store, pilih Create App Packages
Create Packages
Kemudian akan muncul pilihan apakan package akan di upload ke store atau tidak, apabila iya nanti kalian akan di minta untuk login ke akun developer masing-masing



Setelah kalian berhasil masuk ke akun microsoft, nantinya akan tampil list apps yang berada di akun anda. Silahkan memilih nama aplikasi yang akan kalian publish, kemudian klik next. Tunggu proses sampai selesai dan tampil seperti ini
Lokasi package sesuai dengan apa yang tampil di tampilan di atas, atau seperti biasanya tempatnya berada di document/Visual Studio 2013/Project/Nama Project


Sekian dari gue, apabila ada pertanyaan silahkan komen aja ga usah sungkan :)

0 komentar:

Universal Apps (RememberMe) Part 4: Perpindahan halaman dan mengatasi Tombol Back pada Windows Phone

21.09 , , , , , , , 0 Comments

Kali ini gua mau sedikit cerita soal masalah yang gua temuin ketika bikin Universal Apps. Pertamanya gua kira perpindahan apps di Universal Apps sama kaya di Windows Phone, eh waktu gua cobain ternyata kaga bisa, tapi alhamdulillah setelah tanya sana sini ketemu juga solusinya.

Pindah halaman di Universal Apps

Tidak seperti dulu di Windows Phone 8.1 perpindahan antar halaman menggunakan kode di bawah ini :

NavigationService.Navigate(new Uri("Tujuan.xaml?Prams" + pramsValue, UriKind.Relative));

Sekarang di ubah menjadi seperti ini 

 this.Frame.Navigate(typeof(Tujuan));

Mengatasi halaman di back keluar aplikasi

Handling back button Windows 8.1 Universal app, Windows phone 8.1
Back error

Bagi anda yang mengalami juga masalah ketika aplikasi di back harusnya kembali ke halaman sebelumnya, namun apikasi malah keluar atau ketutup ini solusinya :

Tambah kan kode ini di App.xaml.cs

#if WINDOWS_PHONE_APP
using Windows.Phone.UI.Input;
#endif

        public App()
        {
            this.InitializeComponent();
            this.Suspending += this.OnSuspending;
#if WINDOWS_PHONE_APP
            HardwareButtons.BackPressed += HardwareButtons_BackPressed;
#endif
        }
#if WINDOWS_PHONE_APP
        void HardwareButtons_BackPressed(object sender, BackPressedEventArgs e)
        {
            Frame rootFrame = Window.Current.Content as Frame;
            if (rootFrame != null && rootFrame.CanGoBack)
            {
                e.Handled = true;
                rootFrame.GoBack();
            }
        }
#endif

Sekian pengalaman gue, buat sourcecode lengkapnya bisa di download disini 

0 komentar:

Universal Apps (RememberMe) Part 3: Membuat layout home

19.12 , , , , 0 Comments

Yups, kali ini gw mau membahas bagaimana cara membuat layout atau tampilan Home pada Apps yang akan saya buat (RememberMe). Sebelum kita mulai membahas cara membuat layout, tentunya kita harus kenal tentang XAML.

Apa itu XAML?

XAML adalah singkatan dari eXtensible Application Markup Language yang biasanya di sebut dengan "zammel". XAML di developing Microsoft dengan berbasis XML. XML itu bagaikan HTML di website yang berguna membuat view di website, sedangkan XML untuk membuat view di windows Apps.

Apa yang akan kita buat ?

Disini kita akan membuat layout dengan satu tile, tombol start, score, dan about. Tampilanya akan seperti ini :
Universal Apps, Remmeber Me, MSP
Tampilan untuk Windows Phone 8.1
Universal Apps, Remember Me, MSP
Tampilan untuk Windows 8.1

Bagaimana cara membuatnya ?

Pertama kita akan merubah backgroud apps dengan cara menambahkan code berikut :
Windows Phone 8.1 di ketik di luar tag <Grid></Grid>


<Page.Background>

    <ImageBrush Stretch="Fill" ImageSource="Assets/BG.png"/>

</Page.Background>


Windows 8.1 di ketik di dalam tag <Grid></Grid>


<Grid.Background>

     <ImageBrush Stretch="Fill" ImageSource="Assets/BG-W.png"/>

</Grid.Background>


 Setalah itu kita membuat layout yang di ketik di tag <Grid></Grid>
Windows Phone 8.1

<Grid.RowDefinitions>
            <RowDefinition Height="120"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="90"/>
            <RowDefinition Height="90"/>
            <RowDefinition Height="90"/>
            <RowDefinition Height="2*"/>
 </Grid.RowDefinitions>

Windows 8.1

<Grid.RowDefinitions> <RowDefinition Height="240"/> <RowDefinition Height="*"/> <RowDefinition Height="100"/> <RowDefinition Height="100"/> <RowDefinition Height="100"/> <RowDefinition Height="2*"/> </Grid.RowDefinitions>

Setalah itu kita membuat layout yang di ketik di tag <Grid></Grid>
Windows Phone 8.1 dan Windows 8.1
<StackPanel VerticalAlignment="Center" Margin="0, 20, 0, 0">
            <TextBlock Text="REMEMBER" FontSize="40" TextAlignment="Center" VerticalAlignment="Center" FontFamily="Quartz MS" FontWeight="Bold" Foreground="#FFDFECDC" />
            <TextBlock Text="ME" FontSize="40" TextAlignment="Center" VerticalAlignment="Center" FontFamily="Quartz MS" FontWeight="Bold" Foreground="#FFDFECDC" />
        </StackPanel>
        <Image x:Name="btn_start" Grid.Row="2" Height="80" Width="180" HorizontalAlignment="Center" Source="Asset/btn-start.png" />
        <Image x:Name="btn_score" Grid.Row="3" Height="80" Width="180" HorizontalAlignment="Center" Source="Asset/btn-score.png" />
        <Image x:Name="btn_about" Grid.Row="4" Tapped="btn_about_Tapped" Height="80" Width="180" HorizontalAlignment="Center" Source="Asset/btn-about.png"/>

Sampai sini saja share kali ini, untuk source lengkap bisa di lihat disini untuk WP dan disini untuk Windows


0 komentar:

Universal Apps (RememberMe) Part 2: Add SplashScreen, Tile and Icon

14.14 , , , , 0 Comments

Oke, di kesempatan kali ini gw mau membahas soal SplashScreen, Tile dan Icon. Tidak seperti saat kita developing apps di Windows Phone atau Windows yang hanya memikirkan asset pada satu platflom saja, sekarang kita harus memikirkan unkuran dan desain Asset yang akan kita buat nanti sesuai dalam dua platflom.

Apa sih persyaratan umum asset yang dapat di masukan ke dalam apps?

Dalam hal ini jenis file yang diterima hanya berupa png, .jpg, .jpeg, or .gif selain jenis file tersebut tidak di dukung oleh platflom Universal Apps. Selain itu ukuran asset yang akan di masukan harus kurang dari atau sama dengan 200KB dengan dimensi kurang dari atau sama dengan 1024x1024 pixels.

Ukuran tile pada universal apps

  • Tiny (30x30) (Windows only)
  • Tiny (44x44) (Windows Phone only)
  • Small (70x70) (Windows only)
  • Small (71x71) (Windows Phone only)
  • Medium (150x150)
  • Wide (310x150)
  •  (310x310) (Windows only)
Apabila anda ingin mengganti image pada tile tersebut, silahkan klik pada package.appxmanifest yang berada dalam solution Windows untuk Windows 8.1 dan solution Windows Phone 8.1. Setidaknya di Universal Apps harus terdapat Medium, dan Tiny Tile. 
Untuk tiny dan small tile tidak seperti live tile yang lain akan muncul di depan, namun tile ini akan muncul ketika kita melakukan pencarian pada apps tersebut. Jadi tile ini akan menjadi icon pada saat pencarian nanti.

Add SplashScreen

Untuk menambahkan SplashScreen silahkan ikuti langkat pada bambar di bawah ini
Pertama silahkan open package.appxmanifest kemudian klik Visual Assets,
Windows Phone 8.1
Windows 8.1
Setelah itu pilihan menu Splash Screen pada bagian kanan aplikasi, nanti akan keluar tampilan seperti di bawah ini

Kemudian Masukan asset yang sesuai kriteria yang di minta, contohnya untuk platflom Windows 8.1 dapat menggunakan resolusi 1152x1920 pixel, 672x1120 pixel, atau 480 x 800 pixel sedangkan untuk platflom Windows 8.1 dapat menggunakan ukuran 1116x540 pixel, 868x420 pixel atau 620x300 pixel.

Cukup sampai situ aja artikel dari gw, semoga bermanfaat untuk kalian dan silahkan tunggu artikel selanjutnya

0 komentar:

Universal Apps (RememberMe) Part 1: Pengenalan lingkungan VS 2013

11.16 , , 0 Comments

Apa itu Universal Apps ?

Universal Apps adalah aplikasi yang dapat berjalan di dua platflom (Windows Phone dan Windows 8.1) yang berbeda dengan code yang sama. Dengan hal ini developer dimungkinkan membuat membuat dua apps dengan share code code yang sama.

Cara membuat project universal apps di VS 2013 Update 2

  1. Silahkan klik file>new project, nanti akan keluar tampilan seperti dibawah ini
  2. Pilihlah bahasa yang akan anda gunakan. Disini saya menggunakan bahasa C#, ada juga dapat menggunakan bahasa basic, C++.
  3. Pilih bahasa pilihlah Store Apps, di situ ada pilihan Universal Apps, Windows Apps, Windows Phone Apps, karena kita ingin membuat Unerversal Apps maka kita pilih yang Universal Apps.
  4. Kemudian pilih Blank App, di blank app ini nanti akan tidak ada template sama sekali, apabila anda ingin mengunakan template dari VS anda dapat memilih Hub App
  5. Isilah Name sesuai nama aplikasi yang akan kalian buat kemudian klik OK

Strukture file Universal Apps


Biasanya apabila kalian membuat apps di Windows Phone ataupun di Windows 8.1 hanya akan muncul solution Windows atau Windows Phone saja, sedangkan di Unviersal Apps kedua solution itu akan muncul semua dan ditambah kan solution shared.
Solution shared ini berfungsi sebagai jembatan atara solution WindowsPhone dengan Windows, selain itu semua coding yang berada dalam solution Shared akan dapat digunakan atau di akses di solution Windows maupun Windows Phone

Perbedaan tampilan Windows dan Windows Phone

Windows Phone

Windows 8.1


0 komentar:

Langganan: Postingan (Atom)