MooTools (My Object-Oriented Tools)

Diposting oleh Unknown di 14.44 komentar (0)


Mootools merupakan sebuah framework Javascript atau JavaScript libraries yang di gunakan untuk mempermudah seorang web developer untuk mengembangkan berbagai macam aplikasi web yang membutuhkan interaksi dengan user. Kerangka Mootools dipisahkan menjadi sekelompok perpustakaan yang menyediakan fungsi dasar, dan sekumpulan plug-in yang memanfaatkan library untuk menciptakan interaksi pengguna yang kaya (seperti sliding dan dragging efek).

Komponen-komponen Mootools:
·        Core: Kumpulan fungsi inti yang dibutuhkan oleh komponen lain.
·        More: Perluasan dari Core, berisi kumpulan add-on
·        Class: Libraryutama untuk instansiasi object Class.
·        Native: Berisi fungsi yang menyederhanakan codingJavaScript.
·        Element: Kumpulan fungsi untuk interaksi dengan elemen HTML.
·        Fx: Kumpulan fungsi untuk membuat animasi.
·        Request : Kumpulan fungsi untuk HTTP Request
·        Window: Menyediakan layanan agar fungsi-fungsi MooTools dapat berjalan di semua web browser. (cross-browser)

Framework Javascript umumnya memiliki dua keuntungan. Yang pertama adalah faktorisasi memisahkan kode untuk tugas umum, sehingga menghemat programmer dari keharusan untuk mengulang kode yang sebelumnya telah ditulis .        
Keuntungan kedua dan mungkin terbesar dari framework Javascript adalah bahwa mereka mengabstrakrikan masalah kompatibilitas browser. Framework menangani memastikan bahwa Javascript benar dijalankan untuk browser saat ini. Desainer Web tidak perlu khawatir tentang casing khusus untuk setiap browser yang bisa mengunjungi halaman mereka. Hal ini sangat membantu dalam penciptaan permintaan AJAX, yang memiliki sintaks yang sangat berbeda tergantung pada kode program yang sedang berjalan didalam broser
Baca selengkapnya »


Membuat Frame atau Bingkai HTML

Diposting oleh Unknown di 21.52 komentar (0)



            Frame atau bingkai adalah teknik yang digunakan untuk membagi satu halaman web atau window menjadi beberapa bagian, baik secara horizontal maupun secara vertikal. Dalam setiap frame atau bingkai dapat kita isi dengan konten-konten yang dikehendaki, konten  dapat berupa halaman web atau link, dll.


            Hal-hal yang perlu diketahui :


a)  Frameset, fungsinya untuk menggabungkan lebih dari 1 halaman web kedalam 1 halaman.

b)  Rows, fungsinya untuk mengatur lebar  baris. Atau membagi satu halaman menjadi beberapa halaman.

    Contoh : jika ingin 3 baris <frameset rows=”20%,50%,30%”>....</frameset>

c)   Border fungsinya untuk mengatur ketebalan sisi

d)   Cols, fungsinya sama dengan rows namun kalau cols untuk mengatur atau membagi colum pada rows (hasil bagi dari halaman utama)

Contoh Cols=”20%,40%,40%”



Untuk membuat Frame atau bingkai digunakan tag <frameset> dan ditutup atau diakhiri dengan tag </frameset> Stuktur dasar dalam pembuatan frame :


            <html>

            <head>

<title></title>

<head>

<frameset>

*bagian frame*

</frameset>

</html>



Contoh :  



A.    Membagi satu halaman menjadi 4 bagian (horizontal)



<html>

<head>

<title>Untitled Document</title>

</head>

<frameset rows="25%,25%,25%,25%">

<frame src="1.html">

<frame src="2.html">

<frame src="3.html">

<frame src="3.html">

</html>



B.    Membagi satu halaman menjadi 4 bagian (horizontal)



<html>

<head>

<title>Untitled Document</title>

</head>

<frameset cols="25%,25%,25%,25%">

<frame src="1.html">

<frame src="2.html">

<frame src="3.html">

<frame src="3.html">

</html>


















Label:

Membuat Data Diri

Diposting oleh Unknown di 23.50 komentar (0)
          Inilah hasil dari ketelatenan untuk membuat suatu data diri atau curiculum vitage, namun ketelatetan tersebut jangan diartikan dengan serius karena hal yang saya maksud tersebut keuletan dan kesabaran untuk "googling" bukan "coding",jadi editinglah yang bermain :) ;)

<html>
<head>
<title>Muncul Tanda Tanya</title>
</head>
<body style bgcolor="#666666"">
<h1>CURICULUM VITAE</h1>
<h2> Identitas Pribadi</h2>
<table width="600">
<tr>
<td>Nama </td>
<td> <input type=text name=nama></td>
<td rowspan="6" height="200">

<tr>
<td>Tempat  lahir </td>
<td><input type=text name=Tempat lahir> </td>
</tr>
<tr>
<td> tanggal lahir </td>
<td> <select nama=tgl>
Baca selengkapnya »


Label:

Tabel dan Form

Diposting oleh Unknown di 22.06 komentar (0)


MEMBUAT TABEL DAN FORM

1.   Membuat Tabel

Untuk membuat halaman web atau halaman html yang yang baik dan rapi maka digunakan sebuah tabel dalam hlaman html.Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk membuat tabel digunakan tag <table>..... </table> untuk memulai membuat tabel.Elemen tabel berisi properti <tr>.....</tr> untuk menentukan baris (table row) yang di dalamnya terdapat properti <td>.....</td> untuk menampilkan data pada setiap sel tabel (table data).

            Komposisi utama dalam sebuah tabel :

1.      Tag <table> ….. </table>
Tag awal dan akhir membuat tabel di html.Tag tabel memiliki beberapa atribut seperti height, width, border lainnya untuk mengatur tinggi tabel, lebar tabel, dan tebal garis tepi, dan masih banyak lagi atribut table dalam html.

2.      Tag <th> ….. </th>
Tag <th> pengganti tag <td> digunakan untuk membuat header titel dari baris maupun kolom. Secara default teks pada tag <th> menggunakan teks tebal dan letaknya di tengah pada baris.

3.      Tag <caption> ….. </caption>
Tag caption digunakan untuk membentuk judul pada table .

4.      Tag <tr> ….. </tr>
Mendefinisikan baris dalam tabel. Kita dapat mengatur teks dalam satu baris banyak kolom menggunakan : atribut color (warna), letak teks,dll seperti rata kiri, rata kanan, warna teks, dll.
5.      Tag <td> ….. </td >
Tag td digunakan untuk membuat kolom tabel yang berisi data. Tag td memiliki beberapa atribut di antaranya color, background. Pada table kita bisa membuat banyak kolom dengan tag td.
Baca selengkapnya »


Label:
Diposting oleh Unknown di 10.21 komentar (0)


Materi Perkuliahan Pemrograma Web.

Dalam web tidak dapat dipungkiri lagi harus membahas HTML, lalu apa itu HTML ??
HTML (Hyper Text Markup Language)  adalah bahasa untuk mendeskripsikan halaman web. Berikut adalah beberapa pengertian dari HTML (Hyper Text Markup Language) yakni :
  1. HTML adalah bahasa markup.
  2. Sebuah bahasa markup adalah seperangkat tag markup, tag menggambarkan isi dokumen.
  3. Dokumen HTML berisi tag HTML dan teks biasa. 
  4. Dokumen HTML juga disebut halaman web.    
Dalam HTML dikenal istilah Tag markup HTML yang  biasanya disebut tag HTML

 
  • Tag HTML adalah kata kunci (nama tag) dikelilingi oleh kurung sudut seperti <html>
  • Tag HTML umumnya selalu berpasangan seperti <b> dan </ b>
  •  Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir. 
  • Tag akhir ditulis seperti tag awal, dengan garis miring sebelum nama tag.
  •  Mulai dan tag akhir juga disebut tag pembuka dan tag penutup.
·       Contoh:
<tagname> konten </ tagname>

Judul HTML
Judul HTML didefinisikan dengan <h1> untuk <h6> tag.

Contoh :
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
Baca selengkapnya »


Label:

TA Lingkungan Bisnis

Diposting oleh Unknown di 22.50 komentar (0)
       Beginilah tugas akhir yang saya buat untuk melengkapi tugas mata kuliah lingkungan bisnis Stmik Amikom Yogyakarta T.A 2013/2014,
          Seperti inilah Tugas Akhir Saya,



WindToFlash

Diposting oleh Unknown di 22.39 komentar (0)
     

          Saya tidak mengerti apa yang akan saya tulis dalam blog ini, karena dalam ilmu pengetahuan yang saya peroleh masih banyak kekurangan dari kawan-kawan semua, tapi kali ini saya mencoba berbagi tentang "tutorial Windtoflash" yang juga merupakan salah satu final projek salah satu mata kuliah. Untuk lebih jelasnya sekarang siapkan jari untuk tekan tombol " NEXT " heheee ;) salam damai ;) :)


Seminar Advergame & Peluncuran Game PEMILU 2014

Diposting oleh Unknown di 22.20 komentar (0)
Apakah anda penasaran ??????
Untuk informasi lebih lanjut tak ada salahnya simak artikel berikut klik " Next "
Terimakasih telah membaca, :D :D


Pameran Hasil Karya Mahasiswa Stimik Amikom

Diposting oleh Unknown di 10.26 komentar (0)

Pameran karya mahasiswa  STIMIK AMIKOM YOGYAKARTA dalam bidang hardsoft yang digelar pada hari kamis, 26 Desember 2013 di basement 5 STMIK AMIKOM Yogyakarta berlangsung meriah. Pameran yang mengusung tema Ajang Inovasi Karya Mahasiswa ini bisa dinilai layak dan mempunyai nilai jual tinggi.

Eye on My Stick contohnya, produk karya mahasiswa kelas 12-S1TI-04 ini membuat tongkat yang digunakan untuk membantu tuna netra.dimana terdapat alarm dan sensor pendeteksi bahaya. Produk ini memenangkan kategori Most Industry sekaligus Best of the best.Karena mempunyai nilai jual yang sangat tinggi.

Baca selengkapnya »


Langganan: Postingan (Atom)