1. Apa itu Bootstrap?
|
|
- Siska Lesmana
- 6 tahun lalu
- Tontonan:
Transkripsi
1 Pendahuluan Dalam rangka memenuhi tugas mata kuliah Web Statis, Prodi TI, STMIK EL Rahma, dengan topik dan konten yang telah ditetapkan, yaitu mengenai Bootstrap. Maka saya mengekspresikan sebuah pemahaman tentang topik tersebut dalam karya tulis ini. 1. Apa itu Bootstrap? Sebelum kita menjawab pertanyaan tersebut, terlebih dahulu kita memahami tentang pengertian framework, perhatikan ilustrasi di bawah ini : Wawan adalah seorang programmer freelance, ia baru lulus dari kuliah dan sedang mencari pekerjaan, setelah mencari kesana kemari melalui website akhirnya dia mendapatkan order untuk membuat website, dengan senang ia mengerjakan proyek tersebut. Karena proyek tersebut merupakan pengalaman pertamanya, maka ia membuat sebuah sistem sesuai permintaan client, kemudian melakukan coding dari awal sampai akhir hingga menguras banyak waktu dan tenaga, pada akhirnya proyek selesai dan client senang dengan hasil pekerjaannya, sehingga client tersebut bersedia merekomendasikannya kepada rekan atau mitra bisnisnya. Beberapa minggu kemudian ada perusahaan yang memesan website dengan permintaan beberapa fitur seperti website client sebelumnya, dengan senang hati wawan menerima dan mengerjakannya. Sedangkan yang ia lakukan adalah dengan melihat kembai coding pada website client sebelumnya kemudian mengadopsi beberapa coding yang diperlukan dan menerapkannya pada website client ke-2. Pada akhirnya proyek ke-2 selesai lebih cepat dari proyek pertama dan client senang dengan hasil pekerjaannya. Beberapa minggu kemudian wawan mendapatkan beberapa proyek lagi dari beberapa client dan rata-rata kriteria website yang dikehendaki hampir sama. Dalam pembuatan website ke-3, ke-4 dan seterusnya, wawan telah menyadari bahwa ada beberapa program yang harus ada untuk setiap website, misalnya seperti kode untuk koneksi ke database MySql, pagination untuk tampilan data atau , dll. Dengan demikian wawan membuat koleksi kode program yang mana sewaktu-waktu bisa ia gunakan, sehingga dapat menghemat waktu dan tenaga dalam mengerjakan sebuah website. Apa yang dilakukan oleh wawan diatas adalah cikal bakal sebuah framework, sehingga dapat ditarik sebuah kesimpulan atau pengertian sederhana bahwa Framework adalah koleksi atau kumpulan potongan potongan program yang disusun atau diorganisasikan sedemikian rupa, sehingga dapat digunakan untuk membantu membuat aplikasi utuh atau program utuh tanpa harus memulainya dari awal. Sekarang kita dapat menentukan jawaban untuk pertanyaan di atas : Bootstrap adalah framework pemrograman web yang dibangun oleh twitter, sedangkan ilustrasi di atas dimaksudkan untuk mempermudah kita dalam memahami pengertian singkat dari Bootstrap.
2 History Awalnya dibuat oleh seorang desainer dan pengembang di Twitter, Bootstrap telah menjadi salah satu front-end framework yang paling populer dan merupakan proyek open source di dunia. Bootstrap diciptakan di Twitter pada pertengahan Sebelum menjadi kerangka kerja open-source, Bootstrap dikenal sebagai Twitter Blueprint. Mendistribusikan lebih dari 350 juta tweet per hari, Twitter berkembang dari sekedar suatu layanan pesan yang biasa. Selama bertahun-tahun seiring dengan kemampuannya dalam hal analisa data real time, perusahaan tersebut juga telah mencapai pengalaman yang luar biasa dalam hal perancangan web. Pengalaman tersebut kini telah dikumpulkan dalam suatu pengembangan antar muka yang dikonsolidasikan dan dipublikasikan dalam bentuk Bootstrap. Awalnya dirilis pada Jumat, 19 Agustus, 2011, dan sudah memiliki lebih dari 20 produk release termasuk yang terbesar adalah versi -2 dan versi-3. Hadirnya Bootstrap 2, maka fungsionalitas responsif terhadap seluruh kerangka sebagai stylesheet opsional telah di tambahkan dan pada Bootstrap 3, maka responsif secara default telah ditambahkan untuk pendekatan pertamanya terhadap ponsel. 2. Dimana kita bisa memperoleh bootstrap? Lisensi yang digunakan oleh bootstrap adalah Apache 2.0, yaitu sebuah lisensi yang terbuka sehingga kita dapat menggunakan bootstrap dengan mudah dan secara bebas. Untuk mendapatkannya bisa mengunjungi alamat berikut ini : Official Web : Official Blog : Sedangkan untuk aktif mengikuti perkembangan tentang bootstrap anda bisa bergabung di sini : Twitter Facebook : Twitter Bootstrap 3. Ada apa saja di dalam bootstrap? Bootstrap adalah source code yang meliputi kompilasi CSS, Javascript dan Fonts.
3 Contoh : 4. Cara sederhana untuk memahami prinsip penggunaan bootstrap 1. Download bootstrap, untuk segmen kali ini saya coba dengan versi dist, ekstrak file ke dalam folder yang sudah kita sediakan. 2. Open folder, karena disitu baru tersedia directory css, fonts, dan js, maka kita tambahkan index.html 3. Isi file index.html dengan elemen sederhana atau elemen dasar html 5, seperti di bawah ini : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>my First Bootstrap project</title> </head> <body> <header> <hgroup> <h1>ini Adalah Project Pertama Menggunakan Bootstrap</h1> <h2>menggunakan class css bootstrap</h2> </hgroup> </header> </body> Checkpoint : sampai di sini kita telah memiliki sebuah file html yaitu index.html, file ini belum terintegrasi dengan bootstrap dan jika kita lihat di browser maka tampilannya akan seperti ini : 4. Masukan bootstrap kedalam index.html dengan cara menambahkan sebuah link yang menuju ke directory css, sebagaimana berikut : <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> Jadikan elemen paling bawah pada tag <head> </head>
4 Overview : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>my First Bootstrap project</title> <link rel="stylesheet" href="css/bootstrap.css"> </head> <body> <header> <hgroup> <h1>ini Adalah Project Pertama Menggunakan Bootstrap</h1> <h2>menggunakan class css bootstrap</h2> </hgroup> </header> </body> </html> Sekarang lihat perubahan yang dibuat oleh bootstrap : Jika kita belum puas dengan yang disediakan oleh bootstrap, maka kita bisa melakukan editing pada file css dalam hal ini adalah bootstrap.css, sebagai contoh saya menambahkan font-style pada bootstrap.css : Sehingga menghasilkan perubahan seperti tampila berikut ini : Catatan: file bootstrap.css merupakan file CSS yang belum dikompilasi, dan digunakan hanya pada tahap pengembangan untuk mempermudah debugging. Jika ingin menggunakan Bootstrap pada website produksi yang akan benar-benar dikunjungi pengguna, disarankan untuk menggunakan bootstrap.min.css untuk meminimalkan download pengguna.
5 5. Cara menggunakan class css bootstrap Perlu kita ingat bahwa bootstrap menggunakan 12 grids dalam design templatenya, untuk membagi grids tersebut kita akan menggunakan span, namun untuk kasus ini kita akan coba terapkan pada 2 span yaitu : Header Navbar Dalam hal ini kita akan membuat sebuah navigasi, maka terlebih dahulu kita integrasikan index.html kita dengan css navbar dari bootstrap dengan cara menambahkan link untuk menuju ke directory- css-navbar dari bootstrap sebagaimana di bawah ini : <link href="navbar.css" rel="stylesheet"> Jadikan elemen paling bawah pada tag <head> </head> Overview : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>my First Bootstrap project</title> <link rel="stylesheet" href="css/bootstrap.css"> <link href="navbar.css" rel="stylesheet"> </head> <body> <header> <hgroup> <h1>ini Adalah Project Pertama Menggunakan Bootstrap</h1> <h2>menggunakan class css bootstrap</h2> </hgroup> </header> </body> </html> Selanjutnya kita akan memasang sebuah navigasi dengan cara menambahkan beberapa kode dengan berkorelasi pada css navbar yang telah disediakan oleh bootstrap, dalam hal ini saya telah mengadobsi beberapa kode navbar yang telah disediakan oleh bootstrap. Letakan kode navbar di bagian paling bawah pada elemen <body> </body> Sebagaimana dibawah ini :
6 Overview : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>my First Bootstrap project</title> <link rel="stylesheet" href="css/bootstrap.css"> <link href="navbar.css" rel="stylesheet"> </head> <body> <header> <hgroup> <h1>ini Adalah Project Pertama Menggunakan Bootstrap</h1> <h2>menggunakan class css bootstrap</h2> </hgroup> </header> <!-- Static navbar --> <div class="navbar navbar-default navbar-static-top" role="navigation"> <div class="container"> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">home</a></li> <li><a href="#about">tentang Saya</a></li> <li><a href="#contact">contact</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" datatoggle="dropdown">catatan Kuliah<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">fisika</a></li> <li><a href="#">wirausaha</a></li> <li><a href="#">ppkn</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="./">intermeso</a></li> </ul> <!--/.nav-collapse --> </body> </html> Al hasil akan tampil seperti dibawah ini :
7 6. Cara menggunakan koleksi icon pada bootstrap Untuk alasan performa, maka semua ikon memerlukan kelas dasar dan kelas icon individual. Untuk menggunakan, letakkan kode berikut hampir di mana saja. Pastikan untuk memberikan ruang antara icon dan teks untuk padding yang tepat. Jangan dicampur dengan komponen lain Kelas Icon tidak dapat dikombinasikan dengan unsur-unsur lain. Mereka dirancang untuk menjadi elemen mandiri. <span class="glyphicon glyphicon-search"></span> Contoh : Saya akan mengganti navbar intermeso dengan sebuah icon star perhatikan langkah di bawah ini : SEBELUM
8 SESUDAH Caranya : Masih dengan index.html kita, sehingga perhatikan kode warna biru pada elemen ini : <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="./">intermeso</a></li> </ul> <!--/.nav-collapse --> </body> </html> Ganti dengan kode warna biru di bawah ini : <ul class="nav navbar-nav navbar-right"> <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-star-empty"></span><a href="./">intermeso</a> </button> </ul> <!--/.nav-collapse --> 7. Cara mengintegrasikan Javascript di bootstrap Individu atau dikompilasi Plugin dapat dimasukkan secara individual menggunakan bootstrap.js atau bootstrap.min.js. Jangan mencoba untuk memasukkan keduanya. seperti bootstrap.js dan bootstrap.min.js berisi semua plugin dalam satu file. Dependensi (ketergantungan) Plugin Beberapa plugin dan komponen CSS tergantung pada plugin lainnya. Jika Anda memasukan plugin individual, pastikan untuk memeriksa dependensi ini dalam dokumentasi, dan juga mencatat semua plugin yang tergantung pada jquery (ini berarti jquery harus disertakan sebelum file plugin). kesimpulan : setiap integrasikan index.html dengan bootstrap.js jangan lupa integrasikan juga dengan jquery.js
9 Catatan : mungkin kita akan bertanya kapan kita seharusnya meletakkan kode javascript kita di tag <head> atau <body>. Kita dapat meletakkan kode javascript didalam tag <head> bila kita membuat fungsi yang akan dipanggil di tag <body>. Sedangkan kita dapat menuliskan kode javascript di dalam tag <body> ketika kita akan memanggil fungsi yang telah kita definisikan di dalam tag <head> atau dari file external javascript. Pada html sebelumnya kita telah memiliki sebuah menu dropdown akan tetapi belum aktif dikarenakan html kita belum terintegrasi dengan javascript dari bootstrap beserta jquery, coba perhatikan dibawah ini : Dengan tampilan seperti ini, yaitu ketika catatan kuliah kita klik, maka tidak ada option yang ditampilkan. Masih dengan index.html kita sebelumnya, sehingga pada segmen kali ini kita akan mengintegrasikan sebuah javascript yang ada di directory dengan cara meletakan elemen javascript paling bawah pada tag <head>. Sebagaimana telah dijelaskan sebelumnya tentang dependensi plugin, maka untuk integrasi javascript bootstrap harus diiringi dengan integrasi javascript jquery, jika salah satunya tidak ada maka plugin tidak akan bekerja. Sehingga dalam hal ini terlebih dahulu kita lengkapi directory js kita dengan cara download jquery.js di sini sehingga nampak seperti ini :
10 Sekarang kita integrasikan index.html kita dengan menambahkan link, sebagaimana berikut ini : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>my First Bootstrap project</title> <link rel="stylesheet" href="css/bootstrap.css"> <link href="navbar.css" rel="stylesheet"> <script src="js/jquery js"></script> <script src="js/bootstrap.js"></script> </head> <body> <header> <hgroup> Dan sekarang kita lihat, perubahan apa yang dibuat oleh bootstrap : Nah mudah bukan?
11 8. Mengimplementasikan design form registrasi dengan bootstrap 1. Bootstrap CSS Hanya mencakup dua file CSS untuk diintegrasikan yaitu bootstrap.css dan doc.css, anda bisa mendapatkannya di bootstrap versi contoh : <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/doc.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="span8"> <!--code form html disini --> </body> 2. Code Form HTML Berikut nama-nama warna font merah adalah elemen class Bootstrap untuk styling, Anda dapat menggunakan nama class yang berbeda untuk ukuran input input-kecil, menengah dan input-input-besar. <!-- code html disini --> <div class="container"> <div class="row"> <form class="form-horizontal" id="registerhere" method='post' action=''> <fieldset> <legend>registration</legend> <div class="control-group"> <label class="control-label" for="input01">name</label> <div class="controls"> <input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" datacontent="enter your first and last name." data-original-title="full Name"> <div class="control-group"> <label class="control-label" for="input01"> </label> <div class="controls"> <input type="text" class="input-xlarge" id="user_ " name="user_ " rel="popover" datacontent="what s your address?" data-original-title=" ">
12 <div class="control-group"> <label class="control-label" for="input01">password</label> <div class="controls"> <input type="password" class="input-xlarge" id="pwd" name="pwd" rel="popover" data-content="6 characters or more! Be tricky" data-original-title="password" > <div class="control-group"> <label class="control-label" for="input01">confirm Password</label> <div class="controls"> <input type="password" class="input-xlarge" id="cpwd" name="cpwd" rel="popover" datacontent="re-enter your password for confirmation." data-original-title="re-password" > <div class="control-group"> <label class="control-label" for="input01">gender</label> <div class="controls"> <select name="gender" id="gender" > <option value="">gender</option> <option value="male">male</option> <option value="female">female</option> <option value="other">other</option> </select> <div class="control-group"> <label class="control-label" for="input01"></label> <div class="controls"> <button type="submit" class="btn btn-success" rel="tooltip" title="first tooltip">create My Account</button> </fieldset> </form> <!--/row--> <!--/span--> <!--/row--> <hr> <footer> <div class="container"> <p> wawan chahyo nugroho</p> </footer>
13 Masukan code html pada tag <body> dibawah comment, Al hasil seperti ini : Kemudian cara mengintegrasikan registrasi.html pada index.html maka silakan cari kode ini <li><a href="about">tentang saya</a></li> pada index.html, dan silakan ganti menjadi seperti ini <li><a href="registrasi.html">registrasi</a></li> sehingga akan Nampak seperti dibawah ini : <li class="active"><a href="#">home</a></li> <li><a href="registrasi.html">registrasi</a></li> <li><a href="#contact">contact</a></li> Al hasil : Sebelum
14 Sesudah : Dan jika kita klik, maka tampilah halaman registrasi yang telah kita buat sebelumnya : Dan sudah saatnya kita untuk bilang, Congratulation heee ok gan selamat mencoba, semoga tutorial singkat dari saya ini bermanfaat, Terimakasih Ok, gan, untuk tutorial bootstrap ini akan saya update lagi setelah saya melakukan explorasi lebih jauh lagi,, Please, don t any where except just here.. bye..
Membuat Top Fixed Responsive Navbar Twitter Bootstrap
Membuat Top Fixed Responsive Navbar Twitter Bootstrap Oleh: ricky orlando napitupulu Salam bro and sis :), selamat datang di tulisan tutorial pertama ane ni, makasi da mau singga disini ye walopun kesasar
Lebih terperinciTutorial Penggunaan Twitter Bootstrap
Tutorial Penggunaan Twitter Bootstrap Oleh: Gilang Sonar Amanu Terimakasih telah mengunjungi tutorial saya lagi, setelah tutorial sebelumnya tentang Pengenalan Twitter Bootstrap Oke.. sebelum melangkah
Lebih terperinci[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap
[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap Oleh: Arinadi Nur Rohmad Asalamualaikum.. Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit..
Lebih terperinci?> </span></td> </tr> </table></br></center><hr></br></td></tr> </table> <?php $_SESSION['pertanyaan'] = $pertanyaan; // store session data
LAMPIRAN Source Code I sistem Pakar
Lebih terperinci<title>kamus Indonesia Karo Online</title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet">
Listing Program 1. Index
Lebih terperinciMEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA nurlita.icha@gmail.com Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang
Lebih terperinciPemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data
PRAKTIKUM 6 Query Data 2 TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data MATERI Program edit dan hapus TUGAS Menambahkan fitur edit dan hapus untuk semua form input data
Lebih terperinciPRAKTIKUM. Rekayasa Web. Modul 3: CRUD Part II. Laboratorium Teknik Informatika Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 3: CRUD Part II Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. Update Data 2. Search Data Tujuan praktikum: 1. Praktikan diharapkan mampu memahami proses
Lebih terperinciMembuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]
Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2] Oleh: d-newbie pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini
Lebih terperinciWEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS
WEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS Oleh : EMA SETYA KARISNA TI. 12141391 A. PENGERTIAN FRAMEWORK CSS Bootswatch.com Bootswatch merupakan penyedia tema berbagai macam bootstrap dengan
Lebih terperinciMembuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
Lebih terperinciBeralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap
Beralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap Oleh: Arinadi Nur Rohmad Kenapa beralih dari Input Submit ke Button? Ya, menurut saya button lebih Power Full dari pada Input
Lebih terperinciPermasalahan Tambahan
Permasalahan Membuat tampilan web yang bagus dan konsisten itu susah dan butuh waktu lama Untuk SEO (Search Engine Optimization) yang lebih baik, hanya gunakan tag dan html untuk menyimpan isi web.
Lebih terperinciNama: ahmad edi purwanto. Nim: Tugas uts web statis. Tutorial cara penggunaan suatu framework CSS
Nama: ahmad edi purwanto Nim:12111027 Tugas uts web statis. Tutorial cara penggunaan suatu framework CSS Pengertian dasar dari Framework itu sendiri adalah; sebuah konsep yang memiliki struktur serta terorganisir
Lebih terperinciMembuat Display Produk dalam Layout Box 4 Kolom
Membuat Display Produk dalam Layout Box 4 Kolom Oleh: Debrian Ruhut Saragih Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana
Lebih terperinci2. CARA MENGGUNAKAN FRAMEWORK CSS GETBOOTSTRAP.COM/232/ Bagaimana Cara Menggunakan Bootstrap?
NAMA : SITI NURWANTI NIM : 12141385 MATA KULIAH : PEMROGRAMAN WEB STATIS 1. PENGERTIAN FRAMEWORK CSS GETBOOTSTRAP.COM/232/ Bootstrap merupakan sebuah framework CSS,yang menyediakan kumpulan komponen-komponen
Lebih terperinciPerkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya
Perkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya Oleh: Arinadi Nur Rohmad Glyphicon ini berbasis text jadi lebih ringan dan biasa diganti warna seperti huruf pada umumnya yang berbeda dari
Lebih terperinciTUTORIAL CSS FRAMEWORK
11/13/2014 TUTORIAL CSS FRAMEWORK NAMA : DUWI PARYANTO NIM : 12141367 MATA KULIAH : PEMROGRAMAN WEB STATIS DOSEN : WAHYU WIDODO CSS FRAMEWORK FONT AWESOME A. Pengertian Framework Sebelum mempelajari bagaimana
Lebih terperinciLAMPIRAN. A. Source Code Halaman Utama
A. Source Code Halaman Utama LAMPIRAN include 'config/config.php'; include 'config/statistik.php'; sa-prol
Lebih terperincimembuat website dengan bootstrap v3.0.0
membuat website dengan bootstrap v3.0.0 Oleh: reski hamsah Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk
Lebih terperinciKAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
Lebih terperinciDAFTAR PUSTAKA. Fathansyah. (2007). Basis Data. Informatika : Bandung.
DAFTAR PUSTAKA Fathansyah. (2007). Basis Data. Informatika : Bandung. Pressman, Roger S. (2012). Rekayasa Perangkat Lunak Buku Dua, Pendekatan Praktisi (Edisi 7). Andi : Yogyakarta. Saputra, Agus. (2012).
Lebih terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciResponsive Sidebar dengan Bootstrap
Responsive Sidebar dengan Bootstrap Oleh: Boy Panjaitan Hai, Berjumpa lagi dengan saya Boy Panjaitan. kali ini saya akan membagikan tutorial tentang CSS lagi.pernahkah anda melihat website dengan sidebar
Lebih terperinciBAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI
BAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI 2.1. Tinjauan Pustaka Penelitian yang dilakukan oleh Irma Eka Ayu Novita dan Hernawan Sulistyanto (2015) dengan judul Pengembangan Aplikasi Untuk Mengetahui Kebutuhan
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciPRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP
PRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP Disusun oleh: (Nama) (NIM) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015 Modul 7 Twitter Bootstrap I. Tujuan:
Lebih terperinciPendahuluan. Hal itu dimungkinkan dengan adanya framework bernama PhoneGap. PhoneGap
Pendahuluan Dahulu, membuat aplikasi mobile semacam android packege (apk) boleh dibilang sulit dan tidak praktis. Seseorang butuh kemampuan bahasa pemrograman java yang boleh jadi bukanlah bahasa yang
Lebih terperinciMembuat Duplikasi Form dengan Jquery (Dynamic Form)
Membuat Duplikasi Form dengan Jquery (Dynamic Form) Oleh: Dimas Agung Noviyanto Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus
Lebih terperinciTUTORIAL MEMBUAT SNIPPET TAB BOOTSNIPP UNTUK BOOTSTRAP
TUTORIAL MEMBUAT SNIPPET TAB BOOTSNIPP UNTUK BOOTSTRAP Oleh : Nama : Badiah Setyowati Nim : 12141363 Prodi : Teknik Informatika - Malam Bootsnipp A. Pengertian Bootsnip Bootsnipp. Apa sih itu Bootsnipp?
Lebih terperinciCara Membuat Halaman Form Dengan Bootstrap CDN
Cara Membuat Halaman Form Dengan Bootstrap CDN Fitria Arnita 23@gmail.com Abstrak Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone,
Lebih terperinci[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3
[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3 Oleh: Arinadi Nur Rohmad Oke, Membuat slide show adalah pekerjaan yang sulit untuk yang baru belajar CSS karena pada dasarnya Slide Show dibuat
Lebih terperinciMODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
Lebih terperinciLAMPIRAN. <!-- <li class="dropdown"> <a href="#" class="dropdown-toggle" datatoggle="dropdown">dropdown
LAMPIRAN HALAMAN MUKA si PaBro
Lebih terperinciPELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA. By: Julianto Lemantara, S,Kom., M.Eng
PELATIHAN PHP ALUMNI DAN CALON ALUMNI INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA By: Julianto Lemantara, S,Kom., M.Eng LATAR BELAKANG PELATIHAN Coba simak beberapa lowongan PHP programmer berikut:
Lebih terperinciTrik Mudah Membuat CMS Website dari Nol
Trik Mudah Membuat CMS Website dari Nol Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh PENERBIT PT ELEX MEDIA KOMPUTINDO Trik Mudah Membuat CMS Website dari Nol Rohi Abdulloh 2016, PT Elex Media
Lebih terperinciMembuat Carousel Dengan Bootstrap CDN
Membuat Carousel Dengan Bootstrap CDN Fitria Arnita 23@gmail.com Abstrak Bootstrap adalah framework CSS yang dibuat khusus para designer web. Bootstrap digunakan untuk membuat sebuah templates web atau
Lebih terperinciTugas uts web statis
Tugas uts web statis Nama :Tri subadar NIM :12141388 Prodi :Teknik informatika S1 (malam) Mata kuliah :Perogram web setatis METRO UI METRO UI CSS Fremwork yang dapat di gunakan untuk membuat websait dengan
Lebih terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Lebih terperinciBelajar Dasar HTML 5. It s all about 4rt, not how smart you are. S u p p o r t e d b y : [ C y b e r 4 r t C r e w ]
Belajar Dasar HTML 5 S u p p o r t e d b y : [ C y b e r 4 r t C r e w ] [ H I G r o u p o n F a c e b o o k ] r00t@cyber4rt:~# It s all about 4rt, not how smart you are [ H I F a n s P a g e ] 1 1 / 2
Lebih terperinciMembuat Tempelate Menggunkanan Boostrap
Membuat Tempelate Menggunkanan Boostrap Jihadul Akbar, S.Kom PUSTIK STMIK LOMBOK 3/30/2017 Tentang Modul Bootstrap adalah kerangka front-end yang paling populer dalam waktu terakhir. Sangat ringan, handal
Lebih terperinciPEMROGRAMAN WEB. Indra Gunawan, ST., M.Kom., CEH., CHFI
PEMROGRAMAN WEB Indra Gunawan, ST., M.Kom., CEH., CHFI Curiculum Vitae Pendidikan : S1 Teknik Informatika, Minat Studi Kecerdasarn Buatan, 2007, Universitas Islam Indonesia Yogyakarta Skripsi : Membuat
Lebih terperinciGambar Surat Pengantar Fakultas
Gambar Surat Pengantar Fakultas L2 Gambar Surat Keterangan Perusahaan L3 L4 Gambar Formulir Pengajuan Pinjaman L5 L6 Gambar Kwitansi Pencairan Dana L7 Gambar Tanda Terima Uang Pinjaman L8 Index.php
Lebih terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciPage 1 of 8 Tutorial Font Awesome UTS Stmik El Rahma
Page 1 of 8 Tutorial Font Awesome Nama : Faqum Alf a Dwiyanto NIM : 12141368 Prodi : TI / I Buat tutorial cara penggunaan suatu framework CSS yang diimplementasikan pada layout semantik html. Tulislah
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinciLangkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna
Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana
Lebih terperinciMembuat Plugin jquery (Part 1)
Membuat Plugin jquery (Part 1) Oleh: muhamad iqbal Ini adalah postingan pertama dari serial yang akan membahas tentang Membuat plugin jquery. Pada bagian ini kita akan membahas tentang konsep dasar plugin.
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1. Tinjauan Pustaka Dari penelitian dalam ini menggunakan referensi yang sudah dibuat oleh penelitian sebelumnya, perbandingannya dapat dilihat pada tabel 2.1
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinci108
LAMPIRAN 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 KODE PROGRAM 1. Script Konsultasi 1.
Lebih terperinciTUGAS UTS WEB STATIS. : Apriyanto Wibowo NIM : : Teknik Informatika S1 (Malam) Pengertian framework
TUGAS UTS WEB STATIS Nama : Apriyanto Wibowo NIM : 12141362 Prodi Mata Kuliah : Teknik Informatika S1 (Malam) : Pemrograman Web Statis Pengertian framework Framework adalah kerangka kerja. Framework juga
Lebih terperinciCara Koneksi Database di Dreamweaver CS3
Cara Koneksi Database di Dreamweaver CS3 Bella Mutia Ropana bellamutiaropana@raharja.info Abstrak Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain
Lebih terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Lebih terperinciMengembangkan Website Berbasis Wordpress
Mengembangkan Website Berbasis Wordpress Bagian 1: Pengenalan dan Instalasi Wordpress Hanif Rasyidi Pendahuluan Perkembangan teknologi saat ini membuat internet menjadi salah satu sumber utama dalam pencarian
Lebih terperinci2014 TUTORIAL PANADA FRAMEWORK BY DIMAS EDU
Tutorial Panada Framework Chapter 3 : Bekerja dengan Form SamidCorner(Tegal) Pembaca yang budiman. Masih dirangkain tutorial berseri Panada Framework, dan pada kesempatan kali ini saya akan membahas mengenai
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu
Lebih terperinciWELCOME MESSAGE WE STARTED AT. 10 March 2016 dimana komunitas ini didirikan
WELCOME MESSAGE 10 March 2016 dimana komunitas ini didirikan dari ide mahasiswa STMIK Indonesia Jakarta dan mulai mengadakan Workshop dan bimbingan pembelajaran dari tempat ke tempat dengan tujuan memajukan,
Lebih terperinciMembuat Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 3]
Membuat Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 3] Oleh: Arinadi Nur Rohmad Asalamualaikum, Setelah di part sebelumnya kita sudah membuat design dan
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciImplementasi Framework Twitter Bootstrap Dalam Perancangan Aplikasi Penerimaan Mahasiswa Baru Berbasis Web
KINETIK, Vol.1, No.3, November 2016, Hal. 129-134 ISSN : 2503-2259, E-ISSN : 2503-2267 129 Implementasi Framework Twitter Bootstrap Dalam Perancangan Aplikasi Penerimaan Mahasiswa Baru Berbasis Web Mochamad
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring
BAB IV HASIL DAN PEMBAHASAN 3.1 PROGRAM PENGHUBUNG DATABASE Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring Menggunakan unit program didukung oleh pemrograman PHP dan database server
Lebih terperinciOtodidak Desain dan Pemrograman Website
Otodidak Desain dan Pemrograman Website Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana
Lebih terperinciPRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
Lebih terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih terperinciBAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI
BAB 2 TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Penelitian sejenis pernah dilakukan oleh Kresno Fransiscus Xaverius Dwi (2017), dengan judul Sistem Informasi Penggajian Dosen di STMIK AKAKOM
Lebih terperinciUAS (Pemrograman Web Statis) Oleh : N.I.M : : Reza Bayu Permana : Teknik Informatika Mata Kuliah : Pemrograman Web Statis
UAS (Pemrograman Web Statis) Oleh : N.I.M : 12141378 Nama : Reza Bayu Permana Prodi : Teknik Informatika Mata Kuliah : Pemrograman Web Statis SEKOLAH TINGGI MANAGEMEN INFORMATIKA DAN ILMU KOMPUTER EL-RAHMA
Lebih terperinciPEMBUATAN MASTER PENGGUNA PADA APLIKASI BPN-PPAT (CRUD)CREATE, READ, UPDATE,DELETE With PHP & Mysql
2017 PEMBUATAN MASTER PENGGUNA PADA APLIKASI BPN-PPAT (CRUD)CREATE, READ, UPDATE,DELETE With PHP & Mysql Materi Lanjutan Dari Matei Pembuatan Halaman Login, Halaman Dashboard Admin & Menu Keluar Bas-Dev
Lebih terperinciTutorial Membuat Template Joomla 1.5
Tutorial Membuat Template Joomla 1.5 Tempate joomla sebenarnya sangat sederhana, tidak rumit sama sekali. Satu file layout html bisa kita konversi langsung menjadi template joomla 1.5 yang valid. Tutorial
Lebih terperinciTutorial Implementasi Jquery Mobile dan JSP. 1. Definisi Jquery Mobile
Tutorial Implementasi Jquery Mobile dan JSP 1. Definisi Jquery Mobile Jquery mobile : framework tampilan berbasis HTML 5, sehingga situs responsive baik di desktop, tablet atau smarphone. 2. Download Jquery
Lebih terperinciTutorial Membuat Layout Website Sederhana dengan HTML dan CSS
Tutorial Membuat Layout Website Sederhana dengan HTML dan CSS Oleh: I Wayan Dharmana Halo kawan, apa kabar? Semoga di awal bulan Ramadhan ini kawan pembaca tetap semangat untuk mencari ilmu. Nah, pada
Lebih terperinciTINJAUAN PUSTAKA DAN DASAR TEORI. PSB ini sudah pernah dilakukan tahun sebelunya oleh panitia PSB SMK
TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka PSB ini sudah pernah dilakukan tahun sebelunya oleh panitia PSB SMK Santu Petrus tahun ajaran 2015/2016 (Pangkur A. M., : 2015). Dalam petunjuk teknis
Lebih terperinciBAB V DESAIN WEB CSS
BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan
Lebih terperinciTeknik Informatika D3
Teknik Informatika D3 Pengembangan Sistem E-Commerce Koneksi Basis Data dan Inklusi Berkas Disusun Oleh: Egia Rosi Subhiyakto, M.Kom, M.CS Teknik Informatika UDINUS egia@dsn.dinus.ac.id +6285740278021
Lebih terperinciHTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web
HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk
Lebih terperinciMembuat Layout Desain Awal dengan Photoshop
2 Websiteku Membuat Layout Desain Awal dengan Photoshop jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height
Lebih terperinciPemrograman Web PRAKTIKUM 4. Bootstrap. TUJUAN BELAJAR Mahasiswa dapat menggunakan Bootstrap untuk meningkatkan proses pengaturan layout laman web
PRAKTIKUM 4 Bootstrap TUJUAN BELAJAR Mahasiswa dapat menggunakan Bootstrap untuk meningkatkan proses pengaturan layout laman web MATERI Sifat responsive bootstrap, file-file bootstrap, konsep grid bootstrap,
Lebih terperinciTampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )
MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML
Lebih terperinciPenerapan Konsep One Layer Website Berbasis JavaScript
Penerapan Konsep One Layer Website Berbasis JavaScript Erick Alfons Lisangan Fakultas Teknologi Informasi Universitas Atma Jaya Makassar Makassar, Indonesia erick_lisangan@lecturer.uajm.ac.id Abstrak Perkembangan
Lebih terperinciBAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN 4.1. Hasil Hasil penelitian ini adalah sebuah LMS yang berbasis website yang terintegrasi dengan aplikasi berbasis windows melalui sistem API, website ini dibangun dengan dukungan
Lebih terperinciDAFTAR PUSTAKA. Pressman, Roger S Rekayasa Perangkat Lunak: pendekatan praktisi.
DAFTAR PUSTAKA Anhar. 2010. PHP & MySql Secara Otodidak. Jakarta : Mediakita. Bin Ladjamudin, Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Graha Ilmu : Yogyakarta Connolly, T., Begg, C. 2010.
Lebih terperinciHow to Create Simple Web (2) - Slice
How to Create Simple Web (2) - Slice Oleh: Isnu Arief Darmawan Senang sekali, bisa berjumpa lagi dengan Anda :D #masih-presenter dengan Saya Om' Kenu. Sebelumnya, kita sudah membuat template yang sudah
Lebih terperinciMembuat Simple Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 1]
Membuat Simple Online Messanger atau Chat dengan PHP, MySQL, JQuery, Bootsrtrap 3 dan Font Awesome 4 [Part 1] Oleh: Arinadi Nur Rohmad Episode "Design Sampul" Asalamualaikum, Dalam pembuatan Online Messanger
Lebih terperinciMembuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1] Oleh: Sendy PK Dalam sebuah website, form kontak sangat penting sebagai komunikasi antara admin dan pengunjung,namun form kontak juga bisa
Lebih terperinciSEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER STMIK EL AHMA YOGYAKARTA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER STMIK EL AHMA YOGYAKARTA Nama : Tiva Hamsyah Nim : 12141387 Prodi : TI { malam } Tugas Dosen : UAS Web Statis : Wahyu Widodo Jl. Sisingamangaraja
Lebih terperinciMenggunakan Vibration pada Cordova
Menggunakan Vibration pada Cordova Juli 2015 Tingkat: Oleh : Feri Djuandi Pemula Menengah Mahir Artikel kali ini akan menjelaskan cara menggetarkan perangkat mobile dengan menggunakan API Cordova. Teknik
Lebih terperinciHTML5 Komplet. Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO
HTML5 Komplet HTML5 Komplet Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO HTML5 Komplet Jubilee Enterprise 2017, PT. Elex Media Komputindo, Jakarta Hak cipta dilindungi undang-undang Diterbitkan
Lebih terperinciPERKEMBANGAN HTML SINTAX DASAR XHTML XHTML VS HTML PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP 06/11/2012 HTML
PERKEMBANGAN HTML HTML 4.0 1997 Introduced many new features and deprecated many older features HTML 4.01-1999 - A cleanup of 4.0 PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP XHTML 1.0-2000 Just 4.01
Lebih terperinciPersiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\
CSS & CSS Framework CSS Cascading Style Sheets (CSS) adalah sebuah bahasa yang digunakan untuk menampilkan style dari sebuah dokumen HTML. CSS menjelaskan bagaimana elemen HTML harus ditampilkan. Persiapan
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGGUNA
BAB IV IMPLEMENTASI DAN PENGGUNA Aplikasi RANCANGAN SISTEM PENGELOLAAN DANA BANTUAN OPERASIONAL (BOS) pada SLB Negri 6 Jakarta ini, dirancang dan dibuat untuk memenuhi kebutuhan pengelola dana BOS, dalam
Lebih terperinciPerkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1]
Perkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1] Oleh: Arinadi Nur Rohmad Font Awesome adalah kumpulan icon yang telah dibuat sedemikian rupa, dan menggunakan system Font Icon yang memungkinkan
Lebih terperinciWeb Programming (WP) Step 2 [ HTML & PHP BASIC]
Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext
Lebih terperinciPengembangan Aplikasi dengan Laravel Langkah-Langkah Pembangunan Website. Husni
Pengembangan Aplikasi dengan Laravel Langkah-Langkah Pembangunan Website Husni Husni@Trunojoyo.ac.id Outline Struktur direktori Laravel Memahami rute dalam web.php Mengubah home page Laravel Menambah halaman
Lebih terperinciBAB II LANDASAN TEORI. bidang media komunikasi dan informasi. Internet adalah suatu jaringan komputer
BAB II LANDASAN TEORI 2.1 World Wide Web Dunia internet semakin berkembang, terutama penggunaanya dalam bidang media komunikasi dan informasi. Internet adalah suatu jaringan komputer global, sedangkan
Lebih terperinciTutorial Mengedit Halaman HTML dengan Dreamweaver
Tutorial Mengedit Halaman HTML dengan Dreamweaver Oleh : Ruth Ema Febrita Pada tutorial sebelumnya, kita sudah berhasil melakukan konversi dari desain website yang kita buat menggunakan Photoshop menjadi
Lebih terperinciMengenal dan Mengedit HTML
Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinciPanduan Instalasi Drupal 7 di Localhost
Panduan Instalasi Drupal 7 di Localhost T Farhan Alian tfarhanz@gmail.com http://teukufarhan.com Lisensi Dokumen: Copyright 2003-2006 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan,
Lebih terperinci