Membuat Web Browser Dengan Visual C#

Dear All,

kali ini saya kan berbagi cerita tentang membuat Web Browser sedehana dengan bahasa pemrograman C#, project sederhana namun cukup bermanfaat sebagai browser, rasanya suatu kebanggaan kalo searching di Internet mennggunakan browser buatan sendiri.

Saya asumsikan bahwa di komputer anda telah terinstall Microsoft Visual Studio

Pertama Buka Program Microsoft Visual Studio
-- Klik File –> New –> Project


-- Pilih Visual C# –> Windows Forms Apllication –> Isi ‘Name’ Project –> Click Ok


Setelah itu akan muncul form seperti tampilan berikut


Kemudian ubah Nama Form1 –> Web Browser

Selanjutnya kita persiapkan Tools yang akan digunakan untuk merancang aplikasi web browser sederhana ini, bisa diimplementasikan menurut kreasi sendiri.

Tools yang saya gunakan

--Label

--Button

--TextBox

--WebBrowser

Seperti terlampir dalam gambar dibawah ini.

Selanjutnya kita masukan sedikit code untuk aplikasi ini,
Double Click Button

Sisipkan code

webBrowser1.Navigate(TextBox1.Text);

Jika sudah ‘Save’
Dan Silahkan Dicoba ‘Start Debugging (F5)’


Ketik Url Address yang akan dituju pada TextBox, kemudian click button
Hasilnya


Semoga Bermanfaat,
Regards,
Iqbal

Membuat Media Player Dengan Visual C#

Dear All,

kali ini saya kan berbagi cerita tentang membuat aplikasi media player dengan bahasa pemrograman C#, seperti diketahui Media Player berfungsi untuk melakukan operasi playback terhadap berkas beberapa format multimedia digital.

Saya asumsikan bahwa di komputer anda telah terinstall Microsoft Visual Studio

Pertama Buka Program Microsoft Visual Studio
-- Klik File –> New –> Project

 



















-- Pilih Visual C# –> Windows Forms Apllication –> Isi ‘Name’ Project –> Click Ok




















Setelah itu akan muncul form seperti tampilan berikut


Kemudian selanjutnya,
-- Click kanan pada area ToolBox –> Choose Item


-- Click Tab Components –> Cari & Checklist Checbox ‘Windows Media Player’
 

Maka Akan Muncul Tool Windows Media Player di kolom Toolsbox
-- Drag Tools ‘Windows Media Player’ –> Drop Tools tersebut di Form

Untuk mengatur posisi tools tersebut agar terlihat lebih bagus,
-- Click Object Tools ‘Windows Media Player tersebut’ –> Open Properties, cari pengaturan ‘Dock’, pilih yang tengah (Fill)


Setelah itu tambahkan ‘Menu Strip’
-- Drag Tools ‘Menu Strip’ –> Drop in Form
-- Atur "Tools ‘Menu Strip’ menjadi seperti gambar di bawah ini, File –> Open - Exit


Setelah itu sisipkan Tools Open File Dialog dari Toolbox dengan cara seperti sebelumnya Drag and Drop.


-- Ganti Nama Form dari ‘Form1’ menjadi ‘Player Music’
 

Setelah semua tahap persiapan sudah selesai, kita masuk ke Coding
Klik kanan pada Form, Klik ‘View Code’


Sisipkan kode berikut dibawah InitializeComponent();

String filterfile = "(*.mp3; *.wav; *.mkv; *.avi; *.mp4; *.mkv)|*.mp3; *.wav; *.mkv; *.avi; *.mp4; *.mkv";

openFileDialog1.Filter = filterfile;

Selanjutnya
Click Menu Strip ‘File’
Double Click Menu Strip ‘Open’

Sisipkan kode berikut

openFileDialog1.ShowDialog();

axWindowsMediaPlayer1.URL = openFileDialog1.FileName;

Selanjutnya
Click Menu Strip ‘File’
Double Click Menu Strip ‘Exit’

Sisipkan kode berikut

Application.Exit();

Jika sudah ‘Save’
Dan Silahkan Dicoba ‘Start Debugging (F5)’


File—> Open –> Pilih File Multimedia Digital
Hasilnya


Semoga Bermanfaat,
Regards,

Iqbal

Setting IIS dan XAMPP/Wamp di Windows Agar Dapat Berjalan Secara Bersamaan

Dear All,

Kali ini saya akan sharing cerita tentang menjalankan IIS dan Xampp/Wamp di Windows sekaligus, terkadang yang menggunakan ASP.NET lebih familiar dengan Web Server IIS, sedangkan terkadang beberapa orang membutuhkan beberapa fitur dari Xampp/Wamp seperti MySQL dan sebagainya

Tapi kalo kita Installkan Xampp/Wamp pada saat udah terInstall Web Server IIS biasanya Apache dari Xampp/Wamp ga mau Running, hal ini dikarenakan alamat service port : 80 udah digunakan sama Web Server IIS, oleh karena itu agar tidak bentrok kita ubah salah satu alamat portnya, berhubung web server IIS bawaan Windows udahh kasih aja dia port defaultnya.

Dan yang akan kita rubah port nya adalah Web Server dari Xampp/Wamp yaitu port Apache nya, dan yang saya contohkan menggunakan Wamp.

• C:\wamp\bin\apache\Apache2.2.17\conf 

Search for “Listen 80?, change to “Listen 8080?

Search for “ServerName localhost:80?, change to “ServerName localhost:8080?

C:\xampp\apache\conf\extra\httpd-ssl.conf

Search for “Listen 443?, change to “Listen 4499?

Search for “<VirtualHost _default_:443>”, change to “<VirtualHost _default_:4499>”

Search for “ServerName localhost:443?, change to “ServerName localhost:4499?

Then, you should be able to start Apache successfully through the XAMPP control panel.

Cari kata 'Listen 80' rubah menjadi 'Listen 8000'

Cari kata 'ServerName localhost:80' rubah menjadi 'ServerName localhost:8000'

•  C:\wamp\bin\apache\Apache2.2.17\conf\original\extra

Cari kata 'Listen 443' rubah menjadi 'Listen 4499'

Cari kata '<VirtualHost _default_:443>' rubah menjadi '<VirtualHost _default_:4499>'

Cari kata 'ServerName localhost:443' rubah menjadi 'ServerName localhost:4499'

Save pada masing-masing file,
Restart All Service, Check Again.

Kalo udah Running semuanya, Selamat anda telah berhasil memasang Instalasi Web Server IIS Bersamaan dengan Web Server dari Xampp/Wamp.

Untuk mengecek hasil instalasi Web Server
IIS : http://localhost/
Xampp/Wamp : http://localhost:8000/

Semoga Bermanfaat,
Regards,

Iqbal

Memasang Web Server IIS di Windows Vista

Dear All,

kali saya akan sharing cerita tentang memasang web server IIS di windows vista, sebelumnya perlu diketahui bahwa Web Server IIS adalah HTTP web server yang digunakan dalam sistem operasi server, bagi penggemar pemrograman ASP akan terdengar familiar tentang hal ini.

Adapun cara Install web server IIS adalah sebagai berikut

1. Click Control Panel

 

2. Click Programs

3. Click 'Turn Windows Features on or off

4. Centang fitur-fitur yang dibutuhkan, kurang lebih seperti gambar dibawah ini.

5. Tunggu Loading sebentar untuk proses install.

6. Check in your Browser http://localhost/

Jika tampil seperti gambar berikut, selamat anda telah berhasil memasang web server IIS.

Untuk directory dari web server IIS itu sendiri terdapat  di C:\inetpub\wwwroot.

Semoga Bermanfaat,

Regards,

Iqbal

Cara Menangani Error 'cannot load mysqli extension. Please check your PHP configuration. - Documentation'

Dear All,

kali saya sharing cerita tentang penanganan error pada saat Install Xampp atau mungkin saja bisa terjadi pada Wamp juga, saat itu progress installan berjalan success begitu pun dengan semua running Apache, PHP, MySQL

tapi kemudian pas saya check http://localhost/phpmyadmin/

Muncul error seperti ini :

'Cannot load mysqli extension. Please check your PHP configuration. - Documentation' 

Setelah seharian bingung dan googling akhirnya ttoh nii masalah beres juga,

Ternyata untuk penangan error ini sangat gampang cuma hilangakan tanda titik koma (;)

Bagi yang mengalami error seperti ini, kalian cari file php.ini di folder hasil installan web server yang anda gunakan, kemudian edit php.ini server anda dan mencari baris berikut. 

     

      ; extension = mysql.so

Hapus ';' dari awal baris hingga menjadi
      

         extension = mysql.so

Restart Apache, Check again... :)

Semoga Bermanfaat,

Regards,

Iqbal

Bacaan Wajib Para Developper Web Designer Pemula

Dear All,

Sekilas cerita sharing apa yang menjadi resources dan bacaan wajib bagi para Developper Web Designer khususnya untuk pemula, saya dapat info ini dari para senior yang telah lama bergelut di dunia kerja dalam bidang web designer khususnya.

Checkidot…

• HTML Homepage http://www.w3.org/html/
• CSS Homepage http://www.w3.org/Style/CSS/
• Smashing Magazine http://smashingmagazine.com/
• W3 Schools http://www.w3schools.com/
• HTML Validator http://validator.w3.org/
• CSS Validator http://jigsaw.w3.org/css-validator/
• jQuery http://jquery.com/

Semoga Bermanfaat,
Regards,

Iqbal

Google Tahun1960 dan Tahun 1980

Dear All,

Bercerita seperti yang kita ketahui Google adalah search engine yang paling populer di dunia saat ini, salah satu kelebihan google dibandingkan search engine lainya adalah tampilannya yang simple dan fokus.

Bagi anda pencinta atau pemakai search engine ini tidak salahnya untuk mencoba Google dengan interface rada-rada unik bin ZaDul alias zaman dulu… :D

Dua project yang sangat bagus dari masswerk.at interface Google dengan mode Tahun 1960-an dan Tahun 1980-an.

Link Google 1960

Link Google 1980

Semoga Bermanfaat,
Regards,

Iqbal

Tempate QA Software Testing

Dear All,

Berbagi pengalaman sebagai QA (Tester Software), 

Menyadari betapa pentingnya sebuah laporan bagi seorang QA, bagi seorang QA salah satu pos pekerjaan paling digeluti adalah bagaimana membuat laporan hasil test hingga dapat disampaikan dengan jelas terperinci baik kepada Product Manager maupun kepada Developper.

Tentu tidak sedikit orang-orang yang pertama bergelut dengan pekerjaan ini masih kebingungan bagaimana sebuah template testing software itu, oleh karena itu disini saya mencoba berbagi tempalete yang saya gunakan sebagai QA.

Template QA (Software Testing) 

Semoga Bermanfaat,
Regards,

Iqbal

Sekilas Hikmah Dari Kerja

Dear All,

Berbagi cerita tentang pengalaman kerja, dunia kerja itu berbeda dengan dunia yang saya geluti sebelumnya yaitu dunia perkuliahan, dunia kerja itu khususnya saya ceritakan kerja kantoran perusahaan swasta, dimana  tingkat produktifitas nya itu memiliki ruang lingkup kerja tersendiri, apalagi terkadang perusahaan seperti ini terkadang tidak memberikan training khusus sebelumnya.

Sikap,etika, tanggung jawab, pressure, dsb… sudah menjadi keseharian yang mau tidak mau harus digeluti, melihat hal ini sudah tentunya harus berpikir untuk bisa menyesuaikan dan bertransformasi dengan situasi yang ada, situasi yang dinamis menuntut untuk senantiasa bergerak lebih baik dari sebelumnya, kalaulah hal ini tidak dilakukan maka betapa terasanya sebuah rasa kemunduran, puncaknya mungkin bisa saja terseret tidak bisa menyeimbangi terhadap arus keja yang dinamis tersebut.

Ketika orang lain melangkah dengan dua langkah kemajuan, berusahaalah untuk bisa melangkah tiga langkah kemajuan.. \oo/

Jika tidak bisa berusahaalah semaksimal mungkin mendapatkan langkah yang sama dengan yang lainya, jangan sampai statis tidak melangkah sama sekali hal ini dimaksudkan agar tidak ketinggalan atau terseret seperti apa yang telah disinggung sebelumnya.

Aa Gym Bilang,

“Lakukan segala pekerjaan dengan maksimal, sebab mengerjakan sesuatu setengah-tengah menunjukan keragu-raguan dan ragu-ragu adalah sifat orang Munafik”.

“Keep Mind on The Best”

Regards,

Iqbal

Google Doc

Dear All, 

Sekilas bercerita tentang Google Docs, fitur dari google ini saya coba pada saat bekerja sebagai QA.

Google docs adalah salah satu fasilitas google yang disediakan untuk layanan pengolah kata, lembar sebar, presentasi, formulir, dan penyimpanan data berbasis web gratis dari Google yang terintegrasi dalam ‘Google Drive’.

Fitur yang sangat menarik dan sangat bermanfaat sekali bagi saya adalah,

Dengan Google Doc kita bisa membuat dan berbagi pekerjaan Anda online dan mengakses dokumen Anda dari mana saja. Mengelola dokumen, spreadsheet, presentasi, survei, dan lebih semua dalam satu feature ini.

Saya rasa feature ini pasti kan bermanfaat digunakan untuk tugas-tugas kelompok dalam perkuliahan… :)

Silahkan mencoba, bisa visit langsung via link Goggle Doc

Semoga Bermanfaat,
Regards,

Iqbal

Perbedaan Metode BlackBox Vs Metode WhiteBox

Dear All,

Saya akan menceritakan perbedaan tentang pengetestan program, umumnya terdapat 2 metode yang digunakan, yaitu metode Whitebox dan metode Blackbox.

Metode Whitebox (Struktural) :

Dilakukan oleh penguji yang mengetahui tentang QA, melakukan pengujian berdasarkan use case hingga mengetahui tentang seluk beluk proses bisnisnya.

Metode BlackBox  (Fungsional) :

Dilakukan oleh penguji Independent, melakukan pengujian berdasarkan apa yang dilihat, hanya fokus terhadap fungsionalitas dan output, lebih mengarah pada hasil dan proses intinya saja, secara kasat mata penguji melakukan test dengan tidak mengetahui akan proses bisnisnya.

Semoga Bermanfaat,

Regards,

Iqbal

Tugas QA Tester

Dear All,

Saya akan menceritakan tentang ruang lingkup kerja seorang QA Tester, cerita ini berdasarkan pengalaman yang telah saya jalani selama menjadi QA tester di sebuah perusahaan asing swasta di Jakarta.

Adapun ruang lingkup kerja sebagai QA adalah sebagai berikut,
1. Buat Skenario Test By Use Case
2. FreeTest (Mode BlackBox)
3. Test By UseCase (Metode WhiteBox)
4. Review and Verify Hasil Test

-- Send to Developper
    -- Developper Fix Bug --

5. Re-Test
6. Check Validation
7. Collect via Report
9. Buat UAT (User Acceptance Test)

 

Itulah langkah-langkah selama saya melakukan tugas sebagai QA Tester,
Semoga Bermanfaat,
Regards,

Iqbal

Penggunaan INFORMATION_SCHEMA di SQL Server

Dear All,

kali ini saya akan menceritakan penggunaan fungsi INFORMATION_SCHEMA di SQL Server

Information Schema adalah suatu standar ANSI SQL yang dapat digunakan untuk melihat informasi mengenai metadata dari suatu database, table, view, dan column.

View-view dapat diakses dengan menggunakan prefix INFORMATION_SCHEMA.

select top 10 * from INFORMATION_SCHEMA.Nama_View

Titik setelah kata INFORMATION_SCHEMA, di isi dengan salah satu yang ada didaftar view di bawah ini,

Berikut adalah contoh daftar view selengkapnya dari beberapa database relasional SQL Server 2008 / 2008 R2

• CHECK_CONSTRAINTS
• COLUMN_DOMAIN_USAGE
• COLUMN_PRIVILEGES
• COLUMNS
• CONSTRAINT_COLUMN_USAGE
• CONSTRAINT_TABLE_USAGE
• DOMAIN_CONSTRAINTS
• DOMAINS
• KEY_COLUMN_USAGE
• PARAMETERS
• REFERENTIAL_CONSTRAINTS
• ROUTINES
• ROUTINE_COLUMNS
• SCHEMATA
• TABLE_CONSTRAINTS
• TABLE_PRIVILEGES
• TABLES
• VIEW_COLUMN_USAGE
• VIEW_TABLE_USAGE
• VIEWS

Contoh saya akan menampilkan prosedur-prosedur apa saja yang berjalan dalam suatu database,

select top 10 * from INFORMATION_SCHEMA.ROUTINES

ROUTINES disini adalah view untuk mengetahui prosedur-prosedur apa saja yang disimpan.

Silahkan dicoba yang lainya ^^

Semoga Bermanfaat,

Regards,

Iqbal

Beberapa Fungsi dalam SQL Berawalan sp_

Dear All,

Buat para pengguna SQL pemula,

Dibawah ini ada beberapa fungsi yang berawalan sp_

Sp_linkedservers = ‘melihat link-link alamat server-server database’

Sp_tables = ‘melihat table-table dalam suatu database’

Sp_helptext nama_procedure = ‘melihat source code store procedure’

Sp_help nama_table = ‘melihat struktur table’

Sp_helpdb = ‘melihat daftar seluruh database’

Sp_stored_procedures = ‘melihat daftar stored procedures’

Semoga Bermanfaat,

Regards,

Iqbal

ASP.Net MVC Buat Pemula

Dear All,

Teringat beberapa hari yang lalu, saya jalan-jalan ke salah satu toko buku terbesar di Indonesia mencari buku yang berkenaan ASP.Net MVC, ternyata ech ternyata susahnya minta ampun, sangat jarang bahkan tak menemukan satu pun buku yang berkaitan dengan ASP.Net MVC, apa karena belum ada pengarangnya di negeri ini?, apa memang harus saya nii yang jadi penulisnya :D

Tapi beruntung juga saya akhirnya dapat via Inet :P
Banyak sekali ternyata yang menyediakan tutorialnya...

Untuk Dasar-Dasar ASP.Net bisa visit to site dibawah ini.
Microsoft ASP.Net Official
MSDN ASP.Net
W3Schools

Bagi yang mau langsung berkenalan dengan project ASP.Net MVC, nii ada link ebooknya 

Project : Nerdinner
Project : MVC Music Store

Project-projectnya cocok bagi pemula, disajikan secara step by step ^^

Semoga Bermanfaat.
Regards,

Iqbal

Androino Si Pengendali Mobil Mainan

Dear All,
 

kali ini saya akan ceritakan bagaimana caranya membuat project Androino si Pengendali Mobil Mainan, lebih deskripsinya bagaimana caranya membuat RC car dikendalikan via smartphone Android.

Proyek inspirated from mobot, Prototype berbasis microcontroller sebagai pengendali mobil –mainan- dengan memanfaatkan teknologi jaringan bluetooth yang dikendalikan dengan smartphone android. Mobil –mainan- ini dapat bergerak sesuai dengam perintah dari sistem kendali smartphone tersebut seperti maju, mundur, belok kiri, belok kanan, menghidupkan lampu depan, lampu belakang, lampu rem, dan ditunjang pula dengan camera remote yang melekat di body sebagai viewer rute depan, ditambah pula dengan fitur penyesuaian kecepatan motor berbasis Pulse Width Module (PWM) 

Biar ga kebanyakan cerita, to the point ajalah pada komposisinya :D

 

Kemudian rangkai sesuai dengan schematic design

Untuk settingan pergerakan mobil -mainan- perhatikan IC yang tertancap di mobil mainan tersebut, kebetulan punya saya mobil maiananya menggunak IC type RX-6B, kurang lebih struktur kaki-kakinya sebagai berikut...

Kaki-kaki IC yang saya pakai 6 (Belok Kanan), 7(Belok Kiri), 10(Mundur), 11(Maju), 12 (Cooler)

Setelah semuanya terpasang dengan baik, Download Code To Arduino Via USB

Setelah itu download aplikasi untk smartphone androidnya di Google Play, keywordnya 'Mobot BT Car' it's Free ^^, jika sudah terpasang aplikasinya lakukan setting pada aplikasi tersebut khususnya pada bagaian penghubung antara bluetooth module dengan bluetotth yang ada di smartphone android.

After it Try, Try...

Untuk Referensi suksesnya bisa lihat di sumber videonya

Sebenarnya project yang dibuat hampir dikatakan meniru dari yang sudah ada, namun terlepas dari hal tersebut saya membuatnya berbeda dengan menambahkan fitur cooler, camera dan memberikan fungsi PWM pada motor mobil mainan tersebut, yang ke semuanya itu atas masukan para dosen presentasi.

Saya coba kerjakan tantangan tersebut, dan akhirnya berhasil, Videonya belum saya posting menyusul berhubung filenya crash, tapi biar percaya bisa dilihat kok dari modifikasi code yang di buat ^^.

Regards,

Penulis Newbie

Iqbal