Pages

Minggu, 29 Desember 2013

Input Scope || Windows Phone - 20 Desember 2013

Allhamdulillah udah jum'at lgi ihh meni teu ka raos~

Dan jum'at ini bapa nya udah sembuh ahahahaha tapi aku datang telat... abis dari percetakan mabroooo~ *curhat*
pas aku masuk, anak-anak + dosen-dosen flat-flat aja lah... aku inisiatif aja tanya "Pa, aku telat loh... ko ga ada keyword ny sih ?" anak-anak malah pda teriak "nyanyi-nyanyi" wkwkwk efek dangdutan-dangdutan mulu nih dikelas... ahahaha
Keyword absensi hari ini adalah "Apa yang kamu banggakan dari Politeknik TEDC Bandung"  mau tau ga jawaban aku apa ? Udah bisa ketebak belum ? ahahahaha
aku jawab, "Bangga dengan Jembatan Polteknya" ahahahaha padahal situasi jembatan poltek saat ini lagi longsor lah... konyol.. ckckckckk

Udah ahh~ kembali kemateri yu cyyynnnnn...

praktekkan cara menggunakan input scope tersebut .

  • Buka visual studio 2010, pilih file kemudian pilih new project.
  • Pilih visual c# dan windows phone app.
  • Beri nama InputScopeApp
  • Pilih windows phone Os 7.1.
  • Buat tiga buah textbox dan textblock.
  • Kemudian masukkan coding seperti gambar yang telah saya tandai di bawah ini.

  • kemudian anda tinggal merubah name valuenya sesuai dengan kebutuhan anda.
  • Dan berikutnya anda hanya tinggal menambahkan coding yang di blok tersebut, untuk menambahkan input scopenya.
  • Jalankan program, dan begitulah cara menggunakan input scope ini.
Berikutnya mari kita bahas materi lanjutannya mengenai isolated storage, isolated storage merupakan sebuah penyimpanan yang terisolasi. Jadi, windows phone ini menyediakan sebuah API buat kita para pengembang software agar bisa menyimpan file-file kita yang di butuhkan aplikasi.
Isolated storage ini terbagi dua, yaitu file storage dan setting storage. Jadi kita bisa menyimpan dalam bentuk file atau settingan. Dan untuk menjaga keamanan, walaupun windows phone menyediakan isolated storage, kita hanya dapat mengakses isolated storage pada aplikasi kita sendiri. Jadi, aplikasi yang lainnya, tidak akan bisa kita buka isolated storagenya melalui aplikasi kita, kecuali data kontak atau data sms.
Walaupun windows phone menyediakan isolated storage ini dengan kapasitas tidak terbatas, selaku pengembang yang bijak, kita juga harus tau, bahwa smartphone itu, storagenya sangat kecil. Jadi jangan sampai aplikasi kita itu membebani smartphone kita.
Seperti itulah penjelasan singkat mengenai isolated storage, file storage dan setting storage. Saya rasa masih cukup mudah dipahami, karena penjelasan ini masih sangat sederhana. Nanti kedepannya saya akan mempraktek kan bagaimana cara penggunaan isolated storage, file storage dan setting storage dalam sebuah aplikasi sederhana, agar anda dapat lebih mudah memahami masing masing dari setiap fungsi berikut.

saya rasa cukup sampai disini dulu tutorial saya semoga bermanfaat untuk semuanya. Dan saya mohon maaf kepada bapak dosen,  atas keterlambatan postingan minggu ini di karenakan gangguan koneksi sebelumnya .. mohon di maklumi ..
Read More … Input Scope || Windows Phone - 20 Desember 2013

Tidak Ada Pertemuan || Windows Phone - 13 Desember 2013

Assalamu'allaikum jum'at~

Hari ini ternyata ga ada pertemuan loh....... Kata-katanya sih bapa nya sakit..... Cepat sembuh ya bapa biar bisa ktmu lgi di jumat depan ehehehe

Dan tumben-tumbenan sekali kita ga ada tugas.. ada sih.... bikin project untuk UAS..
tpi bingung.... soalnya belum ajuin judulnya.... jadi aja ampe lupa ga upload deh... ehehehe
Read More … Tidak Ada Pertemuan || Windows Phone - 13 Desember 2013

Rabu, 11 Desember 2013

Application Button || Windows Phone - 6 Desember 13


Assalamu’allaikum Jum’at…….
Subbhanallah ya jum’at dating begitu cepat…. Dan setiap jum’at akan selalu bertemu dengan Advanced Visual Programming..
Udah lama ga ngitung jumlah pertemuan…..dan ga kerasa sekarang udah sampe di pertemuan ke 12… ckckckk subhanallah.. waktu berjalan bgtu cepat…saking betah nya di dunia nih…

Dan pengabsenan kali ini, keyword nya adalah “Apa yang kamu banggakan dari indonesia”…. Beberapa temen-temen ada yang jawab “karena sumberdaya alamnya”, ”karena makanan-makanannya”, ada juga yang jawab “Karena pahlawan-pahlawan nya”, “karena koruptor-koruptornya” dank arena ga boleh sama tiap orang…… aku jawab aja “aku bangga sama Indonesia karena kamu~ (nada genit)” wkwkwkwkwk sontak sekelas pada ngetawain ehehehe

Hayu ahh cuss balik lgi ke matakuliah nya ehehehe Latihan kali ini membahas tentang Application Bar Icon Button dan Application Bar Menu Item.  Application bar icon button ini merupakan sebuah tombol yang akan muncul di bar atau bagian bawah aplikasi. Tombol inilah yang di sebut application bar icon button. 

Tepat di sebelah kanan button, ada symbol “…” yang apabila tombol ini di klik, akan menampilkan application bar menu item.  Application bar menu item ini merupakan menu yang tampil seperti biasa, tetapi bedanya, menu ini terdapat di dalam application bar.

Langsung saja kita praktekkan latihan application bar ini :

Sebelum kita mengisikan  item-item dan codding-nya, terlebih dahulu ikuti langkah-langkah berikut :
  • Buka file C pada laptop/PC anda
  • Kemudian pilih program file (untuk windows phone 2010 (32 Bit), tapi kalau anda memakai  64 Bit, maka yang anda pilih program file x86).
  • Selanjutnya pilih Microsoft SDKs
  • Pilih Windows Phone
  • Dan pilih yang v7.1
  • Pilih Icon
  • Pilih Dark
  • Pilih icon yang anda butuhkan. Tapi dalam tutorial saya kali ini, saya akan mencontoh kan 4 icon, yaitu icon appbar.add.rest, appbar.cancel.rest, appbar.check.rest. dan appbar.delete.rest.

Setelah itu langsung saja kita praktekkan pembuatan application bar tersebut :
  • Buka visual studio 2010, pilih file kemudian pilih new project.
  • Pilih visual c# dan windows phone app.
  • Beri nama ApplicationBar
  • Pilih windows phone Os 7.1.
  • Terlebih dahulu kita kan membuat folder baru pada project yang akan kita buat. Folder ini berfungsi untuk menyimpan gambar icon yang akan kita pergunakan. Berilah nama folder tersebut dengan nama “Images”, setelah itu, buat satu folder lagi di dalam folder images tersebut, berilah nama “AppBar” pada folder  tersebut. Kemudian masukkan gambar yang anda pilih tadi ke dalam folder AppBar tersebut.
  • Guna dari folder AppBar ini yaitu untuk mengorganisir images yang khusus untuk aplikasi bar saja. 
  • Blok ke empat  gambar icon pada folder AppBar.
  • Lihat pada menu properties dan search “Build Action”
  • Klik pada kotak build actionnya dan pilih “Content”.
  • Kemudian buka MainPage.xaml, sekarang kita akan memasang icon-icon itu pada bar-nya. Pada aplikasi Microsoft Visual windows phone 2010,  menu bar-nya telah disiapkan, namun codding-nya masih dalam bentuk coment. Untuk lebih jelasnya, anda bisa melihat coding di bawah ini :

<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="addAB" IconUri="/images/appbar/appbar.add.rest.png" Text="add" Click="addAB_Click" />
            <shell:ApplicationBarIconButton x:Name="cancelAB" IconUri="/images/appbar/appbar.cancel.rest.png" Text="cancel" Click="cancelAB_Click"/>
            <shell:ApplicationBarIconButton x:Name="checkAB" IconUri="/images/appbar/appbar.check.rest.png" Text="check" Click="checkAB_Click" />
            <shell:ApplicationBarIconButton x:Name="downloadAB" IconUri="/images/appbar/appbar.download.rest.png" Text="download" Click="downloadAB_Click" />
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="menuitem1" Text="MenuItem 1" Click="menuitem1_Click" />
                <shell:ApplicationBarMenuItem x:Name="menuitem2" Text="MenuItem 2" Click="menuitem2_Click" />
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>
   

</phone:PhoneApplicationPage>


Maka application bar tersebut telah selesai di buat. Seperti tampilan di bawah ini :




Sekarang saya akan membuat icon button tersebut dapat  berfungsi saat saya mengkliknya.
Langkah pertama yaitu , saya akan membuat folder baru lagi pada file ApplicationBar dan nama foledernya yaitu “Views” setelah itu saya akan membuat item baru pada folder Views tersebut, caranya :

Buat sebuah halaman lagi, misalkan saja kita membuat page download.



Kemudian klik pada button downloadnya, masukkan coding berikut :

NavigationService.Navigate(new Uri("/view/downloadpage.xaml", UriKind.Relative));

Ini baru 1 button yang dikasih fungsi yaaaaaaaa… anda bisa menambahkan beberapa aksi lain agar aplikasi lebih menarik…
Owkey~

Ini ceritaku…. Apa ceritamu ?
Read More … Application Button || Windows Phone - 6 Desember 13

Selasa, 03 Desember 2013

Image Control || Windows Phone - 29 November 2013


Selamat pagi jumaaaaaaattttt~
Seperti hari hari biasa nya, setiap kali kita diabsensi selalu ada keywordnya…. Daaaannnn.. keyword kali ini adalah film yang paling memotivasi kamu… Do you know what ? masa ada yang jawab film “Zombie” aneh banget kan… ahahahaha entah sisi sebelah mananya yang paling memotivasi si dia…… kita sebut saja dia bunga…. Ahahahaha
Dan saat nama aku dipanggil, aku jawab, “Film korea… Judul nya Miracle of Giving Full” soalnya film ini lah yang memotivasi aku buat sayang sama ade aku ehehehe… keliatan bgt kan sebelumnya ga sayang sama ade ehehehe
Oke…….. kita Lanjut aja langsung ke materi latihannya yaaaaaaaa…
Latihan kali ini kita disuruh bikin foto yang berjajar dan bisa kita pilih… kaya gini nih….



Penasaran ? ikuti langkah-langkah nya……
Seperti biasa sediakan semua alat untuk membuat sebuah project yang berupa
MS.visual studio 2010 express for windows phone
• File- new project
• installed templates –visual c# – windows phone application
Name : ControlImage
Location : c:\users\administrator\documents\visual studio 2010\Projects
Solution name : ControlImage
Check list :create directory for solution
Ok
• select the windows phone platform : windows phone os 7.1 – ok
o jika anda manggunakan software Ms.windows phone versi lain anda dengan platform yang lebih tinggi ,maka disaran kan untuk anda agar tetap memilih windows phone os 7.1 karena o.s 8.0 belum support dengan os yang lama
• sebelum ke menu desain kamu bisa menambahkan folder baru pada bagian atas,add-new folder-rename =image-add –existing item –pilih gambar 1 – 9 gambar.
• pada bagian MainPage.xaml buat sbagai berikut :
Tarik grid nya….. bikin 9 bagian…
Masukin 9 gambar itu dimasing-masing grid nya…
<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>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using System.Windows.Media.Imaging;

namespace ImageControl1
{
    public partial class MainPage : PhoneApplicationPage
    {
        // Constructor
        public MainPage()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/uchull.jpg", UriKind.Relative));
            myimage.Source = newimage;
            button1.Visibility = Visibility.Collapsed;
            button2.Visibility = Visibility.Visible;

        }

        private void button2_Click(object sender, RoutedEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/doratop.jpg", UriKind.Relative));
            myimage.Source = newimage;
            button2.Visibility = Visibility.Collapsed;
            button1.Visibility = Visibility.Visible;
        }

        private void image1_ImageFailed(object sender, ExceptionRoutedEventArgs e)
        {

        }

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

        }

        private void image2_ImageFailed(object sender, ExceptionRoutedEventArgs e)
        {

        }

        private void image2_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/Doraemon01.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 2";
        }

        private void image3_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/doraemon1.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 3";
        }

        private void image4_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/doraemon1024.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 4";
        }

        private void image5_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/Doraemon38a.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 5";
        }

        private void image6_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/doratop.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 6";
        }

        private void image7_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/uchull.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 7";
        }

        private void image8_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/Doraemon-Akira.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 8";
        }

        private void image9_Tap(object sender, GestureEventArgs e)
        {
            BitmapImage newimage = new BitmapImage(new Uri("images/Doraemon01.jpg", UriKind.Relative));
            myimage.Source = newimage;
            MyTeksBlock.Text = "Aku doraemon 9";
        }
    }
}
 
oke deh... finish.........
Inilah ceritaku….. apa ceritamu ?
Read More … Image Control || Windows Phone - 29 November 2013