21 Nov 2014

Atribut HTML

Atribut HTML menyediakan informasi tambahan mengenai Elemen HTML,
- Elemen HTML dapat memiliki atribut
- Atribut selalu ditambahkan di tag awal
- Atribut berada pada pasangan seperti : name="value"

dibawah ini adalah daftar abjad daridari beberapa atribut yang sering digunakan pada HTML.

  

Contoh Atribut Lang.
 bahasa dokumen dapat dinyatakan dalam tag <html>, bahasa dapat dinyatakan dalam bentuk atribut, mendeklarasikan bahasa sangat penting untuk mengakses aplikasi dan mesin pencari

judul atribut.
paragraf HTML didefinisikan dalam tag<p>, pada contoh ini <p> elemen memiliki atribut judul, dan nilai atribut tentang "W3School".

Atribut href
digunakan untuk menghubungkan link, link HTML didefinisikan dengan tag<a>, dan alamat linknya ditentukan dalam atribut href.
<a href="http://www.W3School.com">This is a link</a>


Atribut ukuran
biasanya digunakan untuk ukuran gambar, gambar HTML didefinisikan dengan tag<img> , nama file dari sumber (scr) dan ukuran gambar (lebar/tinggi) semuanya disediakan dalam atribut
< img scr="download.jpg" width="104" height="142" >


Atribut alt
atribut alt menentukan sebuah teks alternatif yang akan digunakan ketika sebuah elemen HTML tidak dapat ditampilkan




penulisan judul dapat menggunakan huruf besar ataupun kecil

standar HTML5 tidak perlu tanda kutip <a href=http://W3School.com>




baca juga :


 dikutip dari w3schools
oleh Ali Chaedar / ProjectX.

Program Input KRS dengan Foxpro

Cek, cek, cek...
ok, pagi ini kita bakal ngeshare cara bikin program input krs dengan foxpro. Yang kemaren belum sempet ngikutin kuliah foxpro, kali ini kita bakal nyoba nge-review materi kuliah kemaren.

oya sebagai catatan nih, sebelum masbroh dan mbabroh bikin program input krs dengan foxpro, pastiin masbroh dan mbabroh masih nyimpen  dua program yang dulu kita bikin di pertemuan kuliah sebelumnya, yaitu Program Input Data Mahasiswa dan Program Input Matakuliah.
untuk yang lupa naroh file nya ato bahkan belum bikin, silahken klik disini dan disini.

langsung aja yak... jadi gini, kita disuruh bikin form dengan tampilan kaya gini..

tampilan form

pertama kita bikin dulu tablenya. kita pake field thn_aka, nim, kd_mk, nilai, dan nil_huruf dengan ketentuan kaya foto di bawah



kalo udah bikin tablenya, langsung aja bikin tampilan formnya..



lanjut ke coding untuk form1 dengan procedure activate.


uda nulis coding nya?? hehe
lanjut ke pengaturan combo1 yaa..
silahken klik kanan pada combo1 kemudia pilih Builder, maka bakal muncul tampilan berikut :


silahken masbroh mbabroh pilih table mhs (yaitu table pada program input data mahasiswa), pilih nim dan nama. Nantinya nih, pas combo1 di klik, terus kita pilih salah satu nim, maka pada text2 akan langsung muncul nama dari mahasiswa yg memiliki nim tersebut.
paham kan ya?hehehe

lanjut nih, ke codingnya, masih di combo1, silahken klik 2x pada combo1 procedure pake Valid


sekarang kita lanjut ke combo2, klik kanan pada combo2 terus pilih Builder. sama kaya sebelumya di combo1, bedanya disini kita pake table mt_kuliah (table pada program input matakuliah), pilih kd_mk, nama_mk, dan sks. sistem kerjanya sama, yaitu pas combo2 dipilih, maka pada text3 dan text4 langsung muncul nama matakuliah dan sks nya.

lanjut ke coding pada combo2 procedure valid 



selanjutnya kita masuk ke text5 procedure LostFocus


maksud coding diatas adalah, ntar nih pas kita masukkin nilai pada text5, maka nilai huruf langsung muncul pada text6. ga percaya??? coba aja sendiri :p hahaha

udah? terus kita lanjut kemana dl ya... hmmm..
ke grid1 aja dlu deh, masih ingat ga gmn bikin grid?? ok tak jelasin bentar ya..

klik kanan pada grid1, terus pilih Builder. masukkin semua field dari table krs..


kalo udah langsung kita lanjut ke coding grid1 procedure AfterRowColChange


lama amat ya bikinnya???
sabar sabar..bentar lagi selese ko, tinggal masukin coding pada button-button

Button Baru procedur Click


Button Simpan procedure Click


Button Hapus procedure Click

untuk button hapus ada dua langkah yang harus dilakuin, pertama kita masuk ke Form1 Procedure Activate, kemudian tuliskan coding SET DELETED ON



Kemudian langkah kedua kita masuk ke Button Hapus dengan procedure Click, tulisin coding kaya di bawah ini



Button Keluar procedure Click


selesaaaaiii...
pasti pada bertanya-tanya, ko Button Cetak belum d kasih coding???
hehehe jawabannya simpel, gua pribadi belum tau button tersebut mau d kasih coding apaan :D
maklum laaaah..
Nah ini PR buat para pembaca yang budiman dan baik hati, monggoh kasih bantuan utk ngisi coding Button cetak buat saya di kolom komentar dibawah... hehehe


baca juga :


Sekian,
Fatkhurrokhman Sidiq - PROJECT X

PEMGENALAN CSS

CSS (Cascading style sheet) berfungsi untuk mempercantik tampilan dari dukumen HTML yang kita buat atau menentukan bagaimana elemen HTML ditampilkan, seperti menentukan posisi, mengubah warna, background dan lain sebagainya.
Perhatikan contoh code CSS berikut ini :



SELECTOR
CSS adalah kependekan dari Cascading Style Sheet, berfungsi untuk mempercantik penampilan HTML atau menentukan bagaimana elemen HTML ditampilkan, seperti menentukan posisi, merubah warna teks atau background dan lain sebagainya.
Perhatikan contoh kode CSS berikut :






Dan jika tag yang diberi style memiliki Class, maka penulisan selector bisa dilakukan dengan tanda titik (.) diikuti dengan nama class.






GROUPING SELECTOR
ketika anda memiliki dua atau lebih tag dengan warna dan text-align yang sama, dari pada menuliskan kode seperti ini :













anda dapat menggabungkan selector dengan menambahkan tanda koma pada nama tag yang ingin diberi style.


.

PROPERTY DAN VALUE
Property adalah sifat-sifat yang ingin diterapkan pada selector, seperti warna text, warna background, jarak antar elemen, garis pinggir dan lain sebagainya.
Untuk memberikan nilai/value pada property kita gunakan tanda titik dua ( : ). Setiap property diakhiri dengan titik koma (;), jika anda tidak mengakhirinya maka browser tidak akan mengetahui maksud dari property tersebut.
Property-property pada CSS sangat mudah dimengerti karena lebih mirip bahasa kita sehari-hari. Misalnya untuk merubah warna text kita gunakan property color, untuk merubah warna background kita gunakan property background-color, untuk merubah ukuran huruf kita gunakan property font-size. Mudah dimengerti bukan?

Pada tutorial selanjutnya kita akan membahas mengenai Penulisan CSS .

Created by Arif Yuni Firmansah – Project-X

20 Nov 2014

Program Input Mata Kuliah Menggunakan Foxpro

Tampilan Form


Ok, kali ini kita bakal bikin form Pengisian Mata Kuliah dengan menggunakan Foxpro.
nantinya tampilan form bakal kaya foto di atas, jangan kawatir ntar kita jabarin gimana cara bikin form input matakuliah.

ok kita langsung aja ke langkah-langkahnya.
Pertama, kita bikin dulu formnya kaya foto di atas, dimana terdiri dari Label, Text Box, Combo Box, Button, dan yang terakhir adalah Grid.


ket:
  • kotak item pake LABEL
  • kotak merah pake Text Box
  • kotak biru pake Grid
  • kotak ijo pake Button
Ok uda bikin form nya?
kita lanjut ke langkah kedua.

18 Nov 2014

VIDEO: STMIK YMI Tegal


Tugas Multimedia Mas Noval Ali Chaedar

Maksimalkan Sublime Text Kamu !

Bagi kamu yang editor teksnya menggunakan sublime text 2 / 3,ayo maksimalkan editor kamu yang satu itu.jangan sampai kamu menghafal coding-coding yang gak penting,sebab pemrograman bukan ilmu menghafal melainkan pemahaman konsep dalam beralgoritma dalam kalimat lain "lebih dipentingkan algoritmanya".

contoh,kamu pasti pusing dengan begitu banyaknya tag yang ada pada html,apa mau dihafal?,saran saya sih dalam belajar pemrograman jangan dihafal tp dipahami dulu konsepnya.

nah di sini saya akan berbagi tips bagaimana memaksimalkan sublime text 2/3 nantinya sublime-mu
akan seperti ini



gambar di atas adalah sebagian kecil dari kemudahan yang diberikan sublime karena di luar sana masih banyak package-package (bantuan) dari pada pencinta opensource yang dengan ikhlasnya mau berbagi.

langsung saja ,saya akan memberikan  cara pertama dalam menggunakan package tsb,nantinya saya akan berbagi package - package yang banyak membantu di posting-posting berikutnya;

menginstal package control dulu...

pertama yang harus dilakukan adalah menginstal package controlnya dulu sebagai awal dari penggunaan package lainnya

1.buka sublime text kamu lalu pilih "view" -> lalu pilih "show console"
2.akan muncul console di bawah
3.Buka Ini
4.
5.copy teks yang ada pada kotak merah. note : jika kamu pake sublime 2 klik pada tab sebelahnya,karena pada contoh saya menggunakan sublime 3

6.paste pada console lalu klik enter.tunggu sampai terinstal.
7. BIla sudah terinstal coba tekan Ctrl+Shift+P,ketikkan "instal"

bila sukses terinstal akan muncul seperti ini


author :Muhamad Nur Fasikhin - PROJECT X

HTML Dasar

Dokumen HTML

Semua dokumen HTML harus di awali dengan tipe deklarasi: <!DOCTYPE html>.
 Dokumen HTML  itu sendiri di mulai dengan <html> dan di akhiri dengan </html>.



Kepala/Awal HTML

Didefinisikan dengan <h1> sampai tag <h6>:



Paragraf HTML

Didefinisikan dengan tag <p>:

                               

Link HTML          

Didefinisikan dengan tag <a>:



Alamat link di spesifikasikan dalam href attribute.
Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.

Gambar HTML

Didefinisikan dengan tag  <img>.
Sumber file (src), teks alternatif (alt), dan ukuran (width) dan (height) disediakan sebagai attributes:



Translated from http://www.w3schools.com/
Edited By: Nasrullah Akbar Ramadhani – Project X
Newer Posts Older Posts Home

Visitors

Popular

 

Project X

Warung

STMIK YMI TEGAL

Followers

 

Templates by Nano Yulianto | CSS3 by David Walsh | Powered by {N}Code & Blogger