Manual Book Labti Sistem Multimedia - Semester 8 Univ. Gunadarma

Welcome to Blog Afzal

27 Jul, 2021

UNIVERSITAS GUNADARMA

MANUAL BOOK

“Website Data Mahasiswa’ ”

Afzal Arifiansyah 50417252

Willie Ryantama 52415471

Arya Bima Darussalam 50417995

Kelas : 4IA05

Fakultas : Teknologi Industri

Jurusan : Teknik Informatika

PRAKTIKUM SISTEM MULTIMEDIA

Ditulis Guna Melengkapi Sebagian Syarat

Praktikum Sistem Multimedia Jenjang S1

Universitas Gunadarma

2021

BAB I

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi yang sangat pesat di era globalisasi saat ini telah memberikan banyak manfaat dalam kemajuan diberbagai aspek sosial. Penggunaan teknologi oleh manusia dalam membantu menyelesaikan pekerjaan merupakan hal yang menjadi keharusan dalam kehidupan. Perkembangan teknologi ini juga harus diikuti dengan perkembangan pada Sumber Daya Manusia (SDM).

Manusia sebagai pengguna teknologi harus mampu memanfaatkan teknologi yang ada saat ini, maupun perkembangan teknologi tersebut selanjutnya. Adaptasi manusia dengan teknologi baru yang telah berkembang wajib untuk dilakukan melalui pendidikan. Hal ini dilakukan agar generasi penerus tidak tertinggal dalam hal teknologi baru. Dengan begitu, teknologi dan pendidikan mampu berkembang bersama seiring dengan adanya generasi baru sebagai penerus generasi lama. Beberapa cara adaptasi tersebut dapat diwujudkan dalam bentuk pelatihan maupun pendidikan.

Saat ini pun setiap orang juga dapat memanfaatkan multimedia untuk membagikan pesan atau informasi yang dihasilkannya kepada publik. Selain untuk menarik minat setiap orang yang menggunakannya untuk menghasilkan dan berbagi informasi, multimedia juga menarik indera kita karena multimedia menggabungkan antara gambar, suara, dan gerakan.

Pada praktikum Sistem Multimedia kali ini, penulias akan membuat website sederhana bertemakan data mahasiswa. Dengan adanya website ini kita dapat mendata mahasiswa yang masih aktif beserta dengan informasi mengenai mahasiswa tersebut.

1.2

1.2 Tujuan

Tujuan dari praktikum ini adalah mengimplementasikan operasi CRUD pada pembuatan website sederhana.

BAB II

PEMBAHASAN

2.1 Sistem Multimedia

2.1.1 Definisi Multimedia

Multimedia menurut etimologi atau asal usul bahasanya adalah berasal dari kata multi (latin) “multus” yang berarti banyak atau lebih dari satu. Dan media (latin) berasal dari kata latin medius yang merupakan bentuk jamak dari kata “medium”, yang berarti perantara atau pengantar. Dalam pengertian ini, guru, buku, dan lingkungan sekolah merupakan media. (Sadiman, dkk), media adalah segala sesuatu yang digunakan sebagai penyalur pesan dan mengirim pesan, sehingga dapat merangsang pikiran, perhatian, perasaan dan juga minat serta perhatian dari siswa sedemikian rupa, sehingga di dalam proses mengajar dapat berlangsung dengan efektif dan juga efisien sesuai dengan apa yang diharapkan.

Multimedia adalah kombinasi dari komputer dan video (Rosch, 1996) atau Multimedia secara umum merupakan kombinasi tiga elemen, yaitu suara, gambar dan teks atau Multimedia adalah kombinasi dari paling sedikit dua media input atau output dari data, media ini dapat audio (suara, musik), animasi video, teks, grafik dan gambar (Turban dkk, 2002) atau Multimedia merupakan alat yang dapat menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan gambar video (Robin dan Linda, 2001) atau Multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi) dengan menggabungkan link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi (Hofstetter, 2001).

2.1.2 Elemen Multimedia

Menurut James A. Senn (1998), mutimedia terbagi dalam beberapa elemen sebagai berikut:

1. Text

Bentuk data multimedia yang paling mudah disimpan dan dikendalikan adalah text (teks). Teks dapat membentuk kata, surat atau narasi dalam multimedia yang menyajikan bahasa. Kebutuhan teks bergantung pada penggunaan aplikasi multimedia.

2. Image

Image (grafik) adalah hasil sebuah pengambilan citra yang didapat melalui alat penangkap citra, seperti kamera dan scanner, yang hasilnya sering disebut dengan gambar. Gambar bisa berwujud sebuah ikon, foto ataupun simbol.

3. Audio

Audio (suara) adalah komponen multimedia yang dapat berwujud narasi, musik, efek suara atau penggabungan di antara ketiganya.

4. Video

Video merupakan sajian gambar dan suara yang ditangkap oleh sebuah kamera, yang kemudian disusun ke dalam urutan frame untuk dibaca dalam satuan detik.

5. Animation

Animation (animasi) merupakan penggunaan komputer untuk menciptakan gerak pada layer

2.1.3 Definisi Sistem Multimedia

Sistem Multimedia adalah suatu sistem yang dapat mensuport secara terintegrasi penyimpanan, transmisi dan representasi sejumlah media discret (digital) berupa text, grafik, citra, audio dan video melalui komputer. Suatu sistem bisa dikatakan Sistem Multimedia apabila:

- Adanya kombinasi media : yaitu jika kedua jenis media (continuous/ Discrete) dipakai. Contoh media diskrit : teks dan gambar, dan media kontinu adalah audio dan video.

- Adanya Independensi / Kemandirian dalam suatu sistem : yaitu Aspek utama dari jenis media yang berbeda adalah keterkaitan antar media tersebut.

- Komputer yang terintegrasi : Sistem harus dapat melakukan pemrosesan yang dikontrol oleh komputer. Sistem dapat diprogram oleh system programmer / user.

Sistem Multimedia dapat dibagi menjadi:

1. Sistem Multimedia Stand Alone

Sistem ini merupakan sistem komputer multimedia yang memiliki minimal storage (harddisk, CD-ROM/DVD-ROM/CD-RW/DVD-RW), alat input (keyboard, mouse, scanner, mic), dan output (speaker, monitor,LCD Proyektor), VGA dan Soundcard.

2. Sistem Multimedia Berbasis Jaringan

Sistem ini harus terhubung melalui jaringan yang mempunyai bandwidth yang besar. Perbedaannya adalah adanya sharing sistem dan pengaksesan terhadap sumber daya yang sama. Contoh: video converence dan video broadcast. Permasalahan: bila bandwidth kecil, maka akan terjadi kemacetan jaringan, delay dan masalah infrastruktur yang belum siap.

2.1.4 Struktur Multimedia

Struktur Multimedia dibagi menjadi 2 kategori, yaitu:

a. Multimedia linear adalah suatu struktur multimedia yang tidak dilengkapi dengan alat pengontrol apapun yang dapat dioperasikan oleh pengguna. Multimedia ini berjalan sekuensial atau berurutan, dengan kata lain pengguna hanya akan menjadi penikmat / penonton atas apa yang disajikan. contohnya TV, majalah, radio, dsb .

b. Multimedia interaktif adalah suatu struktur multimedia yang dilengkapi dengan alat pengontrol yang dapat dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang dikehendaki untuk proses selanjutnya. Contoh multimedia interaktif adalah: multimedia pembelajaran, aplikasi game, dsb.

2.1.5 Kegunaan Multimedia

Multimedia menyediakan banyak cara agar orang awam bisa mendapatkan informasi pemakaian komputer yang baik. Pemakaian multimedia bisa dilakukan dalam bisnis, pusat pendidikan, tempat umum, bahkan di rumah. Berikut penjelasan dari masing-masing tempat pemakaian multimedia :

1. Bisnis

Aplikasi multimedia dalam bisnis digunakan dalam presentasi, pelatihan, pemasaran, demonstrasi produk, katalog, maupun komunikasi jaringan. Dalam presentasi misalnya, multimedia bisa membuat pendengar menjadi lebih bersemangat. Banyak presentasi yang menggabungkan pemakaian suara dan video. Hal ini tentu lebih baik jika dibandingkan dengan presentasi yang hanya memakai slide dan overhead projector yang cukup membosankan.

2. Pusat pendidikan

Banyak sekolah dan universitas yang telah memanfaatkan teknologi multimedia di lingkungannya secara maksimal. Misalnya fasilitas internet untuk mencari bahan-bahan pendukung pelajaran, merekam suara dosen sewaktu mengajar sehingga bisa mengulang pelajaran di rumah, pengiriman hasil tugas melalui e-mail langsung ke mailbox guru yang bersangkutan.

3. Tempat umum

Pemakaian yang ditempatkan di hotel, stasiun, pusat perbelanjaan, museum, toko-toko, maupun di tempat umum lainnya biasanya berupa suatu terminal atau kios yang memberikan informasi atau bantuan. Pada kios informasi suatu hotel misalnya, tersedia informasi mengenai restoran yang ada pada hotel itu, peta kota tersebut, tempat-tempat rekreasi, jadwal penerbangan, dan berbagai informasi lainnya.

4. Rumah

Saat ini, pemakaian multimedia di rumah dengan komputer hanya sebatas untuk menyelesaikan tugas sekolah dan bermain, tetapi di masa mendatang, multimedia akan menjangkau rumah melalui televisi yang tergabung dengan peralatan input.

2.2 PHP

Hypertext Preprocessor atau dikenal dengan PHP adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. Pada awalnya PHP merupakan kependekan dari Personal Home Page. PHP pertama kali dibuat pada tahun 1995 oleh Rasmus Lerdorf . Selanjutnya Rasmus merilis kode sumber untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.

PHP tergolong sebagai bahasa pemrograman yang berbasis server (server side scripting). Hal ini berarti bahwa seluruh script php diletakan di computer server dan diterjemahkan oleh web server terlebih dahulu sebelum dikirim ke browser client. Secara teknologi bahasa pemrograman PHP memiliki kesamaan dengan bahasa ASP (Active Server Page),Cold Fusion, JSP (Java Server Page), ataupun Perl.

2.3 MySQL

MySQL merupakan database engine atau server database yang mendukung bahasa database pencarian SQL. MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS yang multithread, multi-user. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah dan cepat secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.

2.4 XAMPP

Software yang satu ini bernama XAMPP yang merupakan singkatan dari Apache, MySQL, PHP dan Perl sedangkan huruf “X” dimaksudkan sebagai suatu software yang dapat dijalankan di empat OS utama seperti Windows, Mac OS, Linux dan Solaris. Istilah ini seringkali disebut dengan cross platform (software multi OS).

Sesuai dengan namanya software yang satu ini merupakan gabungan dari beberapa software dengan fungsi yang sama yakni menunjang para pembuat web yang menginginkan adanya web server sendiri di PC atau laptopnya. Software ini juga berlisensi GNU dan dapat didownload secara gratis di internet mengingat peran vital yang dimilikinya terutama bagi pembuat web pemula.

Software XAMPP didirikan oleh suatu perusahaan bernama Apache Friends. Dengan adanya beberapa tools pemrograman seperti MySQL, PHP dan Perl yang dimilikinya tentu mengindikasikan jika anda menekuni salah satu atau semuanya berarti harus memiliki software yang bernama XAMPP ini. Maksud dari Apache yakni selain mengindikasikan nama pengembangnya juga merupakan suatu software yang menghadirkan web server pada komputer anda layaknya web server sesungguhnya.

2.5 CRUD

CRUD disini merupakan sebuah akronim atau singkatan kata yang berasal dari dunia pemrograman komputer yang berdasarkan kepada empat (4) fungsi dasar penyimpanan yang persisten yang sangat penting untuk mengimplementasikan sebuah aplikasi.

2.5.1 Penjelasan CRUD

· C ( Create )

Create diartikan membuat atau menambahkan, membuat atau menambahkan data menggunakan aplikasi yang sudah dibuat, ketika kita menambahkan data diaplikasi nantinya akan otomatis akan masuk kedalam database yang sudah dibuat.

· R ( Read )

Read diartikan menampilkan atau membaca, menampilkan atau membaca data kita tidak perlu repot untuk menampilkan data cukup dilihat menggunakan aplikasi data mana yang ingin ditampilkan maka akan tertampil.

· U ( Update )

Update diartikan mengubah, kita tidak perlu repot ketika ingin mengubah data, cukup menggunakan aplikasi maka akan terubah dan database otomatis akan terubah.

· D ( Delete )

Delete diartikan menghapus, fitur ini digunakan untuk menghapus data yang tidak diperlukan. Kita tidak perlu repot ketika ingin menghapus data, tidak perlu menghapus data lewat database.

2.6 CodeIgniter

CodeIgniter adalah Framework yang dikembangkan pada Bahasa Pemrograman PHP. Code Igniter bersifat Open-Source yang banyak digunakan oleh para developer dalam mengembangkan website yang dinamis. Code Igniter mengikuti pola kode MVC, sehingga kamu dapat membagi kode kode menjadi 3 bagian yang diberikan di bawah ini:

· M => Model // Semua panggilan yang berhubungan dengan Database akan ditentukan di sini, seperti pengambilan data, Insert, Delete dan Update Data.

· V => View // Sesuai Namanya, View hanya tampilan yang biasa disebut HTML. Semua data terkait dengan View (html) akan ditentukan di sini.

· C => Controller // Merupakan jembatan antara model dan view. Ketika kamu mencari sesuatu di browser web. Hal tersebut akan langsung menuju ke controller dan controller menggunakan Model dan view untuk menampilkan hasil yang sesuai.

BAB III

PERANCANGAN DAN IMPLEMENTASI

Menyiapkan File CI dan Membuat Database

1. Download file CodeIgniter kemudian di extract dan copy ke folder xampp->htdocs dan ubah nama foldernya sesuai keinginan seperti dibawah menjadi “ujiansismul”

2. Kemudian buka XAMPP Control Panel dan nyalakan Apache dan MySql.

3. Setelah itu buka browser dan masuk ke localhost/phpmyadmin dan buat database baru bernama pwd dan lakukan import database menggunakan file sql yang tersedia di folder CI yang tadi sudah diubah menjadi ‘ujiansismul’ sehingga akan terbuat tabel mahasiswa.

Membuat Project Baru

1. Selanjutnya buka Text Editor dan buka folder ‘ujiansismul’ (folder CI yang sudah di download)

2. Lalu buka config >> database.php dan ubah pada bagian database menjadi pwd. C:\xampp\htdocs\ujiansismul\application\config\database.php

3. Dan buka juga config/config.php dan ubah pada bagian base_url menjadi localhost/ujiansismul/

C:\xampp\htdocs\ujiansismul\application\config.php

Pembuatan MVC

1. Selanjutnya, buat satu file lagi pada folder Models dan berikan nama M_Welcome, kemudian isikan dengan script yang sesuai dengan di Listing Program.

2. Berikutnya pada folder View, buat 4 buah file baru dengan masing-masing diberi nama

: home.php, create.php, post.php dan update.php. kemudian isikan dengan scriptnya masing-masing sesuai dengan Listing Program.

3. Buka atau buat file Controller Welcome.php pada controller dan isikan dengan Script yang ada pada Listing Program.

Pengaturan untuk Proses Upload

1. buat file .htaccess didalam folder ujiansismul/system

2. Setelah itu buat folder mahasiswa di dalam folder CI ujiansismul agar data dapat diupload

3. Selanjutnya buka browser dan buka localhost/ujiansismul dan akan tampil seperti ini:

LISTING PROGRAM

· Mahasiswa_models.php

<?php

if (!defined('BASEPATH'))

exit('No direct script access allowed');

class Mahasiswa_model extends CI_Model

{

public $table = 'mahasiswa';

public $id = 'nim';

public $order = 'ASC';

function __construct()

{

parent::__construct();

}

// get all

function get_all()

{

$this->db->order_by('nama', $this->order);

return $this->db->get($this->table)->result();

}

// get data by id

function get_by_id($id)

{

$this->db->where($this->id, $id);

return $this->db->get($this->table)->row();

}

// get total rows

function total_rows($q = NULL) {

$this->db->like('nim', $q);

$this->db->or_like('nama', $q);

$this->db->or_like('jenis_kelamin', $q);

$this->db->or_like('prodi', $q);

$this->db->or_like('alamat', $q);

$this->db->from($this->table);

return $this->db->count_all_results();

}

// get data with limit and search

function get_limit_data($limit, $start = 0, $q = NULL) {

$this->db->order_by('nama', $this->order);

$this->db->like('nim', $q);

$this->db->or_like('nama', $q);

$this->db->or_like('jenis_kelamin', $q);

$this->db->or_like('prodi', $q);

$this->db->or_like('alamat', $q);

$this->db->limit($limit, $start);

return $this->db->get($this->table)->result();

}

// insert data

function insert($data)

{

$this->db->insert($this->table, $data);

}

// update data

function update($id, $data)

{

$this->db->where($this->id, $id);

$this->db->update($this->table, $data);

}

// delete data

function delete($id)

{

$this->db->where($this->id, $id);

$this->db->delete($this->table);

}

· Create.php

<?php $this->load->view('header');?>

<h2 id="forms-example" class=""><?php echo $button ?> Mahasiswa </h2>

<form action="<?php echo $action; ?>" method="post" class="form-horizontal">

<input type="text" class="form-control" name="nim" id="nim" placeholder="NPM" value="<?php echo $nim; ?>" required />

</div>

<input type="text" class="form-control" name="nama" id="nama" placeholder="Nama" value="<?php echo $nama; ?>" required />

</div>

<label class="col-sm-2 control-label">Jenis Kelamin</label>

<option value="Perempuan">Perempuan</option>

</select>

</div>

<label class="col-sm-2 control-label">Jurusan</label>

<input type="text" class="form-control" name="prodi" id="prodi" placeholder="Jurusan" value="<?php echo $prodi; ?>" required />

</div>

<label class="col-sm-2 control-label">Alamat</label>

<input type="text" class="form-control" name="alamat" id="alamat" placeholder="Alamat" value="<?php echo $alamat; ?>" required />

</div>

<a href="<?php echo site_url('mahasiswa') ?>" class="btn btn-default">Cancel</a>

</div>

</form>

</div>

<?php $this->load->view('footer');?>

· Read.php

<?php $this->load->view('header');?>

<h2 style="margin-top:0px">Mahasiswa Read</h2>

<tr><th>Jenis Kelamin</th><td><?php echo $jenis_kelamin; ?></td></tr>

<tr><th>Prodi</th><td><?php echo $prodi; ?></td></tr>

<tr><th>Alamat</th><td><?php echo $alamat; ?></td></tr>

<tr><td colspan="2" align="center"><a href="<?php echo site_url('mahasiswa') ?>" class="btn btn-default"><b>Cancel</b></a></td></tr>

</table>

</div>

<?php $this->load->view('footer');?>

· Index.php (home)

<?php $this->load->view('header');?>

<h2 style="margin-top:0px">Hallo Gaes...</h2>

<p align="justify">Selamat datang di website kami. Website ini kami buat untuk memenuhi tugas ujian Praktikum Sistem Multimedia yang kami ambil di semester 8. Website ini berisi CRUD data Mahasiswa yang dibuat dengan menggunakan CodeIgniter dan database MySQL. Di dalamnya terdapat menu </p>

<ul>

<li><a href="<?php echo base_url('index.php/Mahasiswa/create') ?>">Tambah Mahasiswa</a></li>

<li><a href="<?php echo base_url('index.php/Mahasiswa') ?>">List Mahasiswa</a></li>

<li><a href="<?php echo base_url('index.php/Welcome/author') ?>">Profil Kelompok</a></li>

</ul>

</center>

<p align="justify"><br />Selamat menjelajah.</p>

</div>

<?php $this->load->view('footer');?>

· Profil.php

<?php $this->load->view('header');?>

<h3><i class="fa fa-user"></i> Profil Kelompok</h3>

</div>

<h6>Afzal Arifiansyah</h6>

<table>

</tr>

<tr><td>Fakultas/Jurusan</td>

<td>Teknologi Industri / Teknik Informatika</td></tr>

</tr>

<tr>

</tr>

<tr>

<td>Email</td>

<td> <a href="a.arifiansyah16@gmail.com">a.arifiansyah16@gmail.com</a></td>

</tr>

</table>

</div>

</div>

<h6>Willie Ryantama</h6>

<table>

</tr>

<tr><td>Fakultas/Jurusan</td>

<td>Teknologi Industri / Teknik Informatika</td></tr>

</tr>

<tr>

</tr>

<tr>

<td>Email</td>

<td> <a href="wimyan12@gmail.com">wimyan12@gmail.com</a></td>

</tr>

</table>

</div>

</div>

<?php $this->load->view('footer');?>

OUPUT PROGRAM

Download :

Manual Book dan Aplikasi CRUD berbasis CodeIgniter

https://drive.google.com/drive/folders/1GfaCvMCibAHmF4YLrrIekqrhdCoh9te5?usp=sharing

Manual Book Labti Sistem Multimedia - Semester 8 Univ. Gunadarma

Praktikum Labti

Popular Posts

Kopsan MotorGunadarma

Praktikum Labti

Popular Posts

UTS Algoritma Deep Learning | 4IA11 | Dosen ACHMAD BENNY MUTIARA QURBAN NURDJAMAN | ATA 2020/2021

UTS Algoritma Deep Learning ATA 2020/2021 | Kelas Sebelah 😉

UTS Algoritma Deep Learning | 4IA09 | Dosen ACHMAD BENNY MUTIARA QURBAN NURDJAMAN | ATA 2020/2021

Robotika Cerdas | 4-FTI TEAM TEACHING Praktikum 7 – Moda Hands On

Kopsan MotorGunadarma