Reyza

tenang, senang, sederhana
See also: Other Geeks@INDC

Public

August 2009 - Posts

Ebook : ASP.NET & jQuery Bab 1 & 2
cover-resize

 

Pada posting ini akan saya perkenalkan sepenggal bagian dari ebook yang tengah saya tulis yaitu : ASP.NET & jQuery, Mudah menggunakan jQuery dengan Visual Web Developer 2008 dan Glimmer.  Penggalan ebook ini terdiri atas dua (2) bab yang terdiri atas 127 halaman.

{Bab 1}

  • JavaScript (Apa yang dapat JavaScript lakukan ?, Tata Cara menulis JavaScript, Memisahkan HTML, CSS dan JavaScript)
  • jQuery (Memulai jQuery, Cara Kerja jQuery, Tanda dollar pada jQuery , Kenapa memilih jQuery ?, Kemampuan jQuery , Siapa pengguna jQuery ? )
  • Visual Web Developer 2008, jQuery  & ASP.NET (JavaScript Intellisense, jQuery Intellisense, Kerjasama jQuery & ASP.NET, HTML & ASP.NET)

{Bab 2}

  • jQuery Core.
  • Selector.
  • Attribute.
  • Traversing.
  • Manipulation.
  • Mengelola CSS.
  • Event.
  • Effect.

Masih banyak kekurangan dari ebook ini, oleh karena itu mohon masukkannya dan koreksi bila terjadi kesalahan dari teman-teman untuk membuat ebook ini menjadi lebih baik.

Penggalan ebook ini dapat didownload di sini.

Share this post: | | | |
Posted: Aug 29 2009, 05:51 AM by reyza | with 16 comment(s)
Filed under: ,
Expression Encoder 3 Screen Capture

Sekarang, Expression Studio 3 terasa makin ‘lengkap’ saja, pada versi sebelumnya kita hanya akan menemui :

  • Expression Blend.
  • Expression Web.
  • Expression Design.
  • Expression Encoder.

Sekarang pada Expression Studio 3, terdapat ‘anggota baru’ yaitu :

  • Expression Encoder 3 Screen Capture.
  • Expression Web 3 SuperPreview.

Sebelumnya, Ronald sudah bercerita tentang Expression Web 3 SuperPreview di sini. Pada posting ini akan bercerita sedikit tentang Expression Encoder 3 Screen Capture yang sebenarnya merupakan fitur dari Expression Encoder.

image

Expression Encoder 3 Screen Capture adalah aplikasi yang dapat digunakan untuk merekam kejadian pada layar komputer, selain dapat juga sekaligus merekam suara baik yang keluar dari komputer ataupun yang ditangkap oleh mikrofon. Bila ingin sekaligus merekam gambar dari webcam, maka aplikasi ini pun mampu.

Dapat dilihat pada gambar berikut ini yang merupakan panel kontrol dari Expression Encoder 3 Screen Capture.

image

Tombol dari kanan ke kiri, tombol yang paling kanan adalah tombol untuk memulai merekam. Tombol kedua adalah tombol untuk menampilkan jendela setting seperti pada gambar di bawah ini.

image  image

Sedangkan tombol ketiga pada panel kontrol adalah tombol untuk mengaktifkan webcam.  Untuk melihat apa yang ditangkap oleh webcam, kita cukup mengarahkan mouse pada tombol tersebut maka secara otomatis akan ditampilkan jendela baru untuk menampilkan output yang ditangkap webcam.

Tombol selajutnya adalah tombol untuk mengaktifkan mikrofon, sekaligus kontrol slider untuk mengatur volume suara yang akan direkam.

Bila semua setting dan semua perangkat yang diinginkan telah diaktifkan, maka selanjutnya menekan tombol pertama pada panel kontrol.

image 

Kemudian buat ‘area rekam’ yang diinginkan, seperti yang terlihat dalam area dengan pembatas warna merah. Setelah area ditentukan dengan benar, maka tinggal menekan tombol dengan lingkaran warna merah. Dan setelah itu lakukan apa saja yang ingin anda rekam di dalam area tersebut. Saat proses perekaman terjadi, kita akan melihat status proses perekaman seperti berikut ini.

image

Bagaimana dengan penggunaan memori saat proses perekaman? Dapat dilihat pada gambar berikut ini.

image

Setelah proses perekaman dihentikan, maka secara otomatis akan ditampilkan layar preview seperti ini.

image 

Bila ingin menyimpan hasil rekaman tadi, dapat dipilih tombol yang ketiga, dengan extension *.XESC.

image

Pada jendela preview ini terdapat tombol untuk mengantarkan kita ke Expression Encoder (tombol kanan bawah), pada Expression Encoder kita dapat mengolah rekaman tadi, seperti mengecilkan ukuran, memberikan metadata atau membuat output video dalam bentuk halaman web dengan Silverlight Media Player. Output dari Expression Encoder dapat juga disimpan dalam format *.WMV sehingga dapat langsung diputar pada Windows Media Player.

Di jendela preview di atas, masih belum terlihat rekaman dari webcam, tetapi bila telah masuk dalam proses pengolahan di Expression Encoder maka dapat dilihat hasil rekaman webcam pada pojok kanan bawah.

image

Bagi yang ingin mencoba Expression Encoder dapat berkunjung ke url berikut : http://www.microsoft.com/expression/products/Encoder_Features.aspx.

Dan bagi yang telah berlangganan MSDN maka ISO dari Expression Studio dapat diunduh di http://msdn.microsoft.com/en-us/subscriptions/default.aspx.

{Selamat mencoba dan selamat menikmati libur akhir pekan}

Share this post: | | | |
Posted: Aug 28 2009, 07:44 PM by reyza | with no comments
Filed under:
MUGI @ STIMIK Banjarbaru : Day 2

Dihari pertama, Suherman sudah melaporkan kegiatan MUGI di STIMIK Banjarbaru yang berada di Banjarmasin, di sini.  Di hari kedua, giliran saya melakukan sharing di STIMIK Banjarbaru yang berada di Banjarbaru, yang terpisah 33 KM dengan tempat Suherman mengadakan acara sharing di hari pertama.

Pada hari kedua ini, saya membicarakan dua materi, materi non teknis dan materi teknis.  Materi non teknis yang saya bawakan berjudul “Siap & Berani Menghadapi Dunia Kerja” dan materi teknisnya adalah “Rich Internet Application with Silverlight 3”.

{Siap & Berani Menghadapi Dunia Kerja}

00-a

Pada sesi ini ada beberapa hal yang saya ceritakan, seperti :

  • Karir dan pekerjaan yang tersedia dan dapat dipilih di dunia IT.
  • Matakuliah-matakuliah yang akan ditemui saat kuliah.
  • Pentingnya mahasiswa untuk menggali kemampuan dirinya sendiri saat kuliah, dan mahasiswa mesti mengetahui keahlian-keahlian yang dibutuhkan oleh industri atau dunia kerja. Juga pentingnya mahasiswa untuk memiliki kemampuan atau keahlian yang unik sehingga saat bekerja nanti dapat memiliki posisi tawar yang lebih baik.
  • Dan lain-lain.

01

02

 

{Rich Internet Application with Silverlight 3}

00-b

Karena yang mengikuti acara ini adalah mahasiswa baru, sehingga pada sesi ini materi Silverlight yang diberikan adalah materi “hore-hore” yang gampang dilakukan oleh orang awam, seperti :

  • Fitur-fitur Silverlight 3.
  • Expression Studio 3 yang baru saja rilis, disini dicontohnya untuk melakukan encode video dan mempublishnya dengan Silverlight Media Player, tool yang digunakan adalah Expession Encoder 3. Kemudian membuat ‘materi presentasi’ yang menarik dengan menggunakan Deep Zoom Composer yang terbaru. Tidak ketinggalah pengguaan Blend 3 untuk membuat aplikasi Silverlight 3 yang sangat sederhana.

03

04

{Sesi Hore-Hore}

Karena kebetulan masih ada topi Visual Studio dan Kaos MUGI terbaru, maka saat sesi tanya-jawab kedua barang tadi diberikan untuk ‘memeriahkan’ suasana.

05

Share this post: | | | |
$(“#Apel”).find(“#Tujuh”).find(“#XP”)

$(“#Apel”) : elemen dengan identitas Apel dipilih.

$(“#Apel”).find(“#Tujuh”) : elemen dengan identitas Tujuh pada elemen identitas Apel dipilih. Artinya kode ini akan menunjukkan telah menemukan Windows 7 (Tujuh) pada mesin Apel bekas.

Selanjutnya akan dilakukan pencarian seperti berikut :

$(“#Apel”).find(“#Tujuh”).find(“#XP”) : fungsi dari kode ini untuk menemukan elemen dengan identitas XP di atas Tujuh.

Awalnya sudah puas dengan menggunakan $(“#Apel”).find(“#Tujuh”) karena performance-nya menjadi lebih baik bila dibandingkan dengan saat menggunakan $(“#Apel”).find(“#Vista”). Tetapi timbul keinginan untuk menggunakan $(“#Apel”).find(“#Tujuh”).find(“#XP”), walau ada perasaan harap-harap cemas dan bertanya-tanya apakah $(“#Apel”) support virtualization? Mau melakukan cek di BIOS…tapi apa daya tidak bertemu BIOS di mesin ini. Tapi tentu saja ada jalan lain untuk mengetahuinya, yaitu dengan Intel Processor Identification Utility, dan hasilnya “Intel Virtualization Technology” bernilai Yes. Thanks to Suherman yang sudah memberikan software ini.

image 

Selanjutnya tinggal mengikuti langkah-langkah installasi dan konfigurasi yang pernah di tulis Naren di sini.

Hasilnya :

image

Akhirnya bisa kembali “menikmati” IE6 untuk melihat hasil-hasil design XHTML/CSS yang telah dibuat. Awalnya untuk “menikmati” IE6 masih menggunakan Super Preview yang merupakan gank Microsoft Expression, tetapi software ini tidak bisa memberikan preview yang real, karena hanya menampilkan antarmuka saja, tidak dapat mengenalai Javascript yang melekat pada XHTML yang tela dibuat.

 

Note :

1. Buat apa menggunakan $(“#Apel"”).find(“#Tujuh”).find(“#XP”), kalau bisa langsung memilih elemen dengan $(“#XP”)? {tidak ada kerjaan mode :on}

2. Kapan IE6 menghilang dari muka bumi ini?

3. Selamat menunaikan ibadah puasa bagi yang mengerjakannya, mohon maaf lahir batin, semoga bulan Ramadhan dapat menjadi berkah bagi semua.

Share this post: | | | |
Creating Simple Widget for Telligent Community 5.0

Berbeda dengan Community Server, Telligent tidak menyediakan SDK yang dapat digunakan untuk mengembangkan Telligent Community 5.0.  Tetapi ada jalan lain yang dapat digunakan agar tetap dapat melakukan proses development pada Telligent Community 5.0. 

{Membuat Telligent Community 5.0 pada Visual Studio 2008}

Berikut ini adalah langkah-langkah yang dapat diikuti untuk membuat solution TC 5.0 pada VS2008 :

1. Buat solution pada VS2008 dengan memilih template pada Other Project Types > Visual Studio Solutions > Blank Solution.

2. Tambahkan project baru, ASP.NET Web Application dengan nama project TC.Web (misalnya).

image

Karena TC 5.0 dibangun di atas .NET Framework 3.5 maka tidak perlu dilakukan pengubahan target .NET Framework.  Berbeda dengan Community Server yang masih menggunakan .NET Framework 2.0.

3. Hapus semua folder dan file pada project ASP.NET Web Application sehingga hanya tersisa Properties dan References.

image

4. Salin seluruh file dan folder Telligent Community (kecuali folder bin) ke dalam project ASP.NET Web Application via Visual Studio 2008 (jangan lakukan proses penyalinan langsung via Windows Explorer). Untuk mendapatkan Telligent Community 5.0 dapat mengunduhnya di sini.

5. Tambahkan  file-file DLL yang ada dalam folder bin milik Telligent Community 5.0 ke dalam project ASP.NET Web Application dengan cara ‘Add Reference’.

image

6. Lakukan pengubahan file connectionStrings.config dan sesuaikan dengan konfigurasi yang digunakan untuk melakukan koneksi ke database.

7. Ubah properti System.Web.Routing yang ada pada References, agar properti Copy Local bernilai True.

image

8. Build solution dan View in Browser.

image

{Membuat Widget SUPER Sederhana}

Untuk membuat widget maka langkah-langkah berikut yang dapat diikuti, yaitu :

1. Buat project baru pada solution dengan menggunakan template Class Library dengan nama (misalnya) TC.Widget.Simple.

2. Tambahkan class dengan nama SimpleWidget.

3. Tambahkan System.Web, CommunityServer.Component dan Telligent.DynamicConfiguration pada References.  Selain System.Web, file DLL dapat ditemukan pada folder bin dalam Telligent Community 5.0.

image

4. Tulis kode berikut pada SimpleWidget.cs.

   1: using System;
   2: using System.Collections.Generic;
   3: using System.Linq;
   4: using System.Text;
   5:  
   6: namespace TC.Widget.Simple
   7: {
   8:     public class SimpleWidget : CommunityServer.Components.ExternallyImplementedContentFragmentBase
   9:     {
  10:         /// <summary>
  11:         /// SimpleWidget.ascx adalah file yang akan ditampilkan pada halaman web.
  12:         /// </summary>
  13:         public SimpleWidget() : base("~/CustomWidgets/SimpleWidget.ascx")
  14:         {
  15:         }
  16:  
  17:         /// <summary>
  18:         /// Keterangan widget.
  19:         /// </summary>
  20:         public override string FragmentDescription
  21:         {
  22:             get { return "This is my widget's description"; }
  23:         }
  24:  
  25:         /// <summary>
  26:         /// Nama widget.
  27:         /// </summary>
  28:         public override string FragmentName
  29:         {
  30:             get { return "Simple Widget"; }
  31:         }
  32:     }
  33: }
5. Tambahkan project TC.Widget.Simple sebagai Reference pada TC.Web.

6. Tambahkan file SimpleWidge.ascs dan folder CustomWidgets, karena folder dan file tersebut telah didefinisikan pada file SimpleWidget.cs seperti yang bisa dilihat pada baris ke 13 pada contoh di atas.

7. Build solution.

{Menggunakan Widget}

Untuk menggunakan widget yang sudah dibuat, terlebih dahulu mesti dilakukan ‘pemberian ijin’ pada Control Panel > System Administration > Site Administration > Site Content > Widgets.

image

Pindahkan Simple Widget dari are Not Allowed Widgets ke area Allowed Widgets.

Pada halaman public (sebagai admin) klik Customize.

image

Pada mode Design akan dapat ditemu Simple Widget.

image

Drag & Drop kotak Simple Widget tersebut ke area yang diinginkan. Sebagai contoh pada gambar di bawah ini, wigdet di drop pada area sidebar.

image

Dirgahayu NKRI ke-64

indonesia_indp09-hp

*Note : di BING belum ada gambar peringatan Dirgahayu NKRI ke 64, jadi ambil dari Google saja :)

Share this post: | | | |
Search Image with ~BING & BING

Tanda “~” berarti negasi yang kerap mempunyai arti sebagai kebalikan dari kata setelahnya. ~BING, saya tulis agar tidak menulis Google di blog ini (loh…malah ditulis).

{Google}

Hari ini lagi iseng mencari gambar dengan ‘mesin pencarian terpercaya’ dan menggunakan ‘web browser ringan’ (tidak berani menulis web browser paling ringan karena tidak mempunyai data yang cukup selain pengalaman selama menggunakan) dengan keyword ‘doing da vinci discovery channel’. Masukkan keyword dan klik Gambar.

image

Bukan hal yang baru dan aneh pastinya, kecuali bagi saya sendiri yang bertemu hal baru pada halaman ini, yaitu opsi baru yang berada disisi kiri halaman.

image

Pilih Muka, maka gambar hasil pencarian hanya akan menampilkan gambar Muka saja. Karena di keyword berisi ‘da vinci’ maka ada beberapa gambar muka Da Vinci pada hasil pencarian. Saya ganti keyword dengan ‘Panda’ dan keluar muka Panda. Selain itu juga ada pilihan warna, pilih warna Hitam dan putih, maka yang ditampilkan hanya gambar dengan warna hitam dan putih saja. Pilih warna hijau, maka akan ditampilkan gambar-gambar yang didalamnya berwarna hijau.

Setting ‘Ukuran pastinya’ maka akan ditampilkan gambar dengan ukuran yang dituliskan.

image

Tetapi yang menarik tetap pilihan Muka dan Warna.

{BING}

Bagaimana dengan BING, tinggal ketik bing.com dan masukkan keyword yang diinginkan serta pilih opsi Images. Maka hal yang serupa (namun tak sama) dapat dilihat juga.

image

Ada pilihan yang dapat membedakan antara foto dengan lukisan, ada pilihan untuk menampilkan muka atau kepala & pundak. Ada pilihan berwarna atau hitam-putih, walau tidak ada pilihan warna yang diinginkan seperti pada Google. Tapi sama-sama menarik.

{Empat jempol buat Google & BING}

Share this post: | | | |
Tujuh di atas Apel

Berita Windows 7 yang sudah keluar secara ‘resmi’ sudah bukan berita hangat lagi sekarang ini, karena sudah berselang lebih satu minggu sejak tanggal ‘resmi’ keluar yaitu tanggal 6 Agustus 2009.

Sejak Windows 7 masih berada di versi Beta 1 … sampai … RC tidak ada niat untuk menginstall Windows 7 pada mesin berlambang apel bekas (bekas karena sudah digigit) dengan beberapa alasan, diantaranya karena ada ‘rumor’ driver perangkat yang harus diinstall satu per satu. Berbeda bila menggunakan Vista, cukup masukkan dvd driver, autorun, klik Next dan tinggal menunggu selesainya installasi seluruh driver. Alasan yang lain karena masih ada PR yang harus dikerjakan dan tidak ingin ada gangguan apabila nanti ada hal yang tidak diinginkan terjadi saat menggunakan Windows 7. Jadi selama Windows 7 masih belum mencapai versi RTM, saya hanya menginstall Windows 7 pada mesin sejuta umat (toshiba).

Sekaran, setelah Windows 7 telah mencapai versi RTM tidak ada salahnya ‘dipaksakan’ untuk menginstallnya pada mesin berlambang apel bekas. Proses installasi lumayan lancar, walau di awal sempat ada sedikit hambatan ketika dvd Windows 7 terlambat muncul pada screen booting. Proses installasi tidak berjalan lama…wush wush…selesai.

Selanjutnya adalah proses installasi driver, bersiap2 menginstall driver satu per satu. Dvd driver dimasukan, autorun, keluar peringatan ada sesuatu yang tidak kompatibel, lanjutkan dg konsep HB dan ternyata proses install driver sama seperti proses instalasi driver saat masih menggunakan Vista.

{Windows 7 Ultimate…berhasil dengan sukses diinstal}

Capture

{Status Terakhir}

Driver modem Huawei terinstall dengan sukses, jadi tetap bisa online…online…online…

VS2008 + SP1 terinstall dengan sukses

SQL Server 2008 + SP1 juga terinstall dengan lancar

Semua yang saya gunakan di Vista, berjalan baik di Windows 7.

Share this post: | | | |