Sabtu, 09 Mei 2015

Mengenal Lebih tentang HTML

Pada postingan sebelumnya telah dikenalkan tentang HTML (Hypertext MarkUp Language). HTML adalah suatu teknik menyajikan informasi sebagai sebuah link dari node-node pada jaringan struktur informasi yang dapat mengakomodasi pembaca untuk bebas bernavigasi dalam mode non-linear.
Tahaptahap dalam pembuatan desain dokumen HTML yaitu: Pendefinisian masalah, Desain struktur dan isi situs, Implementasi, kemudian Uji coba. Tahapan-tahapan ini sangat membantu dalam pemeliharaan dokumen dan upgrading sistem.
Dokumen HTML juga memiliki struktur diantaranya:
  • Struktur Hireark: Mempresentasikan suatu informasi yang memiliki hirarki tetap.
  • Struktur Linear: Mempresentasikan suatu informasi yang memiliki konsep penyajian satu arah, contohnya web tutorial program
  • Struktur Linear dan Alternatif: Ini struktur linear tetapi mengizinkan user melompat antar topik
  • Struktur Jejaring (Web): Mempresentasikan suatu jaringan informasi yang tidak memiliki struktur baku.
Gambar diatas adalah struktur dasar pembuatan HTML. Dimana <head> sampai </head> diatas merupakan judul, kemudian <body></body> merupakan kontennya. Pada struktur ini terdapat tag yang berpasangan seperti <html> dengan </html>, tanda "/" merupakan tanda penutup. Sedangkan tag yang tidak memiliki pasangan contohnya <p>, <br>.
Pada HTML juga kita dapat mengatur teksnya.
  1. Heading, yaitu mengatur ukuran font, ukuran heading ini dimulai dari 1 sampai 6, semakin besar maka ukuran headingnya semakin kecil.
  2. Paragraf <P>, Line Break <br>, Horizontal Rule <hr>. Pada pembuatan paragraf ini dimana <br> merupakan tag untuk pindah garis dan <hr> digunakan untuk membuat tanda garis. 
  3. Font <Font>, pada pemformatan font ini, font dimulai dari ukuran size 1 sampai 7, Face digunakan untuk  jenis font yang digunakan, dan color digunakan untuk memberi warna pada font seperti:
  4. Logical Formatting: Sitasi <CITE>, digunakan untuk membuat sitasi. <CODE> untuk menunjukkan kode kecil pada komputer. <EM> digunakan untuk memberikan penekanan. <DFN> mendefinisikan elemen misalnya digunakan untuk membuat sub-definisi dalam daftar mendefinisikan. <KBD> digunakan untuk menunjukan respon  entri pengguna. <SAMP> untuk menunjukan literal karakter. <STRONG> digunakan untuk membuat penguatan pada kata/kalimat, ini sepeerti halnya dengan <b>. <VAR> digunakan untuk mengidentikasi nama variabel.
  5. Physical Formatting: 
  • <B> : untuk menebalkan kata
  • <I> : untuk memiringkan kata
  • <U> : untuk memberikan garis bawah pada kata atau kalimat
  • <STRIKE> : untuk memberikan garis tengah pada kalimat atau kata yang dianggap salah
  • <TT> : untuk menunjukkan literal karakter
  • <BIG> : untuk membuat tulisan menjadi besar
  • <SMALL> :untuk membuat tulisan menjadi kecil
  • <SUB> : untuk membuat teks dibawah teks normal
  • <SUP> : untuk membuat teks diatas teks bawah, ini layaknya seperti pangkat
 Dalam pembuatan list atau daftar, ini menggunakan unordered list dan odered list.
  • <UL> : digunakan untuk membuat list dengan angka
  • <OL> : untuk membuat list dengan huruf
  • <DL> : untuk menyatakan daftar definisi
  • <DD> :untuk menyatakan tempat definisi istilah
  • <DT> : menyatakan tempat istilah yang akan didefinisikan
 
Selain itu kita juga dapat menisipkan gambar dan juga link. Untuk menyisipkan gambar menggunakan tag <img> sedangkan untuk menghubungkan dokumen web menggunakan tag <link>.
Diposting oleh di Tidak ada komentar:

Jumat, 24 April 2015

It's about Database

Database adalah kumpulan data yang saling berhubungan mengenai sebuah subyek atau organisasi untuk mencapai suatu tujuan tertentu. Perangkat lunak yang digunakan untuk mengelola database ialah DBMS (Database Management System),  seperti Ms. Access, Oracle,  SQL-Server, dll. Perangkat lunak database digunakan untuk create database, add change and delete data, sort and retrieve data, dan create form and report.
Seperti pengertian di atas bahwa database merupakan kumpulan data yang saling berhubungan, maka di dalam software nya terdapat tools Relationship. Ada 3 tipe didalam relationship yaitu: 

  1.  One to one, contohnya hubungan Mahasiswa dan NIM, dimana Mahasiswa hanya memiliki satu buah NIM dan satu NIM hanya dimiliki oleh satu Mahasiswa.
  2. One to many, dideskripsikan seperti hubungan antara Departemen dan Mahasiswa, dimana Departemennya 1 yang di dalam Departemen itu terdapat banyak mahasiswa. Artinya table A dapat dihubungkan dengan table B lebih dari 1, sedangkan table B dapat dihubungkan dengan table A hanya 1 kali.
  3. Many to many, ini seperti Mahasiswa yang mengisi KRS online, dimana mahasiswa yang banyak dapat mengisi KRS dengan mata kuliah yang lebih dari satu, dan KRS yang berisi mata kuliah yang banyak ini dapat diisi oleh banyaknya mahasiswa pula.
Untuk membuat relationship maka masing‐masing tabel harus memiliki primary key dan foreign key untuk dapat menghubungkan antara tabel induk dengan tabel anak.
1)      Primary Key
Tabel memiliki primary key, yaitu suatu atribut yang tidak hanya mengidentifikasi secara unik suatu kejadian tetapi juga mewakili setiap kejadian dari suatu entitas.
2)      Foreign Key
Foreign key adalah atribut yang melengkapi relationship dan menunjukkan hubungan antara tabel induk dengan tabel anak. Foreign key ditempatkan pada tabel anak.
Contoh untuk melakukan hubungan table 1 dengan yang lain menggunakan database dengan Ms. Access 2007:
  • Pembuatan Design Tabel 
Pembuatan design tabel ini pertama dengan create > table, kemudian klik kanan pada nama Table1 pada navigasi objek di sebelah kiri, kemudian pilih design view, ganti nama sesuai yang diinginkan. akan muncul seperti gambar di bawah, kemudian isi tabel, di dalam pembuatan tabel di bawah terdapat gambar kunci, itu menunjukkan bahwa itu adalah primary key sedangkan yang lainnya foreign key.
di bawah pembuatan tabelnya terdapat field properties yang digunakan untuk melakukan pengaturan pada item dalam tabel.
  • Relationship
Relationship digunakan untuk menghubungkan antara tabel satu dengan tabel lainnya. Untuk melakukan relationship ini berada pada Database tools, kemudian pilih ikon relationship, setelah itu add semua tabelnya.
setelah itu pilih edit relationship pada tools design, akan muncul kotak dialog seperti gambar di bawah
setelah Create New akan muncul kotak yang di atas foto tersebut, pada kotak sebelah kiri dinamakan tabel induk sedangkan pada sebelah kanannya dinamakan tabel anak. Kemudian klik Ok, akan mucul hasilnya seperti ini
  • Form
Untuk membuat Form, pertama pilih Form Wizard pada tools Create,
setelah muncul kotak diatas, kemudian pilih tanda panah dua, pilih next
setelah selesai akan muncul seperti gambar di bawah.
  • Report 
Cara pembuatan Report ini dengan memilih Report Wizard  pada tools Create, setelah dipilih akan muncul kotak seperti
pilih ">>" kemudian next
Masukkan "NRP" sebagai record yang diawal, dan pilih sort Ascending atau Descending. kemudian next kembali
klik Finish, akan muncul hasilnya seperti ini
Selesailah pembahasan Database ini, terima kasih atas kunjunganny.
Diposting oleh di Tidak ada komentar:

Sabtu, 18 April 2015

Hyper Text Markup Language (HTML)



Hey guys! Kali ini aku mau ngebahas HTML. HTML kependekan dari HyperText Markup Language adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi didalam sebuah browser web Internet dan formating hypertext sederhana. HTML ditulis kedalam format ASCII (American Standard Code for Information Interchange). HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
Dalam pembuatan halaman web sederhana ini dengan HTML saya menggunakan Notepad++.  Untuk membuat html ini kita membuat folder terlebih dahulu untuk penyimpanannya. Tag HTML yaitu:
<html>
<title> Judul_Halaman </title>
<head> </head>
<body>
</body>
</html>
HTML ini dapat  dibuka dengan menggunakan browser seperti: Internet Explorer, Mozilla Firefox, Opera dll.

  •  Kita dapat membuat ukuran font, tag yang digunakan yaitu <h1> </h1>, <h2> </h2>, <h3> </h3


  • Membuat table pada HTML,tagnya menggunakan: 
     <table border=1 align=center> 
    <tr> 
    <td> Test_1 </td> 
    <td> Test_2 </td> 
    </tr> 
    </table> 
     
    • Textfield
  • Tag untuk membuat textfield: <input type=text size=20> <input type=text size=20>  
    Tag untuk Submit:
    <input type=submit size=20 value=proses>
    <input type=submit size=20 value = clik>
    Untuk Form: <form method=post action=penkom.html>



  • Text Berjalan
    Kita dapat membuat text berjalan pada halaman web kita dengan menggunakan tag <marquee> </marquee>

    • Header dan Header group
    Header ditempatkan di atas pada bagian awal halaman website, sedangkan header group ditempatkan dibawah header, artinya jika kita memiliki satu atau lebih heading berurutan
     
  • Navigasi
    Menu naviagasi adalah menubar yang biasanya ditempatkan di bawah header blog yang berguna untuk mengarahkan pembaca atau pengunjung blog menuju link yang mereka cari.
    • Figure for picture
    Figure for picture berfungsi untuk menampilkan foto dan captionnya. Untuk menampilkan foto ini kita harus menambahkan foto tersebut pada folder yang telah kita buat diawal tadi.

    • Audio
    Sama halnya dengan figure, ini berfungsi untuk menampilkan audio pada halaman website kita.

    • Video  
      Berfungsi untuk menampilkan video pada halaman website. Sama halnya dengan foto dan audio, file video juga harus ada dalam folder yang telah dibuat diawal.
  Terima kasih atas kunjungannya.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)