Minggu, 08 Desember 2013

Catatan Kuliah Pertemuan ke 11 Mata Kuliah Windows Phone | 06 Desember 2013

Catatan Kuliah Pertemuan ke 11 Mata Kuliah Windows Phone | 06 Desember 2013 - Dalam kesempatan ini saya akan menerangkan tentang membuat Application Bar seperti icon button dan Item di Aplikasi windows Phone SDK 7.1. Application bar yaitu kita membuat Button dan Item kita tempatkan.

Langkah-langkahnya:
  • Buka Software WIndows Phone SDK 7.l
  • Pilih File
  • Pilih New Project
  • Pilih Visual C# Windows Phone Application
  • Beri nama file tersebut dengan nama yang kalian inginkan
  • Klik OK
  • Pilih Windows Phone OS 7.1
  • Sebelum membuat aplikasi windows phone kita perlu untuk menyediakan icon button nya di google
  • Namun Windows Phone SDk juga sudah menyediakan icon nya dengan cara :
Pergi ke C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\dark
  • Buat Polder "Images" di Solution Explorer nya seperti gambar di bawah ini:
  • Setelah itu masukan image yang ada di C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\dark pilih image yang anda inginkan kalau saya memilih 4 image yaitu seperti gambar di bawah ini:
  • Masukan ke 4 image tersebut ke polder Appbar seperti gambar di bawah ini:

  • Ganti build icon gambar tersebut dari resource menjadi content di properties nya seperti gambar di bawah ini:
  • Nah sekarang kita tinggal menambahkan scrip nya seperti gambar di bawah ini agar menambahkan gambar icon nya:

  • masukan scrip di atas seperti gambar di bawah ini:
  • Sekian tutorial dari saya semoga bermanfaat

Jumat, 29 November 2013

Catatan Kuliah Pertemuan Ke 10 | 29 november 2013

Catatan Kuliah Pertemuan Ke 10 | 29 november 2013 - Dalam kesempatan ini saya akan menjelaskan tentang cara pembuatan control image yaitu kita memindahkan gambar dengan sekali klik berubah-ubah gambar nya. Langsung aja kita ke langkah-langkah nya

Langakah-langkah membuat image control dengan Software Windows SDK 7 :
  • Buka software Windows Phone SDK 7 ( 2010 )
  • Pilih File
  • Pilih New Project
  • Pilih Visual C# > Windows Phone Application
  • Beri nama file nya menjadi "Control Image" ( terserah kalian buat apa aja namanya )
  • Klik OK
  • Pilih Windows Phone OS 7.1
  • Sebelum kita memasukan gambar kita harus membuat dulu desai tampilannya seperti gambar di bawah ini:





  • Untuk Properties Image dan button nya :
Button
Nama : button1
Content : Lihat Gambar
Image
Nama : image1
  • Nah kalau sudah membuat desainnya kita tinggal memasukan gambar nya ke dalam  kolom kotak image tadi untuk membuat gambar nya menjadi bisa di pinddahkan kita harus menambahkan gambar nya 2 buah atau lebih.
  • Nah ini adalah cara menambahkan gambar nya
  • Klik kanan di Solution Explorer
  • Pilih "Add"
  • Pilih "New Polder" Seperti gambar di bawah ini:
  •  Beri nama polder nya menjadi "Image"
  • Setelah membuat polder kita juga harus memasukan gambar di polder tersebut dengan cara
Klik kanan dipada polder "Image" nya  > Pilih Add > Pilih Exsiting item seperti ga,bar di bawah ini

  • Setelah itu maka akan muncul gambar di bawah ini nah kita pilih gambar yang di inginkan seperti gambar di bawah ini kalau saya hanya memasukan 2 gambar

  • Kalau sudah di pilih gambar 2 tersebut maka akan hasilnya sperti ini di polder nya :
  • Sekarang kita tinggal mengatur gambar nya ke kolom image tadi dengan cara memasukan gambar ke Source nya dengan cara:
Klik kotak image tadi ubah source di properties nya seperti gambar di bawah in yang di tandai ( memasukan gambar nya cukup satu aja )

  • Sekaran kita tinggal memasukan source nya di tombol "Lihat Gambarnya" dengan cara megklik tombol nya 2 kali maka akan masuk ke "MainPage.xaml.cs" Seperti Source di bawah ini:


  • Kalau sudah di buat scrip nya maka jalankan aplikasi nya maka hasilnya akan seperti ini:
Sebelum di klik tombolnya
Sesuddah di klik tombolnya

  • Kalau di klik 1 kali lagi tombolnya maka gambar tersebut tidak bisa kembali ke gambar senyum sebelumnya 
  • Nah kita harus membuat tombol 1 nya lagi kalau mau tombol nya di klik langsung ke gambar sebelumnya lagi
  • Buat Button 1 lagi dengan cara mengkopi button yang sudah ada
  • Seperti gambar di bawah ini:
  • Setelah itu timpa button1 dengan button 2 sehingga kelihatan menjadi 1 seperti gambar di bawah ini:
  • Nah kalau sudah maka kita memasukan source code nya lagi di MainPage.xaml..cs nya
Setelah di tambahkan Source Codenya maka Source code akan berubah menjadi seperti ini:
  • Setelah itu jalankan aplikasi nya maka akan seperti gambar di bawah ini:
Sebelum di klik
Setelah di klik
 Setelah di klik kembali

Selasa, 26 November 2013

Catatan Kuliah Pertemuan ke 9 22 November 2013 Navigation Page

Catatan Kuliah Pertemuan ke 9 22 November 2013 Navigation Page - Dalam kesempatan ini saya akan menjelaskan tentang membuat Navigation Page yaitu tentang perpindahan halaman dari halaman 1 kel halaman 2, 3 dll.  Kalau mau tata caranya maka saya akan membuat langkah-langkah nya di bawah ini

Langkah-Langkah Navigation Page :
  •  Buka Software windows Phone SDK 7.1
  • Pilih File
  • Pilih New Project
  • Pilih Visual C# > Windows Phone Application
  • Beri nama file nya menjadi Tugas Napigation Page ( terserah kalian buat apa aja namanya )
  • Klik OK
  • Pilih Windows Phone OS 7.1
  •  Buat Desain Untuk Tampilan nya seperti gambar di bawah ini :

  • Beri nama Setiap Komponen ToolBox nya Di Proprties
TextBlock
Text : Masukan Nama
TextBox
Nama : NameTextBox
Text : Kosongkan
 TextBlock
Nama :NamaTextBlock
Text : Kosongkan
Button 1
Nama : MyButton1
Content : Kirim ke Page 2
Button 2
Nama : MyButton2
Content : Kirim ke Page 3
Button 3
Nama : MyButton3
Content : Kirim ke Page4
 Button 4
Nama : MyButton4
 Content : Kirim ke Page5
  • Untuk membuat halaman 2, 3 , 4 dan 5 Dengan cara Menambahkan Halaman di Solution Explorer nya
  • Klik Kanan Di "TugasNavigationPage" 
  • Pilih "Add"
  • Pilih "New Polder" Seperti gambar di bwah ini:

  • Beri nama foldernya "View"
  • Nah sekarang kalau kita sudah membuat Polder nya tinggal kita membuat halaman 2, 3, 4 dan 5 di dalam poldernya dengan cara seperti di atas
  • Klik kanan di Polder "View"
  • Pilih "Add"
  • Pilih "New Item"
  • Pilih Visual C#
  • Pilih "Windows Phone Portrait Page"
  • Beri nama nya dengan Page 2
  • Untuk membuat Page 3, 4 dan 5 tinggal kita mengulang yang tadi tapi beri nama Page 3, Page 4 dan Page 5 seperti gambar di bawah ini :

  • Untuk membedakan halaman nya beri nama Halamnya dengan Page 2, Page 3, Page 4 dan Page 5 dengan cara kita memasukan namanya di Page Title nya di source codenya  seperti gambar yang di tandai di bawah ini:
  •  Buat Desaign di Page 2, 3, 4 dan 5 nya
Desain Page 2

Desain Page 3
Desain Page4
 Desain Page 5
  • Setelah itu masukan scrip scrip di bawah ini
MainPage.xaml.cs
Page2.xaml.cs
Page3.xaml.cs
Page4.xaml.cs
Page5.xaml.cs
  • Nah kalau sudah di buat scrip nya makan hasilnya akan seperti ga,bar di bawah ini :



Senin, 11 November 2013

Pertemuan ke 6 Windows Phone

Clash And Silverlight

  • Pertama-tama Klik File > New Project > Windows Phone Aplication C#
  • Beri nama "(sesuai keinginan kalain )" samakan dengan soultion name
  • Pilih Windows Phone OS 7.l lalu OK
  • Buat Button dan Textbox seperti di bawah ini

  • Element yang ada di mainPage.xaml adalah sebuah class sepertii button seperti gambar di bawah ini :


  • maksudnya element sperti (grid) dan (button) itu merupakan sebuah class dari net liberary. Button yang kita buat merupakan sebuah class kita juga bisa mengaksesnya lewat MainPage.xml.cs dengan cara meng klik 2 kali tombol button yang kita buat tadi seperti gambar di bawah ini
  • di button tersebut kita bisa mengedit nama seperti mengubah namanya tinggi nya lebarnya dll. Dan jika kita ingin memasukan sebuah element button lagi kita hanya harus mengegeserkan tombol button dari Toolbox yang ada di pinggir nya seperti gambar di bawah ini
  • Sekian 

Jumat, 18 Oktober 2013

Catatan kuliah Minggu ke 4 Mata Kuliah Pemograman Mobile

Dalam pertemuan ke 4 ini hari nya pun sama, jam sama, untuk mata kuliah pemograman windows phone. Dalam pertemuan mata kuliah ke 4 ini saya langsung ke ruangan lab di ruangan lab pun sudah ada dosen nya dan temen kuliah saya juga yang masuk ruangan nya lebih awal. Dosen pun langsung meng absen semuanya dengan saatu syarat haarus menyebutkan nama teman yang di kagumi di kelas saya.
“Ageug Hidaya” Ujar Dosen
“Belum hadir Pak” Ujar kami semua.
Di dalam suasana pengabsenan pun kami pun tertawa dengan terbahak-bahak karena banyak yang bercanda saat pengabsenan tersebut. Aduh ada juga yang mengkagumi saya Zulkifli eh kagum nya karena saya suka membantu dia kalau ada dosena tau tidak. Nah sekarang pun giliran saya ke absen
“Yayat Ruhiyat” ujar dosen.
“Zulkifli Pa”
“kenapa kamu memilih zulkifli?” ujar dosen
“karena Zul baik pa suka mengerjakan tugas kita semua pak”.
Di absen pun sudah selesai dan dosen pun sudah memberikan vidio tutorial ke 4  yang harus di kerjakan.
            Nah sekarang saya mulai mau mengerjakan vidio tutorialnya, dalam mengerjakan vidio tutorial ini saya akan menerangkan tutorial dalam mengerjakan tugas nya.
Membuat Create and Calling simple methode.
  • Pertama-tama Klik File > New Project > Windows Phone Application C#
  • Buat Namanya “ SimpleHelpMethod”
  • Pilih Windows Phone OS 7.1
  • Buat 1 Button dan 1 texkBlock seperti gambar di bawah ini

  • Ganti Nama Button dan TextBlock nya
Button

Nama               : MyButton
Content           : Lihat
TextBlock
Nama               : MyTextBlock
Text                 : (kosongkan)
Ingin tau secara lengkapnya lihat di bawah ini: 



  • Double Klik Tombol Button nya terus masukan Scrip ini di mainpage nya

MyTextBlock.Text = superSecretFormula();
        }
        private string superSecretFormula()
        {
            return "Hai, Apa kabar?";
        }
    }
Seperti gambar di bawah ini :

  • Kalau sudah di jalankan maka akan menampilkah hasilnya di bawah ini jika kita menekan tombol lihat


  • Nah sekarang kita menambahkan Button 1 lagi
 Button 2
 Name               : MyButton2

Content           : Lihat2
Seperti gambar di bawah ini :
 


  • Sekarang kita tinggal memaasukan scrip nya di button dua dengan meng klik 2 kali lihat2 nya

Scriptnya :
            private void MyButton_Click(object sender, RoutedEventArgs e)
        {
            MyTextBlock.Text = superSecretFormula("yayat");
        }
        private string superSecretFormula(string myName)
        {
            return String.Format ("Hai, Apa kabar?, {0}", myName);
        }

        private void MyButton2_Click(object sender, RoutedEventArgs e)
        {
            MyTextBlock.Text = superSecretFormula("Budi");
        }

Kalau sudah di tambahkan maka kita ekssekusi nah akan menghasilkan tampilannya seperti gambar di bawah ini :

      Jika meng klik Lihat yang pertama:


Jika meng klik tombol lihat 2 :


Dalam mengerjakan tugas dosen pun mengungumkan jalau sudah 15 menit lagi untuk pulang, saya pun senang kareana saya sudah jenuh ingin cepat pulang ke kosan. Mahasiswa teman saya pun juga sudah mondar-mandir kemana saja. Dalam pelajaran ini pun saya banyak mendapat pengetahuan tentang pemograman mobile ini, saya juga lebih tau tentang scrip yang ada di hanphone windows phone ini. Dalam mengerjakan vidio tutorial dosen pun mondar-mandir untuk melihat kami apakah bisa atau tidak mengerjakan vidio tutorial dan apakah kami mengerjakan atau tidak, kalau tidak mengerjakan dosen pun menegur kami agar mengerjakannya. Dalam mengerjakan vidio tutorialnya saya bersebelahan dengan ageng yang sama mengerjakannya. Ageng sangatlah cepat dalam mengerjakannya dia sudah vidio tutorial yang ke 3 tetapi saya baru yang pertama, yang pertama pun belum selesai. Waktu pun sudah menunjukan pukul jam 08.00 wib  kami bergegas untuk bersiap-siap untuk pulang. Laptop masing-masingpun di masukan ke kantong.
“Ayo pimpin doa” Ujar dosen.
Rendra pun langsung memimpin doa untuk pulang.
“Sebelum pulang marilah kita berdoa, berdoa di mulai” ujar rendra
Kami pun langsung berdoa untuk pulang

Nah setelah berdoa kami pun bergegas-gegas untuk pulang.


Sabtu, 12 Oktober 2013

Catatan Kuliah Minggu ke 3 Mata Kuliah Pemograman Mobile

Jumat, 11 Oktober 2013
            Dalam kesempatan ini saya akan sedikit bercerita tentang cerita kuliah dalam mata kuliah pemograman mobile dalam pertemuan ke-3. Mata kuliah pemograman Mobile di mulai pukul 16.30 wib kami pun menunggu jam 4 itu sangat lama sekali karena di pagi-pagi kami ada mata kuliah pertama yang selesainya pukul 11.00 wib. Setelsh mrnunggu beberapa jam akhirnya waktu pun menunjukan pukul 16.00 wib, saya dan teman sekelas bersiap-siap untuk ke kampus di lantai 3 ruang lab komputer. Setelah sampai di ruangan lab kami pun merasa cape karena harus naik tangga hingga lantai 3 tanpa naik lip di karenakan tidak ada lip di kampus kami. Di ruangan lab sudah duduk dosen mata kuliah pemograman mobile karena dia baru mengajar kelas lain di ruangan yang sama.
“Assalamuallaikum”
“Walaikum salam” ujar dosen.
Di ruangan pun terasa berbeda karena ruangan tersebut sudah di rehab. Mahasiswa sudah duduk di kursi masing-masing sambil menghidupkan laptop dan komputer lab.
“Yang merasa ganteng ayo pinpin doa” ujar dosen.
“pimpin doa rendra kata temen-temen mahasiswa. Di karenakan rendra yang selalu memimpin dota untuk memulai mata kuliah pemograman mobile.
“berdoa dalam hati di mulai menurut ajaran masing-masing” ujar Rendra
            Dosen pun mulai memberikan vidio tutorial Pemograman Windows Phone untuk di pelajari dan di peraktekan. Saya pun langsung meminta ke salah satu teman saya untunk menyalin vidio nya ke laptop saya. Setelah menyalinnya ke laptop saya, saya langsung mengerjakannya.
Di dalam mengerjakan tutorial vidio ini saya akan memberikan sedikit tutorial saya dalam mengerjakan tugas ini.
  • Buka Software Windows Phone 7.1
  •  File > New Project > Windows Phone App C#
  •  Buat nama Projecctnya “AcceptingInput”
  • Pilih Windows Phone 7.1
  • Pertama-tama masukan dahulu “TexBok” seperti gambar di bawah ini

  • Setelah itu masukan “TextBlock” atur sesuai keinginan masing-masing seperti gambar di bawah ini:


  • Setelah itu masukan “TextBlock” atur sesuai keinginan masing-masing seperti gambar di bawah ini:


  • Beri nama Texbox dengan nama “MyTexBox” dan kosongkan text nya seperti gambar di bawah ini:


  • Ganti juga nama TextBlock juga dengan nama “MyTextBlock” dan textnya kosongkan juga seperti gambar di bawah ini:


  •  Beri nama Texbox dengan nama “MyTexBox” dan kosongkan text nya seperti gambar di bawah ini:





    • Double Klik Tombol Button untuk menambahakan Scrip
                  String newValue;
    newValue = MyTextBox.text;
    MyTextBlock.Text = "You typed: " + newValue;

            ke MainPageNya seperti gambar di bawah ini:



    • Nah sekarang tinggal jalankan aplikasinya dengan cara tekan tombol F5 dan akan menampilkan seperti gambar di bawah ini:




    • .     Nah sekarang scrip yang ke 2 skrip yang tadi tambahkan hurup “//”  di depan scrip tadi seperti gambar di bawah ini


    •       Kalau sudah di tambahkan tanda // di depan scrip tadi nah sekarang kita menambahkan scrip yang ke 2 untuk menjalankan aplikasinya scripnya ini
      “ MyTextBlock.Text = "You typed: " + MyTextBox.Text;
       Seperti gambar di bawah ini:





    •       Nah sekarang tinggal jalankan aplikasi nya dengan menekan F5
      Nah ini adalah hasilnya







    Nah setelah kita melihat hasilnya maka hasil scrip ke 2 dan pertma sama hasilnya :


                Waktu pun sudah menunjukan pukul 08.00 wib maka waktu untuk mta kuliah Pemograman mobile habis. Mahasiswa pun sudah mulai jenuh dan mondar-madir kesana-kemari karena sudah tidaj betah di ruangan lab terus karena ingin cepat pulang dan harus mengerjakan tugas catatan kuliah yang ke 2 yang belum mengerjakan nya. Dosen pun sudah menyuruh untuk berdoa , mahasiswa pun sudah mulai tenang dari ribut-ribut. Rendra pun memulai nenimpin doa untuk mengakhiri mata kuliah pemograman mobile pertemuan ke 3.

    Nah sekian cerita kuliah saya semoga bermanfaat bagi yang membacanya