Make dream come true !

Analisis Jurnal Desain Dan Pemodelan Grafis

<br />

<br />
<div class="MsoNormal" style="tab-stops: 1.0cm 35.45pt;">
<b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;">Pengertian desain dan permodelan grafis</span></u></b><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;"><br />
</span><span style="font-family: "consolas";"><br />
<b style="mso-bidi-font-weight: normal;">Desain</b><br />
Desain diterjemahkan sebagai seni terapan, arsitektur, dan berbagai
pencapaian kreatif lainnya. Dalam sebuah kalimat, kata “desain” bisa digunakan
baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, “desain”
memiliki arti “proses untuk membuat dan menciptakan obyek baru”. Sebagai kata
benda, “desain” digunakan untuk menyebut hasil akhir dari sebuah proses
kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk obyek
nyata.<br />
<br />
<b style="mso-bidi-font-weight: normal;">Grafika</b><br />
Grafika adalah segala cara pengungkapan dan perwujudan dalam bentuk huruf,
tanda, dan gambar yang diperbanyak melalui proses percetakan guna disampaikan
kepada khalayak. Contohnya adalah foto, gambar/drawing, Line Art, grafik,
diagram, tipografi, angka, simbol, desain geometris, peta, gambar teknik, dan
lain-lain. Seringkali dalam bentuk kombinasi teks, ilustrasi, dan warna.<br />
<br />
<b style="mso-bidi-font-weight: normal;">Desain grafis</b><br />
Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan
gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain
grafis, teks juga dianggap gambar karena merupakan hasil abstraksi
simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain
komunikasi dan fine art. Seperti jenis desain lainnya, disain grafis dapat
merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan
(rancangan), atau pun disiplin ilmu yang digunakan (disain).<br />
<br />
<b style="mso-bidi-font-weight: normal;">Pemodelan </b><br />
Pemodelan adalah membentuk suatu benda-benda atau obyek. Membuat dan
mendesain obyek tersebut sehingga terlihat seperti hidup. Sesuai dengan obyek
dan basisnya, proses ini secara keseluruhan dikerjakan di komputer. Melalui
konsep dan proses desain, keseluruhan obyek bisa diperlihatkan secara 3
dimensi, sehingga banyak yang menyebut hasil ini sebagai pemodelan 3 dimensi (3D
modelling).<br />
<br />
<b style="mso-bidi-font-weight: normal;">Desain pemodelan grafis</b><br />
Desain pemodelan grafis adalah suatu ilmu yang mempelajari tentang membuat
dan menciptakan obyek baru berupa seni terapan, arsitektur, dan berbagai
pencapaian kreatif lainnya yang direkayasa perangkat lunak merupakan suatu hal
yang dilakukan di tahapan awal untuk pembuatan, penyimpanan, dan manipulasi
model dan citra.<br />
<br />
</span><b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;">Prinsip desain
grafis</span></u></b><span style="font-family: "consolas";"><br />
Desain grafis juga memiliki prinsip seperti halnya manusia, seseorang dikenal
karena prinsipnya, prinsip utama harus ditampilkan dalam sebuah desain grafis
sehingga karya tersebut komunikatif, sedangkan unsur yang lainnya ditampilkan
sekedar dan tidak mengalahkan unsur utama.<br />
Semuanya itu tergantung selera desainer grafis, klien dan khalayak yang menjadi
sasaran pesan.<br />
<b style="mso-bidi-font-weight: normal;"><br />
1.      Kesederhanaan<br />
</b>Hal ini sangat logis demi kepentingan kemudahan pembaca memahami isi pesan
yang disampaikan. Dalam penggunaan huruf sebuah berita misalnya. Huruf judul
(headline), subjudul dan tubuh berita (body text) sebaiknya jangan menggunakan
jenis font yang ornamental dan njilimet, seperti huruf blackletter yang sulit
dibaca. Desainer grafis lazim juga menyebut prinsip ini sebagai KISS (Keep It
Simple Stupid). Prinsip ini bisa diterapkan dengan penggunaan elemen ruang
kosong (white space) dan tidak menggunakan terlalu banyak unsur-unsur
aksesoris. Seperlunya saja.<br />
<br />
<b style="mso-bidi-font-weight: normal;">2.      Keseimbangan</b><br />
Keseimbangan adalah keadaan atau kesamaan antara kekuatan yang saling
berhadapan dan menimbulkan adanya kesan seimbang secara visual. Prinsip
keseimbangan ada dua, yaitu: keseimbangan formal (simetris) dan keseimbangan
informal. Keseimbangan formal memberikan kesan sempurna, resmi, kokoh,
yakin dan bergengsi. Keseimbangan formal juga menyinggung mengenai konsistensi
dalam penggunaan berbagai elemen desain. Semisal wana logo.<br />
<br />
Dalam desain kartu nama desain dibuat dengan full color (F/C). Tetapi dengan
pertimbangan agar desain lebih variatif dan tidak membosankan, maka pada media
desain yang berbeda Anda membuat logo tersebut dengan warna duotone. Nah, pada
kondisi ini, gagasan variasi desain sebaiknya tidak diperlukan. Apa jadinya
kalau logo tersebut adalah logo sebuah produk barang. Konsistensi juga sangat
diperlukan sebagai kesan identitas yang melekat pada sebuah merek produk. Kita
tidak mau konsumen sampai lupa pada produk yang dijual. Sedangkan keseimbangan
informal bermanfaat menghasilkan kesan visual yang dinamis, bebas, lepas, pop,
meninggalkan sikap kaku, dan posmodernis.<br />
<br />
<b style="mso-bidi-font-weight: normal;">Untuk menciptakan keseimbangan:</b><br />
·     Ulangi bentuk tertentu secara berkala, baik secara
vertikal maupun<span style="mso-spacerun: yes;">             </span>horizontal.<br />
·     Pusat elemen pada halaman.<br />
·     Menempatkan beberapa visuals kecil di satu daerah
untuk<span style="mso-spacerun: yes;">   </span>menyeimbangkan<br />
      satu blok besar gambar atau teks.<br />
·     Gunakan satu atau dua bentuk aneh dan membuat bentuk
biasa.<br />
·     Keringanan teks potong-berat dengan terang, berwarna-warni
visual.<br />
·     Meninggalkan banyak spasi besar sekitar blok teks atau
foto gelap.<br />
·     Offset besar, gelap foto atau ilustrasi dengan beberapa
lembar teks kecil, masing-masing dikelilingi oleh banyak spasi.<br />
<br />
<b style="mso-bidi-font-weight: normal;">3.      Kesatuan</b><br />
Kesatuan adalah kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan
isi pokok dari komposisi. Contohnya adalah ilustrasi, garis dan teks diberi
raster sehingga memberikan kesan kesatuan terhadap pesan yang dimaksud.<br />
<br />
<b style="mso-bidi-font-weight: normal;">Untuk membuat persatuan:</b><br />
·     Gunakan hanya satu atau dua typestyles dan berbeda ukuran
atau berat untuk kontras seluruh publikasi, presentasi, atau situs
web.<br />
·     Konsisten dengan jenis font, ukuran, dan gaya untuk
judul, subheads, keterangan, headers, footers, dll di seluruh publikasi,
presentasi, atau<span style="mso-spacerun: yes;">   </span>situs web.<br />
·     Menggunakan palet warna yang sama di
seluruh.·     Mengulang warna,<span style="mso-spacerun: yes;">  
</span>bentuk, atau tekstur yang berbeda di seluruh wilayah.·   
 Pilih visuals yang berbagi serupa warna, tema, atau bentuk·   
 Memperderetkan foto dan teks yang sama dengan grid baris.<br />
<br />
<b style="mso-bidi-font-weight: normal;">4.      Penekanan
(aksentuasi)</b></span></div>
<div class="MsoNormal" style="tab-stops: 1.0cm 35.45pt;">
<span style="font-family: "consolas";">Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia
mau melihat dan membaca bagian desain yang dimaksud. Kalau dalam konteks desain
surat kabar ini bisa dilakukan dengan memberikan kotak raster atas sebuah
berita. Hal ini akan mengesankan pentingnya berita itu untuk dibaca oleh
pembaca. Atau juga membesarkan ukuran huruf pada judul berita, sehingga
terlihat jauh berbeda dengan berita lainnya. Penekanan juga dilakukan melalui
perulangan ukuran, serta kontras antara tekstur, nada warna, garis, ruang,
bentuk atau motif.<br />
<br />
<b style="mso-bidi-font-weight: normal;">Untuk membuat penekanan:</b><br />
·     Gunakan rangkaian merata spaced, persegi di samping foto
yang digariskan foto<br />
      dengan bentuk yang tidak biasa.<br />
·     Letakkan bagian yang penting dari teks pada sudut
melengkung atau sekaligus<br />
      menjaga semua jenis yang lainnya di kolom lurus.<br />
·     Gunakan huruf tebal, hitam untuk judul dan jenis subheads
ringan teks dan<br />
      banyak lainnya untuk semua teks.<br />
·     Tempat yang besar di sebelah gambar kecil sedikit
teks.<br />
·     Reverse (gunakan jenis putih) yang utama dari sebuah kotak
hitam atau berwarna.<br />
·     Gunakan warna yang tidak biasa atau jenis font yang paling
penting untuk informasi. ·     Letakkan daftar yang ingin
Anda sorot di sidebar dalam kotak berbayang.<br />
<br />
<b style="mso-bidi-font-weight: normal;">5.      Irama
(repetisi)</b></span></div>
<div class="MsoNormal" style="tab-stops: 1.0cm 35.45pt;">
<span style="font-family: "consolas";">Irama merupakan pengulangan unsur-unsur pendukung karya seni. Irama
merupakan selisih antara dua wujud yang terletak pada ruang, serupa dengan
interval waktu antara dua nada musik beruntun yang sama. Desain grafis
mementingkan interval ruang atau kekosongan atau jarak antar obyek. Misalnya
jarak antarkolom. Jarak antar teks dengan tepi kertas, jarak antar 10 foto di
dalam satu halaman dan lain sebagainya. '<br />
<b style="mso-bidi-font-weight: normal;"><br />
Untuk membuat rhythm:</b><br />
·     Ulangi sejumlah elemen berbentuk mirip, bahkan dengan
spasi putih di antara masing-<br />
      masing, untuk menciptakan sebuah ritme biasa.<br />
·     Ulangi rangkaian semakin besar elemen yang lebih besar
dengan spasi putih di antara<br />
      setiap ritme yang progresif.<br />
·     Alternatif gelap, huruf tebal dan ringan, tipis jenis.<br />
·     Alternatif gelap halaman (dengan banyak jenis grafik atau
gelap) dengan cahaya<br />
      halaman (dengan jenis lebih sedikit dan berwarna muda
grafis).<br />
·     Mengulang bentuk yang sama di berbagai bidang sebuah
layout.<br />
·     Ulangi elemen yang sama pada posisi yang sama pada setiap
halaman yang dicetak <br />
      penerbitan seperti newsletter.<br />
<br />
<br />
<b style="mso-bidi-font-weight: normal;">6.      Proporsi
(Proportion)</b><br />
Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk
memperoleh keserasian dalam sebuah karya diperlukan perbandingan – perbandingan
yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah
bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer
dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur.
Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan
1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan
yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia
sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang
desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan
layout halaman.<br />
<br />
</span><b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;">Unsur prinsip
desain grafis<br />
</span></u></b><span style="font-family: "consolas";">Agar desain yang kita
hasilkan menarik mata ada beberapa unsur yang harus dipelajari yaitu unsur
dalam desain grafis. Semua unsur tersebut tidak harus dimasukkan sekaligus
dalam sebuah karya desain karena ada sebagian desain yang menuntut salah satu
dari unsur tersebut harus diprioritaskan jadi ada penekanan-penekanan dalam
setiap unsur.<br />
<br />
<b style="mso-bidi-font-weight: normal;">1. Garis (Line)</b><br />
Sebuah garis adalah unsur desain yang menghubungkan antara satu titik poin
dengan titik poin yang lain sehingga bisa berbentuk gambar garis lengkung
(curve) atau lurus (straight). Garis adalah unsur dasar untuk membangun bentuk
atau konstruksi desain. Di dalam duni a komunikasi visual seringkali kita
menggunakan dotted line, solid line, dan garis putus-putus.<br />
<b style="mso-bidi-font-weight: normal;"><br />
2. Bentuk (Shape)</b><br />
Bentuk adalah segala hal yang memiliki diameter tinggi dan lebar. Bentuk dasar
yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga
(triangle).<br />
<br />
<br />
<b style="mso-bidi-font-weight: normal;">3. Tekstur (Texture)</b><br />
Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai
dengan cara dilihat atau diraba. Yang pada prakteknya, tekstur sering
dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan
karpet, baju, kulit kayu, cat dinding, cat canvas, dan lain sebagainya.<br />
<br />
<b style="mso-bidi-font-weight: normal;">4. Ruang (Space)</b><br />
Ruang merupakan jarak antara suatu bentuk dengan bentuk lainnya, pada praktek
desain dapat dijadikan unsur untuk memberi efek estetika desain dan dinamika
desain grafis. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan
menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background).<br />
<br />
<b style="mso-bidi-font-weight: normal;">5. Ukuran (Size)</b><br />
Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu
obyek. Dengan menggunakan unsur ini Anda dapat menciptakan kontras dan
penekanan (emphasis) pada obyek desain anda sehingga orang akan tahu mana yang
akan dilihat atau dibaca terlebih dahulu.<br />
<b style="mso-bidi-font-weight: normal;"><br />
6. Warna (Color)</b><br />
Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang
bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari
bentuk-bentuk bentuk visual secara jelas<br />
<br style="mso-special-character: line-break;" />
<br style="mso-special-character: line-break;" />
</span></div>
<div class="MsoNormal">
<a href="http://nurulayurahmawati.blogspot.co.id/2012/10/perbedaan-grafis-secara-umum.html"><b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;">Perbedaan grafis secara umum</span></b></a><b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;"></span></u></b></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Grafis berasal dari 2
buah kata yaitu Desain dan Grafis, kata Desain berarti proses atau perbuatan
dengan mengatur segala sesuatu sebelum bertindak atau merancang. Sedangkan
Grafis adalah titik atau garis yang berhubungan dengan cetak mencetak.</span></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Jadi dengan demikian
Desain Grafis adalah kombinasi kompleks antara kata-kata, gambar, angka,
grafik, foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang
individu yang bias menggabungkan elemen-elemen ini, sehingga mereka dapat
menghasilkan sesuatu yang khusus atau sangat berguna dalam bidang gambar.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Secara umum desain grafis
adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk
menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks
juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa
dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art.
Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses
pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun
disiplin ilmu yang digunakan (disain).</span></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Seni disain grafis
mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya
tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak. Desain
grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah,
dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis
juga diterapkan dalam media elektronik, yang sering kali disebut sebagai desain
interaktif atau desain multimedia. Batas dimensi pun telah berubah seiring
perkembangan pemikiran tentang desain. </span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Desain grafis bisa
diterapkan menjadi sebuah desain lingkungan yang mencakup pengolahan ruang.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Unsur dalam desain grafis
sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut
(termasuk shape, bentuk (form), tekstur, garis, ruang, dan warna) membentuk
prinsip-prinsip dasar desain visual. Prinsip-prinsip tersebut, seperti
keseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi
(proportion) dan kesatuan (unity), kemudian membentuk aspek struktural
komposisi yang lebih luas. Peralatan yang digunakan oleh desainer grafis adalah
ide, akal, mata, tangan, alat gambar tangan, dan komputer. Sebuah konsep atau
ide biasanya tidak dianggap sebagai sebuah desain sebelum direalisasikan atau
dinyatakan dalam bentuk visual.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Perancang Grafis bertugas
untuk menyampaikan sebuah informasi yang diinginkan oleh produk / klien dalam
bentuk desain yang menarik. Seorang Desainer harus memiliki minimal 7 ( tujuh )
Dimensi Keilmuan yaitu :</span></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "consolas"; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">-<span style="font: 7.0pt "Times New Roman";">   
</span></span></span><span style="font-family: "consolas";">Wawasan
Teknologi</span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "consolas"; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">-<span style="font: 7.0pt "Times New Roman";">   
</span></span></span><span style="font-family: "consolas";">Wawasan Sains</span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "consolas"; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">-<span style="font: 7.0pt "Times New Roman";">   
</span></span></span><span style="font-family: "consolas";">Wawasan Seni</span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "consolas"; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">-<span style="font: 7.0pt "Times New Roman";">   
</span></span></span><span style="font-family: "consolas";">Wawasan
Sosial Dan Budaya</span></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "consolas"; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">-<span style="font: 7.0pt "Times New Roman";">   
</span></span></span><span style="font-family: "consolas";">Wawasan
Filsafat Dan Etika</span></div>
<div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<span style="font-family: "consolas"; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">-<span style="font: 7.0pt "Times New Roman";">   
</span></span></span><span style="font-family: "consolas";">Point satu
sampai lima digunakan untuk mengetahui cakupan hasil karya yang dituju sesuai
dengan target tertentu.</span></div>
<div class="MsoNormal">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas";">Kemampuan olah nirmana</span></b></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Dipakai untuk membuat
hasil karya grafis yang menarik sekaligus mempunyai fungsi dan manfaat yang
sesuai.</span></div>
<div class="MsoNormal">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas";">Software Desain Grafis</span></b></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Digunakan untuk
menerapkan kreasi ide grafis pada media elektronik sehingga dapat dibuat massal
atau untuk kebutuhan krusial lainnya (artikel lengkap ada dikemampuan wajib
desainer grafis).</span></div>
<div class="MsoNormal">
<b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;">Analisis Jurnal </span></u></b></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">A.<span style="font: 7.0pt "Times New Roman";">  </span></span></span></b><b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas";">Jurnal 1</span></b><span style="font-family: "consolas";"></span></div>
<div class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto;">
<b><span style="background: white; font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Judul jurnal </span></b><span style="background: white; font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> : DESAIN
PEMODELAN GRAFIK</span><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br />
</span><b><span style="background: white; font-family: "consolas";">Penulis </span></b><span style="background: white; font-family: "consolas";">      :
<span style="mso-tab-count: 1;">  </span>1) Angga Prasetio<span style="mso-spacerun: yes;">   </span>Romadhon  </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 108.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 36.0pt;">
<span style="background: white; font-family: "consolas";">2) Murinto</span><span style="font-family: "consolas";"></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 120.5pt; margin-right: 0cm; margin-top: 0cm; text-indent: -3.0cm;">
<b><span style="background: white; font-family: "consolas";">URL<span style="mso-spacerun: yes;">           </span></span></b><span style="background: white; font-family: "consolas";">: journal.uad.ac.id</span></div>
<div class="MsoListParagraph" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<b><span style="background: white; font-family: "consolas";">Rangkuman </span></b><span style="background: white; font-family: "consolas";">     </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="background: white; font-family: "consolas";">jurnal ini, berisi
tentang 2 konsep dasar objek 3 dimensi . dan dimana keduanya adalah Konsep
Dasar Objek 3 Dimensi dan Konsep Dasar Rendering Objek 3 Dimensi.</span><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; mso-background-themecolor: background1;">
<span style="font-family: "consolas"; mso-bidi-font-size: 10.0pt;"><br />
<span style="background: white;">Objek 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. </span></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; mso-background-themecolor: background1;">
<span style="background: white; font-family: "consolas"; mso-bidi-font-size: 10.0pt;">Secara
umum prinsip yang dipakai adalah mirip dengan objek 2d, dalam hal: penggunaan
algoritma, grafika vektor, model frame kawat (wire frame model), dan grafika
rasternya.Objek 3D sering disebut sebagai model 3D. Namun, model 3D ini lebih
menekankan pada representasi matematis untuk objek 3 dimensi. </span><span style="font-family: "consolas"; mso-bidi-font-size: 10.0pt;"><br />
<span style="background: white;"><br />
Proses penampilan suatu model matematis ke bentuk citra 2d biasanya dikenal
dengan <b style="mso-bidi-font-weight: normal;">proses 3D rendering</b>.Konsep
Dasar Rendering Objek 3DRendering merupakan sebuah proses untuk menghasilkan
sebuah citra 2D dari data 3D. Proses ini bertujuan untuk untuk memberikan
visualisasi pada user mengenai data 3D tersebut melalui monitor atau pencetak
yang hanya dapat menampilkan data 2D.Gambar yang dibuat melalui proses
rendering digital adalah gambar digital atau raster image, jenis gambar yang
sama dengan yang biasa kita lihat sehari-hari pada desktop komputer atau
wallpaper.</span><br />
<span style="background: white;"><br />
proses untuk menghasilkan rendering dua dimensi dari objek-objek 3D melibatkan
5 komponen utama:</span><br />
<span style="background: white;">1.      Geometri</span><br />
<span style="background: white;">2.      Kamera</span><br />
<span style="background: white;">3.      Cahaya</span><br />
<span style="background: white;">4.      Karakteristik
Permukaan</span><br />
<span style="background: white;">5.      Algoritma
Rendering</span></span><span style="font-family: "consolas"; font-size: 12.0pt; mso-bidi-font-size: 11.0pt;"> </span><span style="font-family: "consolas"; mso-bidi-font-size: 10.0pt;"><br />
<b><span style="background: white;"><br />
Kelebihan </span></b><span style="background: white;">   
  </span><br />
<span style="background: white;">Jurnal ini menjelaskan dengan sangat detail,
sehingga pembaca akan dapat memahami apa itu kosep 3D.</span><br />
<span style="background: white;"><br />
<b>Kekurangan </b> </span><br />
<span style="background: white;">Pembahasan mengenai proses Rendering kurang
detail, sehingga ada beberapa kekeliruan bagi pembaca.</span><br />
<span style="background: white;"><br />
<b>Kesimpulan</b>  </span><br />
<span style="background: white;">Jurnal ini membahas tentang kegiatan rendering
objek 3D, dimana rendering adalah proses untuk mendapat grafik yang telah
dibentuk.Rendering merupakan proses akhir untuk mendapatkan desain yang telah
dibuat.</span></span><span style="font-family: "consolas"; font-size: 12.0pt; mso-bidi-font-size: 11.0pt;">  </span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm; mso-background-themecolor: background1;">
<br /></div>
<div class="MsoListParagraph" style="mso-list: l1 level1 lfo2; text-indent: -18.0pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: Consolas;"><span style="mso-list: Ignore;">B.<span style="font: 7.0pt "Times New Roman";">  </span></span></span></b><b style="mso-bidi-font-weight: normal;"><u><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;">Jurnal 2</span></u></b><u><span style="font-family: "consolas"; font-size: 12.0pt; line-height: 115%; mso-bidi-font-size: 11.0pt;"></span></u></div>
<div class="MsoNormal">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas";">Judul jurnal</span></b><span style="font-family: "consolas";">  : Rancang Bangun Aplikasi 3d Pada Pengenalan Tata<span style="mso-spacerun: yes;">  </span>Surya Berbasis Augmented Reality<br />
<b style="mso-bidi-font-weight: normal;">url          </b> 
: </span><a href="http://180.241.122.205/docjurnal/MUTTAQIN.Z-%20%20jurnal_muttaqin.pdf"><span style="font-family: "consolas";">http://180.241.122.205/docjurnal/MUTTAQIN.Z-<span style="mso-spacerun: yes;">  </span>jurnal_muttaqin.pdf</span></a><span style="font-family: "consolas";"></span></div>
<div class="MsoNormal">
<span style="font-family: "consolas";"><br />
<b style="mso-bidi-font-weight: normal;">Rangkuman:</b></span></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Jurnal ini lebih kepada
pemodelan objeknya yaitu tata surya dengan menggunakan 3DS Max.</span></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Augmented Reality aladalah
salah satu cara untuk mem-virtualkan dunia grafik kedalam dunia nyata dengan
cara membuat sebuah objek. Banyak software yang dapat digunakan untuk membuat
objek 3 dimensi, misalkan Blender, 3DS Max, Openspace 3D atau beberapa lainnya.</span></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Jurnal ini akan
menjelaskan apa saja yang digunakan baik software maupun hardware. Misalkan
dibutuhkan sebuah webcam untuk mendeteksi Marker sehingga akan dihasilkan objek
sesuai yang telah dibuat.</span></div>
<div class="MsoNormal">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas";">Kelebihan:</span></b></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Jurnal ini menjelaskan
cukup baik, sehingga lebih memudahkan bagi para pembaca untuk mengikuti.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas";">Kekurangan:</span></b></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Menurut saya mungkin
perbanyak contoh agar pembaca lebih mudah memahaminya.</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: "consolas";">Kesimpulan:</span></b></div>
<div class="MsoNormal">
<span style="font-family: "consolas";">Pemodelan grafik sangat
dibutuhkan dan pasti banyak digunakan, misalkan pada media iklan, film kartun /
animasi dan masih banyak lagi.</span></div>
<div class="MsoNormal" style="margin-left: 36.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-left: 36.0pt;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://eituzed.blogspot.co.id/2014/10/pengertian-prinsip-dan-unsur-desain.html"><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">http://eituzed.blogspot.co.id/2014/10/pengertian-prinsip-dan-unsur-desain.html</span></a><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="https://loraanisya.wordpress.com/2015/10/09/desain-pemodelan-grafik/"><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">https://loraanisya.wordpress.com/2015/10/09/desain-pemodelan-grafik/</span></a><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://download.portalgaruda.org/article.php?article=123636&val=5555"><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">http://download.portalgaruda.org/article.php?article=123636&val=5555</span></a><span style="font-family: "consolas"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"></span></div>
<div class="MsoNormal" style="background: white; line-height: 15.6pt; margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://180.241.122.205/docjurnal/MUTTAQIN.Z-%20%20jurnal_muttaqin.pdf"><span style="font-family: "consolas";">http://180.241.122.205/docjurnal/MUTTAQIN.Z-<span style="mso-spacerun: yes;">  </span>jurnal_muttaqin.pdf</span></a><span style="font-family: "consolas";"></span></div>

Analisis Jurnal Desain Dan Pemodelan Grafis

Pengertian desain dan permodelan grafis Desain Desain diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreati...

Baca selengkapnya »

Web Programing Sederhana dengan Menambahkan Fungsi IED ( Insert,Edit,Delete )

<br />
<header class="entry-header" style="background-color: white; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin: 0px auto; width: 584.265625px;"><h1 class="entry-title" style="border: 0px; clear: both; color: black; font-family: inherit; font-size: 36px; font-style: inherit; line-height: 48px; margin: 0px; outline: 0px; padding: 15px 0px 0.3em; vertical-align: baseline;">
<br /></h1>
<div class="entry-meta" style="border: 0px; clear: both; color: #666666; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; left: 0px; line-height: 18px; margin: 0px; outline: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; z-index: 1;">
<br /></div>
</header><br />
<div class="entry-content" style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin: 0px auto; outline: 0px; padding: 1.625em 0px 0px; vertical-align: baseline; width: 584.265625px;">
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1. Memperbarui Schema Database</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Disini kita membuat table baru dengan nama<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> pasien</strong> yang memiliki 3 coloumn yaitu : no_pasien , nama_pasien dan alamat. Dengan struktur databasenya no_pasien sebagai Primary Key dan Not Null agar nomor setiap pasien tidak ada yang sama.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/database1.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="database1" class="alignnone size-medium wp-image-100" height="182" src="https://bayudwiarta.files.wordpress.com/2014/12/database1.jpg?w=300&h=182" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2. Membuat Table Input Pasien dan Tampilan Pasien</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Sama dengan pembuatan form login lalu, kita hanya perlu menambahkan 3 field untuk memasukan datanya. Nama field pada textbox harus sama dengan yang tertulis di database agar tidak sulit mengubahnya. Berikut contohnya penulisannya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/tabel.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="tabel" class="alignnone size-medium wp-image-101" height="201" src="https://bayudwiarta.files.wordpress.com/2014/12/tabel.jpg?w=300&h=201" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">home.php</strong> ,sekarang kita akan membuat file .php untuk memasukan data yang kita telah masukan barusan ke database. Nama field pada textbox barusan ada kunci untuk direkam datanya yang nanti akan dimasukan ke database. dengan memanggil file koneksi agar terhubung dengan SQL nya lalu kita masukan querynya.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/tambah.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="tambah" class="alignnone size-medium wp-image-102" height="203" src="https://bayudwiarta.files.wordpress.com/2014/12/tambah.jpg?w=300&h=203" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan file tersebut dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">tambahpasien.php</strong> ,pada dalam tanda kurung yang pertama adalah nama field yang ada di database  dan tanda kurung ke dua setelah values adalah isi datanya, dengan demikian bisa kita lihat bahwa no_pasien memiliki isi data yang ada pada $no , nama_pasien dengan $nama dan alamat dengan $al. Jika berhasil akan muncul kembali halaman home dan jika gagal akan muncul tulisan gagal. Sekarang kita akan membuat tampilan yang menunjukan jika datanya telah masuk ke database atau belum.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Buka kembali file <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">home.php</strong> lalu tambahkan syntax berikut dibawahnya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/lihatdata.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="lihatdata" class="alignnone size-medium wp-image-103" height="202" src="https://bayudwiarta.files.wordpress.com/2014/12/lihatdata.jpg?w=300&h=202" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">3. Membuat Edit Data</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Buatlah form tabel yang sama dengan pembuat file input yang sebelumnya tadi dibuat, tetapi memiliki perbedaan pada textboxnya disini kita menambahkan value untuk mengisi textboxnya dengan data yang ingin kita edit nantinya.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/edit.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="edit" class="alignnone size-medium wp-image-104" height="200" src="https://bayudwiarta.files.wordpress.com/2014/12/edit.jpg?w=300&h=200" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan file tersebut dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">editpasien.php ,</strong> sekarang masuk ke file lanjutannya yaitu query untuk mengupdate. Berikut adalah potongan codenya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/update.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="update" class="alignnone size-medium wp-image-105" height="201" src="https://bayudwiarta.files.wordpress.com/2014/12/update.jpg?w=300&h=201" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan dengan nama file <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">update.php</strong>.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">4. Menghapus Data</strong></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Sama dengan file yang kita bikin sebelumnya update.php, untuk menghapus disini tidak terlalu banyak mengalami perubahan hanya saja di querynya. Gambaran yang lebih terlihat adalah jika saat mengedit menggunakan <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Update</strong> , untuk menghapus menggunakan <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Delete. </strong>Langsung saja ke potongan code programnya :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/delete.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="delete" class="alignnone size-medium wp-image-106" height="202" src="https://bayudwiarta.files.wordpress.com/2014/12/delete.jpg?w=300&h=202" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Simpan file dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">deletepasien.php .</strong>Langsung saja kita coba untuk test hasil dari apa yang telah kita buat tadi. Berikut adalah hasilnya seperti ini :</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/12/1.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="1" class="alignnone size-medium wp-image-107" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/1.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/2.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="2" class="alignnone size-medium wp-image-108" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/2.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/3.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="3" class="alignnone size-medium wp-image-109" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/3.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/4.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="4" class="alignnone size-medium wp-image-110" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/4.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a> <a href="https://bayudwiarta.files.wordpress.com/2014/12/5.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="5" class="alignnone size-medium wp-image-111" height="231" src="https://bayudwiarta.files.wordpress.com/2014/12/5.jpg?w=300&h=231" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Jika ingin memberikan variasi dekorasi dengan webnya anda bisa tambahakan CSS untuk membuat tampilannya lebih menarik, anda bisa membuatnya sendiri atau pun juga bisa mendownloadnya gratis maupun bayar itu tergantung dengan selera anda masing-masing.</div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Sekian dari tutorial form login web programing sederhana dari saya, Sekian. Terima Kasih</div>
</div>

Web Programing Sederhana dengan Menambahkan Fungsi IED ( Insert,Edit,Delete )

1. Memperbarui Schema Database Disini kita membuat table baru dengan nama pasien yang memiliki 3 coloumn yaitu : no_pasien , nam...

Baca selengkapnya »

Pembuatan Form Web Login Sederhana

<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Membuat Form Login Sederhana dengan Notepad++</strong></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Kali ini saya akan menyontohkan pembuatan form login yang sederhana menggunakan notepad++. Software yang dibutuhkan disini yaitu Notepad++ dan MySQL yang terdapat pada saat menginstal XAMPP. Disini saya akan membuat demonstrasi sederhana dari form bisa masuk ke halaman selanjutnya yang terhubung dengan database MySQL.</div>
<ol style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.625em 2.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Langkah pertama kita harus membuat databasenya dan table untuk login.</strong></li>
</ol>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Disini saya telah membuat database dengan nama <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">rawat_inap </strong>beserta tablenya <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">login</strong>dimana isi dari table login ada 2 coloumn yaitu username dan password. Seperti gambar dibawah ini :<a href="https://bayudwiarta.files.wordpress.com/2014/11/database.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><br /></a></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/11/database.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="database" class="alignnone size-medium wp-image-92" height="227" src="https://bayudwiarta.files.wordpress.com/2014/11/database.jpg?w=300&h=227" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
2. <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Membuat Form Login</strong></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Dalam pembuatan login disini kita menggunakan table agar terlihat lebih rapih. Disini menggunakan source tambahan dalam membuat html sederhana yaitu : <form method=”post”> untuk mengirimkan data agar terkoneksi dengan file yang akan dituju. Berikut ini gambar dari potongan code form :</div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/11/login.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="login" class="alignnone size-medium wp-image-93" height="168" src="https://bayudwiarta.files.wordpress.com/2014/11/login.jpg?w=300&h=168" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Save dengan nama file <span class="skimlinks-unlinked" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">formlogin.php</span></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
3. <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Membuat Koneksi ke Database</strong></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Pada saat membuat form login barusan kita menaruhkan action ke <span class="skimlinks-unlinked" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">proseslogin.php</span>, sebelum kita membuat <span class="skimlinks-unlinked" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">proseslogin.php</span> terlebih dulu kita membuat koneksinya seperti ini :</div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/11/koneksi.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="koneksi" class="alignnone size-medium wp-image-94" height="168" src="https://bayudwiarta.files.wordpress.com/2014/11/koneksi.jpg?w=300&h=168" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Save dengan nama file <span class="skimlinks-unlinked" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">koneksi.php</span></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
4. <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Membuat Koneksi dari Form Login ke Database</strong></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Setelah membuat koneksi kedatabase sekarang kita akan menghubungkan form login yang telah kita buat tadi berhubung langsung ke database. Dan untuk menghubungkan dengan koneksi yang telah kita buat tadi,kita hanya perlu memanggilnya dengan cara<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">inlcude “<span class="skimlinks-unlinked" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">koneksi.php</span>”;</strong> . Disini kita membuat proses untuk menyaring data yang kita masukan pada di form  apakah sama dengan yang ada pada database.</div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/11/proseslogin.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="proseslogin" class="alignnone size-medium wp-image-95" height="202" src="https://bayudwiarta.files.wordpress.com/2014/11/proseslogin.jpg?w=300&h=202" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Save dengan nama file <span class="skimlinks-unlinked" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">proseslogin.php</span></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Nah jika sudah buatlah 1 buah file lagi dan tuliskan “Selamat anda berhasil masuk” dengan nama filenya <span class="skimlinks-unlinked" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">home.php</span>. Langsung saja kita coba untuk test hasil dari apa yang telah kita buat tadi. Berikut adalah hasilnya seperti ini :</div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="https://bayudwiarta.files.wordpress.com/2014/11/form.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="form" class="alignnone size-medium wp-image-96" height="230" src="https://bayudwiarta.files.wordpress.com/2014/11/form.jpg?w=300&h=230" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a><a href="https://bayudwiarta.files.wordpress.com/2014/11/home.jpg" style="border: 0px; color: #19b30b; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><img alt="home" class="alignnone size-medium wp-image-97" height="230" src="https://bayudwiarta.files.wordpress.com/2014/11/home.jpg?w=300&h=230" style="border: 1px solid rgb(221, 221, 221); height: auto; margin-top: 0.4em; max-width: 97.5%; padding: 6px;" width="300" /></a></div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Jika ingin memberikan variasi dekorasi dengan webnya anda bisa tambahakan CSS untuk membuat tampilannya lebih menarik, anda bisa membuatnya sendiri atau pun juga bisa mendownloadnya gratis maupun bayar itu tergantung dengan selera anda masing-masing.</div>
<div style="background-color: white; border: 0px; color: #373737; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24.375px; margin-bottom: 1.625em; outline: 0px; padding: 0px; vertical-align: baseline;">
Sekian dari tutorial form login web programing sederhana dari saya, Sekian. Terima Kasih</div>

Pembuatan Form Web Login Sederhana

Membuat Form Login Sederhana dengan Notepad++ Kali ini saya akan menyontohkan pembuatan form login yang sederhana menggunakan notepad++. ...

Baca selengkapnya »