Technology Information: 2013

Aplication Bar | 6 desember

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

Read User's Comments(0)

ImageControl | 29 november 2013

01.26 | Label: Cerita Kuliah

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">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

</StackPanel>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

</Grid>

</ScrollViewer>

</Grid>

</Grid>

<!--<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…

Read User's Comments(0)

Navigation Page | 22 November

06.59 | Label: Cerita Kuliah

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...

Read User's Comments(0)

UTS | 16 NOVEMBER

07.24 | Label: Cerita Kuliah

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 '-)

Read User's Comments(0)

PlatingWithXAML&ControlLayout | 8 November

21.20 | Label: Cerita Kuliah

Assalamu’alaikum . . . wr wb..

Apakabar semua? semua kita dalam keadaan sehat dan siap serta penuh motivasi dalam belajar

windows phone, Oke sebelum kita memulai belajar windows phone bersama2 mari kita awali dengan membaca basmalah bersama-sama, Bismillahirahmanirahim... Oke jika mau doa silahkan doa masing2 ya.. :)

Oke dalam kesempatan ini saya akan meresume pelajaran yang telah saya dapatkan di kelas matakuliah windows phone tentang "playingwithXampl, 2_LayoutControl, 3_SilverlightEventHandler dan 4_InputControl" lumayan banyak ya.. hehe

oke silahkan buat project baru dengan nama playin xampl . . .

saat kita memasukan tools yang ada di toolbox sebenarnya file xaml langsung mendeteksi lalu membuatkan codenya yang bisa kita ubah juga dalam xaml, sehingga sebenarnya kita bisa membuat tools2 yang ada di toolbox dengan bycode tapi kebanyakan dari kita males ngetik sehingga lebih enak dengan clik n drag dari tools ke file design Xaml ya... hehe. . .

oke contohnya seperti ini liat gambar..

kita clik n drag button maka otomatis di xaml akan ada Button, ok coba lage kita akan membuat SupportedOrientation di mana device akan menyesuaikan layoutnya dengan Potrait atau landscape, biasanya kita sering memakai device dengan rotation, saat device dimiringkan maka semua aplikasi akan mengikuti miring, nah kita akan mengatur itu di xaml denan mencari supportedOrientation, isi dengan PotraiandLandscape, jika sudah maka akan seperti ini, dan Orientation itu untuk awal aplikasi saat dijalankan kita ubah aja dengan POTRAIT,

Materi 2...

Oke di materi ke 2 ini kita akan belajar Layout Control, dimana Layout Contol ini terdiri dari Canvas, Grid dan StackPanel, oke kita akan membuat canvas terlebih dahulu silahkan buat project dengan nama LyoutControl lalu clik n drag canvas dan ubah HorizontalAligment dengan= "Streach" dan VerticalAligment ="Streach", streach ini untuk memberi nilai dari 2 sisi, untuk horizontal dari nilai left n right dan Vertical = top & buttom,

Oke kita sekarang belajar control layout dengan Grid, dengan grid silahkan clik n drag grid yang ada.. dan ubah dengan coding seperti ini, buat 2 row dengan 2 column, disini kita akan buat row dengan size 100 dan column 60, oke setelah itu jika kita ingin menambah row atau colum kita langsung saja buatkan codingnya sama dan tinggal ubah size nya saja,

setelah itu gmn klo kita ingin menambahkan object lain didalam grid itu maka isikan saja button atau tolls lainnya dan posisikan dimana kita ingin letakan, jika disini saja letakan di row 1 dan column 0, ingat ya grid ini dimulai dari 0, oke maka tampilan coding dan hasilnya seperti ini..

StackPanel, nah berikutnya kita akan belajar stackPanel, apa itu stack panel saat kita klik header itu ada block-blockkan, nah itu dia stack panel, block2 yang mengatur dengan rapih antara value2 itu, jika sudah silahkan tarik stackpanel dari toolbox masing dan coba pasang di design xamlnya, jika sudah coba kita isikan dengan textblock dan textbox, maka dia akan tersusun rapih dengan tinggi yang sama, itulah keggunaan stackpanel, membuat value yang didalamnya tersusun rapih jika tadi di canvas kita bisa letakan dimana saja tapi di stackpanel dia akan otomatis ter susun.

Oke sampai sini dlo ya... nanti kita coba lanjutkan karna saya hari ini hanya belajar 2 mata pelajaran saja... Ok see you next time

Read User's Comments(0)

Technology Information

Labels

Mengenai Saya

Category

Archives

Lencana Facebook

Aplication Bar | 6 desember

ImageControl | 29 november 2013

Navigation Page | 22 November

UTS | 16 NOVEMBER

PlatingWithXAML&ControlLayout | 8 November

Blogger news

Popular Posts