PRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP
|
|
- Suhendra Dharmawijaya
- 7 tahun lalu
- Tontonan:
Transkripsi
1 PRAKTIKUM PEMROGRAMAN WEB MODUL 7 TWITTER BOOTSTRAP Disusun oleh: (Nama) (NIM) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015
2 Modul 7 Twitter Bootstrap I. Tujuan: 1. Mengenalkan tentang Twitter Bootstrap 2. Memahami penggunaan Twitter Bootstrap sebagai framework CSS 3. Mengetahui cara menerapkan Twitter Bootstrap untuk template website 4. Mengetahui cara membuat desain layout dengan Twitter Bootstrap II. Dasar Teori 1. DEFINISI TWITTER BOOTSTRAP Twitter Bootstrap merupakan sebuah framework CSS dari twitter yang menyediakan berbagai macam komponen antarmuka web untuk digunakan bersama-sama. Selain komponen antarmuka, bootstrap juga menyediakan layout halaman dengan mudah dan rapi. Twitter bootstrap ini menerapkan konsep responsive template sehingga layout dapat menyesuaikan dengan lebar dari media yang mengaksesnya.
3 III. Tools yang digunakan: 1) Notepad++ / Sublime Text / Aptana Studio / Netbeans / Eclipse / dan lain-lain 2) Web Browser (Mozilla Firefox / Google Chrome / Opera / dan lain-lain) 3) XAMPP (sebagai paket tools untuk menjalankan program berbasis PHP) IV. Latihan Praktikum Aturan Praktikum: Sebelum melakukan praktikum dibawah ini, buatlah sebuah folder kerja dengan nama praktikum7 didalam folder htdocs. Ikuti format penamaan file pada praktikum ini. Pastikan bahwa service dari Apache dan MySQL sudah dalam status running. Harap ditanyakan kepada asisten praktikum atau dosen pengampu jika mengalami kesulitan. Setiap selesai melaksanakan latihan, diharuskan dijalankan melalui browser untuk memastikan bahwa latihan kita sukses. Bagi yang menggunakan komputer laboratorium, DIHARUSKAN MENGHAPUS folder praktikum7 di htdocs setelah selesai melaksanakan praktikum ini. 1) Menyiapkan Twitter Bootstrap Silahkan ekstrak file bootstrap.zip pada direktori kerja praktikum7. Hasil ekstraksi terdapat 3 folder: css, js, img. Maka akan didapatkan struktur file seperti berikut:
4 2) Mengakses Twitter Bootstrap Untuk dapat mengakses twitter bootstrap, maka perlu dipanggil dengan sintaks berikut diantara tag <head> dan </head>: Buatlah file dengan nama latihan2.php yang diletakkan pada direktori utama dari praktikum7, kemudian isikan dengan syntax berikut: 3) Layout Fix layout bootstrap adalah dengan menggunakan class.container, sehingga format penulisannya:
5 Buatlah latihan3.php, kemudian modifikasi sintaks dari latihan 2 sehingga dimasukkan didalam <div class= container > </div>. Berikut isi lengkap codenya: Layout 2 kolom: Untuk dapat membuat layout dalam 2 kolom: sidebar dan body content, maka format codenya adalah sebagai berikut:
6 Class container-fluid dapat menjadikan sebuah halaman menjadi halaman yang responsif. Modifikasilah latihan diatas sehingga pada bagian body menjadi seperti berikut: 4) Grid System Bootstrap Standar grid pada bootstrap menggunakan 12 kolom. Dengan sistem grid inilah yang menjadikan sebuah halaman memiliki fitur responsif. Berikut ini adalah gambar dari panjang kolom tiap macam grid:
7 Bagaimana membuat sebuah grid kolomnya? Buatlah sebuah class.row kemudian tambahkan didalamnya class baru dengan nama.span* (tanda bintang adalah nilai angka mulai dari 1 sampai 12). Semakin besar nilainya, semakin panjang kolomnya. latihan4.php Silahkan dimodifikasi nilai dari span4 dan span8 sesuka anda untuk dapat mengetahui perbedaannya. 5) Basic Boostrap: Text Buatlah file bernama latihan5.php
8 6) Basic Bootstrap: Table Fungsi dasar tabel pada bootstrap dengan memanggil class.table pada tag <table> Selain fungsi dasar.table tersebut, bootstrap juga menyediakan beberapa fungsi tambahan yaitu:.table-striped.table-hover.table-bordered.table-condensed Buatlah file latihan6.php kemudian isikan dengan kode berikut: Pada contoh kode diatas menggunakan fungsi tambahan yaitu.table-striped, cobalah diganti dengan menggunakan class-class tambahan yang lain.
9 Modifikasilah dengan memanfaatkan fungsi dari table row sehingga code dari table adalah sebagai berikut: Kemudian lihatlah perubahannya! 7) Basic Bootstrap: Form Buatlah file latihan5.php. Basic class form pada twitter bootstrap adalah sebagai berikut:
10 Selain hal diatas, terdapat opsional form:.form-search.form-inline.form-horizontal Cobalah modifikasi dengan menggunakan class diatas!!
11 V. Tugas Praktikum Buatlah laporan praktikum modul ini dengan disertai SCREENSHOT dan PENJELASAN dari setiap langkah yang telah dikerjakan pada latihan diatas. Laporan dikumpulkan kepada Asisten Praktikum pada pertemuan yang akan datang dalam bentuk hardcopy. VI. Kesimpulan Dari praktikum diatas, jawab pertanyaan berikut dalam bentuk kesimpulan: 1. Apa yang anda ketahui tentang Twitter Bootstrap? 2. Apakah anda sudah memahami cara penggunaan Twitter Bootstrap pada halaman web?
BAB 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 terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melakukan analisa dan perancangan secara rinci, maka tahap selanjutnya adalah implementasi. Implementasi merupakan tahap membuat aplikasi sehingga
Lebih terperinciBAB 2. Membuat Halaman Web Sederhana. Materi
BAB 2 Membuat Halaman Web Sederhana Materi Membuat Halaman Web PHP Membuat Halaman Web PHP dalam HTML Membuat Halaman Web PHP dengan Tag-tag HTML Membuat Halaman Web PHP dengan Javascript SESI / PERKULIAHAN
Lebih terperinciTeknologi Aplikasi Web Server. Pemrograman Web Dinamis ; RPL XI-1 Guru Mapel : Hendri Winarto, S.T.
Teknologi Aplikasi Web Server Pemrograman Web Dinamis ; RPL XI-1 Guru Mapel : Hendri Winarto, S.T. Disampaikan pada peer teaching PLPG Tahap 4 Tahun 2016 Hotel Sahid Montana, Malang, 13 November 2016 Pemrograman
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 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 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 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 terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah sistem dianalisa dan dilakukan perancangan secara rinci, maka tahap selanjutnya adalah implementasi. Implementasi merupakan tahap membuat sistem
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. implementasi desain dalam bentuk kode-kode program. Kemudian di tahap ini
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Implementasi Setelah tahap analisa dan perancangan, tahap selanjutnya adalah implementasi desain dalam bentuk kode-kode program. Kemudian di tahap ini dijelaskan
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 terperinciLAYOUT. Alat dan Bahan. Cara Kerja. Percobaan. Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP :
Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP : 2103157025 LAYOUT Alat dan Bahan --- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya --- Bahan-bahan gambar
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 terperinciMODUL JOOMLA! oleh: Putu A. Widhiartha dan Made J. Wiranatha BAB II INSTALASI JOOMLA
MODUL JOOMLA! oleh: Putu A. Widhiartha dan Made J. Wiranatha BAB II INSTALASI JOOMLA Installasi Joomla dapat dilakukan dengan dua cara, yaitu secara online dan offline. Jika anda hendak melakukan installasi
Lebih terperinciDOKUMEN UJI PERANGKAT LUNAK. E Learning Tugas (ELT) Dipersiapkan oleh: Program Keahlian Teknik Komputer. Institut Pertanian Bogor
DOKUMEN UJI PERANGKAT LUNAK E Learning Tugas (ELT) Dipersiapkan oleh: Dwi Lingga Adiputra Fikri Fauzan Indra Bomantara J3D211141 J3D111083 J3D111024 Program Keahlian Teknik Komputer Institut Pertanian
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN
BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Pembuatan Sistem 5.1.1 Lingkungan Pemrograman Implementasi dari Website KUA Lembang ini dibuat dengan menggunakan bahasa pemrograman PHP dengan mengandalkan
Lebih terperinciPemrograman Web BAB I Pendahuluan
BAB I Pendahuluan Pemrograman Web 2015 1.1 Internet dan Web Internet sebenarnya merupakan contoh sebuah jaringan computer. Jaringan ini menghubungkan jutaan computer yang tersebar di seluruh dunia. Yang
Lebih terperinciModul Praktikum Desain Web 2015
MODUL 1 DASAR-DASAR HTML A. TUJUAN PRAKTIKUM Melalui praktikum Dasar-dasar HTML, diharapkan mahasiswa dapat memiliki kompetensi, antara lain: 1. Memahami struktur dasar dokumen HTML. 2. Membuat dokumen
Lebih terperinciBAB 2 TINJAUAN PUSTAKA. : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris
BAB 2 TINJAUAN PUSTAKA 2.1 XAMPP XAMPP merupakan singkatan dari : X A M P P : Multi sistem operasi, bisa Windows, Linux, Mac OS, maupun Solaris : Apache HTTP Server : MySQL Database Server : PHP Scripting
Lebih terperinciLAPORAN PRAKTIKUM MONITORING BERBASIS WEB
LAPORAN PRAKTIKUM MONITORING BERBASIS WEB Modul III Cascade Style Sheet Disusun Oleh : Fahmi Ahmad Husaeni 201302025 Dosen pengampu : Deni Kurnia S.Pd, M.T Program Studi : Teknik Mekatronika POLITEKNIK
Lebih terperinciMembuat Aplikasi Point of Sale dengan Laravel dan AJAX
Membuat Aplikasi Point of Sale dengan Laravel dan AJAX Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi
Lebih terperinciRWD (Responsive Web Design) dengan Grid System Bootsrtap
RWD (Responsive Web Design) dengan Grid System Bootsrtap Oleh: Jaf Al Azam RWD (Responsive Web Design) dengan Grid System Bootsrtap Bootstrap merupkakan Framework CSS yang sedang Booming tahun 2015 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 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 terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah melalui tahap analisis dan tahap perancangan terhadap aplikasi berbasis web menggunakan framework codeigniter, tahapan selanjutnya adalah implementasi
Lebih terperinciBAB III METODOLOGI PENELITIAN
15 BAB III METODOLOGI PENELITIAN 3.1. Metode Analisis Berdasarkan pengumpulan data dan studi literatur yang dilakukan penulis terkait File Information Tool Set (FITS) maka penulis mulai mencoba menjalankan
Lebih terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinciMODUL INSTALASI XAMPP PADA SISTEM OPERASI LINUX
MODUL INSTALASI XAMPP 1.6.6 PADA SISTEM OPERASI LINUX Author Toto Haryanto, S.Kom POSS-IPB Pendayagunaan Open Source Software Institut Pertanian Bogor Departemen Ilmu Komputer Fakultas Matematika dan Ilmu
Lebih terperinciFAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET PEMROGRAMAN WEB Semester: 2 Struktur Kondisi Perulangan 200 menit No.: Job: 08 Tgl: Hal.
A. Kompetensi Mahasiswa diharapkan dapat: 1. Memahami dan menguasai Struktur Kondisi For 2. Memahami dan menguasai Struktur Kondisi While 3. Memahami dan menguasai Struktur Kondisi Do...While 4. Memahami
Lebih terperinciUKDW BAB 1 PENDAHULUAN
BAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah Salah satu bisnis yang dewasa ini mengalami perkembangan pesat adalah bisnis Wedding Organizer (WO).Wedding Organizer adalah sebuah organisasi yang menyediakan
Lebih terperinciBAB III LANDASAN TEORI. pengembang untuk membuat sebuah aplikasi web. Dilengkapibanyak library dan
BAB III LANDASAN TEORI 3.1 CodeIgniter CodeIgniter adalah sebuah framework PHP yang dapat mempercepat pengembang untuk membuat sebuah aplikasi web. Dilengkapibanyak library dan helperyang berguna di dalamnya
Lebih terperinciDATABASE SERVER WEB SERVER SUBDOMAIN
ADMINISTRASI SERVER DATABASE SERVER WEB SERVER SUBDOMAIN Database Server Database berfungsi sebagai media penyimpanan data-data ataupun informasi penting. Pada web server yang kompleks, biasanya diperlukan
Lebih terperinciPENGANTAR APLIKASI E-SELEKTA TIPE USER ADMINISTRATOR
APLIKASI SISTEM PELAPORAN DAN EVALUASI KINERJA TERPADU SECARA ELEKTRONIK (E-SELEKTA) BAPPEDA DAN LITBANGDA KABUPATEN MAGELANG PENGANTAR APLIKASI E-SELEKTA TIPE USER ADMINISTRATOR Sistem Pelaporan dan Evaluasi
Lebih terperinci1. Langlah pertama yang harus Anda lakukan adalah mengunduh XAMPP terlebih dahulu di alamat website resmi yaitu.
MELAKUKAN INSTALASI XAMPP DI LINUX Bagi para pengembang website, tentu sudah tidak asing lagi dengan aplikasi seperti Apache webserver, MySQL dan PHP. Biasanya mereka memanfaakan ketiga aplikasi tersebut
Lebih terperinciFRANS CAISAR RAMADHAN APLIKASI MANAJEMEN KARYAWAN BERBASIS WEB MENGGUNAKAN CODEIGNITER
FRANS CAISAR RAMADHAN 19110260 APLIKASI MANAJEMEN KARYAWAN BERBASIS WEB MENGGUNAKAN CODEIGNITER BAB 1 Latar Belakang : Seiring dengan bertambahnya kuantitas karyawan dan meningkatnya cakup- an pekerjaan
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI. penelitian terutama dari penelitian-penelitian sebelumnya.
3 BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Penelitian ini mengggunakan referensi yang berhubungan dengan obyek penelitian terutama dari penelitian-penelitian sebelumnya. Raditya Arief
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Pada perancangan Sistem Informasi Pemeliharaan Produk berbasis Web, digunakan beberapa teknologi yang membantu mempercepat pembangunan dan implementasi
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 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 IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Instalasi Software Dalam penulisan tugas akhir ini, pembuatan program dibuat dengan menggunakan aplikasi pendukung seperti: Web Server, aplikasi pengelolaan sampah
Lebih terperinciMODUL 11 PHP&MYSQL UPDATE & SEARCHING
MODUL 11 PHP&MYSQL UPDATE & SEARCHING PEMROGRAMAN WEB 2 TEKNIK INFORMATIKA UNIVERSITAS PASUNDAN BANDUNG 2015/2016 Latihan kali ini menggabungkan aplikasi- aplikasi yang sudah kita buat sebelumnya agar
Lebih terperinciBAB I PENDAHULUAN. untuk memiliki keterampilan khusus yang didalam proses belajar mengajar.
BAB I PENDAHULUAN A. Latar Belakang Masalah Universitas adalah suatu institusi pendidikan tinggi dan peneltitian yang memberikan gelar akademik dalam berbagai bidang. Sebuah universitas menyediakan pendidikan
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 II KAJIAN PUSTAKA
BAB II KAJIAN PUSTAKA A. Tugas Akhir Tugas Akhir merupakan satu kurikulum wajib yang dilaksanakan oleh setiap mahasiswa pada Program Studi Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah sistem dianalisa dan dilakukan perancangan secara rinci, maka tahap selanjutnya adalah implementasi. Implementasi merupakan tahap membuat sistem
Lebih terperinciCARA MENJALANKAN PROGRAM
CARA MENJALANKAN PROGRAM Aplikasi pendukung untuk menjalankan website pencarian sekolah : 1. Browser (chrome atau mozilla firefox) 2. Xampp-win32-1.8.0-vc9-installer 3. Codeigniter versi 3.2.1 4. Koneksi
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi
Lebih terperinciMenjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul
Menjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa SMA Negeri 1 Piyungan Bantul Siapkan Kebutuhan (Requirements) Untuk menjalankan Program Aplikasi Web Sistem Pengolahan Data Nilai Siswa
Lebih terperinciLAPORAN PRAKTIKUM MONITORING BERBASIS WEB
LAPORAN PRAKTIKUM MONITORING BERBASIS WEB Modul I & II Instruksi Dasar dan Tag HTML Tingkat Lanjut Disusun Oleh : Fahmi Ahmad Husaeni 201302025 Dosen pengampu : Deni Kurnia S.Pd, M.T Program Studi : Teknik
Lebih terperinciIV HASIL DAN PEMBAHASAN. A. Perancangan Sistem Informasi Translate Indonesia Lampung
\ IV HASIL DAN PEMBAHASAN A. Perancangan Sistem Informasi Translate Indonesia Lampung Pada bab ini akan dibahas lebih lanjut tahapan-tahapan yang dilakukan dalam perancangan aplikasi Sistem Informasi Penerjemah
Lebih terperinciIMPLEMENTASI DAN PENGUJIAN
BAB 4. IMPLEMENTASI DAN PENGUJIAN Tahap Implementasi merupakan tahap pelaksanaan atau penerapan dari perancangan yang telah dikemukakan pada bab 4, yaitu perancangan sistem untuk melakukan proses kean
Lebih terperinciBAB II KAJIAN PUSTAKA
BAB II KAJIAN PUSTAKA A. Sistem Informasi Geografi Sistem informasi geografi (SIG) merupakan ilmu pengetahuan yang berbasis pada perangkat lunak komputer yang digunakan untuk memberikan bentuk digital
Lebih terperinciE-trik Ajax. Database MySQL. Dedi Alnas
E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI. Codelgnite (CI) aplikasi sumber terbuka yang berupa framework PHP
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Codelgnite (CI) aplikasi sumber terbuka yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN. Tahap implementasi akan dipersiapkan bagaimana RANCANG BANGUN PERANGKAT LUNAK BANTU PENDAFTARAN
BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Tahap Implementasi Tahap implementasi akan dipersiapkan bagaimana RANCANG BANGUN PERANGKAT LUNAK BANTU PENDAFTARAN KEJUARAAN TAEKWONDO WALIKOTA CUP BERBASIS WEB siap
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah dilakukan analisa perancangan secara rinci maka tahap selanjutnya adalah sistem siap di implementasikan. Implementasi merupakan tahap membuat
Lebih terperinciMODUL 8 Insert, Update, & delete
MODUL 8 Insert, Update, & delete Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017 Konten Mengubah Data dari Array menjadi Database... Error! Bookmark not defined. Mengkoneksikan
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 terperinciCara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
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 terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB
MODUL PRAKTIKUM PEMROGRAMAN WEB Pengenalan PHP, HTML, CSS dan Javascript LABORATORIUM KOMPUTER UNIVERSITAS UBUDIYAH INDOENSIA MODUL PRAKTIKUM PEMROGRAMAN WEB 1. Review HTML 5 part 1 (Basic Attribute +
Lebih terperinci1.1 Latar Belakang Masalah
BAB 1. PENDAHULUAN 1.1 Latar Belakang Masalah PT. Krischan adalah perusahaan yang bergerak di bidang komunikasi. Bisnis utama dari PT. Krischan adalah layanan jasa smartphone, penjualan produk smartphone
Lebih terperinciMODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL)
MODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL) 4.1 Definisi PHP (Hypertext Preprocessor) PHP (PHP: Hypertext Preprocessor) merupakan bahasa pemrograman yang mampu berjalan di server-side (berjalan pada
Lebih terperinciBAB 4 IMPLEMENTASI DAN PENGUJIAN
BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi adalah penerapan cara kerja sistem berdasarkan hasil analisa dan juga perancangan yang telah dibuat sebelumnya ke dalam suatu bahasa pemrograman
Lebih terperinciBAB V IMPLEMENTASI DAN PEMBAHASAN. Administrasi Paket Lelang Proyek ini, yaitu : Administrasi Paket Lelang Proyek ini, yaitu :
BAB V IMPLEMENTASI DAN PEMBAHASAN 5.1 Sistem Yang Digunakan Berikut ini adalah hardware dan software yang dibutuhkan untuk menggunakan aplikasi pengelolaan administrasi paket lelang proyek yaitu: a. Software
Lebih terperinciPERTEMUAN KE 1 PENGENALAN DASAR PHP
PERTEMUAN KE 1 PENGENALAN DASAR PHP A. TUJUAN Mampu menggunakan perangkat lunak yang dibutuhkan untuk membuat halaman web dengan PHP Mampu membuat halaman web sederhana dengan PHP Mengenal Tipe Data, Variabel
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1. INFRASTRUKTUR Setelah dilakukan analisa dan perancangan sistem maka tahapan selanjutnya adalah tahap implementasi dan pengujian sistem (system implementation).
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 terperinci1. Bab 2 Arsitektur Produk
1. Bab 2 Arsitektur Produk 2.1 Struktur Produk Sistem penjualan dan pembelian toko (retail) berbasis webyang akan dibangun memiliki struktur seperti gambar di bawah ini. User Aplikasi Web Server Database
Lebih terperinciDESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id
DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. Sistem yang dibangun pengembang adalah berbasis web. Untuk dapat
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Implementasi Sistem yang dibangun pengembang adalah berbasis web. Untuk dapat menjalankan sistem tersebut dengan baik dibutuhkan beberapa persyaratan mengenai
Lebih terperinciPemrograman Web Week 4. Team Teaching
Pemrograman Web Week 4 Team Teaching Peran Masing-masing Bahasa HTML => Mengatur Struktur CSS => Mengatur tampilan JSS => Mengatur interaktifitas Penggunaan Javascript Sama seperti pada CSS, ada 3 cara
Lebih terperinciPendahuluan. Pemrograman Internet Ahmad Zainudin, S.ST, M.T
Pendahuluan Pemrograman Internet Ahmad Zainudin, S.ST, M.T Prosentase Penilaian UAS : 45% UTS : 35 % Tugas : 20 % Maksimal keterlambatan 15 menit dari pelajaran dimulai Silabus 1. Pengenalan Materi Instalasi
Lebih terperinciHal yang harus diperhatikan dalam penggunaan AJAX adalah: XHTML dan CSS digunakan untuk menandai dan mempercantik tampilan informasi.
MODUL 6 Implementasi Web dengan Database TUJUAN PRAKTIKUM : 1. Praktikan memahami prinsip penggunaan ajax. 2. Praktikan mampu mengkoneksikan ajax dengan database. PERLENGKAPAN PRAKTIKUM 1. Modul Praktikum
Lebih terperinciAJAX. Pemrograman Web 1. Asynchronous JavaScript and XML. Genap
AJAX Asynchronous JavaScript and XML Pemrograman Web 1 Genap 2011-2012 AJAX - Intro AJAX = Asynchornous JavaScript And XML Diperkanalkan oleh Jesse James Garret pada tahun 2005. AJAX bukan bahasa pemrograman
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI. autentikasi dan otorisasi user. Aplikasi belum menggunakan teknologi responsive
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Nova P (2015) Aplikasi yang dibangun berbasis web yang memiliki fasilitas transkasi pengiriman antara pengirim dan penerima melalui sistem login
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 terperinciMODUL PRAKTIKUM BASIS DATA TEKNIK INFORMATIKA UIN SUNAN KALIJAGA YOGYAKARTA 2011 PENGENALAN DATABASE MYSQL
MODUL PRAKTIKUM BASIS DATA TEKNIK INFORMATIKA 2011 PENGENALAN DATABASE MYSQL Praktikum ke-1 A. Pengenalan MySQL MySQL merupakan software yang tergolong sebagai DBMS (Database Management System) yang bersifat
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI SISTEM
91 BAB IV IMPLEMENTASI DAN EVALUASI SISTEM Tahap implementasi sistem adalah tahap yang mengkonversi hasil analisis dan perancangan sebelumnya kedalam sebuah bahasa pemrograman yang dimengerti oleh komputer.
Lebih terperinciUntuk mengimplementasikan sistem ini, diperlukan spesifikasi perangkat keras,
Untuk mengimplementasikan sistem ini, diperlukan spesifikasi perangkat keras, spesifikasi perangkat lunak, spesifikasi kebutuhan sistem, jadwal implementasi, dan petunjuk penggunaan sistem untuk memberikan
Lebih terperinciMANUAL PENGGUNAAN APLIKASI
MANUAL PENGGUNAAN APLIKASI Aplikasi Pendukung Untuk Menjalankan Website Pencarian Apotek : 1. Browser (Chrome, Mozilla Firefox, etc) 2. Xampp-win32-1.8.0-VC9-installer 3. Codeigniter versi 2.1.2 4. Koneksi
Lebih terperinciPHP dan Framework CodeIgniter
Universitas Negeri Padang PHP dan Framework CodeIgniter Yeni Septiana Pendidikan Teknik Informatika 1102640 2015 Hai All.. Kali ini kita akan membahas tentang membuat Website dengan menggunakan bahasa
Lebih terperinciBAB IV TESTING DAN IMPLEMENTASI PROGRAM
BAB IV TESTING DAN IMPLEMENTASI PROGRAM 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi yang sudah dijelaskan pada Bab III, maka tahap selanjutnya merupakan tahap implementasi.
Lebih terperinciBAB I PENDAHULUAN I-1
BAB I PENDAHULUAN Pada bab ini akan dibahas mengenai latar belakang masalah, rumusan masalah, maksud dan tujuan, batasan masalah yang mendefinisikan luang lingkup penelitian tugas akhir, metodologi yang
Lebih terperinciBAB IV IMPLEMENTASI_DAN_EVALUASI
BAB IV IMPLEMENTASI_DAN_EVALUASI 4.1 Kebutuhan Implementasi Pada tahap ini, desain yang telah dibuat pada tahap sebelumnya diimplementasikan dalam bentuk kode-kode program. Perangkat lunak lain dibutuhkan
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN DASAR TEORI
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1 Tinjauan Pustaka Sistem Informasi yang dibuat dalam penelitian ini mengacu pada beberapa penelitian terdahulu meliputi: Jeman (2013) Sistem Informasi Pariwisata
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Pada tahap ini merupakan tahapan yang dilakukan setelah tahap perancangan sistem telah dilakukan. Pada bab ini perancangan sistem yang telah dibuat diterjemahkan
Lebih terperinciLaporan Berkala I (2 Minggu Pertama)
Laporan Berkala I (2 Minggu Pertama) Bramantya Putra Pamungkas TI 2.3 (1110012) PT. Naraya Telematika Jl. Puncak Borobudur, Malang PROGRAM STUDI TEKNIK INFORMATIKA Sekolah Tinggi Teknik Atlas Nusantara
Lebih terperinciLatihan 1: Menginstal Web Server Apache, PHP, dan MySQL
Student Exercise Series: Pemrograman Web Database Latihan 1: Menginstal Web Server Apache, PHP, dan MySQL Sekarang ini, menginstal web server Apache, PHP, dan MySQL sangatlah mudah. Anda cukup mengisntal
Lebih terperinciBAB II KAJIAN PUSTAKA. dibutuhkan suatu bahasa pemrograman, yaitu language software, yang
A. Aplikasi BAB II KAJIAN PUSTAKA Perangkat lunak aplikasi adalah suatu subkelas perangkat komputer yang memanfaatkan kemampuan komputer langsung untuk melakukan suatu tugas yang diinginkan pengguna. Jika
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN
BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Setelah sistem dianalisis dan di desain secara rinci, maka akan menuju tahap implementasi. Implementasi merupakan tahap meletakkan sistem sehingga siap
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 terperinciBAB IV HASIL DAN UJI COBA
56 BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Hasil rancangan pengolahan data lokasi tempat bersejarah di Kota Medan berbasis web GIS yang penulis buat sudah selesai dimana tampilan terdiri dari 2
Lebih terperinciBAB IV IMPLEMENTASI SISTEM. analisis dan perancangan dijadikan acuan dalam pembuatan kode program. Pada
BAB IV IMPLEMENTASI SISTEM 4.1 Implemetasi Sistem Implementasi sistem merupakan tahap meletakan sistem supaya dapat siap untuk dioperasikan. Implementasi merupakan tahap pengembangan dimana hasil analisis
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 terperinciBAB II ANALISIS DAN PERANCANGAN SISTEM. dari objek yang dibangun. Komponen tersebut antara lain : sistem
BAB II ANALISIS DAN PERANCANGAN SISTEM 2.1. Analisa Kebutuhan Dalam perancangan pengolahan data penjualan produk memerlukan komponen-komponen untuk menganalisis kebutuhan dari objek yang dibangun. Komponen
Lebih terperinciBAB V IMPLEMENTASI DAN PENGUJIAN Lingkungan Implementasi Setelah aplikasi dianalisis dan didesain secara rinci, maka akan dilakukan tahapan implementasi. Implementasi adalah tahap membuat aplikasi sehingga
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. IMPLEMENTASI SISTEM Setelah analisa dan perancangan sistem pada bab III, maka tahap selanjutnya adalah sistem siap untuk di implementasikan. Tahap implementasi sistem
Lebih terperinciBab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Lebih terperinciMODUL 7 MySQL, Koneksi database dan menampilkan data
MODUL 7 MySQL, Koneksi database dan Pemograman Web Teknik Informatika Universitas Pasundan Bandung 2016/2017 Konten Mengubah Data dari Array menjadi Database... 2 Mengkoneksikan database dan... 5 Teknik
Lebih terperinci