Naigation Page || Windows Phone - 22 November 2013

Kembali ke hari jum'aaaaaaatt~
Jumaah Mubarokah ! amieeennn......

Jumat ini aku nebeng dikelas vinna... kelas reguler.. kebetulan aku ada nikahan temen EO... aku jadi penerima tamu nya.... karena nikahan nya sore ke malem... jadi dri siang udah musti standby disana..  gtu...
untung udh pda kenal sama temen-temen vinna dan ntung bgt aku ga tau malu... jadi yaaaaaa why not ? ahahahahaha

Sama seperti kebiasaan dikelas aku, setiap diabsen pasti ada "keyword" nya.... dan keyword kali ini adalah "kenapa bisa kuliah TEDC" ahahaha asa kaya maba atuhlah... kan kalau perkenaan prtanyaan standart yang diajuin sama dosen nya begitu.... ehehehe
Temen-temen vinna ada yang jawab "Nyasar", "Terjebak", "Ga keterima di ITB", "Ga keterima dimana-mana" dan jawaban aku adalah ya itu tadi... "Cuma keterima disini" ahahahaha

yu ah cyynnn~
kita lanjut pembahasan nya ke materi....
sebenernya latihan yang dikelasnya tuh video nya dikasih nya 1-1.. ga ky biasanyaaaaaa... langsung bnyak video... tapi yang diupload nya juga sekarang tuh yang latihannya... bukan yang tutorialnya...

Judul pembelajaran kali ini adalah "Navigation Page" intinya sih nge-link ke halaman lain...gtu..
nah...... ini nih tampilan nya...... harus bisa masuk ke page-page yang ada.....

Seperti biasanya setelah kita mempuka aplikasi windows phone kita harus mengikuti langkah-langkah yang biasanya. Kali ini saya akan menamakan folder windows phone saya dengan nama “MainPage2”.
Setelah aplikasi telah terbuka, bisa di lihat seperti gambar di bawah

Klik kanan pada file MainPage2. Lebih lanjutnya lihat pada gambar dibawah

ita akan merubah nama folder menjadi “Views”. Sekarang kita akan menambahkan halaman baru agar kita dapat masuk kehalaman berikutnya. Caranya hampir sama dengan cara diatas, bedanya kita klik kanan pada folder “Views

Setelah itu akan mencul jendela seperti gambar dibawah ini

kita akan menuliskan nama file-nya . nama file bebas sesuai dengan nama yang anda inginkan.
Setelah itu kita tinggal mempersiapkan template apa saja yang dibutuhkan. Karna dosennya memberikan tugas yaitu dengan membuat 5 file dan setiap file saling berhubungan. Yang perlu di buat yaitu kita memerlukan 5 file

Setelah 5 file telah dibuat sekarang kita akan meng-double Click pada Button1 “Page 2” dan masukan kode seperti pada gambar dibawah ini.

Setelah itu kita ke halaman SecendPage.xaml.cs , kemudian masukan kode seperti pada gambar di bawah ini.

hasilnya akan seperti pada gambar dibawah ini.

Pada saat kita memasukan input pada TextBox dan kita mengklik Page 2 atau yang lainnya, maka hasilnya akan seperti gambar dibawah ini

Selesaaaaaaaaaiiii~

Iniah ceritaku.... apa ceritamu ?

Read More … Naigation Page || Windows Phone - 22 November 2013

UTS || Windows Phone - 15 November 2013

Tidak seperti hari jumat sebelum-sebelumnya, hari jumat ini tidak ada materi dan tidak ada keyword saat absensi……. You know what ? because jumat ini adalah pertemuan kedelapan yang emang udah dari sono nya dijadwalkan untuk uts…..

Dan juga tidak seperti biasanyaaaaaaaaaa…. Agak sedikit GJ juga karena kita musti menggabungkan 7macam materi yang udah pernah disampein jadi 1 aplikasi… You know GJ ny kenapa ? karena ternyata dosennya sendiri blm berhasil memecahkan soal itu…… Hadeuh~ denger itu kita jadi ga semangat….masa dosennya sendiri ngasih soal yang belum berhasil dia pecahkan……. Dan kita minta uts ini di “take home”kan karena matkul yang lain juga bgtu ckckckckck making a semangat denger waktu yang dikasih ke kita Cuma 100menit… itu mah denger video, cari-cari file sebelumnya juga udh keburu abis ckckckk

But, we still do it…….. because it’s our obligation. Pengen tau soal uts nya kaya apa ? nih ya aku kasih liat…

Dan yang berhasil aku kerjakan adalah soal berwarna merah dibawah ini…….

Pasti orang-orang bertanya-tanya kenapa aku cuma ngerjain 3 soal… yak an ? kenapa ya ? aku juga ga tau…. Mungkin saat itu kita kebanyakan protes, dan terlalu berharap kalau negosiasi kita untuk menjadikan uts itu uts takehome berhasil ahahahaha ngarep bangetkan ? biarin ahh~ nama nya juga usaha ehehehe

Dikarenakan aku cuma bisa ngerjain 3 soal, aku Cuma dapet nilai 60…… ahahahaha sedih ga sih ? sedih banget… tapi ya apa boleh buat… salah diri aku sendiri…. Mau nyalahin siapa lagi ? ckckckck nyesel gay a ? ga sih… ga perlu disesali…. Anggap aja ini pelajaran….biar kedepan nya ga gitu lagi ehehehe

Mau tau aku biat aplikasi kaya apa ? wait wait yaaaaaaaaa..

Taraaaaaa~ ini ceritanya aplikasi data buku gitu deh…. Ehehehe simple sih…

Ini skriptingnya….

Aku kasih skripnya dari tengah aja yaaaaaa.. inti nya aja…

<!--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="UTS" Style="{StaticResource PhoneTextNormalStyle}" FontSize="48" FontStretch="Normal" />

            <TextBlock x:Name="PageTitle" Text="Advanced Visual Programming" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="34" />

        </StackPanel>

        <!--ContentPanel - place additional content here-->

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

            <Button Content="Time" Height="72" HorizontalAlignment="Left" Name="btn_time" VerticalAlignment="Top" Width="97" Click="btn_time_Click" FontSize="20" />

            <TextBlock Height="38" HorizontalAlignment="Left" Margin="98,24,0,0" Name="text_time" Text="" VerticalAlignment="Top" Width="304" />

            <TextBlock Height="30" HorizontalAlignment="Left" Margin="9,104,0,0" Name="text_kode" Text="Kode Buku" VerticalAlignment="Top" Width="123" />

            <TextBox Height="65" HorizontalAlignment="Left" Margin="133,88,0,0" Name="box_kode" Text="" VerticalAlignment="Top" Width="147" FontSize="20" />

            <TextBlock Height="30" HorizontalAlignment="Left" Margin="9,281,0,0" Name="text_nama" Text="Nama Buku" VerticalAlignment="Top" Width="123" />

            <TextBox FontSize="20" Height="65" HorizontalAlignment="Left" Margin="133,265,0,0" Name="box_nama" Text="" VerticalAlignment="Top" Width="239" />

            <TextBlock Height="30" HorizontalAlignment="Left" Margin="9,333,0,0" Name="text_desc" Text="Deskripsi" VerticalAlignment="Top" Width="123" />

            <TextBox FontSize="20" Height="107" HorizontalAlignment="Left" Margin="133,317,0,0" Name="box_desc" Text="" VerticalAlignment="Top" Width="317" />

            <Button Content="Submit" FontSize="20" Height="72" HorizontalAlignment="Left" Margin="133,414,0,0" Name="btn_submit" VerticalAlignment="Top" Width="124" Click="btn_submit_Click" />

            <TextBlock Height="126" HorizontalAlignment="Left" Margin="9,488,0,0" Name="text_submit" Text="" VerticalAlignment="Top" Width="434" TextWrapping="Wrap" />

            <TextBlock Height="30" HorizontalAlignment="Left" Margin="9,158,0,0" Name="text_jenis" Text="Jenis Buku" VerticalAlignment="Top" Width="123" />

            <RadioButton Content="Novel" Height="72" HorizontalAlignment="Left" Margin="129,143,0,0" Name="radio_novel" VerticalAlignment="Top" Width="124" />

            <RadioButton Content="Komik" Height="72" HorizontalAlignment="Left" Margin="129,202,0,0" Name="radio_komik" VerticalAlignment="Top" Width="130" />

            <RadioButton Content="Majalah" Height="72" HorizontalAlignment="Left" Margin="269,202,0,0" Name="radio_majalah" VerticalAlignment="Top" Width="155" />

            <RadioButton Content="Ensiklopedi" Height="72" HorizontalAlignment="Left" Margin="269,143,0,0" Name="radio_ensiklopedi" VerticalAlignment="Top" Width="181" />

        </Grid>

Inilah hasilku…. Sedikit banget kan scripting ny….. ahahaha gapapa lah yaaaaa… segini ge udah uyuhan ahahaha syukur allhamdulillah aku mah da apa pun hasil yang dikerjain yang penting syudah usaha…. Ehehehe

Inilah ceritaku…. Apa ceritamu ?

Read More … UTS || Windows Phone - 15 November 2013

Layout Control || Windows Phone - 8 November 2013

Selamat pagi cikguuuuu~

Mendadak ingat kata-kata itu ahahahaha jumat ini keyword nya adalah “Buku Favorit selain komik” dan buku favoritaku adalah Pintu Terlarang…… daaaaaannn… anak-anak mempertanyakan “emang ada ya buku itu ?” “Buku macam apa ?” ihhh~ norak… pda ga tw… ckckckck dan aku juga ga tau hrus bilang buku itu tentang apa…. Kalw memang penasaran, boleh dicoba dicari lah…. Di gramed-gramed terdekat ehehehe

Lanjut ke materi yu ahh cyyynnnn~

Materi kali ini adalah tentang “Layout Control”. Secara default Layout Control ada tiga yaitu

-          Grid

-          Stack Panel

-          Canvas

Ketiga element diatas merupakan element layout control.

Siapkan project baru beri saja nama project tersebut dengan LayoutControl. Drag element Canvas.

Pada dasarnya contol sebuah element seperti Buttom dan yang lainnya terdapat pada sebuah scrip atau coding. Seperti yang terlihat pada gambar di atas, ini adalah contoh element Canvas yang kita drag tadi.

Untuk memahaminya di butuhkan sedikit percobaan pada scip diatas. Scrip diatas aka nada jika kita sudah mendrag element canvas.

Sedikit percobaan ubah nilai Heigth, ubah HorizontalAlignment menjadi left atau yang lainnya silakan di uji coba dan lihat perubahannya.

Selanjutnya hapus saja Canvas jika sudah mendapat pencerahan. Selanjutnya kita akan berpindah pada element Grid. Langsung saja drag elemnt grid pada toolsbox pada visual studio kita..

Dan tambahkan scrip ini pada grid..

<Grid.RowDefinitions>

                    <RowDefinition Height="60*" />

                    <RowDefinition Height="60*" />

                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="100*" />

                    <ColumnDefinition Width="100*" />

                </Grid.ColumnDefinitions>

Dan lihatlah perubahannya…

Selain membuat grid seperti tambahan scrip diatas kita juga bisa menambahkan grid seperti gambar di bawah ini. Atur grid sesuai gambar…

Klik tanda ‘…’ maka akan muncul gambar dibawah ini…

Dan selanjutnya jika ingin menambahkan row langsung saja add dan beri nilai row tersebut.

Tujuan layout dari grid tersebut adalah untuk mengatur agar Buttom atau element yang lainnya tersusun rapi. Contohnya seperti table jika di desain web, atau css-nya gitu deh.

Silverlight Event Handler

Event Handler adalahsebuah system yang menjebatani antara user dan aplikasi. Jadi apa yang user lakukan akan di tangkap oleh Event Handler ini.

Gambar di atas yang telah di lingkarin merah itulah eventhandler. Kita bisa menggunakan Event Handler melalui properties atau juga langsung melalui coding.

Input Control

Seperti biasa kita buat project baru, kita beri nama InputControl. Ok selanjutnya kita akan membuat GridRowDefinition melalui coding….

Nah seperti ini yang kita buat terdiri dari 7 row dan 3 colums.

Lalu tambahkan Input Control TextBox

<TextBox Grid.Column="2"

                     Height="70"

                     HorizontalAlignment="Stretch"

                     Margin="22,6,0,0"

                     Name="mytextbox"

                     Text="TextBox"

                     VerticalAlignment="Stretch"

                     TextChanged="mytextbox_TextChanged"

                     Width="250" />

Selanjutnya tambahkan element – element lainnya seperti dibawah ini …

<PasswordBox Grid.Column="2"

                         Grid.Row="1"

                         Height="70"

                         HorizontalAlignment="Stretch"

                         Name="mypass"

                         VerticalAlignment="Stretch"

                         Width="250"

                         Margin="25,8,-3,8"

                         PasswordChanged="mypass_PasswordChanged" />

<CheckBox Grid.Row="2"

                      Height="72"

                      HorizontalAlignment="Stretch"

                      Margin="9,7,0,0"

                      Name="mycheckbox"

                      VerticalAlignment="Stretch"

                      Content="Ar you sure you want to do this ?"

                      Grid.ColumnSpan="3" Width="441"

                      Checked="mycheckbox_Checked" />

<RadioButton Content="Male"

                         Grid.Column="2"

                         Grid.Row="3"

                         Height="72"

                         HorizontalAlignment="Stretch"

                         Name="radioButton1"

                         VerticalAlignment="Stretch"

                         Margin="10,10,0,0"

                         GroupName="mygroup"

                         IsChecked="True"

                         />

           

            <RadioButton Content="Female"

                         Grid.Column="2"

                         Grid.Row="4"

                         Height="72"

                         HorizontalAlignment="Stretch"

                         Margin="9,8,59,0"

                         Name="radioButton2"

                         VerticalAlignment="Stretch"

                         Width="204"

                         GroupName="mygroup"

                         />

<ListBox Name="mylistbox"

                     Grid.ColumnSpan="3"

                     Grid.Row="5"

                     Grid.RowSpan="2"

                     SelectionChanged="mylistbox_SelectionChanged">

                <ListBoxItem Content="First Option" />

                <ListBoxItem Content="Second Option" />

                <ListBoxItem Content="Third Option" />

                <ListBoxItem Content="Fourth Option" />

                <ListBoxItem Content="Fifth Option" />

                <ListBoxItem Content="Sixth Option" />

                <ListBoxItem Content="Seventh Option" />

                <ListBoxItem Content="Eighth Option" />

               

            </ListBox>

dan jika semua elemt sudah di tambahkan, dan jika semua pengaturan atau coding sudah benar maka interface-nya akan seperti gambar di bawah ini…

Dan langsung jalankan untuk melihat apakah program yang kita buat tidak error

Oh iya jangan lupa tambahkan element Buttom

<Button Content="OK"

                    Grid.Column="2"

                    Grid.Row="7"

                    Height="72"

                    HorizontalAlignment="Stretch"

                    Margin="35,108,24,35"

                    Name="mybuttom"

                    VerticalAlignment="Stretch"

                    Click="mybuttom_Click"

                    />

Nah selanjutnya double klik pada element Buttom

private void mybuttom_Click(object sender, RoutedEventArgs e)

        {

            string TBvalue = mytextbox.Text;

            string PBvalue = mypass.Password;

            //bool? CBvalue = mycheckbox.Checked;

            string CBvalue = "";

            if (mycheckbox.IsChecked == true)

            {

                CBvalue = "yes";

            }

            else

            {

                CBvalue = "no";

            }

            string RBvalue = "";

            if (radioButton1.IsChecked == true)

            {

                RBvalue = "Male";

            }

            else

            {

                RBvalue = "Female";

            }

            ListBoxItem LBItem = (ListBoxItem)mylistbox.SelectedItem;

            //string LBItemValue = (string)LBItem.Content;

            string LBItemValue = LBItem.Content.ToString();

        }

    }

}

Dan….. inilah ceritaku.. apa ceritamu ?

Read More … Layout Control || Windows Phone - 8 November 2013