Perbandingan Deteksi Tepi Dengan Metode Robert, Prewitt, Sobel, Canny dan Laplacian

Ini merupakan perbandingan metode deteksi tepi antara metode Robert, Prewitt, Sobel, Canny dan Laplacian
function [ output_args ] = tepideteksi( input_args )
clear all;
gmbr = imread('Elephant_256x256.jpg');
abu2=rgb2gray(gmbr);
%abu2=gmbr;
rbt = edge(abu2,'robert');
pwt = edge(abu2,'prewitt');
sbl = edge(abu2,'sobel');
cny = edge(abu2,'canny');
lap =fspecial('log',5);
lap_log=uint8(round(filter2(lap,abu2)));

clf(subplot(2,3,1),imshow(gmbr));
title('Gambar Asli');
hold on;
%subplot(2,3,2), imshow(hp)
%title('Gambar Hitam Putih');

subplot(2,3,2), imshow(rbt)
title('Gambar Metode Robert');
subplot(2,3,3), imshow(pwt)
title('Gambar Metode Prewitt');
subplot(2,3,4), imshow(sbl)
title('Gambar Metode Sobel');
subplot(2,3,5), imshow(cny);
title('Gambar Metode Canny');
subplot(2,3,6), imshow(lap_log);
title('Gambar Metode Laplacian');

end

Dari hasil tersebut didapatkan bahwa canny merupakan hasil yang terbaik karena Canny mendeteksi tepi dengan mengidentifikasi maksima local dari gradien pada citra. Metode ini menggunakan dua nilai ambang/nilai batas (threshold) untuk mendeteksi tepi yang lemah dan yang kuat. Tepi yang lemah akan dihasilkan pada keluaran hanya jika ia terhubung denga tepi yang kuat. Oleh karena itu metode ini kemudian menjadi lebih diandalkan dari metode yang lain dari segi kehandalannya dalam membedakan ‘noise’ pada citra sekaligus mempunyai kemungkinan yang lebih besar dalam mendeteksi tepi-tepi yang lemah.
Read more.....

merubah RGB ke HSI dengan matlab

Contoh perbahan model warna lainnya yaitu dari RGB ke HSI
function rgbtohsi(x)
F=imread('baboon24.bmp');
F=im2double(F);
%F=double(x);
r=F(:,:,1);
g=F(:,:,2);
b=F(:,:,3);
th=acos((0.5*((r-g)+(r-b)))./((sqrt((r-g).^2+(r-b).*(g-b)))+eps));
H=th;
H(b>g)=2*pi-H(b>g);
H=H/(2*pi);
S=1-3.*(min(min(r,g),b))./(r+g+b+eps);
I=(r+g+b)/3;
hsi=cat(3,H,S,I);
HE=H*2*pi;
HE=histeq(HE);
HE=HE/(2*pi);
SE=histeq(S);
IE=histeq(I);
choice=input('1:RGB to HSI\n2:Display Hue, Saturation and Intensity Images\n3:HSI to RGB\n4:Hue-Equalization\n5:Saturation-Equalization\n6:Intensity-Equalization\n7:HSI-Equalization\n Enter your choice :');
switch choice
case 1
figure,imshow(F),title('RGB Image');
figure, imshow(hsi),title('HSI Image');
case 2
figure,imshow(F),title('RGB Image');
figure, imshow(H),title('Hue Image');
figure, imshow(S),title('Saturation Image');
figure, imshow(I),title('Intensity Image');
case 3
C=hsitorgb(hsi);
figure,imshow(hsi),title('HSI Image');
figure, imshow(C),title('RGB Image');
case 4
RV=cat(3,HE,S,I);
C=hsitorgb(RV);
figure,imshow(hsi),title('HSI Image');
figure,imshow(F),title('RGB Image');
figure, imshow(C),title('RGB Image-Hue Equalized');
case 5
RV=cat(3,H,SE,I);
C=hsitorgb(RV);
figure,imshow(hsi),title('HSI Image');
figure,imshow(F),title('RGB Image');
figure, imshow(C),title('RGB Image-Saturation Equalized');
case 6
RV=cat(3,H,S,IE);
C=hsitorgb(RV);
figure,imshow(hsi),title('HSI Image');
figure,imshow(F),title('RGB Image');
figure, imshow(C),title('RGB Image-Intensity Equalized');
case 7
RV=cat(3,HE,SE,IE);
C=hsitorgb(RV);
figure,imshow(hsi),title('HSI Image');
figure,imshow(F),title('RGB Image');
figure, imshow(C),title('RGB Image-HSI Equalized');
otherwise
display('Wrong choice');
end
end
function C=hsitorgb(hsi)
HV=hsi(:,:,1)*2*pi;
SV=hsi(:,:,2);
IV=hsi(:,:,3);
R=zeros(size(HV));
G=zeros(size(HV));
B=zeros(size(HV));
%RG Sector
id=find((0<=HV)& (HV<2*pi/3)); B(id)=IV(id).*(1-SV(id)); R(id)=IV(id).*(1+SV(id).*cos(HV(id))./cos(pi/3-HV(id))); G(id)=3*IV(id)-(R(id)+B(id)); %BG Sector id=find((2*pi/3<=HV)& (HV<4*pi/3)); R(id)=IV(id).*(1-SV(id)); G(id)=IV(id).*(1+SV(id).*cos(HV(id)-2*pi/3)./cos(pi-HV(id))); B(id)=3*IV(id)-(R(id)+G(id)); %BR Sector id=find((4*pi/3<=HV)& (HV<2*pi)); G(id)=IV(id).*(1-SV(id)); B(id)=IV(id).*(1+SV(id).*cos(HV(id)-4*pi/3)./cos(5*pi/3-HV(id))); R(id)=3*IV(id)-(G(id)+B(id)); C=cat(3,R,G,B); C=max(min(C,1),0); end

Read more.....

Merubah model warna RGB ke YIQ pada matlab

Kali ini contoh merubah model warna RGB ke model warna YIQ
function rgbtoyiq(x)

F=imread('baboon24.bmp');
YIQ = rgb2ntsc(F);
Y=YIQ(:,:,1);
I=YIQ(:,:,2);
Q=YIQ(:,:,3);

subplot(2,2,1);
imshow(F);
title ('gambar Asli');


subplot(2,2,2);
imshow(YIQ);
title ('gambar YIQ');

end
Read more.....

Merubah model warna RGB ke CMY pada matlab

ini merupakan contoh koding untuk merubah citra model RGB (Red Green Blue) menjadi CMY (Cyan Magenta Yellow)
function rgbcmy(x)
F=imread('baboon24.bmp');
F=im2double(F);
%F=double(x);
r=F(:,:,1);
g=F(:,:,2);
b=F(:,:,3);

C=(1-r);
M=(1-g);
Y=(1-b);
CMY=cat(3,C,M,Y);

HE=histeq(C);
SE=histeq(M);
IE=histeq(Y);

figure,imshow(F),title('RGB Image');
figure, imshow(CMY),title('CMY Image');
end
Read more.....

Membuat histogram citra berwarna dengan matlab

Berikut contoh koding matlab untuk membuat histogram pada citra berwarna
function [ output_args ] = tgspc( input_args )
gambar=imread('baboon24.bmp'); %——–membaca file gambar

red=gambar(:,:,1); %memanggil matriks gambar yang hanya berisi piksel warna merah

green=gambar(:,:,2);% memanggil matriks gambar yang hanya berisi piksel warna hijau

blue=gambar(:,:,3); %memanggil matriks gambar yang hanya berisi piksel warna biru

gray=0.3*red+0.5*green+0.2*blue ;
figure; imshow(gambar);
figure; subplot(4,1,1);
imhist(red);
title('Merah');

subplot (4,1,2);
imhist(green);
title('Hijau');

subplot (4,1,3);
imhist(blue);
title('Biru');

subplot(4,1,4);
imhist(gray);
title('Abu-abu');

end
Read more.....

Histogram Equalisation pada matlab

berikut contoh koding pada matlab untuk membuat Histogram Equalisation pada sebuah citra
Buat sebuah m-file pada matlab..
copykan koding berikut
function [ output_args ] = Histeq( input_args )
%membaca gambar yang akan diproses
A = imread('camera.bmp');
%mengubah gambar menjadi grayscale
B = 0.5*A(:,:,1);

%melakukan proses penyamaan histogram terhadap citra
C = histeq(B);
%menampilkan citra asli dan histogramnya
figure;subplot(2,1,1);
imshow(A);
title('image asli');
subplot(2,1,2);
imhist(A);
title('histogram gambar asli');
%menampilkan citra yang telah digrayscale beserta histogramnya
figure;subplot(2,1,1);
imshow(B);
title('image grayscale');
subplot(2,1,2);
imhist(B);
title('histogram gambar grayscale');
%menampilkan citra yang telah diequalisasi beserta histogramnya
figure;subplot(2,1,1);
imshow(C);
title('image equalisasi');
subplot(2,1,2);
imhist(C);
title('histrogram equalisasi');
end

note : untuk membuat histogram (melihat derjat keabuan) pada matlab cukup menggunakan fungsi imhist(gambarnya);

jika anda lihat histogram pada citra awal histogramnya, tingkat keabuan cendrung lebih banyak disebelah kiri dan tengah .
fungsi dari histogram equalisasi adalah meratakan derjat keabuan sehingga gambar/citra tidak terlalu gelap atau terlalu terang..
hasi dari histogram equalisasi



Read more.....

Fakultas Sains dan Teknologi UIN Suska Riau turut memperkenalkan pariwisata dan budaya serta produk unggulan UMKM maupun Home Industri lokal di Riau

Dalam rangka merayakan ulangtahun fakutas sains dan teknologi UIN Suska Riau mengadakan olimpade teknologi informasi dan mengadakan suatu perlombaan yang dapat memperkenalkan Provinsi Riau baik itu memperkenalkan pariwisata dan juga produk produk UMKM maupun Home industri lokal di Riau.
hal ini sangat bermanfaat baik untuk provinsi Riau dan juga UIN Suska Riau.

Apalagi ditahun 2012 akan diadakan PON (Pekan Olahraga Nasional) di provinsi Riau yang akan membawa para wisatawan ke provinsi Riau. para wisatawan akan mendapatkan informasi yang tepat ketika mereka mencari tempat pariwisata di daerah Riau. karena Fakultas Sains dan Teknologi turut memperkenalkan pariwisata dan budaya serta produk unggulan UMKM maupun Home Industri lokal di Riau.
Read more.....

Fakultas Sains dan Teknologi UIN Suska Riau

tif uinsuska

Fakultas Sains dan Teknologi UIN Suska Riau atau yang sering di sebut FASTE/FST merupakan salah satu fakultas di UIN SUSKA Riau. FST didirikan pada akhir tahun 2001 sebagai persiapan perubahan status dari Institut Agama Islam Negeri Sulthan Syarif Qasim (IAIN SUSQA) Pekanbaru menjadi Universitas Islam Negeri Sultan Syarif Kasim (UIN Suska) Riau. awal berdirinya fakultas Sains dan Teknologi dikarenakan dibukanya jurusan Teknik Informatika pada tahun 1999 dan teknik Industri pada tahun 2001. awalnya kedua jurusan tersebut berada di bawah naungan fakultas dakwah. Atas dasar kedua jurusan tersebutlah di cetus Fakultas Sains dan Teknologi.
Fakultas Sains dan Teknologi memiliki lima program studi , yaitu:
Matematika
Teknik Informatika
Teknik Industri
Sistem Informasi
Teknik Elektro
Jurusan Teknik Informatika (TIF) Uin Suska Riau

tujuan
Jurusan Teknik Informatika (TIF) Uin Suska Riau bertujuan Menghasilkan sumberdaya manusiayang memiliki kemampuan akademik dan profesional dibidang teknik informatika yang berwawasan keislaman dan keilmuan secara integratif yang terbaik di Asia Tenggara.


Jurusan Teknik Industri (TIN) Uin Suska Riau

tujuan
Jurusan Teknik Industri (TIN) Uin Suska Riau bertujuan melahirkan sarjana teknik yang berkualitas dan berkemampuan tinggi dalam hal perencanaan, penyusunan fisik, perbaikan, dan pengoperasian sistem-sistem terintegrasi dengan komitmen pada nilai-nilai moral, berwawasan keislaman, dan mempunyai kesadaran mengabdi kepada masyarakat dengan kemampuan bersaing secara global.

Jurusan Sistem Informasi (SIF) Uin Suska Riau

tujuan
Jurusan Sistem Informasi (SIF) Uin Suska Riau bertujuanmelahirkan sarjana teknik yang mampu mengupayakan pengembangan siste dan mempu merencanakan, mengorganisasikan dan mengelola teknologi informasi. yang akhirnya mampu mendayagunakan teknologi informasi untuk mendukung tercapainya tujuan organisasi.

Jurusan Matematika (MAT) Uin Suska Riau

tujuan
Jurusan Matematika (MAT) Uin Suska Riau bertujuan melahirkan sarjana yang berkualitas dan berkemampuan tinggi dalamhal engolahan serta analisis data dan statistik dengan komitmen pada nila-nilai moral, berwawasan keislaman, dan mempunyai kesadaran mengabdi kepada masyarakat dengan kemampuan bersaing secara global.

Jurusan Teknik Elektro Uin Suska Riau

tujuan
Jurusan Teknik Elektro Uin Suska Riau bertujuan menghasilkan sarjana yang memiliki pengetahuan dasar dan keahlian dalam bidnag elektronika/telekomunikasi yang siap dan mampu mengembangkan diri di lingkungan kerja masyarakat serta mampu mengikuti perkembangan ilmu pengetahuan dan teknologi.

sumber : http://web.uin-suska.ac.id, http://fst.uin-suska.ac.id
Read more.....

Pariwisata dan budaya lokal Riau

WISATA BELANJA PEKANBARU

Pasar Bawah adalah Wisata Belanja Kota Pekanbaru. Orang-orang dari luar Pekanbaru selalu menjadikan pasar bawah sebagai salah satu tempat yang harus dikunjungi jika mampir ke pekanbaru. Segala pernak pernik yang menarik dan unik dapat ditemukan di pasar ini. tidak heran para wisatawan membidik pasar ini sebagai tempat wisata berbelanja ketika mengunjungi pekanbaru riau.

Pacu Jalur Kuansing

Jalur adalah sampan berukuran panjang (Long Boat Race) 25-40 M, Jalur ini tidak dibuat sembarangan, Jalur ini dibuat mulai dari musyawarah dan mufakat masyarkat untuk mencari kayu ke hutan. Penebangan kayu juga harus yang memenuhi persyaratan, baik besar kayu, panjang kayu, umur kayu, dan bahkan dinilai dari marwah kayu itu sendiri yang berada disekitar hutan. Setelah penebangan kayu dilaksanakan, kayu dibentuk setengah jadi dan selanjutnya diangkut kedesa dan dilanjutkan setelah sesampainya di desa dan siap untuk dilayur (diasapi).
Pacu jalur merupakan pesta Budaya Rakyat yang dilaksanakan tanggal 21-24 Agustus setip tahunnya. Pesta budaya rakyat ini telah menjadi Event Nasional dan diikuti oleh Kabupaten-Kota se-Propinsi Riau, Propinsi tetangga, bahkan diikuti oleh negara jiran Malaysia, Brunei dan Singafore. Antusias pengunjung sangat tinggi untuk menyaksikan Pacu Jalur.

Candi Muara Takus


Candi muara takus merupakan peninggalan bersejarah Riau.Candi ini Terletak di desa Muara Takus, Kecamatan XIII Koto Kampar atau jaraknya kurang lebih 135 kilometer dari Kota Pekanbaru. Kompleks candi ini dikelilingi tembok berukuran 74 x 74 meter, diluar arealnya terdapat pula tembok tanah berukuran 1,5 x 1,5 kilometer yang mengelilingi kompleks ini sampai ke pinggir sungai Kampar Kanan.
di areal ini terdapat bangunan candi Tua, candi Bungsu dan Mahligai Stupa serta Palangka. Bahan bangunan candi terdiri dari batu pasir, batu sungai dan batu bata. Menurut sumber tempatan, batu bata untuk bangunan ini dibuat di desa Pongkai, sebuah desa yang terletak di sebelah hilir kompleks candi. Bekas galian tanah untuk batu bata itu sampai saat ini dianggap sebagai tempat yang sangat dihormati penduduk.

Selain dari candi Tua, candi Bungsu, Mahligai Stupa dan Palangka, di dalam kompleks candi ini ditemukan pula gundukan yang diperkirakan sebagai tempat pembakaran tulang manusia. Diluar kompleks ini terdapat pula bangunan-bangunan (bekas) yang terbuat dari batu bata, yang belum dapat dipastikan jenis bangunannya. Kompleks candi Muara Takus, satu-satunya peninggalan sejarah yang berbentuk candi di Riau. Candi yang bersifat budhistis ini merupakan bukti pernahnya agama Budha berkembang di kawasan ini beberapa abad yang silam.
para pakar purbakala belum dapat menentukan secara pasti kapan candi ini didirikan. Ada yang mengatakan abad kesebelas, ada yang mengatakan abad keempat, abad ketujuh, abad kesembilan dan sebagainya.

Istana Kerajan Gunung Sahilan
Istana ini terletak di kampar kiri di desa kebun durian.


Taman Rekreasi Stanum
Merupakan sebuah tempat rekreasi yang terletak di ibukota Kabupaten Kampar, berjarak 1 Km dari pusat kota. Tempatnya menarik dan strategis, yakni berada diatas perbukitan yang berhawa sejuk dengan pepohonan yang rindang. Kawasan ini dilengkapi dengan berbagai fasilitas, diantaranya tempat pemandian, Musholla, Gedung Perternuan, Motel, Restoran, Panggung Hiburan, Bioskop dan Kolam Renang “INDOPURA” berskala Internasional, yang pernbangunannya merupakan hasil kerjasama pemerintah Indonesia dengan angkatan udara pemerintah Singapore.

Air Terjun Merangin
Terletak di desa Merangin Kecamatan Bangkinang Barat, merupakan objek wisata yang memiliki keindahan alam berupa air terjun dan kawasan hutan yang masih asli dengan flora yang sangat khas. Jenis objek wisata ini adalah wisata petualangan dengan menelusuri hutan sambil menikmati kesegaran dan ketenangan serta keindahan alam di dalam dan disekitar hutan tersebut.

Mesjid Jami’
Berlokasi di Air Tiris Kecamatan Kampar, Kabupaten Kampar. Mesjid Jami’ dekat Pasar Air Tiris Kecamatan Kampar, mesjid ini juga memiliki keunikan tersendiri jika dibandingkan dengan mesjid-mesjid lain di Propinsi Riau. Mesjid ini dibangun pada tahun 1901. Pada puncak atapnya terdapat tingkatan menara yang cukup tinggi dan bahan bangunannya terbuat dari kayu tanpa menggunakan paku besi. Di luar mesjid terdapat sebuah sumur yang di dalamnya terendam batu besar yang mirip kepala kerbau. Konon, batu tersebut selalu berpindah tempat tanpa ada yang memindahkannya. Oleh masyarakat tempatan mesjid ini dianggap keramat dan kini banyak mendapat kunjungan wisatawan nusantara maupun mancanegara, terutama dari Singapura dan Malaysia untuk membayar nazar dan mandi di sumurnya. Kunjungan yang terbanyak sesudah Bulan Puasa atau pada hari raya Puasa Enam.

Museum Kandil Kemilau Emas
Berlokasi di Pulau Belimbing Kecamatan Bangkinang, Kabupaten Kampar. Museum ini resminya baru pada tanggal 22 Mei 1988 berada di pulau Belimbing Kuok Bangkinang. Museum ini adalah sebuah rumah berbentuk rumah Adat Lima Koto Kampar yang dibangun sekitar tahun 1900 oleh almarhum Haji Hamid. Kini dalam museum ini tersimpan berbagai barang antik koleksi yang memiliki nilai sejarah seperti Barang tembikar, Alat Pertukangan, Alat Pertanian, Alat-alat penangkap ikan, alat-alat kesenian, Alat-alat pelaminan, Alat-alat perdagangan, Alat pesta dan lain-lain. Disamping alat-alat tersebut tersimpan pula dayung perahu dagang terbuat dari kayu yang sangat kuat berasal dari abad ke 18, serta sebuah kompas yang terbuat dari bambu yang dibuat oleh bangsa China karena angka-angka yang tertulis pada kompas tersebut ditulis dalam aksara China. Ada dua ratus lima puluh (250) macam barang antik koleksi musium Kandil Kemilau Emas yang semuanya merupakan koleksi warisan yang telah turun temurun sebagai barang pusaka.

Makam Syekh Burhanuddin
Berlokasi di Kecamatan Kampar Kiri, Kabupaten Kampar. Almarhum Syekh Burhanuddin adalah salah seorang penyebar Agama Islam, makamnya terletak di Kuntu Lipat Kain Kabupaten Kampar. Tempat ini banyak mendapat kunjungan terutama pada hari besar Islam dan menjelang bulan Ramadhan tiba.

PLTA Koto Panjang
Berlokasi di Desa Merangin, Bangkinang Barat, Kabupaten Kampar, ± 88 km dari kota Pekanbaru. Di Danau PLTA Koto Panjang ini dapat kita saksikan pemandangan alam yang sangat indah, dengan deretan bukit-bukit yang ditumbuhi pepohonan dengan jenis yang beragam. Luas areal PLTA Koto Panjang ini sekitar 12.900 Ha.

Hutan Wisata Rimbo Terantang
Objek wisata ini berada di desa Padang Lawas yang merupakan objek wisata yang memiliki keindahan alam kawasan hutan yang masih asli dengan flora yang sangat khas. Hutan wisata ini juga berfungsi sebagai tempat penelitian. Terutama fenomena alam baik flora maupun fauna. Jenis objek wisata ini adalah wisata petualangan dengan menelusuri hutan sambil menikmati kesegaran dan ketenangan serta keindahan alam di dalam dan disekitar hutan tersebut.

Kawasan Bangkinang Siabu
Memiliki daya tarik alam yang khas dan indah, kondisi floranya cukup terjaga dengan baik khawasan juga dijadikan pusat perternakan lebah madu yang menghasilkan tawon yang berkualitas baik, dan di dalamnya dijadikan tempat pembibitan ikan. Objek wisata ini terletak di desa Siabu Kecamatan Bangkinang Barat.

Taman Rekreasi Bukit Cadika
Dikembangkan dari keindahan alam yang ada disekitarnya dengan menata dan melengkapi fasilitas-fasilitas yang dibutuhkan sehingga membentuk taman rekreasi dan juga dipergunakan sebagai tempat camping (bumi perkemahan) dan play ground. Kawasan ini terletak di tengah kota Bangkinang.

Rumah Asli Lontiok
Terletak di desa Sipungguk Kecamatan Bangkinang Barat yang berusia lebih dari 100 tahun, daya tariknya terletak pada arsitekturnya yang mencerminkan budaya masyarakat Melayu Darat, dengan perpaduan budaya Islam.

Kawasan Bangkinang Kuok ini berada di desa Siabu Kecamatan Bangkinang Barat yang merupakan objek wisata yang memiliki keindahan alam kawasan hutan yang masih asli dengan flora yang sangat khas. Hutan wisata ini juga berfungsi sebagai tempat penelitian. Terutama fenomena alam baik flora maupun fauna. Jenis objek wisata ini adalah wisata petualangan dengan menelusuri hutan sambil menikmati kesegaran dan ketenangan serta keindahan alam di dalam dan disekitar hutan tersebut.

Kawasan Kuala
Merupakan objek wisata alam yang memiliki Keindahan alam yang sangat menarik dan menabjubkan yang terletak 40 menit dari desa Air Tiris Kecamatan Kampar. Daya tarik kawasan ini adalah keindahan alamnya yang ditunjang oleh lansekap yang masih alami dan atraktif.

Alam Muara Mentawai
Merupakan objek wisata alam yang memiliki Keindahan alam yang sangat menarik dan menakjubkan yang terletak 30 menit dari desa Air Tiris Kecamatan Kampar. Daya tariknya adalah kawasan taman suaka marga satwa yang menjadi habitat bagi berbagai jenis burung serta keindahan floranya yang ditunjang oleh kawasan lansekap yang masih alami dan atraktif.

Taman Wisata Margasatwa
Obyek wisata ini berupa kawasan taman suaka marga satwa yang menjadi habitat bagi berbagai jenis burung, baik burung yang sepanjang masa menetap di kawasan ini, maupun burung-burung yang secara teratur bermigrasi dan menetap sementara dikawasan ini. Kekayaan fauna, diantaranya kupu-kupu dan kumbang-¬kumbang yang memiliki keterkaitan dengan habitat ini, yang keindahan ditunjang oleh keberadaan flora-flora khas yang tumbuh dikawasan ini, baik dari jenis tumbuhan kecil, perdu hingga pohon¬-pohon besar lainnya menjadi dayatarik objek wisata ini. Lokasi objek wisata ini berada di desa Sialang Kubang Kecamatan Siak Hulu. Lansekap kawasan yang masih alami dilokasi obyek wisata ini menjadi daya tarik yang sangat kuat, sehingga banyak dikunjungi para wisatawan, terutarna bagi wisatawan yang tertarik untuk mempelajari fenomena alam, baik flora maupun fauna.

Pemandian Alam Petapahan
Pemandian Alam Petapahan ini terletak di Desa Petapahan Kecamatan Tapung. Merupakan tempat pemandian dengan sumber mata air berasal dari alam. Daya tarik objek wisata ini adalah keindahan alam di sekitar tempat pemandian Petapahan ini, terdapat jalan setapak untuk mencapai ke pemandian dan untuk menikmati keindahan alamnya. Lokasi obyek wisata ini sangat menarik, terutama suasana alami yang ada, dan struktur lansekap disekitar lokasi yang sangat atraktif, sangat sesuai untuk bersantai melepas lelah, karena ketersediaan fasifitas-fasilitas pendukung yang disediakan, seperti warung, rumah makan bersuasana tradisional, shefter-shelter yang nyaman untuk bercengkrama.

Taman Rekreasi Sekijang
ini dikembangkan dari sejarah yang dimiliki oleh tempat ini, yaitu sebagai tempat persembunyian sepasang pengantin yang melakukan kawin lari. Lokasi wisata ini berada di desa Sekijang di Kecamatan Tapung Hilir. Perkawinan kawin lari merupan adat istiadat yang masih ada sampai saat ini terutama dilakukan oleh keturunan asli masyarakat kecamatan ini. Selain sejarah tempat ini, daya tarik objek wisata ini adalah keindahan alam yang telah tertata baik yang berada di sekitar taman rekreasi tersebut.

Air Terjun Alahan
merupakan objek wisata berupa keadaan Sungai kampar yang memiliki banyak jeram dengan air terjun yang sangat indah untuk dinikmati serta menarik untuk diarungi dengan menggunakan perahu khusus. Lokasi objek wisata tersebut terletak hulu sungai Kampar Kecamatan XIII Koto Kampar. Daya tarik obyek wisata ini adalah keindahan serta kesegaran udara dan yang mengundang wisatawan terutama bagi wisatawan yang memiliki jiwa petualangan dalam mengangumi keberadaan alam. Kekayaan fauna yang terdapat di obyek wisata ini yang memiliki keterkaitan dengan habitat ini, keindahan yang ditunjang oleh keberadaan flora flora khas yang tumbuh dikawasan ini, serta Lansekap kawasan yang masih alami dilokasi obyek wisata ini menjadi daya tarik yang sangat kuat
sumber : http://riau-wisata.blogspot.com Read more.....

Produk unggulan UMKM dan home industri lokal di Riau

Read more.....

(OTIK)-3 FST UIN Suska Riau


Olimpiade Teknologi Informasi dan Komunikasi (OTIK) kembali digelar. OTIK adalah kegiatan lomba dibidang Teknologi Informasi dan Komunikasi (TIK) yang diselenggarakan oleh Fakultas Sains dan Teknologi, UIN SUSKA Riau yang diadakan setiap tahun (sejak tahun 2009). Melihat kesusksesan acara OTIK1 dan OTIK2, kali ini di adakan kembali OTIK-3 yang bertema "Pemanfaatan TIK untuk membangun Masyarakat Berpengetahuan (Knowledge Society)". Tema ini diangkat dengan tujuan memotivasi pelajar/mahasiswa untuk terus berkarya, berinovasi dan berkreasi dalam mencerdaskan kehidupan masyarakat yang lebih berpengetahuan.

Jenis Perlombaan

Untuk SMU/SMK/MS/sederajat :
Lomba Animasi/Multimedia Kreatif
Lomba Desain Web
Lomba Desain dan Manajemen Jaringan Komputer.

Untuk Mahasiswa (D1/D2/D3/D4/S1) :
Lomba Karya Inovasi TIK
Lomba Solusi Teknologi Informasi Berskala Enterprise
Lomba perancangan blog dan konten

Aturan Perlombaan

untuk aturan masing masing perlombaan dapat di lihat disini.

Kriteria Perlombaan

detail lengkap kriteria perlombaan dapat dilihat disini.
secara garis besar untuk lomba animasi, di ikuti oleh tim yang terdiri dari 2 orang. topik yang dibuat.
- Memperkenalkan produk-produk unggulan UMKM maupun home industri lokal di Riau,
- Memperkenalkan pariwisata dan budaya lokal Riau
- Memperkenalkan Fakultas Sains dan Teknologi UIN Suska Riau

Untuk Lomba Desain Web, lomba dilakukan di Fakultas Sains Dan Teknologi. kita diperbolehkan membawa gambar, audio sebagai pelengkap namun tidak dibenarkan membawakan script html untuk pembuatan website. temanya sama dengan yang diatas.

Lomba Desain dan Manajemen Jaringan Komputer dikerjakan di Fakultas Sain dan Teknologi, dengan mengerjakan kasus yang diberikan panitia dan memberikan solusi kebutuhan jaringan sesuai dengan apa yang diminta.

Lomba Karya Inovasi TIK, materinya dapat berupa : E-Government,E-Business,E-Learning,Research and Development,Mobile Application,Social Networking,OpenSource Application.
pembuatan dirumah masing-masing dan di kirimkan pada waktu yang ditentukan.
Read more.....

Aplikasi Rotasi Image dengan matlab 7

untuk membuat
alpikasi pengolahan citra rotasi kita menggunakan matlab 7 karena pada matlab 7 sudah menyediakan fasilitas GUI.
langusng saja buka matlab 7 anda, kemudian pilih file> new> GUI
pertama kita akan membuat menu dengan menu editor.
pada tampilan GUI klik icon menu editor.

setelah keluar jendela menu editor buat sebuah menu dengan label "open". Accelerator nya Ctrl + O ganti tag nya menjadi "buka"
buat menu baru label "save". Accelerator nya Ctrl + S ganti tag nya menjadi "simpan"
buat 1 menu lagi dengan label "exit" tag "keluar", klik ok jika anda sudah selesai membuat menu.

langkah selanjutnya adalah membuat static text dan ubah property nya dengan melakukan double click.
text1 ubah string : "Program Aplikasi untuk Merotasi Citra"
text2 ubah string : "Citra Asli"
text3 ubah string : "Citra Hasil Rotasi"
text4 ubah string : "Derajat Rotasi"

untuk tag nya biarkan saja default text1, text2 dll. guna tag yaitu untuk di function nya nanti. jadi ketika kita ingin memberi aksi pada text1 kita tinggal menambahkan kode pada function text1

Kemudian buat 2 axes.
buat 1 edit text

terakhir buat slider ubah propery min nya 1.0 dan max 360.0
susun sehingga seperti ini

simpan file anda dan secara otomatis anda akan mendapatkan file dengan extensi .m
selesai untuk GUI sekarang kita ke programming, bukalah file .m anda.

cari function slider1_Callback(hObject, eventdata, handles)
tambahkan koding berikut
% get(hObject,'Min') and get(hObject,'Max') to determine range of slider
nilai_slider = get(handles.slider1,'Value');
handles.nilai_slider=round(nilai_slider);
guidata(hObject,handles);
set(handles.edit1,'String',handles.nilai_slider);
hasil = imrotate(handles.data1,handles.nilai_slider,'bilinear','crop');
handles.hasil=hasil;
guidata(hObject,handles);
axes(handles.axes2);
imshow(hasil);

kemudian cari function buka_Callback(hObject, eventdata, handles)
tambahkan
[nama_file1, nama_path1]=uigetfile(...
{'*.bmp;*.jpg','File Citra (*.bmp,*.jpg)';
'*.bmp','File Bitmap (*.bmp)';...
'*.jpg','File jpeg (*.jpg)';
'*.*','Semua File (*.*)'},...
'Buka File Citra Host/Asli');
if ~isequal(nama_file1, 0)
handles.data1=imread(fullfile(nama_path1,nama_file1));
guidata(hObject,handles);
handles.current_data1=handles.data1;
axes(handles.axes1);
imshow(handles.current_data1);
axes(handles.axes2);
imshow(handles.current_data1);
else
return;
end

selanjutnya pada bagian function simpan_Callback(hObject, eventdata, handles)
[nama_file_simpan, path_simpan]=uiputfile(...
{'*.bmp','file citra (*.bmp)';
'*.bmp','citra bmp (*.bmp)';...
'*.*','Semua File (*.*)'},...
'Menyimpan Citra Hasil Rotasi');
imwrite(handles.hasil,fullfile(path_simpan,nama_file_simpan),'BMP');

function keluar_Callback(hObject, eventdata, handles)
selection = questdlg(['Tutup ' get(handles.figure1,'Name') '?'],...
['Tutup ' get(handles.figure1,'Name') '...'],...
'Ya','Tidak','Ya');
if strcmp(selection,'Tidak')
return;
end
delete(handles.figure1)

selesai jalankan aplikasi dengan mengklik Run.

download sourcenya disini..
Read more.....

Menyimpan website secara keseluruhan untuk browsing offline

sering sekali kita menemukan website yang meberikan tutorial yang bagus. namun terkadang sangat merepotkan jika kita ingin menyimpan halaman web tersebut 1 persatu. nah ada caranya bagaimana menyimpan halaman secara keseluruhan termasuk link-link yang ada pada halaman tersebut.
jadi ketika kita meng klik link yang ada pada halaman tersebut kita masih dapat melihat halaman walaupun tidak terkoneksi dengan internet.
caranya yaitu dengan menggunakan aplikasi teleport pro.

(untuk downloadnya http://www.ziddu.com/download/17252057/teleportproSN.zip.html) finya ringan cuma 800kb an. :)

1.install program teleport pro
2.klik new project wizard
3. pilih yang create browsable copy

4. klik next, terus masukkan alamat url yang ingin di copy,
5. pada bagian how deeply masuuk 1 saja. agar proses download tidak terlalu lama. jika anda ingin mendownload sampai kedalaman tertentu sih juga tidak apa-apa namun proses nya tentu akan lebih lama
6. pilih everything, kemudian finish..
7. pilih tempat penyimpanan
8. klik tombol start. untuk mendownload hamalam website

done. :)


Read more.....

Teknik Informatika UIN SUSKA RIAU


Teknik Informatika UIN Suska Riau merupakan lembaga pendidikan yang bernaung di bawah Fakultas Sains dan Teknologi UIN Suska Riau. Jurusan ini tidak hanya berfokus pada pendidikan dibidang teknologi namun juga bertujuan untuk menciptakan sarjana muslim yang berakhlak mulia dan mempunyai kemampuan akademik di bidang Teknologi Informasi.
selain bekerjasama dengan PT. CPI, ITS dan ITB, juga bermitra dengan Otorita Batam (OB), PT. Indah Kiat Pulp and Paper (IKPP), dan PT. Riau Andalan Pulp and Paper (RAPP).

Teknik Informatika mendapatkan akreditas B atas kerja keras dan kerjasama para dosen dan mahasiswa teknik informatika UIN Suska Riau. Dengan akreditas tersebut diharapkan tingkat pendidikan akan semakin meningkat dan kualitas lulusan dari jurusan Teknik Informatika UIN Suska Riau semakin baik dan memiliki skill yang sesuai dengan bidangnya.

Mulai tahun ajaran 2007/2008, Penerimaan mahasiswa baru pada Program Studi Teknik Informatika dilakukan melalui jalur Seleksi Penerimaan Mahasiswa Baru (SPMB), ujian lokal dan Pemilihan Bibit Unggul Daerah (PBUD). Sedangkan sebelumnya penerimaan mahasiswa baru dilakukan melalui ujian lokal dan PBUD. Penerimaan dilakukan dengan selektif, dibuktikan dengan peningkatan batas kelulusan (Passing Grade) setiap tahun.

pada tahun 2011 Teknik Informatika UIN Suska Riau merubah kurikulum pembelajaran dengan berfokus pada pemrograman Java. Dengan pemrograman java mahasiswa dapat lebih bereksplorasi dengan mengembangkan aplikasi tidak hanya berbasis desktop saja, namun juga dapat mengembangkan aplikasi berbasis mobile.
silahkan berkunjung di website resmi Teknik Informatika UIN Suska
Read more.....

Kursus Php+mySQL, Visual Basic(VB), Java+Android Murah Di Pekanbaru

Hubungi Raja Syahroni 083167111925. Kursus-Les-Private Php+mySQL, Visual Basic(VB), Java+Android Murah Di Pekanbaru. Dapatkan harga murah dan berkualitas, sebulan dijamin bisa.

Informasi Kursus-Les-Private Php+mySQL, Visual Basic(VB), Java+Android Murah Di Pekanbaru dapat Anda dapatkan dengan menghubungi nomor diatas.

Alamat Kursus : Jl. Garuda Sakti, Jl. Buluh Cina, Panam Pekanbaru
Page : http://www.facebook.com/PAS.Private

Daftar Kursus-Les-Private Pembuatan Sistem / Aplikasi :
1. Paket Php + mySQL
Biaya Rp.300.00
(Paket Sebulan = 12 Pertemuan)
(3 Pertemuan / Minggu)

2. Paket Java + Android
Biaya Rp.300.00
(Paket Sebulan = 12 Pertemuan)
(3 Pertemuan / Minggu)

3. Paket VB 6.0 + Micr.Access
Biaya Rp.300.00
(Paket Sebulan = 12 Pertemuan)
(3 Pertemuan / Minggu)

4. Paket Foto Editing + Photoshop
Biaya Rp.300.00
(Paket Sebulan = 12 Pertemuan)
(3 Pertemuan / Minggu)

5. Paket Perakitan Komputer
- Pengenalan Hardware
- Perakitan Komputer
- Penginstallan OS Linux dan Windows
- Membuat Jaringan LAN
- Menghubungkan Jaringan Komputer Lokal
Biaya Rp.200.00
(Paket 6 Pertemuan)
(3 Pertemuan / Minggu)

Perkelas @10 orang.
Belajar Mulai dari Nol

--PAS Private--
"Theory Less, Practice More"

Read more.....

Membuat artikel terkait yang bergambar..

seperti yang anda lihat pada akhir posting ini atau pada gambar diatas. ada link untuk menunjukkan posting yang lain pada blog kita. nah ternyata caranya sangat mudah gak perlu merubah koding template.
caranya adalah dengan menggunakan http://www.linkwithin.com/learn
silahkan masukkan inputan yang disediakan terus ikuti langkah-langkah yang diberikan :)
thats all.
Read more.....

download driver bandluxe c120 windows 7

saya punya modem bandluxe tipe c120 ketika di install di win 7 tidak ada masalah, tapi ketika di jalankan/connect. ternyata gak bisa.. setelah mencari info kesana kemari. ternyata masalahnya adalah pada drivernya.

awalnya driver yang disediakan hanyalah untuk win xp dan vista. setelah setengah berkeringat :P akhirnya ketemu juga driver untuk windows 7 nya. bagi yang ini mendownload driver modem bandluxe c120 untuk windows 7 silahkan dowload disni.
Read more.....

Memasang IDM di google chrome

Untuk anda yang ingin mengintegrasikan IDM dengan google chrome. ikuti langkah berikut.

pertama download dulu Extension (kalau di Mozilla Add-On) bernama oGet
kemudian Install Extension oGet tadi yang sudah di download pada chrome
1. Pilih Internet Download Manager untuk dijadikan media ketika kita mendownload
CARA 1

2. Menggunakannya yaitu dengan cara menekan tombol SHIFT+RIGHT KLIK (SHIFT+KLIK KANAN). Dan secara otomatis Internet Download Manager akan muncul seperti biasa Anda mendownload.
CARA 2



sumber : http://forum.vivanews.com/software/195314-cara-mengintegrasikan-idm-pada-google-chrome.html
Read more.....

Materi E-Business lengkap


berikut slide presentasi materi kuiah e-bussiness dengan bapak Roni Andespa, SE, MM
total slide ada 10. jika anda ingin mendownload secara terpisah silahkan
download slide 1-5 disini dan 6-1- disini..

jika ingin download secara lengkap (slide 1-10) download materi e-bussiness lengkap disini.



Read more.....

Daftar Nama Kecamatan Kelurahan/Desa & Kodepos Di Kota Pekanbaru Ria

Berikut ini adalah daftar nama-nama Kelurahan / Desa dan Kecamatan beserta nomor kode pos (postcode / zip code) pada Kota Pekanbaru, Provinsi Riau, Republik Indonesia.
Negara : Negara Kesatuan Republik Indonesia (NKRI)
Provinsi : Riau
Kota Administrasi/Kotamadya : Pekanbaru

1. Kecamatan Bukit Raya
Daftar nama Desa/Kelurahan di Kecamatan Bukit Raya di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Tangkerang Labuai (Kodepos : 28281)
- Kelurahan/Desa Dirgantara (Kodepos : 28283)
- Kelurahan/Desa Simpang Tiga (Kodepos : 28284)
- Kelurahan/Desa Tebingtinggi (Kodepos : 28287)
- Kelurahan/Desa Tangkerang Selatan (Kodepos : 28288)
- Kelurahan/Desa Tangkerang Utara (Kodepos : 28289)

2. Kecamatan Lima Puluh
Daftar nama Desa/Kelurahan di Kecamatan Lima Puluh di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Rintis (Kodepos : 28141)
- Kelurahan/Desa Sekip (Kodepos : 28142)
- Kelurahan/Desa Tanjung Rhu (Kodepos : 28143)
- Kelurahan/Desa Pesisir (Kodepos : 28144)

3. Kecamatan Marpoyan Damai
Daftar nama Desa/Kelurahan di Kecamatan Marpoyan Damai di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Maharatu (Kodepos : 28125)
- Kelurahan/Desa Sidomulyo Timur (Kodepos : 28125)
- Kelurahan/Desa Wonorejo (Kodepos : 28125)
- Kelurahan/Desa Tangkerang Barat (Kodepos : 28282)
- Kelurahan/Desa Tangkerang Tengah (Kodepos : 28282)

4. Kecamatan Payung Sekaki
Daftar nama Desa/Kelurahan di Kecamatan Payung Sekaki di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Air Hitam (Kodepos : 28292)
- Kelurahan/Desa Labuh Baru Barat (Kodepos : 28292)
- Kelurahan/Desa Labuh Baru Timur (Kodepos : 28292)
- Kelurahan/Desa Tampan (Kodepos : 28292)

5. Kecamatan Pekanbaru Kota
Daftar nama Desa/Kelurahan di Kecamatan Pekanbaru Kota di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Suka Ramai (Kodepos : 28111)
- Kelurahan/Desa Suma Hilang (Kodepos : 28111)
- Kelurahan/Desa Kota Tinggi (Kodepos : 28112)
- Kelurahan/Desa Kota Baru (Kodepos : 28114)
- Kelurahan/Desa Tanah Datar (Kodepos : 28115)
- Kelurahan/Desa Simpang Empat (Kodepos : 28116)

6. Kecamatan Rumbai
Daftar nama Desa/Kelurahan di Kecamatan Rumbai di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Sri Meranti (Kodepos : 28261)
- Kelurahan/Desa Palas (Kodepos : 28264)
- Kelurahan/Desa Rumbai Bukit (Kodepos : 28264)
- Kelurahan/Desa Umban Sari (Kodepos : 28265)
- Kelurahan/Desa Muara Fajar (Kodepos : 28267)

7. Kecamatan Rumbai Pesisir
Daftar nama Desa/Kelurahan di Kecamatan Rumbai Pesisir di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Limbungan (Kodepos : 28261)
- Kelurahan/Desa Limbungan Baru (Kodepos : 28261)
- Kelurahan/Desa Lembah Sari (Kodepos : 28262)
- Kelurahan/Desa Lembah Damai (Kodepos : 28263)
- Kelurahan/Desa Meranti Pandak (Kodepos : 28266)
- Kelurahan/Desa Tebing Tinggi Okura (Kodepos : 28287)

8. Kecamatan Sail
Daftar nama Desa/Kelurahan di Kecamatan Sail di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Cinta Raja (Kodepos : 28131)
- Kelurahan/Desa Suka Maju (Kodepos : 28131)
- Kelurahan/Desa Suka Mulia (Sukamulya) (Kodepos : 28131)

9. Kecamatan Senapelan
Daftar nama Desa/Kelurahan di Kecamatan Senapelan di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Sago (Kodepos : 28151)
- Kelurahan/Desa Kampung Dalam (Kodepos : 28152)
- Kelurahan/Desa Kampung Bandar (Kodepos : 28153)
- Kelurahan/Desa Kampung Baru (Kodepos : 28154)
- Kelurahan/Desa Padang Terubuk (Kodepos : 28155)
- Kelurahan/Desa Padang Bulan (Kodepos : 28156)

10. Kecamatan Sukajadi
Daftar nama Desa/Kelurahan di Kecamatan Sukajadi di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Sukajadi (Kodepos : 28121)
- Kelurahan/Desa Harjosari (Kodepos : 28122)
- Kelurahan/Desa Kedungsari (Kodepos : 28123)
- Kelurahan/Desa Kampung Melayu (Kodepos : 28124)
- Kelurahan/Desa Jadirejo (Kodepos : 28126)
- Kelurahan/Desa Pulau Karam (Kodepos : 28127)
- Kelurahan/Desa Kampung Tengah (Kodepos : 28128)

11. Kecamatan Tampan
Daftar nama Desa/Kelurahan di Kecamatan Tampan di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Delima (Kodepos : 28291)
- Kelurahan/Desa Tuah Karya (Kodepos : 28291)
- Kelurahan/Desa Simpang Baru (Kodepos : 28293)
- Kelurahan/Desa Sidomulyo Barat (Kodepos : 28294)

12. Kecamatan Tenayan Raya
Daftar nama Desa/Kelurahan di Kecamatan Tenayan Raya di Kota Pekanbaru, Provinsi Riau :
- Kelurahan/Desa Rejosari (Kodepos : 28281)
- Kelurahan/Desa Sail (Kodepos : 28285)
- Kelurahan/Desa Kulim (Kodepos : 28286)
- Kelurahan/Desa Tangkerang Timur (Kodepos : 28289)

sumber : http://organisasi.org/
Read more.....

Memasang camp adsense di atas komentar post

agar pembaca dapat berkontak langsung dengan ads yang ada di blog kita maka posisi peletakan adsense pun menjadi perhatian.
seperti yang terlihat pada akhir artikel ini, anda melihat box camp adsense yang terletak diatas komentar. bagaimana cara meletakkan nya ? ikuti langkah berikut.
Anda cukup menyalin script / kode dari Google Adsense, Andsense Camp pada Parser tool di bawah ini, kemudian klik Parse It!

Copykan code hasil parse
Pergi ke Layout> Edit Html dan Expand widget template.
Cari penggalan kode

<data:post.body/>

Sekarang tambahkan kode berikut tepat di atas garis itu.

<b:if cond="data:post.isFirstPost">
<i>Kopikan disini....!!!</i>
</b:if>


Read more.....

ngetik captcha dapet duit? di captchatrader

kebayang gak sudah berapa lama kita online baik di rumah pakai modem sendiri atau diwarnet. nah kebanyakan dari kita kalau lagi online selinganya pasti facebook :P atau twitter yang intinya untuk hiburan supaya gak bosen nge net (nyari tugas dll).
emang sih ga ada salah nya kita nge net sambil fb an. tapi ane nemu yang menarik nih. sambil ol iseng iseng ngetik captcha trus dapet duit lagi. :) $_$
mau?
jawabannya adalah Captcha Trader.
dimana tugas kita hanya mengetikkan gambar captcha yang keluar, terus nanti jumlah captcha yang benar di akumulasikan dan dijadikan duit $1 kalau poin kita sudah mencapai 10000 kredit dan bisa langsung di transfer ke paypal :)
dalam pengetikan captcha perhatikan huruf besar (capital) dan kecilnya soalnya case sensitif.
kita juga gak perlu perhatikan terus menerus web captchatrader nya karena ada opsi Audible Notifications yang memberitahu kalau ada captcha baru yang bisa di ketik.
yang daftar klik disini
Captcha Trader Read more.....

World of Goo game super keren

World of goo adalah sebuah game bergenre puzzle yang sangat cocok buat ngisi waktu luang. Walaupun game ini hanya berukuran sekitar 80 mb, tetapi apa yang disuguhkan oleh Kyle Gabler dan Ron Carmel selaku pembuat game benar-benar dahsyat. Game ini punya segalanya : simple, gampang dimengerti, asyik, graphic mantap, dan unik. Sebuah game yang asyik yang mengundang kita agar terus berpikir. Bisa dimainkan siapa saja, mudah, menarik dan hampir semua orang suka.

ini adalah game strategy dimana kita molekul "GOO" berusaha untuk mencapai pipa. banyak cara yang harus kita lakukan seperti membangun tower yang kokoh untuk dapat mencapai pipa tersebut.

ada banyak tipe molekul goo.Ada yang bisa di bongkar pasang. ada yang berupa air. dll.
pokoknya keren dah ini game.. coba aja pasti gak nyesal mainin game ini..

download disini..


Read more.....

optimasi blog/website backlink secara otomatis

Search engine google mengutamakan website atau blog yang mempunya backlink pada website-website lain. backlink merupakan link pada website lain yang mengarah ke website kita. nah ada banyak web yang dapat kita manfaatkan untuk mendapatkan backlink. seperti memberikan komentar dan mencantumkan link web/blog kita. atau submit artikel ke website social bookmark. dll.
namun dengan cara itu terlau repot karena harus melakukan secara manual. ini ada website yang dapat memberikan backlink secara otomatis. kita hanya men submit url website atau blog yang kita punya kemudian backlink-backlinknya pun akan dibuat secara otomatis.

Back Link Tools

1. http://www.imtalk.org/cmps_index.php...site-Submitter

2. http://www.improveseorank.com/free-seo-submission.php

3. http://freebacklinktool.com/wp-login...o=/my-account/

4. http://www.freesitescripts.com/

5. http://marketingblogonline.com/feedbacklinks/

6. http://marketingblogonline.com/autobacklinks/

7. http://www.affmastermind.com/toolbox/quickindex/

8. http://www.funbillion.com/site_submit/

9. http://www.webmasterdeck.com/tools/wsbacklinker/

10. http://www.backlinkgenerator.net/

11. http://verifiedfile.com/seo/
Read more.....

membuat 4 digit angka 0002 atau 000002

Bagaimana cara membuat format angka pada php menjadi beberapa digit. misalnya 4 digit seperti 0001.
misalnya variabel yang kita punya $a=1;
kita ingin yang ditampilkan di browser 00002.
caranya
<?php
$a=1;
printf("%05d", $number);
?>

semoga bermanfaat.
Read more.....

memisahkan string pada setiap karakter - dengan explode PHP

misalnya $code="ARH-1122";
nah kita ingin memisahkan kata antara karakter -
jadinya $a= "ARH"; dan $b= "1122";
caranya seperti ini.

<?php
$kode="ARH-1122";
$pecah = explode("-", $kode);

echo $pecah [0].'
';
echo $pecah [1];

?>
semoga bermanfaat.
Read more.....

Convert gambar ke text (ascii) dengan php, keren

Bagaimana menurut anda cara mencovert gambar menjadi teks ascii seperti gambar diatas,?
ternyata tidak susah, hanya butuh sedikit script php semuanya bisa dengan mudah terjadi.
pertama pilih gambar yang ingin di jadikan teks.
kemudian copykan ke localhost (htdocs pada xampp, ato www pada apserv).
kemudian buat koding php berikut dan simpan pada direktori yang sama dengan gambar. terserah namanya apa (contoh : convert.php)
<?php $locate= 'Foto346.jpg';

$image = imagecreatefromjpeg("$locate");

if ($image) {

echo '<PRE STYLE="font: 5px/5px Courier New;">';

$asciichars = array("@", "#", "+", "*", ";", ":", ",", ".", "`", " ");

$width = imagesx($image);

$height = imagesy($image);

for($y = 0; $y < $height; ++$y) {

for($x = 0; $x < $width; ++$x) {

$thiscol = imagecolorat($image, $x, $y);

$rgb = imagecolorsforindex($image, $thiscol);

$brightness = $rgb['red'] + $rgb['green'] + $rgb['blue'];

$brightness = round($brightness / 85);

$char = $asciichars[$brightness];

echo $char;

}

echo "\n";

}

echo '</PRE>';

} ?>
yang perlu anda perhatikan hanyalah nama file pada variabel $locate, isikan dengan nama file anda.
buka browser : http://localhost/convert.php
taradaaa. gambar pun jadi. :)

apabila gambar(teks) belum jelas. coba buka photo editor (photoshop, ato microsoft pict manager), kemudian atur brightess nya dan sharpness agar gambar lebih tajam dan semakin jelas ketika di convert ke teks.
sekian :)

thx for sumber :
http://forumphp.web.id/phpforum_10276_Convert_Gambar_Ke_Text_dengan_php%5Bkeren%5D.html
Read more.....

tutorial PHP Mengambil beberapa (sebagian) karakter pada String


Pada sebuah string. terkadang kita ingin mengambil beberapa bagian pada teks tersebut untuk diolah. misalnya string "beljar_php.pdf" kita ingin mengambil 3 karakter dari sebelah kanan. atau pada string tanggal "21-02-2011" kita hanya ingin mengambil tahun nya saja 2011. bagaimana kita dapat melakukan nya?
caranya yaitu dengan menggunakan fungsi substr
contoh berikut akan mengambil string dengan batas 4 karakter dari sebelah kanan substr($data,0,-4);
<?php
//data yang akan di substring
$data= "belajar.pdf";
//proses mensubstring
$namafile= substr($data,0,-4);
//menampilkan hasil substring
echo $namafile;
?>
hasil dari koding tersebut adalah "belajar"

selain itu kita juga dapat mengambil karakter dari sebelah kanan cara seperti ini
<?php
$data= "10-11-2011";
$namafile= substr($data,-4);
echo $namafile;
?>
hasilnya adalah "2011"

terakhir mengambil karakter dari sisi kanan :
<?php
$data= "123456789";
$namafile= substr($data,0,5);
echo $namafile;?>

Fungsi diatas akan menghasilkan "gambar"

sekarang kalau fungsinya kita buat menjadi substr($data,5); apa yang terjadi? silahkan dicoba sendiri :)
<?php
$data= "123456789";
$namafile= substr($data,5);
echo $namafile;?>

Read more.....

daftar google adsense dengan flyxia

Buat anda yang tidak pernah disetujui membuat akun google adsense nya. jangan khawatir ini ada cara ampuh buat mendapatkan akun google adsense dengan sangat mudah. saya sudah coba dan akhirnya bisa juga mendapatkan akun google.
Buka : 1. Flixya.com
2. klik Sign up untuk membuat akun di flixia
3. Masukan data yang diminta. lalu konfirm melalui email yang telah dimasukan
Kita akan diminta membuat 10 post entah itu upload foto, video, maupun menulis postingan(inggris). (pastikan bahasa inggris ya gan.)
4. Jika telah selesai, klik Monetize
5. Tunggu 1-3 hari sampai Flixya megirimi kita email.
6. Jika email dari google sudah datang kita diminta mengunjungi link membuat google ads.
7. Setelah masuk link tersebut, isi semua isian yang ada secara benar sesuai identitas diri yang benar. jika telah selesai tunggu 1 minggu untuk mengetahui apakah account kita diterima atau tidak.

just it. and its work. jamin deh.
Read more.....

Switch dan IF Else pada PHP

terkadang dalam pembuatan Link kita sering menggunakan.
<p><a href="beranda.php?modul=pengguna&aksi=tampil">Data Pengguna</a> |
<a href="beranda.php?modul=barang&aksi=tampil">Data Barang</a> |
<a href="logout.php">Logout</a></p>
//untuk mengganti isi dari content..
switch ($_GET['modul']){
case "pengguna" : //jika modul yang dipilih adalah pengguna.
echo "Modul Pengguna";
//include 'modul/pengguna/pengguna.php';
break;

case "barang" : //modul barang. maka barang.php dimasukkan kedalam content.
echo "Modul Barang";
//include 'modul/barang/barang.php';
break;
}
maksud dari <a href="beranda.php?modul=pengguna&aksi=tampil"> adalah. kita membuat sebuah hyperlink yang arahnya ke beranda.php kemudian memberikan 2 buah nilai yang bisa di GET. apa aja nilai nya?
1. modul = pengguna.
2. aksi = tampil

jadi klo kita buat <?php echo $_GET[modul]; ?>
output yang keluar adalah "pengguna".
klo yang kita echo $_GET[aksi]; hasil yang mucul di layar adalah?
(yuup, "tampil")

(mudeng yah :P )

nah terus ada kondisi switch ($_GET['modul']){
maksud dari switch ($_GET[modul]) adalah kita mengecek nilai dari si $_GET[modul] (modul apa yang kita pakai)
klo modul yang digunakan adalah pengguna case "pengguna" : <<ini titik dua bukan titik koma
tuliskan kedalam kontent "Modul Pengguna"


masi bingung?
maksud dari switch diatas sebenarnya sama aja dengan kondisi if seperti ini.

if ($_GET['modul'] == "pengguna") {
echo "Modul Pengguna";
//bla bla bla
}
else if ($_GET['modul'] == "barang") {
echo "Modul Barang";
//bla bla bla
}

selamat ber eksplorasi. :)
Read more.....

Tutorial PHP export data MYSQL ke EXCEL

Kebalikan dari tutorial sebelumnya. import excel ke mysql kali ini akan membahas cara mengexport file excel dari database mysql.

cara pertama yaitu dengan menggunakan php myadmin. klik menu export, kemudian pilih Microsoft Excel untuk jenis hasil export yang di inginkan. klik go dan file pun akan kita dapatkan.

bagi anda yang hobi ngoding :) berikut tutorial cara export file excel dengan menggunakan php.
perhatikuan full source code nya.

<?php
// koneksi database
$db = "banksoal";

mysql_connect("localhost","root","");
mysql_select_db("$db");

$filename = "testfile.xls";

// nilai awal counter untuk jumlah data yang sukses dan yang gagal diimport
$sukses = 0;
$gagal = 0;
$table = "alumni";


//jumlah kolom
$jkolom=0;

//generate kolom
$q= mysql_query("select * from $table");
$r=mysql_fetch_assoc($q);
foreach ($r as $head=>$nilai) {
$header .=$head." \t"; //print header table
$jkolom++;
}
$header .= "\n";

//generate baris
$result= mysql_query("select * from $table");
while ($row=mysql_fetch_array($result)) {
for ($x=0; $x<$jkolom; $x++) {
$content .=$row[$x]." \t ";
}
$content .= $row[$x]." \n ";
}


$output .= $header.$content;
header('Content-type:application/ms-excel');
header('Content-Disposition: attachment; filename='.$filename);
echo $output;

?>


bingung?
jangan khawatir berikut adalah penjelasannya.

pertama ubah nama database pada koding berikut.
// koneksi database
$db = "banksoal";

mysql_connect("localhost","root","");
mysql_select_db("$db");


guna koding berikut adalah untuk mencetak header dari data excel.
$q= mysql_query("select * from $table");
$r=mysql_fetch_assoc($q);
foreach ($r as $head=>$nilai) {
$header .=$head." \t"; //print header table
$jkolom++;
}
$header .= "\n";

kita juga dapat membuat header nya secara manual (tidak mengikuti header pada data mysql) yaitu dengan membuat variabel header
$header = "No\t Nama \t Alamat \ Umur \n";
gunakan \t untuk pemisah kolom dan \n untuk mengakhiri header.

pada bagian baris juga sama dengan pembuatan header. menggunakan \t untuk pemisah kolom dan \n untuk mengakhiri baris.

selanjutnya menyatukan isi dari variabel $header dan $baris kedalam 1 variabel $output.
$output .= $header.$content;

terakhir membuat dokumen excel dengan koding berikut.
header('Content-type:application/ms-excel');
header('Content-Disposition: attachment; filename='.$filename);


semoga berhasil. :)
Read more.....

Tutorial PHP import data excel ke MYSQL

terkadang kita membutuhkan teknik untuk memasukkan data yang berupa excel kedalam database MSQL. pada tutorial ini saya akan coba memberi tutorial import data dari excel ke MSQL dengan hanya sedikit memodifikasi koding yang sudah ada. ikuti langkah berikut.

pertama download dulu source codenya disini.
kemudian buka file proses.php. Yang perlu anda ubah hanyalah file ini. mari kita bahas satu per satu.

proses pertama yaitu memasukkan (include) file "excel_reader2.php"; biarkan saja seperti ini.
untuk koneksi msql sesuaikan dengan database anda misalnya
// koneksi ke mysql
mysql_connect("localhost", "root", "");
mysql_select_db("banksoal");

berarti database yang saya gunakan adalah banksoal

kemudian pada bagian ini..
// import data excel mulai baris ke-2 (karena baris pertama adalah nama kolom)
for ($i=2; $i<=$baris; $i++)
{
// membaca data no soal (kolom ke-1)
$no = $data->val($i, 1);
...
..


itu merupakan variabel yang kita buat untuk menampung nilai dari kolom dokumen excel.
misalnya variabel $no digunakan untuk menampung nilai dari kolom pertama cell dokumen excel.
jadi kalau misalnya file excel kita ada 5 kolom. berarti kita harus membuat 5 variabel untuk menampung isi dari dokumen excel tersebut. :)

langka selanjutnya yaitu melakukan query untuk menyimpan data-data dari excel kedalam database mysql
contoh querynya.
// setelah data dibaca, sisipkan ke dalam tabel mhs
$query = "INSERT INTO soal VALUES ('$no','$thn','$mp','$pkt','$pert','$a','$b','$c','$d','$e','$kunci')";
$hasil = mysql_query($query);



untuk memulai menggunakan aplikasi export web ini anda dapat membuka file import.php melalui localhost.

selamat memcoba. :) Read more.....

Slider dengan Jquery (Untuk menampilkan Berita utama)


pada postingan sebelumnya, sudah saya posting contoh slider dengan jquery. namun pada contoh tersebut, kita harus mengklik tombol next untuk melihat gambar selanjutnya. nah pada contoh kali ini, slidernya dapat berganti gambar secara otomatis. dalam beberapa detik gambar akan berubah ke gambar yang lain. langsung saja.
Lihat Demo
kalau tertarik silahkan download disini source kodenya..
Read more.....

Slider dengan Jquery

pernah ingin menbuat web photo galery yang dapat menampilkan photo dengan baik di website.?
tapi bingung bagaimana cara membuatnya?
tenang dengan adanya Jquery, semuanya menjadi lebih mudah.
berikut ada contoh file membuat photo galery dengan jquery.
sebelumnya Lihat dulu Demonya

kemudian Download sourcenya

buka index.html, yang perlu diperhatikan adalah kode yang berada di dalam tag <div class="scrollContainer">

sesuaikan dengan content yang anda inginkan
Read more.....

Tab pada jquery menggunakan effek slot machine

Jquery memang senjata paling ampuh untuk memberi style pada website.

pada jquery standard, terdapat fasilitas tab yang dapat memisahkan beberapa informasi dalam bentuk tab.

nah Tab ini dikembangkan oleh orang bule sana, di desain dengan gaya slot machine..
Lihat demo
download sourcenya di Source
untuk menggunakannya juga sangat gampang..
setelah download sourcenya. Buka file index.html
lihat kode berikut :

<div id="one" class="content-box">
<div class="col-one col">
<img src="images/evangeline.jpg" alt="" />
</div>
dst...

nah anda tinggal edit content/isi yang di ingin kan. ganti foto dan teks yang ingin ditampilkan.

kalau ingin menambah tab baru tinggal copykan code diatas kemudian ganti id dari div nya menjadi four <div id="one" class="content-box">
kemudian tambahkan code berikut untuk linknya:

<li><a href="#four">Tab empat</a></li>

sangat mudah kan :)

Read more.....

Game Mengasah Otak (Pancho)

Lagi puasa ? dari pada bengong2 puasa ga ada kerjaan sambil nunggu buka mending maenin game ini.. keren mengasah otak. gak perlu donload. bisa langsung maen.. TKP aja langsung ya.


Amigo Pancho



di game ini ceritanya kita menyelematkan bapak2 dari sebuah jurang.. dia mau naik keatas dengan di bantu 2 balon. nah kita mesti cari cara supaya balon tersebut ga pecah. dan si bapak bisa selamat naik keatas
Read more.....

Referensi Jurnal Gratis dan berbayar Teknik Informatika

Ini list link yang menyediakan jurnal ilmiah yang bisa kita manfaatin buat referensi
karya ilmiyah.

BERBAYAR

IEEE Computer Society Digital Library (student member $61/tahun)
ACM Digital Library (student member $42/tahun)
Elsevier.Com (banyak universitas di Indonesia yg melanggan)
EBSCO (banyak universitas di Indonesia yg melanggan)
Science Direct (banyak universitas di Indonesia yg melanggan)
Proquest (banyak universitas di Indonesia yg melanggan)


GRATIS

Citeseer (ribuan paper jurnal bidang computer science)
Directory of Open Access Journal
PubMed Central (free digital archive of biomedical and life sciences)
Google Scholar (citation index, abstak dam fulltext)
Mirror Scientific Data di LIPI (mirror di LIPI untuk jurnal ilmiah internasional)
DBLP Bibliography
Libra Academic Search
JSTOR Scholarly Journal Archieve
Biomed Central (the Open Access Publisher)
Highwire Press Stanford University
UC Berkeley on iTunes U (Materi kuliah gratis dari UC Berkeley)
MIT Opencourseware (Materi kuliah gratis dari MIT)
Patent Searching (Pencarian Dokumen Paten)
Ilmukomputer.Com (mulai banyak paper ilmiah yang diupload)

link di dapat dari http://romisatriawahono.net
Read more.....

tutorial membuat login logout pada php lengkap

Pengen buat file login dan logout di php? ni ada contohnya silahkan download disini.
kalau masi bingung tanya aja disini. :)
Read more.....

XML DTD SChema Diagram (valid)

ini ada contoh file xml beserta DTD dan xml schema (xsd) yang sudah valid. silahkan download.. disini
Read more.....

Iklan disini



Hai. bagi anda yang ingin memasang iklan anda disini silahkan hubungi +6285265522600 atao email ke aritha.mail@gmail.com. juga bisa by facebook Aritha Handrico
Read more.....

Lobster Red Claw murah di Pekanbaru Riau (indukan, anakan )


Numpang promo dikit deh, bagi yang ingin memesan lobster Red Claw domisili Riau dansekitarnya silahkan hubungi +6285278007500 (Maulana) atau +6285265522600 (Aritha). kebetulan kemarin abang saya memulai bisnis peternakan lobster. dan saya melihat bisnis lobster cukup menggiurkan. harga bibit ukuran 1 inci (2.30 - 2.80cm) RP. 1500/ekor. harga bibit ukuran 2 inci (4.00 - 5.00cm) RP. 2500/ekor. dan waktu yang dibutuhkan untuk membesarkan lobster dari telur sampai ukuran 1 inci hanya 3 bulanan. dan 1 induk betina bisa bertelur sampai 150 telur sekali menelur (sebenarnya bisa sampai 400 telur, tergantung indukannya ukuran berapa dan nilai mortalitas atau tingkat kematian burayaknya). nah, anggap aja dari 150 yang hidup cuma 100 ekor. 100xRp.1500= Rp.150.000.
dan yang lebih menarik lagi, kalau kita mau sabar nunggu sampai lobster lebih gede, sekitar 5-7 bulanan, nilai jual lobster akan lebih mahal, lobster dijual sebagai indukan yang siap untuk dikawinkan.

harga indukan yang sudah siap dikawinkan bisa mencapai 50rb-60rb/ekor. kebayang gak kalu kita punya 100 ekor lobster. 100xRp.50000 = Rp.5.000.000 (lumayan kan ).

nah lebih menarik lagi apabila kita mempunyai indukan betina yang sedang bertelur dan siap untuk ditetaskan. harga jualnya bisa mencapai 100rb sampai 150rb.

untuk tempat pun tidak perlu repot. hanya dengan kolam terpal kita dapat membudidayakan lobster air tawar. nah bagaimana? tertarik ingin memulai usaha pembududayaan lobster?

silahkan saja call atau SMS +6285278007500 (Maulana) atau +6285265522600 (Aritha)

atau bisa juga pesan by email : aritha.mail@gmail.com
by facebook : Maulana atau Aritha

Read more.....

Optimasi website/blog di Search engine dengan Addurl


Kamu mau ketika ada orang yang mencari/search di google tentang topik yang pernah kamu tulis blog dan blog kamu berada pada halaman pertama search enggine seperti google.com yahoo.com bing.com. agar dapat terbaca oleh search engine, blog/website kita harus di daftarkan terlebih dahulu. caranya mudah kok dengan mengkilik link addurl berikut dan daftarkan blog anda. Read more.....

Membuat energy saving mode pada blog

Pernah melihat web/blog yang menggunakan energy saving mode ? ketika web tidak dibuka maka layar akan menjadi hitam. bagaimana cara membuatnya? ikuti langkah berikut.

1. masuk ke dashbor
2. pilih rancangan kemudian edit html.
3. masukkan koding berikut diantara tag <head> </head>.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>


4. simpan template. dan blog/web anda akan secara otomatis terpasang energy saving mode.

dapet tutorial dari http://wonaza.blogspot.com/ tentang bagaimana caranya mengganti gambar yang ditampilkan pada saat energy saving mode.
Silahkan Copy dan Paste script berikut dan pasang di gadget/widget anda :

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://urlgambaranda/) no-repeat center center fixed black; }
div#energysaving p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial; color: transparent; position: relative; top: 40%; line-height: 20px; font-weight: bold; text-align: center; text-shadow: none; display: none; }
div#energysaving p span { color: transparent; font-size: 0px; font-weight: normal; display: none; }
</style>


dan jangan lupa script di atas .. anda edit sedikit dengan mengganti link url gambar anda sendiri .. url(http://urlgambaranda/) <-- yang ini ya :)

selesai ....

hasilnya akan seprti ini.

Read more.....

Membuat web Personal dengan div css

Untuk membuat sebuah website personal yang sederhana pertama kamu mesti paham dulu konsep dari website tersebut. Umumnya website dibagi menjadi3 bagian, Header, Content, dan Footer.Untuk membagi halaman web menjadi 3 bagian (header, content, footer). Bisa menggunakan tag <table>, namun hal ini tidak disarankan, karena akan sulit untuk kedepannya apabila ingin membuat website 3 colom atau membuat bagian baru lagi di halaman web.
Cara lain yaitu dengan menggunakan CSS. Pada tahap ini akan dijelaskan step by step membuat web personal dengan css.

1. Pertama sediakan sebuah file html yang memuat link file css. Save dengan nama personal.html
<html>
<head>
<title>Personal WEB</title>
</head>
<link href="webstyle.css" rel="stylesheet" type="text/css"/>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
</body>
</html>

Penjelasan : href="webstyle.css" adalah nama file css yang kita gunakan.

2. Selanjutnya pada bagian body, bagi halaman menjadi 3 bagian dengan cara memberi tag <div>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>

</body>

Fungsi tag <div> adalah untuk membagi halaman menjadi beberapa bagian. Pada masing-masing <div> diberi id agar bisa di seleksi pada file css.

3. Buat file css simpan dengan nama "webstyle.css", (letakkan difolder yang sama dengan file personal.html). buka file css tersebut dan masukkan koding berikut.
#header {
Width:90%; height:50px;
Padding: 10px 5% 10px 5%;
Background-color : #efeffe;
}

Coba save file css kemudian buka personal.html, terlihat berbeda kan?. Lanjutkan dengan mengetik koding berikut
#footer {
Width:100%; height:50px;
Padding: 10px 0 5px 0;
Text-align:center; Font-size:12px; Color:#ffffff;
Background-color : #3f3f3f;
}

Kemudian berikan property untuk id content di file css.
#content{
Width:1000px; height:450px;
margin:auto;
border-left: 3px #efefff solid;
border-right: 3px #efefff solid;
}

Oke silahkan buka file html kamu dan lihat hasilnya akan seperti ini.


4. Kemudian beri tulisan pada file HTML kamu
<div id="header"><h2>WEB Personal<h2></div>
<div id="content">Isi dari web ini dapat berupa artikel dan lain lain</div>
<div id="footer">© WEB Personal 2011<br> Workshop Pemrograman WEB</div>

Simpan dan refresh file personal.html kamu.

5. Percantik header dengan menambahkan koding berikut yang bertujuan mengubah format h2 yang ada didalam tag <div id="header"> pada file css
#header h2 {
font-family : tahoma, verdana, serif;
font-size: 18px;
color : #e33;
}

6. Ubah isi content!, Pada bagian content kita akan membuat sebuah form inputan yang akan digunakan ketika mempelajari php. Lihat koding berikut.
<div id="content">
<form name="form1" action="">
<table>
<tr> <td width="120px">Nama </td> <td><input type="text" name="nama"></td></tr>
<tr> <td>Jenis Kelamin </td> <td><input type="radio" name="jkel" value="Pria"> Pria <input type="radio" name="jkel" value="Wanita"> Wanita</td></tr>
<tr> <td>Jurusan </td> <td>
<select name="jurusan">
<option>T Informatika</option>
<option> T Industri </option>
<option> Matematika </option>
<option> Sis Informasi </option>
<option> T Elektro </option>
</select>
</td></tr>

<tr><td> </td> <td><input type="submit" name="submit" value="submit"></td></tr>

</table>
</form>
</div>

hasil akhir seperti ini



personal.html :
<html>
<head><title>Personal WEB</title>
<link href="webstyle.css" rel="stylesheet" type="text/css"/>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<div id="header"><h2>WEB Personal<h2></div>
<div id="content">
<form name="form1" action="">
<table>
<tr> <td width="120px">Nama </td> <td><input type="text" name="nama"></td></tr>
<tr> <td>Jenis Kelamin </td> <td><input type="radio" name="jkel" value="Pria"> Pria <input type="radio" name="jkel" value="Wanita"> Wanita</td></tr>
<tr> <td>Jurusan </td> <td>
<select name="jurusan">
<option>T Informatika</option>
<option> T Industri </option>
<option> Matematika </option>
<option> Sis Informasi </option>
<option> T Elektro </option>
</select>
</td></tr>

<tr><td> </td> <td><input type="submit" name="kirim" value="kirim"></td></tr>

</table>
</form>
</div>
<div id="footer">© WEB Personal 2011<br> Workshop Pemrograman WEB</div>


</body>
</html>


webstyle.css :
#header {
Width:90%; height:50px;
Padding: 10px 5% 10px 5%;
Background-color : #efeffe;

}
#header h2 {
font-family : tahoma, verdana, serif;
font-size: 18px;
color : #e33;
}
#footer {
Width:100%; height:50px;
Padding: 10px 0 5px 0;
Text-align:center; Font-size:12px; Color:#ffffff;
Background-color : #3f3f3f;
}
#content{
Width:1000px; height:450px;
margin:auto;
border-left: 3px #efefff solid;
border-right: 3px #efefff solid;
}


good luck.. :)
Read more.....

Belajar CSS

Apa yang seharusnya sudah diketahui
Sebelum mempelajari CSS, seharusnya kamu sudah memahami tentang :
• HTML / XHTML.
Apa itu CSS?
• CSS singkatan dari Cascading Style Sheets
• Styles berarti bagaimana menampilkan elemen HTML
• Styles ditambahkan ke HTML 4.0 untuk memecahkan masalah
• External Style Sheets dapat menghemat banyak pekerjaan
• External Style Sheets diletakkan di dalam file CSS


Contoh CSS
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}


Styles Dapat Menyelesaikan Permasalahan Yang Besar


HTML tidak dibuat untuk mengatur format dari dokumen. Kalaupun ada itupun hanya yang penting-penting saja seprti mempertebal, align, mengganti warna dari teks, dan kita harus mengatur format teks tersebut secara manual (satu persatu).
HTML lebih mengarah untuk mendefinisikan content dari dokumen,seprti:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
Pada html, apabila kita ingin memberi warna merah pada setiap tag <a>. maka caranya yaitu dengan memberikan tag <font>,dan menspesifikasikan atribut warna nya apa, <font color="red">merah</font>, hal ini menjadi mimpi buruk bagi developer, karena mereka harus menambahkan tag font dan atribut colornya setiap ingin mengubah warna dari sebuah teks.
Untuk menyelesaikan masalah tersebut, the World Wide Web Consortium (W3C) membuat CSS.
Pada HTML 4.0, semua format dokumen (CSS) bisa dihilangkan dari dokumen HTML, dan dipisahkan menjadi 1 dokumen CSS yang terpisah.
Pada saat ini semua browser sudah support CSS.

CSS Menghemat Banyak Pekerjaan!


CSS mendefinisikan BAGAIMANA elemen HTML akan ditampilkan.
Biasanya file css disimpan di luar dari dokumen HTML/ external .css files. External style sheets memungkinkan kita untuk mengganti tampilan layout dari semua halaman website. Dengan hanya mengedit 1 file CSS saja, menakjubkan bukan!

Syntax CSS


Aturan dari CSS sangat lah simpel, aturan ini memiliki 2 bagian utama : selector (yang digunakan untuk menyeleksi bagian mana yang mau di format), dan 1 atau lebih declarations (isi dari format css, bisa menggati warna, ukuran font dll):

Selector diatas akan menyekesi semua tag h1 dan menggati ukuran font menjadi 12px dan warnanya menjadi biru. Hanya dengan 1 baris kode tersebut secara ajaib semua teks yang berada pada tag <h1> akan berubah secara otomatis.
Setiap deklarasi akan berisi property and a value. property adalah atribut dari style yang ingin kamu ubah. Dan setiap atribut akan memiliki nilai, misalnya property font-size: memiliki nilai 12 pixel.
Contoh CSS
Deklarasi CSS selalu diakhiri dengan semicolon/titik koma (;), dan deklarasi dari grup property (apabila ada banyak property) berada didalahm tanda kurung siku {},:
p {color:red;text-align:center;}

Untuk membuat CSS lebih mudah dibaca,kita dapat memisahkan property pada setiap bari, seperti berikut:
Contoh
p
{
color:red;
text-align:center;
}


Komentar pada CSS


Komentar digunakan untuk menjelaskan kode yang dibuat, dan sangat berguna ketika kamu ingin mengedit source codenya. Komentar tidak akan dibaca oleh browser.
Komentar CSS diawali dengan "/*", dan diakhiri dengan "*/", seperti ini:
/*This is a comment*/
p
{
text-align:center;
/*This is another comment*/
color:black;
font-family:arial;
}

Id (#) and class (.) Selectors


Untuk mengatur style pada elemen HTML, CSS mengijinkan kita untuk membuat sendiri selektor yang sering disebut "id" and "class".

id Selector

Id selector digunnakan untuk mengatur style untuk 1 element tunggal yang unik.
Selektor id menggunakan atribut "id" pada HTML, dan didefinisikan dengan tanda "#" pada CSS.
Contoh
HTML : <div id="header">
Pada file CSS nya #header { properti yang ingin diberikan}
Jangan memmulai nama ID dengan angka/nomor! Karena tidak akan berkerja pada Mozilla/Firefox.

class Selector

Class selektor digunakan untuk menspesifikasikan style dari kumpulan element-element HTML (group elements). Tidak seperti selektor id, selektor class lebih sering digunakan pada beberapa elemen.
Selektor class menggunakan atribut "class" pada HTML, dan didefinisikan dengan tanda "." pada CSS.
Pada contoh berikut, semua elemen HTML dengan class="center" akan menjadi rata tengah:
Example
.center {text-align:center;}

Kamu juga dapat menspesifikasikan elemen mana yang ingin dirubah. Misalnya kita hanya ingin melakukan perubahan pada teks yang berada pada tag <p> dengan class center.
Pada contoh berikut, semua elemen p dengan class="center"akan menjadi rata tengah:
Example
p.center {text-align:center;}

Jangan memulai nama class dengan angka/nomor! Karena ini hanya suport pada internet explorer.
Ketika browser membaca style sheet, maka browser akan memformat document berdasarkan style sheet tersebut.

Tiga cara memasukkan CSS


Ada 3 cara untuk memasukkan style sheet kedalam dokumen HTML:
• External style sheet
• Internal style sheet
• Inline style

External Style Sheet


External style sheet idealnya digunakan untuk mengatur format bebarapa dokumen HTML .dengan external style sheet, kita dapat mengubah format seluruh halaman web dengan mengedit 1 file css saja.setiap halaman harus memberi link ke file css dengan menggunakan tag <link>. Didalam tag <link>masukkan koding berikut:
admin siswa blom bisa edit<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

External style sheet dapat ditulis dengan menggunakan teks editor apa saja.didalam file css tidak tedapat tag HTML. Style sheet seharusnya disimpan dengan ekstensi .css.contoh dari file style sheet seperti berikut:
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}

Jangan gunakan spasi antara property value dan unitsnya! contoh "margin-left:20 px" antar 20 dan px ada spasi (seharusnya "margin-left:20px") ini bekerja di IE, tetapi tidak di Firefox atau Opera.

Internal Style Sheet


Internal style sheet digunakan ketika sebuah dokumen memiliki style yang unik. Kamu mendefinisikan style sheet dibagian <head> pada halaman HTML, dengan menggunakan tag <style>,seprti ini:
<head>
<style type="text/css">
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

Inline Styles


Untuk menggunakan inline styes sheet, kita menggunakan attibut style pada elemen tag HTM L yang ingin diubah style nya. Atribut style dapat berisi : CSS property. contoh berikut menunjukkan bagaimana cara meriubah warna left margin dari paragraf:
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>


Margin dan Padding pada CSS


Margin dan padding merupakan hal yang mirip tetapi berbeda. Fugsi nya sama-sama untuk memberi jarak darisatu elemen ke elemen lainnya untuk merapikan dokumen. Agar lebih jelas lihat gambar.

Jelaslah bahwa padding memberikan jarak antara border dan content ( isi dari elemen tersebut). Sedangkan margin memberikan jarak antara border elemen dengan bagian luar dari elemen
Kita juga dapat melakukan seperti ini
- padding:25px 50px 75px 100px; artinya :
• top padding 25px
• right padding 50px
• bottom padding 75px
• left padding 100px
- padding :25px; berarti semua padding baik top bottom left right bernilai 25px;

source : http://w3schools.com

Read more.....
Related Posts Plugin for WordPress, Blogger...