Main C# & .Net di Ubuntu Hardy

Yang sering bermain dengan pemrograman tentu tahu yang namanya C# dan .Net, aplikasi ini yang biasanya berjalan di sistem operasi buatan microsoft windows, sekarang pada programmer yang menggunakan sistem operasi lain seperti linux juga bisa menggunakan ataupun bermain dengan bahasa pemrograman tersebut. MonoDevelop begitu namanya kalo tidak salah, aplikasi ini lumayan ringan pada sistem operasi linux kalo dibandingkan ketika menggunakan sistem operasi windows dari microsoft.

Untuk menggunakan ataupun instal aplikasi ini cukup gampang :
1. Siapkan komputer ataupun laptop anda.
2. Jangan lupa hidupkan dan pastikan apakah sudah terinstall linux ubuntu (bagi yang menggunakan linux ubuntu ya..., linux yang lain juga bisa).
3. Kemudian lakukan update terhadap sistem operasi ini dengan cara :
sudo apt-get update (biasakan update terlebih dahulu linux anda sebelum installasi software-software.
4. Setelah itu lakukan installasi Monodevelop dengan cara : sudo apt-get install monodevelop
5. Kemudian tinggal menunggu instruksi dari installasi.
6. Selesai sudah installasinya dan selamat mencoba.

Browsing dengan Epiphany Web Browser di Ubuntu Hardy

Dari pertama kali menginstall linux ubuntu hardy, merasa ada yang kurang dengan berbagai fasilitas yang ditawarkan terutama fasilitas web browser, walaupun sudah memasukkan mozilla firefox versi 3 beta 5 masih saja ada sesuatu yang kurang. Beberapa kali setelah membuka web browser firefox malah membuat proses yang lain seakan mati ataupu menjadi lambat. Makanya dengan upaya ingin mendapatkan informasi mengenai web browser, saya tertarik melihat salah satunya yaitu EPIPHANY WEB BROWSER, menurut saya ini nama yang baru di kalangan web browser, tadinya sich inngin menggunakan safari for linux, tapi coba-coba aja dulu.

Instalasinya sangat gampang sekali, pertama-tama siapkan segala sesuatunya yaitu :
1. Hidupkan komputer ataupun laptop yang sudah terinstall Linux Ubuntu dengan baik dan benar (he... he..., kalo belum yah install dolo karena Epiphany ini merupakan aplikasi bawaan dari boss GNOME).
2. Kemudian buka terminal atau konsole anda
3. Selanjutnya lakukan installasi dengan cara
sudo apt-get install epiphany-browser
4. Kemudian selesai.
Anda telah berhasil melakukan installasi epiphany web browser, gampang kan. Menjalankannya kalo masih di terminal untuk membuka aplikasi ini tinggal ketikkan
sudo epiphany
Jalan deh..., aplikasi ini cukup ringan dan telah mendukung flash flayer dan telah mengambil beberapa fungsi yang ada di mozilla firefox.

Membuat Web Server dgn LAMP di UBUNTU Hardy

LAMP, adalah kependekan dari Linux+Apache+MySQL+PHP, merupakan sebuah paket perangkat lunak untuk menjalankan web site dynamic dan sebagai sebuah web server. LAMP ini terdiri dari beberapa komponen yang kesemuanya termasuk ke dalam keluarga open source. Yaitu Linux sebagai sistem operasinya, Apache sebagai web servernya, MySQL sebagai databasenya, dan PHP sebagai bahasa pemrogramannya.

Dalam penerapannya, LAMP tidak dalam satu bendel, artinya tiap komponen itu terpisah. Jadi berdiri sendiri-sendiri. Baik linux, apache, mysql dan php-nya berdiri sendiri. Jadi keempatnya diinstall secara terpisah, setelah terinstall barulah dikonfigurasi supaya dapat berjalan beriringan. Walaupun ada yang sudah dalam satu bendel, jadi apache, mysql dan php (minus linux) sudah dalam satu paket, tinggal menginstall satu paket sudah terkonfigurasi semuanya.

Banyak distribusi linux sekarang sudah menyertakan paket LAMP, jadi dengan menginstall distro linux tersebut, semua paket sudah terinstall, tanpa perlu mengkonfigurasi lagi. Namun ada juga yang belum terinstall. Jadi terpaksa apache, mysql dan php-nya diinstall secara manual.

Di dalam pendistribusiannya, apache, mysql dan php terdiri dalam beberapa macam paket. Ada yang dalam versi sourcenya (tar.gz/tar.bz2), ada yang dalam versi rpm (untuk distribusi linux keluarga red hat), tgz (untuk distro keluarga slackware), deb (untuk distro keluarga debian), dll. Kali ini akan dibahas cara menginstall baik apache, mysql, dan php ke dalam distro ubuntu, dan menggunakan versi deb-nya. Adapun langkah-langkahnya sebagai berikut :
1. Pastikan Linux Ubuntu anda terinstall dengan baik dan benar serta lakukan update dengan cara sudo apt-get update
2. Install apache http server sudo apt-get install apache2
3. Install php untuk server apache sudo apt-get install php5
4. Install mysql database server sudo apt-get install mysql-server
5. Install mysql untuk apache server sudo apt-get install libapache2-mod-auth-mysql
sudo apt-get install php5-mysql
sudo apt-get install phpmyadmin (optional)

Nah, setelah proses penginstallan selesai, sekarang masuk ke tahap pengecekkan, apakah sudah terinstall dengan benar atau belum. Untuk pengecekannya adalah sebagai berikut.

1. Restart server apache terlebih dahulusudo /etc/init.d/apache2 restart
2. Cek servis apache melalui browser, ketikkan alamat berikut http://localhostBila sudah terbuka sebuah halaman maka penginstallan apache sudah benar
3. Cek servis php apakah sudah terintegrasi dengan benar atau belum. Caranya adalah dengan membuat sembarang file php di folder /var/www/. Listing programnya adalah :

Setelah di save, silahkan dibuka di browser. Jika di browser sudah tertampilkan data-data tentang php maka servis php sudah berjalan.
4. Cek servis mysql apakah sudah terintegrasi dengan php atau belum. Caranya buat sembarang file php di /var/www/. Listing programnya adalah :



Setelah di save, kemudian buka di browser. Jika tampil tulisan sukses maka php dan mysql sudah terintegrasi dengan benar. Jika muncul tulisan gagal, maka php dan mysql belum terintegrasi dengan benar.
5. Cek phpmyadmin (optional) apakah sudah berjalan atau belum. Buka alamat berikut di browser :http://localhost/phpmyadmin

Masukkan root untuk user, sedangkan password tidak perlu di isi, karena default penginstallan password mysql belum di set, jadi tidak perlu password. Jika berhasil login maka phpmyadmin sudah terinstall dengan benar.

Nah, tadi itu cara menginstall sebuah web server berbasis LAMP. Cara di atas hanyalah cara standar, artinya konfigurasinya hanya dilakukan seperlunya, jadi belum ada set password mysql, setting domain, dll. Jadi hanya untuk basic saja, untuk selanjutnya silahkan pelajari lebih lanjut sendiri, hehehe …..

Portable Flash Effect Maker Pro v5.01

Bagi yang senang dengan tampilan bagus n keren tapi tidak terlalu memahami software-software ataupun teknik-teknik pembuatannya, kini telah ada aplikasi yang membantu para pengguna untuk membuat tampilan flash tanpa harus melakukan installasi ke komputer atau pun laptop. Aplikasi portable flash ini sangat bermanfaat bagi pemula yang ingin mempunyai bentuk tampilan flash.

Download Disini

Berikut beberapa features yang di dukung :
- Photo album/slideshow
- Percent loader
- Buttons (Click/MouseOver)
- Three effect background layers
- Many different text Templates to choose from
- Many different background Templates to choose from
- Save as Flash animation (SWF)
- Save to EXE Flash Player
- Set to WallPaper
- Set to ScreenSaver
- WYSIWYG interface
- UTF8 Support English, Dutch, French, German, Portuguese,Spanish, Chinese, Japanese and more Interface
- Supports large text content for menu(button) pages, up to 7 page panels.
- Wide selection of background music, supporting direct import of MP3 file.
- HTML Support (e.g. font style, size, and color) for ALL text.
- Search Engine Friendly - Most popular search engines including Google already support indexing of Flash web pages.

Online GIF Image Creator

If you want build GIF animation online, It's an online GIF image editor. This unique tool is completely on-line -- nothing to download or install.

Better yet, it's ABSOLUTELY FREE -- no prepaid tokens or subscriptions.

Here link : http://www.gifworks.com/

Rekayasa Perangkat Lunak

Kedengaran dari "title" udah keliatan membosankan, sedikit menyinggung masalah Rekayasa Perangkat Lunak (RPL) yang kebetulan saya mengajar di kelas ini dan mata pelajaran ini. Padahal satu-satu-nya mata kuliah yang nilainya terendah saya peroleh dari mata kuliah yang lain (kok bisa ya...???, saya juga tidak mengerti. Mendapatkan satu-satunya nilai terendah yang saya dapat di waktu kuliah (mayan sich dapat c), dak tau apa karena saya tidak konsen diwaktu itu ato karena dosennya kale yeee....) tapi dalam keseharian hidup saya selalu berhubungan dengan RPL dan mendapatkan nafkah RPL juga nih. Sudah ah... kembali ke "title" aja.

Pengantar
Rekayasa Perangkat Lunak adalah kegiatan yang sistematis dalam membangun sebuah perangkat lunak untuk menjawab kebutuhan-kebutuhan satu pihak. Skala perangkat lunak yang dibangun beragam berdasarkan luas dan detil kebutuhan klien yang memerlukannya. Perangkat lunak yang memiliki 300.000 baris perintah dikatagorikan perangkat lunak berukuran kecil. Ukuran ini tentu besar untuk kapasitas seorang mahasiswa bidang Teknologi Informasi/Informatika. Karena itu kegiatan ini umumnya dilakukan oleh suatu tim bukan perorangan.

Kegiatan dilakukan secara sistematis. Ini tidak hanya berarti berencana, tetapi juga mengacu pada suatu model tertentu yang sesuai dan menjalani prosedur wajib. Model tertentu ini adalah model proses dan prosedur wajib adalah pengelolaan proyek dan penjaminan mutu.

Model Proses
Model proses menjabarkan urutan kegiatan dalam merekayasa perangkat lunak. Dari berbagai macam model proses yang dibuat oleh banyak ahli dan praktisi, ada 4 kegiatan inti yang selalu ada yaitu:
1. pengumpulan kebutuhan
2. perancangan sistem
3. pengujian sistem
4. penerapan sistem
Beberapa model proses yang sudah dikenal adalah Waterfall, Increment, Spiral, Rapid Application Development, Prototying, Component -Based Development, dan Extreme Programming. Beragam model proses ini berusaha untuk menjawab atau memandu pengembangan perangkat lunak dalam berbagai kasus. Dengan demikian tidak ada model proses paling cocok untuk semua kasus rekayasa perangkat lunak.
Rekayasa perangkat lunak pada umumnya dilakukan secara tim. Tim pembangun dibentuk dan dikelola dalam suatu manajemen proyek perangkat lunak.

Manajemen Proyek Perangkat Lunak
Mengatur dan mengkoordinasi anggota-anggota tim, sesumber yang digunakan, waktu yang tersedia untuk tiap proyek, dan komunikasi antar tim atau anggota bukanlah suatu yang mudah untuk dilakukan.
Tim pembangun perangkat lunak penting memiliki kemampuan manajemen untuk mendukung ketrampilan teknis yang dimiliki. Dalam pengerjaan suatu proyek perangkat lunak, kemampuan berkomunikasi, penggalian informasi, analisis, presentasi dan pengaturan waktu sangat penting. Ini sering tidak disadari oleh mahasiswa-mahasiswa di jurusan Teknik Informatika, Sistem Informasi atau Ilmu komputer. Banyak dari mereka berpikiran bahwa kemampuan pengkodean atau programming menjadi kemampuan yang paling mendapat prioritas.
Mengelola suatu proyek perangkat lunak juga adalah proses memastikan kualitas dari suatu proyek yang dikerjakan. Kualitas suatu software menjadi prioritas tinggi dalam pembangunanya. Karena itu ada bagian khusus dalam tim pembangun yang disebut tim penjamin mutu yang menerapkan prinsip-prinsip dalam software quality assurance.

Proses Pembangunan Software
Langkah penting dalam pembangunan software adalah pengamatan dan pengumpulan kebutuhan software atau yang disebut software requirement.
Setelah kebutuhan didapatkan dari klien secara lengkap, maka analisis dan desain sistemdilakukan oleh tim pembangun. Desain yang juga perlu mendapat perhatian adalah User Interface Desain yaitu bagian yang berinteraksi langsung dengan pengguna software.
Setelah desain, maka tahap pengkodean dilakukan. Hasil pada tahap ini dilakukan pengujian, dan setelah lolos pengujian perangkat lunak diterapkan di lokasi klien sambil terus dilakukan pengujian menggunakan kasus-kasus yang terjadi di kondisi sebenarnya.
Pelatihan kepada pengguna perangkat lunak wajib dilakukan untuk mensukseskan penerapan. Pelatihan ini juga diharapkan dapat membantu tim pembangun dalam tahap pemeliharaan perngkat lunak.
Ada kalanya perangkat lunak yang dibangun adalah suatu website, untuk itu hal-hal yang berkenaan dengan pembangunan suatu website perlu diperhatikan seperti struktur web dan keamanan terhadap integritas data.

Visual Basic Makin Simple

Buat kamu-kamu yang senang dengan pemrograman tapi terkendala dengan komputer, sekarang tidak perlu repot-repot, yang senang pemrograman Visual Basic, kamu-kamu tidak perlu harus melakukan installasi ke dalam pc. Apalagi yang tidak punya PC, dan belum tentu di rental-rental atau warnet-warnet menyediakan Visual Basic, kamu-kamu bisa menggunakan Visual Basic Portable.

Dengan Visual Basic Portable, kita dapat membuat program dengan Visual Basic tanpa harus melakukan installasi ke dalam PC yang memerlukan waktu dan sudah tentu PC juga toh..., dengan hanya memiliki Flashdisk ukuran 128MB, kita dapat berhappy ria dengan visual basic.

Buat kamu yang butuh Visual Basic Portable, dapat di download disini

Setting Yahoo POP di Outlook Express

Setelah sekian lama penasaran terhadap setting di Outlook Express yang katanya bisa sedot (iiih.... sedot) email dari yahoo, sekarang terjawab sudah.
Rasa penasaran timbul dikarenakan berkali-kali udah dikonfigurasi sesuai petunjuk para dedengkotnya (apa saya dak ngerti-ngerti kale ye....) tapi tidak berhasil dan ternyata itu hanya berhasil untuk email yang berasal dari yahoo.co.id, sedangkan saya sering menggunakan yahoo.com.

Jika anda mempunyai email di yahoo.com, apakah itu bisa diakses oleh POP3 di outlook express?? Jawabannya bisa dan bahkan itu gratis seperti yang diberitakan. Hanya dengan menambahkan program yang namanya YPOP!. Caranya adalah sebagai berikut :
1. Download YPOPs di sini.
2. Install YPOPs di komputer anda dan jalankan.
3. YPOPs akan terkonfigurasi secara otomatis dan anda hanya mengganti sedikit yang perlu.
4. Pada saat menggunakan Outlook Express pastikan kalau YPOP masih bekerja.

Sekarang ada konfigurasi terhadap Outlok Express
1.Klik "Tool" lalu pilih "Account".
2. Klik "Add" lalu pilih "Mail"

3. Masukkan nama anda

4. Masukkan alamat email di yahoo

5. Pada Incoming Mail dan Outgoing Mail isi dengan 'localhost'.

6. Pada Account Name isi account anda di Yahoo yang anda gunakan untuk login beserta dengan passwordnya pada kotak password.

7. Klik "Finish".

8. Outlook Express sudah bisa digunakan untuk menyedot email yahoo.com.

Berikut Gambar Sedikit Settingan Buat YPOPs

Ngoprek Blog Template 3 Kolom

Buat yang seneng ngutak ngatik n ngoprek blog, saya akan mencoba menguraikan bagaimana cara membuat 3 kolom dari format template standar..ini merupakan ringkasan dan translate dari blognya Hans yang saya temukan gak sengaja dari googling..marilah kita mengenal struktur blogger kita.

Blogger template standart mempunyai sebuah Header section , Sidebar-section, main-section dan Footer-section didalam section inilah blogger meletakkan widgets, yng merupakan page elements yang bisa dipilih dari tab template. Jika kita membuat blog baru yang masih fresh maka tampilan tab page element akan seperti ini :

Layout ini mempunyai 4 sections: Header, Main (with the Blog Posts), Sidebar and Footer.
The HTML-template terlihat spt ini (no baris untuk mempermudah saja):

010: <body>

020: <div id='outer-wrapper'>l<div id='wrap2'>

030: <!-- skip links for text browsers -->

040: <span id='skiplinks' style='display:none;'>

050: <a href='#main'>skip to main </a>

060: <a href='#sidebar'>skip to sidebar</a>

070: </span>

080: <div id='header-wrapper'>

090: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

100: <b:widget id='Header1' locked='true' title='Second Sidebar (Header)'type='Header'/>

110: </b:section>

120: </div>

130: <div id='content-wrapper'>

140: <div id='main-wrapper'>

150: <b:section class='main' id='main' showaddelement='no'>

160: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

170: </b:section>

180: </div>

190: <div id='sidebar-wrapper'>

200: <b:section class='sidebar' id='sidebar' preferred='yes'>

210: <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

220: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

230: </b:section>

240: </div>

250: <!-- spacer for skins that want sidebar and main to be the same height-->

260: <div class='clear'> </div>

270: </div> <!-- end content-wrapper -->

280: <div id='footer-wrapper'>

290: <b:section class='footer' id='footer'/>

300: </div>

310: </div></div> <!-- end outer-wrapper -->

320: </body>

baris 010 dan 320 adalah body tags. Semua kode2 harus diletakkan diantara 2 tags ini

baris 020 dan 310 adalah div tags untuk 2 wrapper, wrapeer dikenal juga " outer wrapper" dan wrapper dikenal "wrap2". dalam CSS kita dapat mendefinisikan jenis huruf , warna, dan styling untuk wrappers.

baris 080 sampai 120 adalah header. seperti yang kita lihat disana ada div-wrapper (080 dan 120),section-tags (090 dan 110) dan widgets yang didlmnya ada header (100)
baris 130-270 adalah content (blog post dan side bar ) .disana ada div-wrapper yang disebut content wrapper (130 dan 270) dan didlm wrapper ini ada 2 atau lebih wrapper : main wrapper (140-180) dan side bar wrapper (190-240)

didalam main-wrapper kita dapat menemukan the main-section (150 dan 170) dengan Blog-widget (160). widget ini mengandung post post kita.

didalam sidebar-wrapper kita menemukan the sidebar-section (200 dan 230) dengan Archive-widget (210) dan Profile-widget (220).

dan terakhir ada Footer (280-300).

setelah mengerti struktur mari skr lihat format template ini... di "stylesheet kiat akan menemukan kode seperti dibawah ini :

#outer-wrapper {
width: 660px;
padding: 10px;
....... }

#main-wrapper {
width: 410px;
float: left;
....... }

#sidebar-wrapper {
width: 220px;
float: right;
........ }

The outer-wrapper mempunyai lebar 660 pixels. Padding diset 10 pixels, sehingga semua yang ada didalam outer wrapper mempunyai jarak 10 pixel dari border sehingga menyisakan 660 - 20 = 640 pixels untuk main-wrapper and sidebar-wrapper.
The main-wrapper mempunyai lebar 410 pixels, dan floats to the left.
The sidebar-wrapper had a width of 220 pixels, and floats to the right. Together, main-wrapper and sidebar-wrapper have a width of 410 + 220 = 630 pixels. ditengah ada space 640 - 630 = 10 pixels.
jadi kita harus membuat space jika ingin menambah side bar

Menambah side bar ke 2
pertama kita akan menambah sidebar ke struktur template kemudian kita akan menambahkan itu ke CSS dan membuatnya pas dengan halaman yg kita buat.


Step 1: Backup template ( ini penting klao kegagalan terjadi anda tdk kehilangan template lama)

Step 2: buat right-sidebar
ganti baris 190 and 200 menjadi :

190: <div id='right-sidebar-wrapper'>
200: <b:section class='sidebar' id='right-sidebar' preferred='yes'>

nb: angka 190 dan 200 jangan dikopi


pada CSS style-sheet, ganti "#sidebar-wrapper" menjadi "#right-sidebar-wrapper".
lalu save changes

Step 3: menambah sidebar kiri dengan menambah baris kode pada :


131: <div id='left-sidebar-wrapper'>

132: <b:section class='sidebar' id='left-sidebar' preferred='yes'/>

133: </div>


angka 131,132,133 jangan ikut dikopi

sekarang simpan template dan lihat ke halaman page element



dapat kita lihat ada penambahan section baru , dibawah header dan diatas the posts, tp itu blm berada di sisi samping , oleh krn itu kita harus menambahkan kode CSS


Step 4: tambah CSS untuk left sidebar.
pada CSS-style sheet kamu , tambahkan kode ini:

#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

Maka Tampilan akan seperti ini:



Step 5. ganti lebar outer-wrapper and header-wrapper .
pada CSS-stylesheet carilah #header-wrapper and #outer-wrapper definitions, dan ganti lebar 660 to 860.

maka tampilan akhir akan menjadi seperti ini :



saat mencoba ini hasilnya memang bisa untuk 3 kolom, tp yang sayamasih bingung juga knp tampilan page elementnya ngaco...tp anehnya kalo di view..yah hasilnya bagus....jadi gak masalah deh untuk sementara...Kalo bingung lebih baik liat kesini langsung siapa tau bisa menemukan jawabannya