Welcome everyone :): 2014

Kamis, 18 Desember 2014

MooTools

Pengenalan MooTools
- MooTools merupakan sebuah framework Javascript atau JavaScript libraries yang digunakan untuk mempermudah seorang web developer untuk mengembangkan berbagai macam aplikasi web yang membutuhkan interaksi dengan user.
- MooTools sering di gunakan untuk mengirimkan data lewat ajax,animasi, dan lain lain.

Dasar dasar MooTools
- Pada umumnya JavaScript dipakai untuk menjalankan sesuatu ketika sebuah kejadian terjadi misalnya saat tombol diklik,form disubmit,checkbox diklik dan sebagainya.
Contohnya :

- Dengan MooTools anda bisa membuat fungsi yang serupa namun dengan struktur yang lebih
terorganisir.
Contohnya :

- Menu Accordion

- Code Accordion MooTools

- Example Konfermasi MooTools

- Kode Konfermasi MooTools

- Example Toogle MooTools

- Kode Toogle MooTools

Kamis, 27 Maret 2014

Cara Membuat Curriculum Vitae

Cara Membuat Curriculum Vitae
Script Membuat Curriculum Vitae:

<html>

<head>

<title>Curriculum Vitae </title>

</head>

<body bgcolor= orange>

<font color="#33FF66"></font>

<h1><font size=5>Identitas Diri</font></h1>

<hr color=”red” size=5>

<table border=4>

<tr>

<td>Nama</td>

<td>Nurul Fitriana</td>

<td rowspan=8><img src =photos/me/10001587_594681423943139_341199675_n.jpg width="254" height="384"></td>

</tr>

<tr>

<td>Jenis Kelamin</td>

<td>Perempuan</td>

</tr>

<tr>

<td>Tempat dan Tanggal Lahir</td>

<td>Cilacap, 07 Maret 1995</td>

</tr>

<tr>

<td>Berat / Tinggi Badan</td>

<td>40kg / 152cm</td>

</tr>

<tr>

<td>Alamat</td>

<td>Jl.Wijaya Kusuma No.09 Condong Catur,Sleman,Yogyakarta</td>

</tr>

<tr>

<td>Nomor Telepon</td>

<td>08562958843</td>

</tr>

<tr>

<td>Alamat Website</td>

<td>newrulfitriana.blogspot.com</td>

</tr>

<tr>

<td>Alamat Email</td>

<td>nufitriana@gmail.com</td>

</tr>

</table>

<h2><font size=5>Latar Belakang Pendidikan</font></h2>

<hr color=”red” size=5>

<table border=4>

<tr>

<td>Tahun</td>

<td>Tempat Pendidikan</td>

</tr>

<tr>

<td>2013-Sekarang</td>

<td>STMIK Amikom Yogyakarta</td>

</tr>

<tr>

<td>2010-2012</td>

<td>SMA Negeri 1 Cilacap</td>

</tr>

<tr>

<td>2007-2009</td>

<td>SMP Negeri 2 Cilacap</td>

</tr>

<tr>

<td>2001-2006</td>

<td>SD Negeri Sidanegara 2 Cilacap</td>

</tr>

</table>

<h3><font size=5>Keahlian Personal</font></h3>

<hr color=”red” size=5>

<pre>

<li><font size=4 face =arial>Bahasa Inggris (Penulisan maupun Berbicara)</font></li>

<li><font size=4 face =arial>Bahasa Perancis (Penulisan maupun Berbicara)</font></li>

<li><font size=4 face =arial>Keahlian Komputer (Programming, Web Design, Design Grafis, Animasi)</font></li>

<li><font size=4 face =arial>Keahlian Seni (Menggambar,Melukis)</font></li>

</pre>

<br>

</body>

</html>

FORM

Bentuk HTML yang digunakan untuk melewatkan data ke server.

Bentuk HTML dapat mengandung unsur-unsur masukan seperti bidang teks, checkbox, radio-tombol, tombol submit dan banyak lagi. Bentuk A juga dapat berisi daftar pilih, textarea, fieldset, legenda, dan elemen label.

Tag <form> digunakan untuk membuat bentuk HTML:

Unsur bentuk yang paling penting adalah unsur <input>.

Unsur <input> digunakan untuk memilih informasi pengguna.

Sebuah elemen <input> dapat bervariasi dalam banyak cara, tergantung pada jenis atribut. Sebuah elemen <input> dapat dari text field jenis, checkbox, password, tombol radio, tombol submit, dan banyak lagi.

Jenis input yang paling umum dijelaskan di bawah ini.

a)Fields Text

<input type="text"> mendefinisikan field input satu baris yang pengguna dapat memasukkan teks ke:

First name:
Last name:

b)Password Field

<input type="password"> mendefinisikan field kata sandi:

Password:

c)Radio Buttons

<input type="radio"> mendefinisikan tombol radio. Tombol radio membiarkan pengguna memilih HANYA SATU dari sejumlah pilihan:

Male
Female

d)Checkbox

<input type="checkbox"> mendefinisikan kotak centang. Checkbox membiarkan pengguna pilih ZERO atau LEBIH pilihan dari sejumlah pilihan.

I have a bike

I have a car

e)Submit Button

<input type="submit">mendefinisikan tombol kirim.

Sebuah tombol submit digunakan untuk mengirm data formulir ke server.Data dikirim ke halaman tertentu dalam aksi atribut form.File didefinisikan dalam atribut aksi biasanya melakukan sesuatu dengan input yang diterima.

Username:

Frame

Digunakan untuk membagi jendela browser menjadi beberapa bagian dan masing masing bagian terdiri dari dokumen HTML tersendiri.Frame pertama kali diperkenalkan oleh Netscape Navigator 2.0.Untuk membuat sebuag frame,tag yang digunakan adalah :

a.Tag <frameset> mempunyai bebrapa atribut :

Rows :Membuat frame secara mendatar (baris) sekaligus mendefinisikan lebar masing masing.

§ Cols :Membuat frame secara vertikal (kolom) sekaligus mendefinisikan lebar masing masing

§ Bordercolor :Mendefinisikan warna bingkai frame

Untuk mendefinisikan lebar frame pada atribut ROWS dan COLS ada 3 cara yang dapat digunakan,yaitu dengan nilai tetap,nilai persentase,dan nilai proporsional.Misalnya ingin dibuat 3 buah frame,maka penggunaannya adalah sebagai berikut :

v Dengan nilai tetap

v Dengan nilai persentase

v Dengan nilai proporsional

Grouping Element.

Tag DIV dan SPAN digunakan untuk mengelompokkan element element HTML.Span digunakan untuk mendefinisikan inline content,sementara div digunakan untuk blocklevel content.

Karakter Khusus

Tanda lebih kecil (<) dan lebih besa (>) merupakan tag HTML,lalu bagaimana cara untuk menuliskan tanda tersebut ke dalam doumen web kita??Caranya adalah dengan menuliskan entitas karakter yang mempunyai 3 bagian:sebuah ampersand (&),sebuah nama entitas atau sebuah # dan nomor entitas,dan sebuah titik koma.Contoh:

Untuk menampilkan tanda lebih kecil kita harus menuliskan:<atau <

Hasil	Nama Entitas	Nomor Entitas	Keterangan
©	©	&#169	Copyright
®	®	&#174	Registered Trademark
X	×	&#215	Tanda kali
±	±	&#177	Plus minus

Font,

Font,dengan tag <FONT> Anda bisa menentukan format tampilan font dalam dokumen HTML seperti color,size,style dan lainnya.

a.Ukuran Font

Atribut SIZE digunkan untuk mengatur ukuran font.Nilai font dimulai dengan nilai 1 untuk ukuran huruf terkecil dan nilai 7 untuk ukuran paling besar.

b.Jenis Font

Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan.Atribut FACE harus diisi dengan string jenis font seperti Arial,Times New Roman,Verdana dan lain sebagainya.

c.Warna Font

Atribut COLOR digunakan untuk mengatur warna font yang diinginkan untuk memberi nilai pada atribut color ada dua cara,yaitu :

1.Dengan menyebutkan nama warna seperti red,green dan blue

2.Dengan menggunakan nilai RGB (Red Green Blue) dan satu warna misalnya FF0000 untuk Red,00FF00 untuk green dan 0000FF untuk Blue.

Preformatted Text

Preformatted Text <PRE> digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen HTML.Browser akan menampilkan teks tersebut dalam font monospaced,yaitu seperti terlihat dalam teks yang ditampilkan oleh aplikasi berbasiskan teks.

Sebagai contoh,cobalah latihan berikut ini :

Blockquote

Tag <BLOCKQUOTE> untuk membuat indentasi paragraf,kita bisa menggunakan BLOCKQUOTE.Dengan perintah<Blockquote> browser akan menampilkan teks menjorok ke dalam (mengindentasi teks) atau menampilkan teks.

Physical Format

Physical Format adalah format terhadap fisik suatu font.Tag tag yang termasuk physical format adalah sebagai berikut:

a.<b>,untuk menampilkan huruf tebal

b.<i>,untuk menampilkan huruf miring

c.<u> ,untuk menampilkan garis bawah pada teks

d.<tt>,untuk menampilkan huruf seperti huruf mesin ketik

e.<strike>,untuk menampilkan garis horizontal pada bagian tengah huruf.

f.<big>,untuk menampilkan ukuran huruf yang lebih besar

g.<small>,untuk menampilkan ukan huruf yang lebih kecil

h.<sub>,untuk menampilkan subscript

i.<sup>,untuk menampilkan supersript

Format Karakter

Format terhadap karakter yang ditampilkan akan sangat berguna untuk membuat sebuah dokumen HTML yang menarik.Pemformatan karakter tersebut mencakup beberapa hal:

Logical Format,akan menerapkan layout dokumen secara logis dan terstruktur.

Tag tag yang termasuk logical format adalah sebagai berikut :

a.<cite>,digunakan untuk menandai suatu kutipan (Citation)

b.<code>,digunakan untuk menampilkan kode kode pemograman misalnya bahasa PHP

c.<em>,digunakan untuk menandai suatu teks yang ditekankan oleh penulis

d.<kbd>,digunakan untuk menandai suatu teks yang harus dimasukkan oleh user melalui keyboard

e.<samp>,digunakan untuk menandai suatu teks yang dimasukkan sebagai contoh

f.<strong>,digunakan untuk menandai bagian yang terpenting dari suatu teks

g.<var>,digunakan untuk menampilkan nama variabel

h.<dfn>,digunakan untuk menandai sebuah subdefinisi dari daftar definisi

Semua tag tersebut memerlukan tag penutupnya masing masing.

Break

Break,tag break <br> berfungsi untuk memberikan baris baru suatu paragraf dalam halaman web.Tag break tidak memerlukan tag penutup break.

Unordered List

Unordered List (Bullet),berbeda dengan ordered list,dalam unordered list tidak dijumpai urutan dalam satu daftar .Setiap bagian dari unordered list ditandai dengan tanda bullet.Untuk membuat daftar dengan tanda ini digunakan tag awal <ul> dan tag penutup </ul> dan untuk tiap bagiannya digunakan tag <li> tanpa tag penutup.Atribut elemen list yaitu :

TYPE = [disc | squre | circle ] (default disc)

List item

List item merupakan perintah yang digunakan dalam HTML untuk membuat daftar atau mengelompokan kata [list].

Ordered List (Numbering) digunakan untuk membuat daftar dimana setiap bagiannya memiliki nomor secara terurut.Ordered list dimulai dengan tag <ol> dan diakhiri dengan </ol>.Untuk menyatakan tiap bagiannya digunakan tag <li> dan tidak diperlukan tag penutup.Atribut elemen list yaitu :

TPYE = [1| a |A |i |I ] (default 1)

Horizontal Ruler

Tag Horizontal ruler <hr> berfungsi untuk menampilkan garis horizontal 3 dimensi di dalam halaman web.Tag horizontal ruler juga tidak memerlukan elemen penutup </hr>

Atribut elemen horizontal ruler:

Align :[left| center | right ]default center

Size :pixel(tebal garis,default 2)

Width :panjang(lebar garis,pixel atau persen,default 100%)noshade(garis solid)

Title dan Body

Title merupakan tag didalam head yang digunakan untuk menuliskan judul dari dokumen HTML,yang akan muncul pada caption halaman browser jika halaman tersebut diakses.Penulisan tag seperti berikut ini:

Body merupakan section utama dalam dokumen web.Pada section ini semua isi dokumen yang akan ditampilkan di dalam browser harus dituliskan.Penulisan tag seperti berikut ini:

Head

Head merupakan tag berikutnya setelah tag html,digunakan untuk menuliskan keterangan tentang dokumen web tang akan ditampilkan.Penulisan tag seperti berikut ini:

Image

Image
Ada banyak format image, tapi ada tiga jenis format yang paling sering digunakan :
a. GIF (Graphical Interchange Format) (.GIF)
b. JPEG (Joint Photographic Expert Image) (.JPG)
c. PNG (Portable Network Graphics)
Tag IMG di gunakan untuk menginsertkan image ke document HTML. Syntaxnya: <IMG SRC = “URL”>

Table

Tag <TABLE> digunakan untuk membuat table dalam document HTML. Bagian pokok dari table adalah cell yang didefinisikan dengan menggunakan tag <TD>. anda bisa menambahkan beberapa cell untuk membuat satu baris cell.
a. <table> mendefinisikan sebuah tebel
b. <tr> mendefinisikan baris tabel
c. <th> mendefinisikan judul kolom
d. <td> mendefinisikan isi tiap kolom

berikutnya jika ingin membuat beberapa baris cell dalam table gunakan tag <TR>.

Paragraph

Tag paragraph <p> berfungsi layaknya untuk pengaturan antar paragraf dalam halaman web Anda. Dalam elemen paragraf terdapat atribut : align=[ left | center | right ] yang berfungsi sebagai pengatur perataan paragraf, jadi Anda cukup memilih salah satu dari ketiga pilihan tanpa harus memberi kurung buka dan tutup, dan defaultnya adalah left. Anda dapat memilih perataan kiri, tengah dan kanan. Bukalah latihan4.html yang sudah Anda buat, kemudian tambahkan script-script berikut dan simpan dengan nama latihan5.html.

Heading

Tag heading <hx> digunakan untuk memformat heading (judul dan sub judul ) dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading.Ada enam buah heading yang dikenal HTML, yaitu dari <h1> sampai dengan <h6>. Tag heading mempunyai atribut: [ left | center | right ] default left.Sebagai latihan, ketiklah latihan berikut dan jalankan dibrowser Anda.

Jumat, 14 Maret 2014

Pengenalan HTML

HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman
web. HTML merupakan singkatan dari Hyper Text Markup Language. HTML bukan
merupakan bahasa pemrograman, HTML adalah suatu MARKUP LANGUAGE (bahasa
markah).Suatu markup language berupa serangkaian MARKUP TAGS. HTML
menggunakan MARKUP TAGS untuk mendeskripsikan halaman web.

HTML vs. XHTML
a. Tag harus ditulis dengan huruf kecil
b. Terdapat penutup untuk setiap tag
c. Membuka dan menutup tag pada sarang yang benar
d. Atribut tag ditulis dengan huruf kecil dan memakai tanda petik

HTML Element
a. Komponen penyusun terkecil dari sebuah dokumen HTML

HTML Basic Structure

Dalam pembuatan dokumen HTML,penulisan elemen yang diawali dan diakhiri tanda tag HTML memiliki syarat penulisan yaitu :

Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )
Tag HTML secara normal selalu berpasangan ,misal ( <i> .... </i>
Tag HTML tidak ‘case sensitive’.<b> sama dengan <B>
Jika dalam suatu tag ada tag lagi,maka penulisan tag akhir tidak bileh bersilang,harus berurutan.Misalnya <b><l>...Tebal dan miring..</l></b>

Tag dapat mempunyai atribut .Atribut menyatakan sesuatu tentang tag tersebut.Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang bersangkutan.Tag berikut tidak mempunyai atribut:<body>.Tag <body> ini tidak menggunakan atribut,sehingga dokumen HTML ditampilkan sebagaimana default dari tampilan HTML.Tag <body bgcolor=”red”>.Maka tag <body> ini memiliki atribut berupa warna background merah.Secata umum tag dengan atibutnya adalah

Rabu, 05 Maret 2014

Indonesia 2014 Netriders Compettition

:: 05 Maret 2014

Kepada yth
Bapak dan Ibu Instruktur / Students
Cisco Academy seluruh Indonesia

Dengan Hormat,

Bersama dengan surat ini kami sampaikan bahwa Indonesia Netriders 2014 akan dilakukan dengan 3 kategori sbb :
a.       Netriders CCENT
i.       Khusus untuk peserta dari SMK
ii.      Team(2 orang)
iii.      Pendaftaran 15 februari 2014 – 30 April 2014
iv.      tahap pertama (3 Mei 2014) dilakukan di sekolah masing masing
v.      Tahap final dilakukan di SMK Muhammadiyah Kudus pada 9 Juni 2014 untuk 20 team teratas
b.      Netriders CCNA
i.      Terbuka untuk peserta dari SMK maupun pendidikan tinggi (univ/politeknik/sekolah tinggi)
ii.      Pendaftaran dimulai 1 Maret 2014 - 17 Mei 2014
iii.      tahap pertama (24 Mei 2014) dilakukan di Academy masing masing
iv.      Tahap final dilakukan di Universitas Brawijaya, Malang pada 21 Juni 2014 untuk 20 team teratas (maksimal 2 team dari academy yang sama)
c.       Netriders Netexcellences ( Instruktur)
i.      Pendaftaran 1 Maret - 20 Juni 2014
ii.     Langsung Final pada tgl 21 Juni 2014

Dan mengacu kepada terms and conditions yang tertera pada website http://academynetriders.com

Harap diperhatikan !!
Pendaftaran kali ini ada yang berbeda, setiap peserta siswa harus memilih  “proctor information task”
Instruktur diharuskan untuk enroll sebagai peserta pada Netriders CCENT dan CCNA untuk dapat dipilih sebagai proctor oleh siswanya masing masing.

Demikian informasi yang dapat kami sampaikan

Hormat kami

Adri Gautama
Area Academy Manager

Kamis, 27 Februari 2014

Battle of Surabaya

BATTLE OF SURABAYA

Coming soon,Film buatan STMIK AMIKOM Yogyakarta,,kerenn abizzz (y)
amikom.ac.id

Lomba Film Pendek

Lomba Film Pendek

:: 26 Februari 2014

HKI (Hak Kekayaan Intelektual)

Total Hadiah Rp. 60 juta

Dicari mahasiswa STMIK AMIKOM Yogyakarta untuk mengikuti Lomba Film Pendek HKI yang diselenggarakan oleh Direktorat Jenderal Hak Kekayaan Intelektual Kementerian Humum dan HAM Republik Indonesia. Informasi lebih lanjut silakan lihat di poster di bawah ini.

Yogyakarta, 26 Februari 2014

Kepala Bagian Kemahasiswaan

Ttd

Suyatmi, SE, MM

poster kegiatannya bisa dilihat disini

Social Icons

Pages

Kamis, 18 Desember 2014

Kamis, 27 Maret 2014

Jumat, 14 Maret 2014

Rabu, 05 Maret 2014

Indonesia 2014 Netriders Compettition

Kamis, 27 Februari 2014

Popular Posts

About Me

HTML Tutorial

Kunjungi

Kuliah Tempat Orang Berdasi

HTML Tutorial

Blog Archive

Sample text

Sample Text