All posts tagged Tutorial

Install Web Server Pertama Kali di Ubuntu 9.04

Senengnya buat server pertama kali sukses…hoho…dibantu sama kang google dan Mas Budi nuhun pisan..walau masih trial di localhost yang penting dasar2 settingan web server bisa di pahami. Ga sia-sia blum tidur dari semalem, emang bener kata kang Dendi (salah satu temen pecinta Ubuntu) dan Mas Diyan (Ahli Networking) kalo ngoprek linux tuch bikin penasaran…Aa bener2 ngerasain yang namanya mata g bisa merem walau udah coba buat tidur, huuuuhh…apalagi bentar lagi langsung berangkat kerja. Pokokna mah seneng pisan.

Pertama Aa jajal buat blog dengan engine wordpress, awalnya ada sedikit kesulitan di seputar file permission, coba ngoprek2 dibagian itu, akhirnya ketemu juga masalahnya. Bagimana instalasi dan konfigurasi LAMP server di Ubuntu 9.04 (code name : Jaunty Jackalope) berikut Aa share :

Iinstal LAMP (Linux-Apache-MySQL-PHP) di Ubuntu 9.04 (Jaunty Jackalope) versi Desktop

Instalasi LAMP:
LAMP Ubuntu Jaunty JackalopeAa gunain Synaptic Package Manager dan command apt-get (lebih sering menggunakan apt-get karena lebih cepat). Repository paket langsung dari internet yang dihubungkan melalui Proxy Server di tempat kerja saya.

  1. Dari desktop Gnome, pilih System -> Administration -> Synaptic Package Manager.
  2. Setelah berada pada window Synaptic Package Manager, pilih Edit -> Mark Packages by Task.
  3. Kemudian pilih LAMP server dan jalankan instalasinya.
  4. Untuk instal phpMyAdmin, silahkan Search dan ketikkan phpmyadmin.

Jika teman2 ingin menggunakan command apt-get atau aptitude ini tutorialnya:

  1. Instal Apache: sudo apt-get install apache2 apache2-doc apache2-mpm-prefork apache2-utils apache2-suexec libexpat1 ssl-cert
  2. Instal PHP: sudo apt-get install libapache2-mod-php5 libapache2-mod-ruby libapache2-mod-python php5 php5-common php5-curl php5-dev php5-gd php5-idn php-pear php5-imagick php5-imap php5-mcrypt php5-memcache php5-mhash php5-ming php5-mysql php5-pspell php5-recode php5-snmp php5-sqlite php5-tidy php5-xmlrpc php5-xsl
  3. Instal MySQL: sudo apt-get install mysql-server mysql-client libmysqlclient15-dev
  4. Instal phpMyAdmin: sudo apt-get install phpmyadmin

Konfigurasi Web Server Apache:

Edit file /etc/apache2/sites-enabled/000-default, rubah pada bagian:

<Directory /var/www/>
Options Indexes FollowSymLinks MultiViews
AllowOverride None
Order allow,deny
allow from all
</Directory>

menjadi:

<Directory /var/www/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
allow from all
</Directory>

  • Aktifkan module rewrite (untuk mengaktifkan URL ramah Drupal), gunakan command: $ sudo a2enmod rewrite, sehingga akan muncul:Module rewrite installed; run /etc/init.d/apache2 force-reload to enable.
  • Jalankan/restart web server apache untuk mengaktifkan perubahan yang sudah dilakukan dengan command: $ sudo /etc/init.d/apache2 restart, jika berhasil maka akan muncul:

Restarting web server apache2
…waiting                                                          [ok]

  • Rubah root direktory web server dengan command:$ sudo chown -R [nama-user] /var/www

Maksudnya agar [nama-user] memiliki akses full terhadap root direktori web server, sehingga memudahkan pengelolaan web saat kita login menggunakan user [nama-user] nantinya.

Konfigurasi MySQL:
phpMyAdmin Ubuntu Jaunty JackalopeUntuk mengelola database MySQL saya menggunakan phpMyAdmin. Saya hanya perlu menambahkan user baru selain root untuk akses database nantinya.
1.Dari browser arahkan URL ke: http://localhost/phpmyadmin. Kemudian masukkan username root dan password.
2.Setelah login dihalaman phpMyAdmin, pilih tab Hak Akses. Kemudian tambahkan pengguna baru, beri hak atas akses database untuk host localhost.

(Aa membuat blog wordpress tidak menyeting file php.ini)

tambahan dari Mas Budi

Konfigurasi php.ini:
Saya hanya merubah pada bagian memory_limit = 16M pada file /etc/php5/apache2/php.ini menjadi memory_limit = 64M. Hal ini dibutuhkan saat kita menggunakan modul CCK pada Drupal 6 yang saya gunakan.

Untuk instalasi wordpress silahkan donwload file dibawah.

Baju Baru Lagi

Ganti lagi, themes sebelumnya Aa belum puas dan kurang sreg gitu, mungkin karena warna dominannya gelap.

Theme yang Aa pakai sekarang benar-benar terang dan ceria. :D yaah mungkin eman pas event dan suasananya. Mengambil free theme dari Blog Oh! blog dan memodifikasinya sedikit, pertama melihat theme yang di buat Neowster ini Aa langsung jatuh hati, menurut Aa sich theme ini rapih, lumayan simple dan terbilang elegan.

Theme Digital Statement 2.0 ini merupakan lanjutan dari Statement  theme salah satu fitur yang ditawarkan theme ini adalah slide show featured post dan gallery photo dari Flickr. Memodifikasinya pun sangat mudah. Salah satu contoh ketika Aa mau mengganti teks blog title menjadi logo,

Aa share bagaimana cara manganti blog title menjadi logo di header.

Pertama :

buat logo dengan ukuran 333 width x 61 height dan replace “Logo.jpg” di “images” folder di theme folder. contoh : /alamat blog kamu/wp-content/themes/Digital_Statement/images

Kedua :

masuk ke editor theme dan pilih “Stylesheet (style.css)”, edit pada bagian

rubah pada bagian header :

/*+++++++ HEADER+++++++*/
#header {display:block; width: 915px; height: 85px; margin: 0 auto;}
#logo {display: block; float:left; background: url (images/logo.gif) top left no-repeat; height: 40px; margin: 30px 0 0 0;}
#logo h1 a {padding: 10px 0 0 0; font-size: 24px; color: #666}
#searchbox { float:right; width: 200px; border: 1px solid #ccc; margin:30px 0 0 0;}
#searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 155px; background: none; color:#999999;}
#searchbox #go { float: right; border-left: 1px solid #ccc}

Menjadi:

/*+++++++ HEADER+++++++*/
#header {display:block; width: 915px; height: 92px; margin: 0 auto;}
#logo {display: block; float:left; background: url (images/logo.gif) top left no-repeat; height: 40px; margin: 5px 0 0 0;}
#header h1 a img.logo {
border:none medium;}
#logo h1 a {padding: 5px 0 0 0; font-size: 24px; color: #666}
#searchbox { float:right; width: 200px; border: 1px solid #ccc; margin:30px 0 0 0;}
#searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 155px; background: none; color:#999999;}
#searchbox #go { float: right; border-left: 1px solid #ccc}

Ketiga :

edit juga pada bagian header.php pada bagian !––Header––> and <!––Close Header––>  seperti script dibawah ini:

<!–Header–>

<div id=”logo”>
<h1><a href=”<?php echo get_settings(’home’); ?>”><img class=”logo” alt=”logo” src=”http://aawahyu.com/wp-content/themes/Digital_Statement/images/bplogo.jpg” /><?php echo $langblog;?></a></h1>
</div>

<div id=”searchbox”>
<form method=”get” id=”searchform” action=”<?php bloginfo(’url’); ?>/”>
<input type=”text” value=”<?php the_search_query(); ?>” name=”s” id=”s” class=”swap_value” />
<input type=”image” src=”<?php bloginfo(’template_directory’); ?>/images/go.gif” id=”go” alt=”Search” title=”Search” />
</form>
</div>

</div><!–Close Header–>

http://aawahyu.com/wp-content/uploads/2009/06/sedot.png sedot: Digital Statement WordPress Theme (624.12KB)

diupload: 28/06/2009
keterangan: Digital Statement WordPress Theme

Deteksi Hardware dan Driver

Info dan tutorial menarik nich untuk sahabat semua.

Deteksi Hardware dan Driver tanpa menggunakan software apapun

Klik : Start -> All Programs -> Accessories -> System Tools -> System Information

Klik : components dan sorot problem devices

si

klik untuk memperbesar

Semua hardware yang bermasalah akan muncul (kalo pada device manager yang ada tanda serunya)
catat kolom PNP Device ID….Kolom ini berisi Vendor number dan Device number (VEN_. . . . DEV_. . . .) = berisi 4 digit angka dan atau huruf.

contoh :

untitled1

klik untuk memperbesar

garis warna ungu = untuk code vendor

garis warna hijau = untuk code device/hardware

Lalu buka situs  http://www.pcidatabase.com/index.php

pci-vendor-and-device-lists_1240248303079

klik untuk memperbesar

Isikan 4 digit Vendor atau Device number yg tadi –> search.
terserah mau cari yang mana.

Nanti akan muncul pabrikan dan jenis produknya

misalkan anda ingin mencari device nya, disini Aa pake contoh 3119

pci-vendor-and-device-lists_12402483030791

klik untuk memperbesar

dan hasilnya adalah device untuk ethernet controllers (3119) dari VIA Technology (1106)

setelah jelas device serta vendornya anda langsung saja meluncur ke TKP (ke vendor hardware tersebut) dan donwload driver yang dimaksud.

Mangga di coba dulu…semoga berhasil :D

HANYA UNTUK WINDOWS XP!