Diary Class : Tinjauan Pustaka

BAB II
TINJAUAN PUSTAKA

            

2.1              Aplikasi Perancangan Pendaftaran Tugas Akhir Online Untuk Jurusan Teknik Informatika Trisakti

Aplikasi Perancangan Pendaftaran Tugas Akhir Online Untuk Jurusan Teiknik Informaka Trisakti merupakan sistem informasi berbasis web yang bertujuan untuk membantu pelaksanaan sidang tugas akhir dengan menggunakan bahasa pemrograman PHP dan basis data MySql.

Dalam sistem informasi ini pengguna dapat melihat dan mempersiapkan data-data yang diperlukan dalam pelaksanaan siding tugas akhir ini, seperti melihat jadwal sidang, Pengumuman, pemberian nilai, dan pertanyaan penguji (Ramitan, 2015).
             Namun tren penggunaan smartphone belakangan ini semakin meningkat, terutama bagi smartphone yang mengadopsi android sebagai system operasinya karena android mengrajai pasar smartphone di Indonesia belakangan ini. Kebutuhan akan gaya hidup dan kepraktisan menjadi tantangan bagi penulis untuk menjalankan aplikasi aplikasi “Pendaftaran Tugas Ahir Online Untuk Jurusan Teknik Informatika” pada sistem operasi android.

2.2              Web Service

Web service adalah suatu sistem perangkat lunak yang dirancang untuk mendukung interoperabilitas dan interaksi antar sistem pada suatu jaringan. Web service digunakan sebagai suatu fasilitas yang disediakan oleh suatu web site untuk menyediakan layanan dalam bentuk informasi kepada sistem lain, sehingga sistem lain dapat berinteraksi dengan sistem tersebut melalui layanan-layanan service yang disediakan oleh suatu sistem yang menyediakan web service. Umumnya web service menyimpan data informasi dalam format XML, sehingga data ini dapat diakses oleh sistem lain walaupun berbeda platform, sistem operasi, maupun bahasa compiler (Utama, 2006). Namun untuk web service aplikasi ini tidak menggunakan XML malainkan menggunakan PHP, JavaScript akan tetap membaca file yang di kirimkan oleh service sebagai XML.

Beberapa alasan mengapa digunakannya web service  adalah sebagai berikut:

1.   Web service dapat digunakan untuk mentransformasikan satu atau beberapa bisnis logic atau class dan objek yang terpisah dalam satu ruang lingkup yang menjadi satu, sehingga tingkat keamanan dapat ditangani dengan baik.

2. Web service memiliki kemudahan dalam proses deployment-nya, karena tidak memerlukan registrasi khusus ke dalam suatu sistem operasi. Web service cukup di-upload ke web server dan siap diakses oleh pihak-pihak yang telah diberikan otorisasi.

3.  Web service berjalan di port  80 yang merupakan protokol standar HTTP, dengan demikian web service tidak memerlukan konfigurasi khusus di sisi firewall.

2.2.1        PHP

PHP singkatan dari Hypertext Preprocessor yaitu bahasa pemrograman web server-side yang bersifat open source.PHP merupakan script yang terintegrasi dengan HTML dan berada pada server. PHP adalah script yang digunakan untuk membuat halaman web yang dinamis. dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima oleh client selalu yang terbaru/up to date. Semua script PHP dieksekusi pada server dimana script tersebut dijalankan. (Anhar, 2010).

PHP adalah bahasa open source yang dapat digunakan di berbagai sistem operasi seperti Linux, Unix, macintosh, dan windows. PHP dapat dijalankan secara runtime melalui console serta dapat menjalankan perintah - perintah sistem. Open source artinya kode - kode PHP terbuka untuk umum dan kita tidak harus membayar biaya pembeliah atas keaslian license yang biasanya cukup mahal. Web server yang mendukung PHP dapat ditemukan dimana – mana. Mulai dari apache,IIS,Lighttpd, hingga xitami dengan konfigurasi yang  relatif mudah.PHP juga dilengkapi dengan berbagai pendukung lain seperti support langsung ke berbagai macam database yang populer misalnya oracle,postgreSQL,MySQL,dan lain – lain. (Anhar, 2010).

2.2.2        JSON

JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript, Standar ECMA-262 Edisi ke-3 - Desember 1999. JSON merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa pertukaran-data (Pengenalan JSON, 2015).

JSON terbuat dari dua struktur:

·         Kumpulan pasangan nama/nilai. Pada beberapa bahasa, hal ini dinyatakan sebagai objek (object), rekaman (record), struktur (struct), kamus (dictionary), tabel hash (hash table), daftar berkunci (keyed list), atau associative array.

·         Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan bahasa, hal ini dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan (sequence).

Struktur-struktur data ini disebut sebagai struktur data universal. Pada dasarnya, semua bahasa pemprograman moderen mendukung struktur data ini dalam bentuk yang sama maupun berlainan. Hal ini pantas disebut demikian karena format data mudah dipertukarkan dengan bahasa-bahasa pemprograman yang juga berdasarkan pada struktur data ini (Pengenalan JSON, 2015).

2.3              Aplikasi Android Hybrid

Aplikasi hybrid adalah aplikasi yang digunakan untuk hanya sekali saja melakukan pengkodean (coding) aplikasi setelah itu framework bisa menyesuaikan aplikasi agar framework dapat bekerja lebih dari satu sistem operasi. Contoh dari framework hybrid application ini adalah PhoneGap. Bagi pengembang, cara ini memang cukup efektif karena hanya melakukan pengkodean sekali dan biaya perancangan cukup rendah, akan tetapi masih ada beberapa kekurangan seperti keterbatasan fitur, fungsional aplikasi, dan performa aplikasi yang masih kalah jika dibandingkan dengan native aplikasi. Native yang dimaksud disini adalah aplikasi dikembangkan menggunakan teknologi bawaan dari sistem operasi smartphone (Komputer, 2014).

2.3.1        PhoneGap

PhoneGap merupakan framework gratis dan open source yang bisa digunakan untuk membuat aplikasi mobile multi-cross platform dengan standar web APIs (Applcation Programming Interfaces). Cross-flatform atau multi-flatform adalah sebuah software atau aplikasi yang bisa digunakan pada sistem operasi yang berbeda, contohnya adalah Apache HTTP Server, MySql, dan PHP. (Komputer, 2014).

PhoneGap menggunakan beberapa standar peulisan web seperti HTML5, JavaScript, dan CSS3 untuk membangun mobile cross-flatform. Aplikasi ini untuk memperbarui inovasi teknologi pembuatan aplikasi yang selama ini hanya menggunakan bahasa development aplikasi tertentu.

Keuntungan menggunakan PhoneGap adalah menghemat waktu programmer karena PhoneGap dapat membuat aplikasi pada beberapa smartphone dengan hanya satu kali koding, dan PhoneGap juga mendukung akses hardware pada native API di flatform yang didukungnya. Namun terlepas dari kelebihannya PhoneGap juga memiliki kekurangan yaitu fiturnya terbatas, dan tools yang tersedia kurang powerfull dan lengkap. (Komputer, 2014).

2.3.2        HTML 5

Hypertext Markup Language (HTML) adalah sebuah bahasa untuk menampilkan konten di web. HTML dapat menghandal Casceding Style Sheets (CSS) dan dan program untuk interaksi yaitu javascript. HTML sendiri adalah bahasa pemrograman yang bebas, artinya tidak dimiliki oleh siapapun, pengembangannya dilakukan oleh banyak orang di banyak negara dan bias dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global. (Winarno, M.Eng, & Zaki, 2011).

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin (Rahman, 2012).

HTML5 merupakan salah satu karya Konsortium World Wide Web Consortium untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web. Di masa depan, format HTML5 akan menjadi sangat penting bagi penyedia layanan browser dan web desain, dalam memajukan alat perambannya menjadi lebih kaya aplikasi, web dan web desain yg interaktif dan menarik. Demikian pengakuan dari General Manager Internet Explorer (IE) Dean Hachamovitch (Rahman, 2012).

2.3.3        Javascript

JavaScript, di tinjau dari jenisnya adalah bahasa jenis scripting. Artinya kita perlu mengetikkan kodenya secara langsung dan dieksekusi langsung dari kode, dan tidak dikompilasi dulu untuk dijadikan executable. Karena berupa bahasa scripting seperti HTML, maka JavaScript sangatlah ringan. Cocok diletakkan di file web yang di transfer via jaringan internet. JavaSript adalah kode pemrograman yang bisa dimasukkan atau disisipkan kedalam HTML. (Winarno, Eng, & Zaki, 3 in 1 : javaScript, jQuery, dan jQuery Mobile, 2014).

2.3.3.1       jQuery

jQuery adalah sebuah library JavaScript yang meliki motto “write less do more”. Artinya dengan mengetikkan kode yang sedikit, ada banyak hal yang bisa kita lakukan dengan jQuery. (Winarno, Eng, & Zaki, 3 in 1 : javaScript, jQuery, dan jQuery Mobile, 2014).

jQuery menyederhanakan hal-hal yang komplek dari JavaScript, seperti Ajax dan manipulasi DOM. Jadi jQuery menyediakan banyak sekali method siap pakai. Library jQery memiliki fitur-fitur berikut, yaitu manipulasi HTML/DOM, manipulasi CSS, method event HTML, efek dan animasi, AJAX, dan utility. (Winarno, Eng, & Zaki, 3 in 1 : javaScript, jQuery, dan jQuery Mobile, 2014).

2.3.3.2       Bootsrap

Bootstrap merupakan sebuah framework CSS, yang menyediakan kumpulan komponen-komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa untuk digunakan bersama-sama. Selain komponen antarmuka, Bootstrap juga menyediakan sarana untuk membangun layout halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan komponen-komponen lainnya. Bootstrap di kembangkan dengan teknologi HTML5, CSS3, dan jQuery. (Utama, 2006)

2.3.4        CSS 3

CSS3 adalah standar untuk CSS yang paling baru, banyak batasan website design yang dahulu tidak bisa ditangani oleh CSS sekarang bisa dilakukan dengan CSS3. CSS3 sepenuhnya kompatibel dan pelengkap dari CSS lama, sehingga browser akan selalu mendukung CSS lama dan kita tidak harus mengubah desain yang sudah ada (Rahman, 2012).

CSS 3 memiliki beberapa fitur baru, seperti:

1.      Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight

2.      Beberapa efek teks, seperti teks berbayang, kolom koran, dan "word-wrap".

3.      Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts".

4.      Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 3 dimensi, sudut-sudut yang tumpul dan bayangan.

”ANAKMU MENGENALKAN SIAPA DIRIMU”

① Jika anakmu BERBOHONG
Itu karna engkau MENGHUKUMNYA terlalu BERAT.

② Jika anakmu TDK PERCAYA DIRI, Itu karna engkau TIDAK MEMBERI dia SEMANGAT.

③ Jika anakmu KURANG BERBICARA Itu krn engkau TDK MENGAJAKNYA BICARA.

④Jika anakmu MENCURI
Itu karna engkau TIDAK MENGAJARNYA MEMBERI.

⑤ Jika anakmu PENGECUT
Itu karna engkau selalu MEMBELANYA.

⑥ Jika anakmu TIDAK MENGHARGAI ORG LAIN
Itu krn engkau BERBICARA TERLALU KERAS kepadanya.

⑦Jika anakmu suka MARAH²
Itu karna engkau KURANG MEMUJINYA.

⑧ Jika anakmu SUKA BERBICARA PEDAS
Itu krn engkau SERING BICARA PEDAS YG MENYAKITI HATINYA

⑨Jika anakmu SUKA MENGASARI org lain Itu karna engkau SUKA MELAKUKAN KEKERASAN terhadapnya.

⑩ Jika anakmu LEMAH Itu karna engkau SUKA MENGANCAMNYA.

⑪ Jika anakmu SUKA CEMBURU Itu karna engkau MENELANTARKANNYA.

⑫ Jika anakmu MENGGANGGUMU
Itu krn engkau KURANG MEMELUK&BERI PERHATIAN.

⑬ Jika anakmu TIDAK MEMATUHIMU Itu krn engkau MENUNTUT TERLALU BANYAK.

⑭Jika anakmu TERTUTUP
Itu krn kau TERLALU SIBUK.

Cara Membuat Web Service

Web service adalah aplikasi sekumpulan data (database), perangkat lunak (software) atau bagian dari perangkat lunak yang dapat diakses secara remote oleh berbagai piranti dengan sebuah perantara tertentu.  Secara umum,web service  dapat diidentifikasikan dengan menggunakan URL seperti hanya web pada umumnya. Namun yang membedakan web service dengan web pada umumnya adalah interaksi yang diberikan oleh web service. Berbeda dengan URL web pada umumnya, URL web service hanya menggandung kumpulan informasi, perintah, konfigurasi atau sintaks yang berguna membangun sebuah fungsi-fungsi tertentu dari aplikasi.

Web service dapat diartikan juga sebuah metode pertukaran data, tanpa memperhatikan dimana sebuahdatabase ditanamkan, dibuat dalam bahasa apa sebuah aplikasi yang mengkonsumsi data, dan di platform apa sebuah data itu dikonsumsi. Web service mampu menunjang interoperabilitas. Sehingga web service mampu menjadi sebuah jembatan penghubung antara berbagai sistem yang ada.

Menurut W3C Web services Architecture Working Group pengertian Web service adalah sebuah sistem softwareyang di desain untuk mendukung interoperabilitas interaksi mesin ke mesin melalui sebuah jaringan. Interfaceweb service dideskripsikan dengan menggunakan format yang mampu diproses oleh mesin (khususnya WSDL). Sistem lain yang akan berinteraksi dengan web service hanya memerlukan SOAP, yang biasanya disampaikan dengan HTTP dan XML sehingga mempunyai korelasi dengan standar Web (Web Services Architecture Working Group, 2004).

Cara Membuat Webservice

1. buat database.
   
   Sql membuat table mahasiswa
   CREATE TABLE `mahasiswa` ( 
   `nim` varchar(11) NOT NULL PRIMARY KEY, 
   `nama` varchar(15) NOT NULL
   );
   _________________________________________
   Sql membuat table mata_kuliah
   CREATE TABLE `mata_kuliah` (
   `kode` varchar(6) NOT NULL PRIMARY KEY, 
   `nama` text NOT NULL
   );
   ______________________________________
   Sql membuat table kbm
   CREATE TABLE `kbm` (
   `id` int(11) NOT NULL AUTO_INCREMENT PRIMARY KEY, 
   `mhs_nim` varchar(11) NOT NULL REFERENCES mahasiswa(nim) ON UPDATE CASCADE ON DELETE RESTRICT, 
   `mk_kode` varchar(6) NOT NULL REFERENCES mata_kuliah(kode) ON UPDATE CASCADE ON DELETE RESTRICT
   );
   _____________________________________
   Sql mengisi table
   INSERT INTO `mahasiswa` (`nim`, `nama`)
   VALUES('06401001', 'Sekti Wicaksono'),('06401002', 'Toni Hainuri');
   INSERT INTO `mata_kuliah` (`kode`, `nama`)
   VALUES('ITB001', 'Anak Baik'),('ITP001', 'Anak Ganteng');
   
   INSERT INTO `kbm` (`id`, `mhs_nim`, `mk_kode`)VALUES( , '06401001', 'ITB001'),( , '06401001', 'ITP001'),( , '06401002', 'ITP001');
2. Membuat Koneksi Database dengan PHP
   sebelum membuat koneksi database dengan PHP, buat dulu struktur folder berikut :
   
   *untuk xampp
   Buat di dalam folder htdocs\nama project\
   *untuk wampp
   Buat di dalam folder www\nama project\
   

   koneksi.php (didalam folder koneksi)

   <?php 

   $url = "localhost"; //link database

   $username = "root"; //masukan username database

   $password = ""; //password databse

   mysql_connect('localhost', 'root', '') or die($salah);

   
   

   mysql_select_db('latihan_coment') or die($salah);

   ?>
3. Membuat Web Service
   

   serviceListMatkul.php ( di dalam folder service)

   <?php 

   include "../koneksi/koneksi.php"; //memanggil konelsi database 

   
   

   $nim = $_GET['nim']; //mengambil nim yang di passing dari url

   
   

   //sql select tabel kbm berdasarkan nimmahasiswa

   $sql = "SELECT * FROM `kbm` WHERE `mhs_nim` = '".$nim."'";

   
   

   // mengekseskusi sql

   $result = mysql_query($sql) or die("SQL serviceListMatkul service eror");

   
   

   // memasukkan hasil sql query ke dalam array row 

   $rows = array();

   while ($data = mysql_fetch_assoc($result)) {

   $rows[] = $data;

   }

   
   

   // menampilkan isi dalam row dan mengubahnya dalam format JSON

   echo json_encode($rows);

   ?>
4. Cara memanggil Service
   

   Urlhost:FILEPHP.PHP?[nama variable yang di passing]=[value]
5. Mengambil Data Json ke dalam HTML ke dalam jquery
   
   
   
   
   
   
   
   
   
   
   
   
   

   Author : Fahim Alawi, ST

Diary Class : Membuat Citation Otomatis Dengan Memanfaatkan Plugin Mendeley

selama ini saya membuat citation insert atu-atu per-buku, setelah di perkenalkan dengan mendeley dalam kuliah TA 1 tindakan insert citation atu-atu saya fikir kurang kerjaan banget. :D

apa sih mendeley...?

Mendeley desktop adalah Program web yang digunakan untuk mengelola makalah penelitian , skripsi, tesis yang berhubungan dengan penyusunan daftar pustaka.

Software ini dapat didownload di situs resmi secara gratis. Situs tersebut adalah http://www.mendeley.com.

nah sekarang kita sudah tahu apa itu mendeley, untuk mencobanya silakan download dan install. jika sudah install klik menu tools pada mendeley kemudian klik Install MS Word Plugin.

keuntungan menggunakan mendeley adalah anda tak perlu lagi menginsert citation satu persatu, anda hanya perlu memasukkan file ebook yang jadi referensi anda ke dalam aplikasi mendeley. maka citationnya akan otomatis ada tinggal anda pakai.

Selamat Mencoba...

Diary Class : Cara Membuat Daftar Isi atau Table Of Content di Microsoft Word.

Langkah pertama yang perlu kita lakukan adalah membuat heading.

pada contoh di atas kita set BAB 1 sebagai heading 1, sedangkan latar belakang, rumusan masalah dan tujuan kita set dengan heading 2.

caranya cukup mudah : 

1. Tempatkan pointer di bagian yang ingin kita set.
2. Kemudian buka menu Home.
3. cari bagian styles.
4. dan pilih heading yang kita inginkan.

nah setelah selesai, sekarang kita akan membuat daftar isi atau di dalam office di kenal dengan table of content. berikut caranya :

1. tempatkan pointer di tempat dimana kita akan menaruh daftar isi yang akan kita buat.
2. buka menu References.
3. cari bagian table of contents
4. pilih / klik table of contents dan pilih format yang kita inginkan.
5. untuk lebih jelas lihat gambar. 

berikut hasilnya :

jika anda kurang puas dengan tampilan default table of content dari office anda juga bisa mengubahnya, dalam hal ini saya akan mempraktikkan cara mengubah bab biar terlihat seperti gambar berikut :

yang perlu kita lakukan adalah sebagai berikut :

1. klik menu Home
2. pada bagian styles
3. klik preview, manage and customize styles. untuk lebih jelasnya lihat gambar.
   
4. lalu akan muncul window styles seperti gambar berikut. cari heading 1. jika tidak ada lakukan hal berikut klik options.
   
   akan muncu window seperti gambar di bawah. kemudian pada select styles to show pilih all style.
   
5. setelah heading 1 muncul klik kanan dan pilih modify
6. setelah anda mengklik modify akan muncul window modify styles, nah di situ anda bisa mengubah sesuka hati anda. dalam kasus di atas kita pilih paragraph
   
   lakukan perubahan sesuai gamber berikut
   
7. setelah itu tekan ok. dan ulangi membuat table of content.

note : dalam mempraktikkan saya menggunakan office 2013. jika berbeda versi office mungkin terdapat perbedaan letak dan menu.