Labels

RSS

Aplication Bar | 6 desember

08.22 | Label:





Oke selamat malam, apa kabar semua semoga dalam keadaan sehat dan siap serta penuh motivasi dalam melanjutkan belajar review pembelajaran windows phone.. mari kita ucapkan basmalah bersma2.. :)
bismillahirahmanirahim.... oke maaf sebelumnya saya telat karna kemarin lage kurang enak badan tapi sebenernya bukan alasan juga ya.. tapi gpp yang penting saya tebus hutang dengan tetep posting... oke ya..

kita akan belajar aplication. apa itu aplication bar.. di windows phone sendiiri telah disediakan aplication bar sebagai ciri khas khusus OS ini dengan berupa button atatu menu ya.. jadi kita tidak usah membuat button atau menarik button dari toolbox lagi kita cukp menggunakan yang namanya aplication bar.. ok

sekarang buat project baru dengan nama aplication bar...
setelah itu masuk kedalam program files dan cari folder ini..
oke jika sudah copy kan fle yang di block di atas dan buat folder images dan folder Addbar..
dan paste kan di folder itu seperti ini..

jika sudah ketikan atau hapus saja tanda --> di atas dan --> di bawah
hingga seperti ini dan ketikan tambaha2 dan edit urlIconnya seperti file yang tadi kita pastekan kedalam folder addBar


oke lebih lengkap codingnya seperti ini
<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/images/Appbar/appbar.add.rest.png" Text="Add" x:Name="ApplicationBarIconButton1" />
            <shell:ApplicationBarIconButton IconUri="/images/Appbar/appbar.cancel.rest.png" Text="Cancel" x:Name="ApplicationBarIconButton2" />
            <shell:ApplicationBarIconButton IconUri="/images/Appbar/appbar.delete.rest.png" Text="Delete" x:Name="ApplicationBarIconButton3" />
            <shell:ApplicationBarIconButton IconUri="/images/Appbar/appbar.edit.rest.png" Text="Edit" x:Name="ApplicationBarIconButton4" />
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 3"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 4"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 5"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 6"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

buat sama persisi ya... hehe... oke jika sudah klik properties dan coba pindah ke evenet yang ada gmbar lisrik dan munculkan icon clicknya dan ketikan seperti ini... mytextblock adalah output yang akan kita buat dari inputa application bar yang pernah kita buat... seperti ini..

dan jika silahkan runnin apa yang terjadi... insha Allah berhasil karna emulator saya sedang error jadi saya tidak bisa membukanya tapi jika tidak ada error insha Allah akan running normal... oke sekian dlo ya pertemau kali ini... semoga bermanfaat 

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Husni Mubarak

ImageControl | 29 november 2013

01.26 | Label:




Assalamu’alaikumm…  apakabar semua.. semoga dalam keadaan sehat dan siap serta penuh motivasi dalam mengikuti pelajaran resume windows phone, oke dalam kesempatan ini.. kita akan belajar cara mengatur image control, apa itu image control???
Image  adalah suatu widget atau fitur yang sangat penting dalam membuat aplikasi windows phone,

Image sangat berpengaruh untuk ke indahan atau complek aplikasi windows phone itu sendiri, mnah disni kita akan belajar membuat gallery sederhana dengan menggunakan image dalam memperindah itu…
Oke seperti biasa kita buat project baru dengan nama imagecontrol atau apa saja terserah anda2 lah ya…
Lalu pasang Grid dengan 3 coloum dan 3 row,, lalu kita bungkus dengan scrollviewer, codingnya seperti ini…

















Ini adalah coding MainPage.xaml
<phone:PhoneApplicationPage
    x:Class="ImageControl1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Image Height="210" HorizontalAlignment="Left" Margin="134,31,0,0" Name="myimage" Stretch="Fill" VerticalAlignment="Top" Width="202" Source="/ImageControl1;component/images/doratop.jpg" />
            <Button Content="Button" Height="72" HorizontalAlignment="Left" Margin="356,31,0,0" Name="button2" VerticalAlignment="Top" Width="160" Click="button2_Click" />
            <ScrollViewer>
            <Grid Height="284" HorizontalAlignment="Left" Margin="33,291,0,0" Name="grid1" VerticalAlignment="Top" Width="417">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="134" />
                    <ColumnDefinition Width="149" />
                    <ColumnDefinition Width="134*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="99" />
                    <RowDefinition Height="110" />
                    <RowDefinition Height="75*" />
                </Grid.RowDefinitions>
                <Image Height="93" HorizontalAlignment="Left" Margin="1,3,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="120" Source="/ImageControl1;component/images/Doraemon-Akira.jpg" ImageFailed="image1_ImageFailed" Tap="image1_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="14,2,0,0" Name="image2" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Column="1" Source="/ImageControl1;component/images/Doraemon01.jpg" ImageFailed="image2_ImageFailed" Tap="image2_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="6,4,0,0" Name="image3" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Column="2" Source="/ImageControl1;component/images/doraemon1.jpg" Tap="image3_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="2,8,0,0" Name="image4" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Row="1" Source="/ImageControl1;component/images/doraemon1024.jpg" Tap="image4_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="14,8,0,0" Name="image5" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Column="1" Grid.Row="1" Source="/ImageControl1;component/images/Doraemon38a.jpg" Tap="image5_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="8,8,0,0" Name="image6" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Column="2" Grid.Row="1" Source="/ImageControl1;component/images/doratop.jpg" Tap="image6_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="1,0,0,0" Name="image7" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Row="2" Source="/ImageControl1;component/images/uchull.jpg" Tap="image7_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="14,4,0,0" Name="image8" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Column="1" Grid.Row="2" Source="/ImageControl1;component/images/Doraemon-Akira.jpg" Tap="image8_Tap" />
                <Image Height="93" HorizontalAlignment="Left" Margin="8,6,0,0" Name="image9" Stretch="Fill" VerticalAlignment="Top" Width="120" Grid.Column="2" Grid.Row="2" Source="/ImageControl1;component/images/Doraemon01.jpg" Tap="image9_Tap" />
                    <TextBlock Grid.ColumnSpan="3" Height="30" HorizontalAlignment="Left" Margin="101,-44,0,0" Name="MyTeksBlock" Text="" VerticalAlignment="Top" Width="202" />
                </Grid>
            </ScrollViewer>
        </Grid>
        <Button Content="Button" Height="72" Margin="368,31,0,0" Name="button1" VerticalAlignment="Top" HorizontalAlignment="Left" Width="160" Click="button1_Click" Grid.Row="1" />
    </Grid>

    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>




Jika sudah kita kasihkan setiap Colum dan row nya itu dengan imageview..
Jika sudah dibuat maka buat folder images dan inputkan 9 gambar ke folder images itu..






Lalu klik di salah satu image dan klik Event lalu cari tap lalu klik 2 x di segitiganya seperti ini..






Lalu ketikan coding dibawah ini…
private void image1_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/Doraemon-Akira.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 1";

        }

lalu ketikan coding seperti ini…  diset dan di ubah dengan nama image masing2 tapi berbeda…
dan hasilnya adalah…


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Husni Mubarak

Navigation Page | 22 November

06.59 | Label:





Assalmualaikum...wr wb...

apa kabar semua, semoga dalam keadan sehat dan siap serta penuh motivasi dalam belajar windows phone.. Amin...
oke sekarng kita akan belajar navigation page.. apa itu navigation page, sperti biasa kita dalam belajar aplikasi mobile atau aplikasi lain kita akan belajar cara membuka atau berpindah dari satu layar ke layar lainnya, atau dari page satu ke page lainnya, ya kita akan coba belajar itu dan mengirimkan paremeter sederhana ke setiap pagenya.. tanpa panjang lebar langsung sja kita cao... :D

Oke buat project baru dan tambah gedget atau tools sperti gambar di bawah ini...
go to page 2 itu hyperlink dan yang lainnya anda sendri tau kan...
oke jika sudah di coding xamldi hyperlink tambahkan kode sperti ini di terakhir...




jika sudah kita buat folder baru dengan klin kanan di project lalu add-- new folder sperti gambar di bawah..




jika sudah lakukan hal yang sama tapi add -- new item
dan coba isikan secondpage.xaml


setelah itu coba ketikan coding seperti ini...





  ini untuk menangkap inputan dari navigation/page yang sebelumnya dan di output k
  kedalam myTeksSend.text nama dari textblock yang ada di page 1
  lalu ketikan coding seperti ini....








 ini untuk berpindah ke secondpage.xaml yang tadi kita buat...
 dan menangkap inputan dari myTeksbox ke string send lalu mengirimnya ke page 2...
ini contoh coding di second page...




dan lakukan hal yang sama terhadap page 2 smpai 5 insha Allah langsung bisa ko... cobain aja klo gx percaya... nanti klo ada mslh bisa comment ya  :)

dan hasilnya akan seperti ini...





  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Husni Mubarak

UTS | 16 NOVEMBER

07.24 | Label:










Assalamu’alaikum wr wb. . . .
Apa kabar semua semoga teman2 dalam keadaaan sehat dan siap serta penuh motivasi dalam mengikuti resume tutorial windows phone ini.. Oke tau gk hri ini kami UTS, dan pertama2 sempet shock pas pertma masuk kira2 apa ya UTSnya, haha temen2 termasuk saya bertanya kira2 apa ya uts, jangan2 suruh bkin aplikasi, tapi jujur saya tidak terlalu kwatir seblmnya karna sebelumnya sudah belajar, asik… hehe jadi tinggal mengulang aja pas UTS, ya pas masuk kami disuruh buat aplikasi yang mengandung fitur2 yang pernah di pelajari sebelumnya… kira2 bunyi soal UTS nya seperti ini temen2..
Buat aplikasi sesuai kreatifitas masing-masing. Dalam aplikasi tersebut harus mengadung fitur-fitur berikut ini :
1.    Menerima/mengirim nilai input/input dari dan ke user (10)
2.    Fungsi IF atau SWITCH Statement berdasarkan nilai input yang dimasukan oleh user (10)
3.    Fungsi FOR iteration (10)
4.    Tanggal sekarang dengan format 15 Septer 20013 08:00:00 (10)
5.    Penggunaan .NetClass (10)
6.    Membuat Class dan Namesapce pada file yang baru (10)
7.    Penggunaan Collection (10)
Hahaha… gimana menerut temen2? Gampang / susah. Tapi saya sendri langsung memikirkan atau mengatur alam bawah sadar saya bahwa ini gampang, “Akh insha Allah ini mah gmpang ucap saya kepada temen sebelah saya ulfi” hahaa… bukan sombong tapi mengatur mindset spy mmg gmpang :D

dan Akhirnya saya memulai membuat project, pertama saya buat grid dlo untuk merapihkan apa2 yang kurang, kurang lebih seperti ini..

 








Ya buat seperti diatas dlo ya… ada textbox, radiobutton dan button, udah pada tau kan gmn caranya bkinnya … : )
Oke sekarang namain semua, utk username kasihkan nama mytextbox, untuk Alamat mytextboxA, untuk button terserah deh ya.. oke kita coba buat dlo untuk no satu, klik pada button lalau ketikan koding sperti ini… di button ya biasa dibwah tadi juga boleh












Ini adalah untuk statement if jenis kelamin atau radio button, oke supaya cepat temen2 ikutin coding seperti ini aja ya… J





















Oke jika sudah kita buat Class baru dengan klik kanan pada project lalu add—class seperti gambar dibawah inI. Atau dengan klik ctrl+alt+c




Lalu ubah nama class dengan nama Class Mahasiswa
Lalu isikan coding seperi ini’



Oke jika sudah itu menambhakan bahwa nilai input yang akan kita input akan dikluarkan ke outputdata dan output data adalah kita masukna ke my textblock…
Maka hasilnya seperti ini...





Oke seperti ini dlo ya smapaiu ktmu besok lagi '-)



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Husni Mubarak
Langganan: Postingan (Atom)

Blogger news

Popular Posts