Tampilkan postingan dengan label Pemograman. Tampilkan semua postingan
Tampilkan postingan dengan label Pemograman. Tampilkan semua postingan

Selasa, 28 Februari 2017

Pada artikel ini akan membahas tentang bagaimana untuk memulai langkah awal untuk menjadi seorang programmer. bahasa pemograman apa saja yang perlu dikuasai dalam pemograman web dan pemograman internet.

Definisi pemograman web

World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang informasi di mana sumber-sumber daya yang berguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URI). WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripadanya. Hiperteks dilihat dengan sebuah program bernama browser web yang mengambil informasi (disebut "dokumen" atau "halaman web") dari server web dan menampilkannya, biasanya di sebuah monitor. Kita lalu dapat mengikuti pranala di setiap halaman untuk pindah ke dokumen lain atau bahkan mengirim informasi kembali kepada server untuk berinteraksi dengannya. Ini disebut "surfing" atau "berselancar" dalam bahasa Indonesia. Halaman web biasanya diatur dalam koleksi material yang berkaitan yang disebut "situs web".

Definisi Internet

Menurut Budhi Irawan (2005 : 69), Internet adalah suatu jaringan komputer global yang terbentuk dari jaringan-jaringan lokal dan regional yang memungkinkan komunikasi data antar komputer yang terhubung ke jaringan tersebut. Internet merupakan hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda sistem operasi maupun aplikasinya, dimana hubungan tersebut memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang menggunakan protokol standar dalam berkomunikasi yaitu protokol TCP/IP. Untuk dapat menggunakan fasilitas internet, komputer kita harus terhubung ke salah satu ISP (Internet Service Provider). ISP adalah perusahaan yang menyediakan layanan untuk menghubungkan komputer kita ke internet atau disebut juga sebagai pintu gerbang ke internet. Untuk itu, kita perlu mendaftarkan diri ke ISP untuk mendapatkan nama dan alamat di internet

Bahasa Pemograman yang perlu dikuasai dalam pemrograman web dan internet

1.HTML

HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML, HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web dan HTML kini merupakan standar Internet yang saat ini dikendalikan oleh World Wide Web Consortium (W3C). Versi terakhir dari HTML adalah HTML 5, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

2.CSS

Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yg ada di situs kita sekaligus memformat ulang situs kita. CSS ini telah distandarkan oleh World Wide Web Consortium (W3C) untuk digunakan di web browser.
Keuntungan dari CSS yaitu Dapat di-update dengan cepat dan mudah, karena kita cukup mendefinisikan sebuah style-sheet global yang berisi aturanaturan CSS tersebut untuk diterapakan pada seluruh dokumendokumen HTML pada halaman situs kita. User yang berbeda dapat mempunyai style-sheet yg berbeda pula. Ukuran dan kompleksitas document code dapat diperkecil.
pada saat ini sudah banyak framework css instant yang sangat mudah digunakan dan cepat dan sesainnya sudah kren. seperti salah satunya twitter Bootsrap

3.Javascript

Javascript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Sebagai contoh, dengan menggunakan JavaScript dimungkinkan untuk memvalidasi masukanmasukan pada formulir sebelum formulir dikirimkan ke server. Javascript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda. Javascript diinterpretasikan oleh klien (kodenya bisa dilihat pada sisi klien), sedangkan kode Java dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.
Jquery adalah salah satu framework js . yang sudah dirancang dengan baik untuk penggunaan js lebih mudah dan simple.slah satunya membuat animasi loader dengan ajax akan lebih mudah megunakan jquery.

4.PHP

Menurut Didik Dwi Presetyo (2004 : 76), PHP merupakan bahasa scripting server-side, dimana pemrosesan datanya dilakukan pada sisi server. Sederhananya, serverlah yang akan menerjemahkan skrip program, baru kemudian hasilnya akan dikirim kepada client yang melakukan permintaan.
dengan php kita dapat menghubungkan dengan database. agar dapat melakukan proses dasar pada database sepert insert, update dan delete data.

apa itu web server ?

Web server adalah software yang menjadi tulang belakang dari world wide web (www). Web server menunggu permintaan dari client yang menggunakan br owser seperti Netscape Navigator, Internet Explorer, Modzilla, dan program browser lainnya. Jika ada permintaan dari browser, maka web server akan memproses permintaan itu kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser. Data ini mempunyai format yang standar, disebut dengan format SGML ( standar general markup language). Data yang berupa format ini kemudian akan ditampilkan oleh browser sesuai dengan kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa gambar, browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akan mampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya saja. Web server, untuk berkomunikasi dengan client -nya (web browser) mempunyai protokol sendiri, yaitu HTTP (hypertext transfer protocol ). Dengan protokol ini, komunikasi antar web server dengan client-nya dapat saling dimengerti dan lebih mudah. Seperti telah dijelaskan diatas, format data pada world wide web adalah SGML. Tapi para pengguna internet saat i ni lebih banyak menggunakan format HTML (hypertext markup language) karena penggunaannya lebih sederhana dan mudah dipelajari. Kata HyperText mempunyai arti bahwa seorang pengguna internet dengan web browsernya dapat membuka dan membaca dokumen -dokumen yang ada dalam komputernya atau bahkan jauh tempatnya sekalipun. Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya dengan mengklik beberapa bagian dari ha laman-halaman dokumen (web) itu. Proses yang dimulai dari permintaan webclient (browser), diterima web server, diproses, dan dikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secara transparan. Setiap orang dapat dengan mudah menget ahui apa yang terjadi pada tiap - tiap proses. Secara garis besarnya web server hanya memproses semua masukan yang diperolehnya dari web clientnya.

5.MySQL

Menurut Didik Dwi Prasetyo (2004 :18) MySQL merupakan salah satu database server yang berkembang di lingkungan open source dan didistribusikan secara free (gratis) dibawah lisensi GPL. MySQL merupakan RDBMS (Relational Database Management System) server. RDBMS adalah program yang memungkinkan pengguna database untuk membuat, mengelola, dan menggunakan data pada suatu model relational. Dengan demikian, tabel-tabel yang ada pada database memiliki relasi antara satu tabel dengan tabel lainnya.

dari penjelasan diatas dapat kita simpulkan bahwa semua bahasa pemograman baik itu termasuk dalam kategori client side maupun server side yang ada diatas. wajib di kuasai untuk menjadi seorang programmer berbasis web.

Selasa, 08 November 2016

Selamat datang pada posting ane kali ini yang membahas tentang belajar PHP multi sorting. Sorting itu sendiri artinya mengurutkan. salah satu contoh mengurutkan data pada php yaitu data berbentuk Array.pada artikel ini akan membahas bagaimana untuk mengurutkan data yang memiliki parameter yang lebih dari satu atau multisorting.pada bahasa pemograman PHP dalam mengurutkan array ada beberapa fungsi yang bisa agan gunakan yang sesuai dengan kebutuhan agan, seperti dibawah ini :
  • sort () - mengurutkan Array asc
  • rsort () - mengurutkan Array  desc
  • asort () - mengurutkan Array asosiatif asc ,berdasarkan  nilai
  • ksort () - mengurutkan Array asosiatif asc, berdasarkan kunci
  • arsort () - mengurutkan Array asosiatif desc, berdasarkan nilai
  • krsort () - mengurutkan Array asosiatif desc, berdasarkan kunci

Contoh kasus

nah, bagaimana jika kita punya kebutuhan untuk membuat sorting lebih dari satu seperti contoh kasus pada tabel ini:
Goal PTS
REAL MADRID 12 10
DORTMUND 9 10
LEGIA 4 1
SPORTING 2 1

pada contoh tabel diatas urutan atau sorting berdasarkan jumlah PTS, tapi bagaimana jika nilai PTSnya sama, maka urutan ke dua dilihat pada poin Goal.inilah yang harus diselesaikan dengan fungsi multi sort.

koding phpnya seperti dibawah ini gan :

Contoh kokding php multy sorting

multi sorting
<?php
//data club bola
$data = array
(
array("real madrid",12,10),
array("dortmund",9,10),
array("legia",4,1),
array("sporting",2,1)
);
echo "<H3>Multi Sort</H3>
<table width=500 style='border:1px; #ddd; solid; border-collapse:collapse' border=1>
<tr>
<td>team</td>
<td>Goal</td>
<td>PTS</td>
</tr>";
//mengurutkan data
foreach ($data as $key => $isi) {
$club[$key]=$isi[0];
$goal[$key]=$isi[1];
$pts[$key]=$isi[2];
}
array_multisort($pts,SORT_DESC,$goal,SORT_DESC,$data);
//menampilkan tabel
foreach ($data as $item) { ?>
<tr>
<td><?php echo$item[0] ?></td>
<td><?php echo$item[1] ?></td>
<td><?php echo$item[2] ?></td>
</tr>
<?php
}
echo "</table>";
?>

sekian belajar php multi sorting dari saya semoga dapat memberian manfaat bagi kita yang masih pemula atau dalam tahap pembelajaran. silahkan bagi agan yang ingin bertanya pada kotak komentar dibawah ini.

Jumat, 04 November 2016


selamat datang di arsipbertuah pada posting satu ini saya akan membahas tentang cara membuat load halaman menggunakan jquery ajax. dengan tujuan untuk mempercepat proses loading karena semua element web tidak di load semua.

Pengertian Jquery

jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuerydirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. dengan jquery kita tinggal memanggil fungsi yang ada tentunya sesuai dengan dengan kasus kita untuk membuat gambar menjadi zoom .tujuannya menggunakan jquery adalah untuk mempercantik tampilan dan membuat web kita lebih interaktif

pengertian Ajax

AJAX(Asynchoronous Javascript and XML) adalah sebuah teknik pemograman yang memungkinkan kita melakukan pertukaran data dengan server di belakang layar,sehingga halaman web tidak perlu di reload lagi hanya untuk menganti sebagian kecil dari isi halaman.dan jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah.
dengan adanya Jquery proses development ajax bisa menjadi lebih mudah.
basic dari jquery ajax sepert berikut.

load(url, params, callback);


load page dengan Jquery Ajax
belajar Jquery


keterangan
  • url(string): url dari file html yang akan di load
  • params(object): data yang akan dikirim ke server
  • callback(function): fungsi yang akan dijalan ketika data berhasil di load

contoh implementasi Juery ajax

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("contoh.php");
});
});
</script>
</head>
<body>
<div id="div1"><h2>div ini akan diisi dengan hasil load jquery ajax</h2></div>
<button>load ajax</button>
</body>
</html>

silahkan dicoba gan ganti contoh.php dengan url php agan . dan pastikan pc dalam keadaan online untuk menjalankan kode diatas. karena instalasi jquerynya menggunakan CDN.
dan ketika dijalankan dibrowser. div1 akan diisi dengan hasil load php tanpa ada proses loading di browser. itulah kelebihan dari jquery ajax. dengan jquery sangat mudah untuk membuat proses ajax karena sintak yang digunakan lebih simple dari pada ajax yang menggunakan javascript lansung.



referensi:Buku Pintar WEBMASTER

Kamis, 03 November 2016

Selamat datang di Blog Arsip bertuah.post ini ane persembahkan buat newbie yang baru belajar php.
pada belajar pemograman web ini ane akan membahas bagaimana menyimpan atau insert data dari web menggunakan php ke database mysql.
namun ane asumsikan agan sudah bisa membuat data base di komputer agan dan membuat server lokal menggunakan localhost XAMPP.

Koneksi database MYSQL
nah, sekarang silahkan agan buat database seperti dibawah ini
nama database:belajarphp
nama tabel: datadiri
dan buat tabel seperti ini

Koneksi database MYSQL
contoh tabel database
selanjutnya buka text editor yang agan gunakan seperti notepad++/sublime dll
setelah itu buat nama file terserah agan, kalo ane buat namanya insert.php
lalu buat coding HTML dan PHPnya seperti dibawah ini,silahkan copas ke text editor agan

<?php
$host = "localhost";
$user = "root";
$pass = "(password database anda) ";
$namadatabase = " (namadatabase anda) ";

$conn = mysql_connect ($host, $user, $pass);
if ($conn) {
$buka = mysql_select_db ($namadatabase);
echo " database terhubung";
if (!$buka) {
die ("Database tidak dapat dibuka");
}
else {
die ("Server MySQL tidak terhubung");

}
?>

simpan di folder C:Xampp/htdocs

berikutnya buka browser jalankan pada url localhost/insert.php

coba agan inputkan dan klik simpan.
dan begitulah pemograman web untuk menyimpan data ke database,ingin bertanya silahkan komen dibawah ini.
selanjutnya adalah klik disini untuk belajar menampilkan tabel di web dari database

Rabu, 25 November 2015

Penjelasan : membuat nomor id otomatis
Pada kasus tutorial kali ini saya praktekan menyimpan sebuah data ke database menggunakan PHP yang sesuai dengan posting ini membuat id otomatis.untuk itu saya asumsikan ,agan sudah bisa membuat tabel database dan mengkoneksikannya.pada kasus ini saya mengunakan database seperti ini.

nama database : toko_ku

nama tabel : barang

dengan struktur seperti dibawah ini :

id_barangvarchar [10]
nama_barangvarchar [25]
hargaint

Koding php untuk Gererate kode otomatis

<?php
$host = "localhost";
$user = "root";
$pass = "";
$dbnm = "toko_ku";
$conn = mysql_connect ($host, $user, $pass);
if ($conn) {
$buka = mysql_select_db ($dbnm);
$data = mysql_query("select * from barang order by id DESC LIMIT 0,1");
$i= mysql_fetch_array($data) ;
// ID OTOMATIS//***************************************************
$kodeawal=substr($i['id'],3,4)+1;
if($kodeawal<10){
$kode='111000'.$kodeawal;
}elseif($kodeawal > 9 && $kodeawal <=99){
$kode='11100'.$kodeawal;
}else{
$kode='11100'.$kodeawal;
}
?>
<html>
<head>
<title>latihan php</title>
</head>
<body>
<form action="" method="post">
<table>
<tr><td>ID </td><td><input type="text" name="id" value="<?php echo $kode ;?>" readonly></td><tr>
<tr><td>nama barang</td><td><input type="text" name="brg"></td><tr>
<tr><td>harga</td><td><input type="text" name="hrg"></td><tr>
<tr><td>&nbsp </td><td><input type="submit" name="brg" value="simpan"></td><tr>
</table>
</form>
//simpan data
<?php
$id = @$_POST['id'];
$nama = @$_POST['brg'];
$harga = @$_POST['hrg'];
$save = @$_POST['simpan'];
if (isset($simpan)){
$query="insert into barang (id,nama_barang,harga) values ($id,$nama,$harga)";
$sql=mysql_query($query);
if($sql){
echo " <script> alert ('sukses'); </script> ";
}else{
echo " <script> alert ('gagal'); </script> ";
}
}
?>
</body>
</html>

untuk menjalankan koding diatas di komputer agan. silahkan sesuaikan dengan database yang agan buat. sekian cara membuat nomor id otomatis saat insert data semoga dapat membantu agan dalam menyelesaikan project.
hallo gan ,welcome to arsipbertuah .pada posting kali ini saya akan memberikan pengetahuan tentang membuat enkripsi password.Enkripsiadalah suatu metode yang digunakan untuk mengkodekan data sedemikian rupa sehingga keamanan informasinya terjaga dan tidak dapat dibaca tanpa di dekripsi (kebalikan dari proses enkripsi) dahulu. Encryption berasal dari bahasa yunani kryptos yang artinya tersembunyi atau rahasia seperti yang kita ketahui untuk menjaga keamanan akun kita.semua aplikasi pasti mengenkripsi password untuk disimpan di database. metode yang digunakn untuk mengengkripsi password tersebut sangat banyak sekali.nah pada tutorial saya kali ini ,saya menggunakan metode encrypt MD5.pada posting saya sebelumnya saya sudah buat cara menyimpan data dengan id otomatis .dan pada posting ini saya hanya memberikan koding encrypsi md5 saja.kodingnya simple seperi ini gan :

contoh enkripsi:

<?php  
$password= "12345678";
$my_pass=md5($password);
echo "$my_pass";
?>
itulah koding enkripsinya gan.dan hasil dari password 12345678 di atas adalah
25d55ad283aa400af464c76d713c07ad

hasil kode di atas sudah terenkripsi. untuk sekedar belajar bisa kita gunakan metode md5 untuk keamanan pasword. tapi jika untuk di impelmentasi lansung saya menganggap itu belum cukup untuk keamanan karena sudah banyak web sekarang ini yang menyediakan deskripsi md5.

sekian dari saya semoga dapat menambah wawasan. karena banyak sekali metode untuk enkripsi dan deskripsi data.

Senin, 21 September 2015

Hallo, ada posting kali ini ane mau berbagi pengalaman nih.. yaitu tentang bagaimana cara mencari sulosi untuk mengatasi apache pada XAMPP tidak bisa jalan pada windows 10.berdasarkan pengalaman pada saat itu ane mendapatkan icon rekomendasi untuk mengupgare windows 7 ke windows 10 .setelah proses instalasinya selesai ane coba utuk mengaktifkan XAMPP . eh, malah terjadi error seperti ini

Problem detected!
Port 80 in use by "Unable to open process" with PID 4!
Apache WILL NOT start without the configured ports free!
You need to uninstall/disable/reconfigure the blocking application
or reconfigure Apache and the Control Panel to listen on a different port


pada kasus seperti di atas ane cari solusinya di forum2 .dan akhirnya ketemu juga, masalah di atas disebabkan oleh adanya port untuk apache yang bentrok atau sudah dipakai oleh aplikasi yang lain.

untuk mengatasinya adalah agan harus stop aplikasi World Wide Web Publishing Service
Langkah-langkah Konfigurasi

1.buka services melalui pencarian

2. cari World Wide Web Publishing Service
3.klik kanan lalu pilih stop
4.lalu restart kembali XAMPP nya gan..

Jadi apakah sukses atau tidak ?

Jika masih eror juga ,apakah agan menggunakan aplikasi skype atau blue stack ? kalau iya agan harus menguninstal aplikasi tersebut karena aplikasi itu menggunakan port yang sama dengan apache.

selamat mencoba gan semoga berhasil.

Minggu, 02 Agustus 2015

mengkompile file exe pada visual basic 6.0

selamat datang di arsipbertuah blog pada posting ane kali ini ane akan berbagi tentang bagaimana membuat file exe pada project visual basic.

Definisi VB

Visual basic 6.0 adalah salah satu aplikasi untuk membuat system informasi database. Visual basic 6.0 ini adalah terusan dari visual basic 1 sampai 5. walau agak tertinggal, tapi aplikasi software ini masih digunakan untuk pengimplementaisannya di dalam pembuatan sistem database.

Definisi File .Exe

File .exe adalah salah satu jenis program file yang akan di jalankan atau di eksekusi dari komputer.pada artikel kali ini saya akan menjelaskan bagaimana cara membuat file exe tersebut pada visual basic.yang mana jika kita membut program dari visual basic 6 harus menjalankan melalui aplikasi vb6 .tentusaja kita perlu mengkompile program kita agar program bisa dijalankan tanpa harus membuka software vb6 lagi.karena saat kita membuat suatu project akan terdapat banyak file komponen-komponen yang saling berkaitan. tapi pada saat kita ingin menjalankan tetntu saja pada sistem operasi  akan memanggil satu file yang paling utama yaitu file exe tersebut. untuk mengkompile atau membuat sebuah file exe pada visual basic 0.6 bisa dilakukan seperti dibawah ini:
pertama buka projek vb agan yang menggunakan program VB6  ,jadi step dibawah ini hanya untuk mengkompile ke format .exe nya saja�.

Langkah-langkah membuat file Exe

1.buka project program vb agan.
2.lalu pilih file ( pada menu bar diatas menu program sebelah kiri seperti gambar dibawah ini)

1
3.selanjutnya klik Make project.exe
dan selesai .berikutnya siahkan agan jalankan project agan pada file exe.

sekian tutorial sederhana dari ane semoga dapat memberikan manfaat kepada agan atau aganwati semua. silahkan baca artikel yang berkaitan dengan posting ini.

Senin, 12 Januari 2015

Belajar Grafika komputer

selamat datang di blog arsipbertuah . pada posting saya kali ini. saya akan berbagi koding c++ untuk membuat gambar 2D dan  3D.

Pengertian grafika komputer

grafik komputer adalah gambar yang dihasilkan oleh komputer, yang hasilnya sudah sering kita lihat seperti di majalah dan televisi. Disini dibahas bahwa tiap karakter yang dihasilkan diambil dari library dari bentuk karakter yang ada pada memori komputer. Gambar-gambar yang berada pada majalah atau televisi tersebut ada beberapa yang terlihat sangat natural, sehingga kita para pembaca akan sulit membedakan mereka buatan atau hasil dari fotografi asli. Selain itu grafik komputer juga digunakan untuk membuat design dari background ataupun objekobjek dalam game di komputer. Gambar-gambar yang ada pada game itu adalah gabungan antara kenyataan dan imajinasi dari programmer-nya. Dalam bidang lain, grafik komputer digunakan dalam dunia seni, entertainment, dan publikasi

Pengrtian tranformasi 2D

Transformasi dua dimensi adalah suatu model atau teknik memindahkan atau mengubah nilai posisi objek dalam sistem koordinat dua dimensi. pemindahan objek ini dapat diartikan sebagai pemindahan titik. 



Contoh Transformasi 2D mengambar baling-baling 

clip_image005 

source code

#include "stdlib.h"
#include "gl/glut.h"
#include "windows.h"
int y=0;
int x=0;
int z=0;
int z2=360;
int s=0;
void drawQuad1() {
glBegin (GL_POLYGON);
glColor3f(0,0,0);
glVertex2i(0,0);
glVertex2i(-50,-200);
glVertex2i(50,-200);
glVertex2i(0,0);
glVertex2i(-50,200);
glVertex2i(50,200);
glColor3f(1,0,0);
glVertex2i(0,0);
glVertex2i(-50,125);
glVertex2i(50,125);
glVertex2i(0,0);
glVertex2i(-50,-125);
glVertex2i(50,-125);
glEnd();
}
void renderScene(void){
glClear(GL_COLOR_BUFFER_BIT);
glClearColor(1,1,1,1);
glRotatef(x,0,0,1);
drawQuad1();
glFlush();
}
void timer (int value){
if (z <= 360){
x = 1;
z +=1;
}
if (z > 360){
x = +1;
z2 +=1;
}
/*if (z2 < 0) {
x = 1;
z = 0;
z2 = 360;
}*/
glutPostRedisplay();
glutTimerFunc(1, timer, 0);
}
void Keyboard(GLubyte key, GLint x, GLint y){
if (key == 'f' || key=='F') {
glutFullScreen ();
}
{
int foo;
foo = x + y;
if ('q' == key || 'Q' == key ||27 ==key)
exit (0);
}
}
void main(int argc, char **argv){
glutInit(&argc, argv);
glutInitWindowPosition (100,100);
glutInitWindowSize (300,300);
glutCreateWindow ("TUGAS KIKI HERMANSYAH 123510665");
gluOrtho2D(-200.0,200.0,-200.0,200.0);
glutDisplayFunc(renderScene);
glutTimerFunc(5,timer,0);
glutMainLoop();
}


Pengertian Tranformasi 3D

Grafika komputer 3D adalah representasi dari data geometrik 3 dimensi sebagai hasil dari pemrosesan dan pemberian efek cahaya terhadap grafika komputer 2D. Hasil ini kadang kala ditampilkan secara waktu nyata (real time) untuk keperluan simulasi. Secara umum prinsip yang dipakai adalah mirip dengan grafika komputer 2D, dalam hal: penggunaan algoritma, grafika vektor, model frame kawat (wire frame model), dan grafika rasternya.
Grafika komputer 3D sering disebut sebagai model 3D. Namun, model 3D ini lebih menekankan pada representasi matematis untuk objek 3 dimensi. Data matematis ini belum bisa dikatakan sebagai gambar grafis hingga saat ditampilkan secara visual pada layar komputer atau printer. Proses penampilan suatu model matematis ke bentuk citra 2 D biasanya dikenal dengan proses 3D rendering

Contoh Transformasi 3D gambar lampion


clip_image007

fungsi tombol

a. tombol A untuk zoom (+) objek
b.tombol D untuk zoom ( - )objek
c.tombol X untuk rotasi sumbu x
d. tombol Y untuk rotasi sumbu y
e. tombol Z untuk rotasi sumbu y

source code lampion

#include <GL/glut.h>
#include <windows.h>
int w=800, h=600, z=0;
int x1=0, y1=0, z1=0, sudut=0;
void renderScene (void) {
static float alpha =0;
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
glClearColor (0, 0, 0, 0);
glLoadIdentity ();
glTranslatef (0, 0, z);
glRotatef (sudut, x1, y1, z1);
glRotatef (alpha,1,1,1);
glColor3f(1, 1, 0);
alpha = alpha +0.5;
//glutWireCube (3);//fungsi kubus
//glutSolidCube(3);//kubus penuh warna
glutWireSphere(2,90,90);//fungsi bola
//glutWireCone(2, 4, 25, 25);//fungsi kerucut
glColor3f(1,0,0);
glutWireTorus (4, 2, 90, 30);//fungsi donat
//glutWireTeapot (4);//fungsi ceret
//glutSolidIcosahedron ();//fungsi delima
//glutWireDodecahedron ();//fungsi bola
//glutWireTetrahedron();//fungsi piramida
glutSwapBuffers ();
}
void resize (int w1, int h1) {
glViewport (0, 0, w1, h1);
glMatrixMode (GL_PROJECTION);
glLoadIdentity ();
gluPerspective (45.0,(float) w1/(float) h1,1.0, 100.0);
glMatrixMode (GL_MODELVIEW);
glLoadIdentity ();
}
void Keyboard (GLubyte key, GLint x, GLint y) {
if (key == 'a' || key == 'A') z+=2;
if (key == 'd' || key == 'D') z-=2;
if (key == 'x' || key == 'X') {
x1=1;
y1=0;
z1=0;
sudut +=10;
}
if (key == 'y' || key == 'Y') {
x1=0;
y1=1;
z1=0;
sudut +=-10;
}
if (key == 'z'|| key == 'Z') {
x1=0;
y1=0;
z1=1;
sudut +=-10;
}
if ( key == 'f'|| key == 'F') {
glutFullScreen ();
}
{
int foo;
foo = x + y;
if ('q' == key || 'Q' == key || 27 == key)
exit (0);
}
}
void timer (int value) {
glutPostRedisplay ();
glutTimerFunc (1,timer,0);
}
void main (int argc, char **argv) {
glutInit (&argc, argv);
glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH | GLUT_RGBA);
glutInitWindowPosition (100,100);
glutInitWindowSize (w,h);
glutCreateWindow ("3D");
gluOrtho2D (-w/2,w/2,-h/2,h/2);
glutDisplayFunc (renderScene);
glutReshapeFunc (resize);
glutKeyboardFunc (Keyboard);
glutTimerFunc (1,timer,0);
glutMainLoop ();
}

Sabtu, 11 Oktober 2014

membuat gambar 2D segitiga dan bujur sangkar warna grafika komputer


welcome to arsipbertuah.blogspot.com  pada update kali ini saya akan membagikan sedikit ilmu grafika komputer,barangkali bisa digunakan sebagai panduan dalam membuat tugas praktikum grafika komputer yang menggunakan c++ dan bisa ditampilkan via open GL. yang hasilnya seperti gambar dibawah ini :
tampilannya memang sederhana gan �tapi kalo codingnya bisa dibilang lumayan laah� : ) padahal ini baru ilmu dasarnya dalam grafika komputer.untuk referensi sobat untuk belajar grafika komputer dibawah ini saya berikan coding untuk menampilkan hasilnya sesuai dengan gambar dibawah ini.
grafika_komputer
gbr 2D 
gambar tersebut adalah hasil gambar transformasi 2D pada grafika komputer. yang dihasilkan menggunakan bahasa pemograman c++ dan ditampilkan dengan openGL.

apa itu openGL

OpenGL adalah kumpulan standard API (Application Programming Interface) yang menghubungkan software dengan hardware grafis untuk menampilkan gambar 2D dan 3D. Intinya OpenGL itu adalah kumpulan library untuk mengakses hardware (GL= graphical library). Antarmuka terdiri dari lebih dari 250 panggilan fungsi yang berbeda yang dapat digunakan untuk menggambar tiga dimensi yang adegan-adegan kompleks dari bentuk-bentuk primitif sederhana.

 source code c++ untuk menampilkan gambar segitiga dan segi empat


#include <GL/glut.h>
#include <windows.h>
void init (void) {
glClearColor (1.0, 1.0, 1.0, 0.0);
glLineWidth (1.0);
glColor3f (1.0, 0.0, 0.0);
glOrtho (-6,6, -6,6, -6,6); //(sumbu X & Y)
}
void Display (void) {
glClear (GL_COLOR_BUFFER_BIT);
glBegin (GL_LINES); //sumbu X
glVertex2f (-5.5, 0.0); //Sumbu X negatif
glColor3f (1.0, 0.0, 0.0);
glVertex2f (5.5, 0.0); //Sumbu X positif
glEnd ();
glBegin (GL_LINES); // sumbu Y
glVertex2f (0.0, -5.5); //Sumbu Y negatif
glColor3f (1.0, 0.0, 0.0);
glVertex2f (0.0, 5.5); //Sumbu Y positif
glEnd (); //
glBegin (GL_TRIANGLES);
glColor3f (1.0, 0.0, 0.0);
glVertex2f (1.0, 1.0); //Titik A (1,1)
glColor3f (0.0, 0.0, 1.0);
glVertex2f (4.0, 1.0); //Titik B (4,1)
glColor3f (0.0, 1.0, 0.0);
glVertex2f (1.0, 5.0); //Titik C (1,5)
glBegin (GL_TRIANGLES);
glColor3f (0.0, 1.0, 1.0);
glVertex2f (-1.0, 1.0); //Titik A (-1,1)
glColor3f (1.0, 0.0, 1.0);
glVertex2f (-4.0, 1.0); //Titik B (-4,1)
glColor3f (1.0, 1.0, 0.0);
glVertex2f (-1.0, 5.0); //Titik C (-1,5)
glEnd ();
glBegin (GL_TRIANGLE_STRIP);
glColor3f (1.0, 0.0, 1.0);
glVertex2f (1.0, -1.0); //Titik A (1,-1)
glColor3f (1.0, 1.0, 0.0);
glVertex2f (4.0, -1.0); //Titik B (4,-1)
glColor3f (0.0, 1.0, 1.0);
glVertex2f (1.0, -5.0); //Titik C (1,-5)
glColor3f (1.0, 0.0, 1.0);
glVertex2f (4.0, -5.0); //Titik D (4,-5)
glEnd ();
glBegin (GL_QUAD_STRIP);
glColor3f (0.0, 1.0, 0.0);
glVertex2f (-1.0, -1.0); //Titik A (-1,-1)
glColor3f (1.0, 0.0, 1.0);
glVertex2f (-4.0, -1.0); //Titik B (-4,-1)
glColor3f (0.0, 0.0, 1.0);
glVertex2f (-1.0, -5.0); //Titik C (-1,-5)
glColor3f (1.0, 0.0, 0.0);
glVertex2f (-4.0, -5.0); //Titik D (-4,-5)
glEnd ();
glutSwapBuffers ();
}
void main (int argc, char** argv) {
glutInit (&argc, argv);
glutInitDisplayMode (GLUT_DOUBLE | GLUT_RGB);
glutInitWindowPosition (0, 0);
glutInitWindowSize (1000, 800);
glutCreateWindow ("Latihan 2");
init ();
glutDisplayFunc (Display);
glutMainLoop ();
}

untuk melihat hasilnya bisa agan ambil source codenya dan di pastekan di program c++ di komputer agan. sekin dari saya semoga memberi manfaat buat referensi belajar grafika komputer.


Kamis, 21 November 2013

selamat datang di arsipbertuah blog. pada artikel ini saya akan membahas bagaimana untuk membuat drive list pada project yang menggunakan bahasa pemograman visual basic.
e DriveListBox Tool ini untuk membuat komponen daftar drive atau partisi yang ada di harddisk. Penggunaannya tidak lepas dari komponen lain seperti d DirListBox yang digunakan untuk membuat daftar folder yang diawali dari root drive di komponen DriveListBox dan a FileListBox yang digunakan untuk membuat daftar file yang ada di suatu folder di DirListBox. Jadi nanti penulis tidak akan menjelaskan lagi tentang DirListBox dan FileListBox karena penggunaannya sudah diimplementasikan di bagian DriveListBox ini. Berikut ini cara menggunakan ketiga komponen tersebut.

Langkah-langkah menambah Drive List Box

belajar vb membuat daftar drive
1. Buka program Visual Basic 6.0, maka dialog New Project akan ditampilkan.
2. Pada dialog New Project tersebut, klik icon Standart EXE kemudian klik tombol Open.  Visual Basic akan membuatkan project baru.
3. Masukan komponen DriveListBox, DirListBox, FileListBox ke dalam Form, atur posisi dan ukuran komponennya seperti di Gambar dibawah ini

Form DriveListBox

4. Klik kanan di Form dan pilih menu View Code atau klik 2x pada form
5. Pada code editor yang ditampilkan, ketik kode berikut ini:
coding DriveListBox

6. Tekan key F5 untuk melihat hasilnya./Run
7. Pada program yang sedang berjalan, pilih salah satu drive di DriveListBox kemudian pilih folder apapun di   DirListBox. Klik dua kali salah satu file di FileListBox maka kotak pesan berisi lokasi file yang dipilih tersebut akan ditampilkan.

Rabu, 20 November 2013

Pengertian basis data

Basis: markas/gudang, tempat bersarang/berkumpul
Data: representasi fakta dunia nyata yang mewakili suatu obyek (spt, manusia: dosen, mhs, pelanggan,dll; barang: buku, meja; peristiwa, konsep, dsb.),
yang direkam baik dalam bentuk angka, huruf, teks, gambar atau suara.
Basis Data: Kumpulan dari item data yang saling berhubungan satu dengan yang lainnya yang diorganisasikan berdasarkan sebuah skema atau struktur tertentu, tersimpan di hardware komputer dan dengan software untuk melakukan manipulasi untuk kegunaan tertentu.

Definisi Database (Basis data):

* Himpunan / kelompok data (arsip) yang saling berhubungan, yang diorganisasi sedemikian rupa, sehingga kelak dapat dimanfaatkan kembali dengan cepat.
*Kumpulan data yang saling berhubungan yang disimpan secara bersama tanpa adanya pengulangan (redundansi) data.
*Kumpulan file/tabel/arsip yang saling berhubungan yang disimpan dalam media penyimpanan elektronik.

Sistem database:

*Sistem yang terdiri atas sekumpulan tabel data yang saling berhubungan dan sekumpulan program (DBMS: Database Management System) yang memungkinkan berbagai user dan/atau program lain dapat mengakses dan memanipulasi tabel-tabel tersebut.
*DBMS (Database Management System) : kumpulan program yang digunakan user untuk memanage database (create, maintain)

DBMS mencakup proses:

*Defining: database mendefinisikan tipe data, struktur dan batasan (constraint) dari data yang disimpan dalam database.
*Manipulating: database mencakup berbagai fungsi dan query untuk mendapatkan data yang dicari, termasuk operasi insert, update dan delete serta dalam generate report data.
*Sharing: database dapat diatur untuk dapat sharing multiple user dan program untuk mengakses database secara bersama-sama.
*Fungsi yang lebih penting dari DBMS adalah proteksi dan maintain database dalam jangka panjang.
Proteksi : mengandung system protection yang menangani kondisi malfunction (crash) baik pada hardware ataupun software, juga mengandung security protection yang menangani pengaksesan oleh user terlarang.
Maintain : mengandung sistem maintaining yang selalu meningkatkan kebutuhan perubahan tiap waktu.
*Prinsip kerja Basis Data:
Pengaturan data / arsip
*Tujuan Basis Data:
Kemudahan dan kecepatan dalam pengambilan data (speed)
Efisiensi ruang penyimpanan (space),Mengurangi / menghilangkan redudansi data
Keakuratan (Accuracy).Pembentukan kode & relasi antar data berdasarkan aturan / batasan (constraint) tipe data, domain data, keunikan data, untuk menekan ketidakakuratan saat entry / penyimpanan data.
Ketersediaan (Availability),Pemilahan data yang sifatnya pasif dari database aktif.
Kelengkapan (Completeness),Kompleksnya data menyebabkan perubahan struktur database.
Keamanan (Security),Memberikan keamanan atas hak akses data.
Kebersamaan pemakaian (Sharability),Bersifat multiuser.

Manfaat penggunaan DBMS:

*Controlling Redundancy
Redundancy: duplikasi data, penyimpanan data secara berulang.
Redudancy salah satu syarat larangan dalam database relasional, karena akan menimbulkan inkonsistensi data.
Dengan controlling redundancy, selain akan meningkatkan performance query juga menjaga konsistensi data.
*Restricting Unauthorized Access
Memberikan pengaturan hak akses / batasan akses user database
*Providing Persistent Storage for Program Objects
Menyediakan ruang penyimpanan khusus untuk obyek-obyek program (ex. Object-Oriented Database system yang menyimpan obyek-obyek pemrograman berbasis obyek)
*Providing Storage Structures for Efficient Query Processing
- Menyediakan struktur penyimpanan yang bagus untuk efisiensi proses query.
*Providing Backup and Recovery
*Providing Multiple User Interface
*Representing Complex Relationship among Data
*Enforcing Integrity Constraints
*Permitting Inferencing and Actions using Rules
Menyediakan actions khusus berdasarkan rules (aturan) yang telah ditetapkan dalam sistem database.
*Additional Implications of using the Database Approach
Flexible, up-to-date data, ekonomis, dll.

Jenjang Data

database
file
record
field data / item
characters

1.Characters : merupakan bagian data yang terkecil, dapat berupa karakter numerik, huruf ataupun karakter-karakter khusus (special characters) yang membentuk suatu item data / field.

2. Field : merepresentasikan suatu atribut dari record yang menunjukkan suatu item dari data, seperti misalnya nama, alamat dan lain sebagainya. Kumpulan dari field membentuk suatu record.
field name: harus diberi nama untuk membedakan field yang satu dengan lainnya
field representation: tipe field (karakter, teks, tanggal, angka, dsb), lebar field (ruang maksimum yang dapat diisi dengan karakter-karakter data).
field value: isi dari field untuk masing-masing record.

3. Record : Kumpulan dari field membentuk suatu record. Record menggambarkan suatu unit data individu yang tertentu. Kumpulan dari record membentuk suatu file. Misalnya file personalia, tiap-tiap record dapat mewakili data tiap-tiap karyawan.

4.Database : Kumpulan dari file / tabel membentuk suatu database

Minggu, 14 Juli 2013

Aplikasi karaoke secara sederhana adalah aplikasi pemutar video, bedanya adalah aplikasi ini display atau tampilanya terbagi dua Layar, layar pertama untuk list lagu(Song) dan Layar kedua untuk menampilkan video....,teruss bagimana sih cara x menseting komputer seperti itu....

1. Teknik Display

 Setting display yang digunakan dalah Extend dimana  dual desktop berdampingan atau di desktop di bagi menjadi dua, jadi computer anda harus menggunakan Dual VGA atau memilik Dua buah poth Output ke Layar



Perihtan yang di gunakan untuk menseting tampilan form agar  form list lagu barada di Layar A dan Video lagu di Layar B seara umum adalah form Video posisi kiri samadengan lebar sreen layar 1
Perintah Dalam Bahasa Pemogrman;
FormVideo.left = Screen.width
�Jika Layar B Posisi kanan
Atau
FormVideo.left = -(formVideo.width)
�jika layar B posisi Kiri

  2. Teknik Sound

Lagu Karaoke terdiri dari Dual Chanal Sond (L/R) yang berbesa umumnya Chanel L untuk Music dan Chanel R untuk Vocal/Vocal&Music. Dan Jadi chanel yang kita pake adalah Chanel L,   jadi Chanel R diperlukan kapan-kapan saja, input yang digunkkan Amplipaer adalah dual chanel L.

3.  Tekinik Instalasi

  

Jika VGA Carad Output-nya tidak ada RCA seperti gambar di atas maka anda bisa gunakan alternative
Kabek VGA to RCA, HDMI to RCA ataun Inverter VGA to RCA

A.      Instalasi Kabel VGA to RCA/RGB

Cara memasang kabel VGA to RGB anda tinggal pasangkan poth VGA ke CPU dan poth CRA ke televise yang memilik input RGB seperti gambit di bawah sesuai warna kabel dengan poth di televise, dan jangan lupa setting input pada Televisi menjadi RGB
 


A.      Jika mengunakan Inverter VGA to RCA

  

      Jangan lupa setting chanel input pada televisi menjadi AV

 Goto Source code Aplikasi Karaoke