MATA KULIAH FRAMEWORK

TUGAS – MAKALAH

Dosen Pengampu :
Rizky Parlika S.Kom., M.Kom.
Oleh :
Fitri Rahmawati (1634010046 / Paralel – B)

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAWA
TIMUR
2019
 DAFTAR ISI

DAFTAR ISI.............................................................................................................................ii

PERBEDAAN NODE JS, ANGULAR JS DAN ELECTRON JS ....................................... 1

PERBEDAAN LARAVEL DAN CODEIGNITER .............................................................. 3

KONTRIBUSI PADA FINAL PROJECT UAS .................................................................... 5

MEMBUAT APLIKASI UNTUK MENGHITUNG VOLUME TABUNG DENGAN

VARIABEL PHI, JARI-JARI DAN TINGGI MENGGUNAKAN KONSEP
PEMROGRAMAN YII ........................................................................................................... 6

MEMBUAT APLIKASI UNTUK MENGHITUNG VOLUME BALOK DENGAN

VARIABEL SISI MENGGUNAKAN KONSEP PEMROGRAMAN LARAVEL ........... 8

MEMBUAT APLIKASI UNTUK MENGHITUNG VOLUME BALOK DENGAN

VARIABEL PANJANG, LEBAR DAN TINGGI MENGGUNAKAN KONSEP
PEMROGRAMAN NODEJS ............................................................................................... 10

KONTRIBUSI PADA FINAL PROJECT UTS .................................................................. 12

DAFTAR PUSTAKA ............................................................................................................. 13

II
 PERBEDAAN NODE JS, ANGULAR JS DAN ELECTRON JS

Node Js, Angular Js dan Electron Js merupakan framework yang cukup dikenal. Framework-
framework ini memiliki beberapa perbedaan. Beberapa perbedaan antara framework-
framework ini ialah :

NODE JS ANGULAR JS ELECTRON JS

Node.js library run-time AngularJS framework yang Electron merupakan suatu
cross-platform untuk aplikasi dikembangkan apliksi web framework JavaScript yang
web yang di tulis dalam open source oleh Google digunakan untuk
bahasa JavaScript mengembangkan aplikasi
berbasis desktop
Node.js dalam bahasa C, AngularJS ditulis dalam Electron ditulis dalam bahasa
C++ dan JavaScript. Node.js JavaScript, semanya. Ini juga C++. Namun JavaScript
Support non-blocking inpu bisa diperluas untuk intraktif yang digunakan electron ini
atau output API dan pada coding HTML. dirancang dengan
Arsitektur even-driven menggunakan teknologi
HTML, CSS dan JavaScript.
Node.js sangat membantu AngularJS sangat membantu Electron sangat membantu
project fast dan sclabel untuk web sisi klien dengan untuk membuat aplikasi di
server-side dalam SPA (singe page application) dekstop
networikng applications yaitu satu halaman
Biasanya Ideal nya untuk AngularJS ide untuk Electron baik digunakan
pengembangan proyek membuat aplikasi interaktif untuk membuat aplikasi
ukuran kecil dan sangat aktif dengan dekstop di windows, macos
konsep MVC. dan linux
Fokus pada JavaScript Diperlukan pemahaman Tidak terlalu fokus pada
karena dapat berjalan sebagai yang dalam tentang javascirpt
Client-side dan Server-side prototype dan cakupan,
dalam berbagai aspek
JavaScript lainya

1
Node.js dalam kondisi situasi AngularJS dalam kondisi Electron sangat membantu
dibutuhkan untuk project situasi sangat membantu untuk membangun aplikasi
lebih cepat dan lebih struktur untuk project aplikasi real- yang cross platform dan juga
time seperti chat, messaging sifatnya open source
dan lain-lain

2
 PERBEDAAN LARAVEL DAN CODEIGNITER

Laravel dan Codeigniter merupakan framework PHP yang cukup dikenal. Framework-
framework ini memiliki beberapa perbedaan. Beberapa perbedaan antara framework-
framework ini dapat ditampilkan seperti tabel berikut :

Dasar Perbandingan Laravel Codeigniter

Definisi Laravel merupakan open source CodeIgniter merupakan
PHP Framework, menggunakan framework PHP yang juga open
MVC, yang mana framework source. Framework ini dibuat
ini termasuk powerfull dan untuk pengembang yang ingin
mudah untuk dipelajari. Cocok membuat aplikasi web sederhana
untuk pengembang yang ingin namun mempunyai fitur yang
membuat aplikasi web yang sangat lengkap dan elegan.
canggih dengan fitur yang
elegan dan modern.
Database Model Object Oriented Relational-Object Oriented
Programming Laravel adalah Object Oriented Component Oriented
Paradigm Event Driven Functional
Routing Explicit Routing Mendukung Baik Explicit
Routing maupun Implicit
Routing
Built-in Modules Mengizinkan Tidak mendukung fitur built-in
programmer/pengembang modules, ini membutuhkan
untuk membantu project ke pengembang untuk membuat
dalam modul-modul kecil sendiri dan mengelolanya
melalui bundle, dan dapat menggunakan tambahan
menggunakan kembali modul Modular Extension.
di dalam berbagai macam
project yang berbeda.
HTTPS Support Mengizinkan pengembang Tidak mendukung penuh
untuk menentukan kustom penggunaan HTTPS route.
HTTPS Routes. Pengembang Pengembang harus mengelola

3
juga mempunyai wewenang URL Helper untuk membuat
untuk membuat URL yang transmisi data aman dengan
spesifik untuk masing-masing pengembangan pats.
routes. Laravel lebih jauh
menjamin keamanan data yang
ditransmisikan dengan
menambahkan https:// sebelum
URL secara otomatis.

4
 KONTRIBUSI PADA FINAL PROJECT UAS

Pada final project uas kelompok saya membuat suatu aplikasi yang berjudul Grafik
Total Akses Perintah Bot Telegram Teknik Informatika. Dalam aplikasi ini kita dapat
melihat banyaknya akses perintah pada telegram mengenai teknik informatika. pada aplikasi
ini saya berkontribusi untuk membuat bagian grafik himatifa. Grafik ini terdiri dari tahun
kemudian bulan dan juga hari.

5
 MEMBUAT APLIKASI UNTUK MENGHITUNG VOLUME TABUNG
DENGAN VARIABEL PHI, JARI-JARI DAN TINGGI
MENGGUNAKAN KONSEP PEMROGRAMAN YII

Terdapat beberapa tahapan untuk membuat aplikasi menghitung volume tabung dengan
variabel phi, jari-jari dan tinggi, berikut cara-cara nya :
1. Install yii
2. Buat project baru menggunakan composer dengan perintah seperti berikut :
composer create-project --prefer-dist
yiisoft/yii2-app-basic basic

3. Jalankan aplikasi melalui cmd dan ketikkan perintah :

php yii serve

4. Buat file baru bernama “volumetabung.php” dan simpan pada folder views/site.
Kemudian ketikkan code seperti berikut :

6
5. Buat file baru bernama “volumetabungform.php” simpan pada folder models.
Kemudian ketikkan code pada file seperti ini :

6. Buka browser dan akses “http://localhost:8080/index.php/volumetabung, jika berhasil

akan terlihat seperti ini :

7
 MEMBUAT APLIKASI UNTUK MENGHITUNG VOLUME BALOK
DENGAN VARIABEL SISI MENGGUNAKAN KONSEP
PEMROGRAMAN LARAVEL

Terdapat beberapa tahapan untuk membuat aplikasi menghitung volume balok dengan variabel
sisi menggunakan laravel, berikut cara-cara nya :
1. Download dan install Laravel 6.0 menggunakan composer dengan perintah composer
global require "laravel/installer”.
2. Buat project baru menggunakan composer dengan perintah seperti berikut :
composer create-project --prefer-dist
laravel/laravel volumebalok

3. Buat view atau tampilan dari aplikasi dengan cara membuat file baru bernama
“volumebalok.blade.php” dan simpan pada folder resources/views. Kemudian ketikkan
code pada file seperti ini :

4. Buka folder routes/web.php dan tambahkan source code berikut ini :

5. Buat file controller baru menggunakan composer dengan perintah seperti berikut :

php artisan make:controller VolumeController

8
6. Ketikkan code pada file volumeController seperti berikut :

7. Tambahkan lagi pada route dengan code berikut :

8. Jalankan project yang telah dibuat dengan mengetikkan perintah :

php artisan serve

9. Buka browser dan akses “http://localhost:8000/volumebalok, jika berhasil akan terlihat

seperti ini :

9
 MEMBUAT APLIKASI UNTUK MENGHITUNG VOLUME BALOK
DENGAN VARIABEL PANJANG, LEBAR DAN TINGGI
MENGGUNAKAN KONSEP PEMROGRAMAN NODEJS

Terdapat beberapa tahapan untuk membuat aplikasi menghitung volume balok dengan variabel
panjang, lebar dan tinggi menggunakan Nodejs, berikut cara-cara nya :
1. Buat folder dengan nama “volumebalok” kemudian ketikkan perintah “npm init” dan
isi sesuai keinginan anda
2. Kemudian install modul node.js pada kali ini untuk tampilannya menggunakan
handlebars, express dan body-parser untuk menerima data. Dengan cara menggunakan
perintah :

npm i express hbs body-parser

3. Kemudian buat file index.js dan folder views. Dan masukkan source code atau
inisialisasi modul yang telah kita install sebelumnya ke dalam file index.js seperti
berikut ini :

4. Kemudian atur route atau alamat untuk menghandle request yang di inginkan. Pada kali
ini cukup menghandle route index saja. Dan terdapat 2 request yakni get dan post.
Dimana get untuk menampilkan dan post untuk menerima data dari form
method=”post”. Sehingga menghasilkan source code seperti berikut ini :

10
5. Masukkan source ke dalam index.js, setelah konfigurasi bagian server atau backend
telah selesai. Selanjutnya untuk membuat tampilan atau front endnya. Masuk ke dalam
folder views. Dan buat sebuah file bernama home.hbs dengan source code berikut ini :

6. Kemudian jalankan server atau nodejs dengan mengetik perintah node index.js jika
berhasil akan menampilkan sebuah pesan pada log terminal seperti berikut ini:
Server is running at port 8000

7. Jalankan pada browser dengan mengetik http://localhost:8000 jika berhasil akan

menampilkan seperti gambar dibawah ini :

11
 KONTRIBUSI PADA FINAL PROJECT UTS

Pada final project uts kelompok saya membuat paper yang berjudul Sistem Kinerja
Organisasi Mahasiswa dengan Notifikasi Berjenjang Menggunakan Codeigniter dan
Facebook API. Dalam sistem ini kita dapat melihat hasil kinerja ORMAWA yang ada di FIK
sehingga dapat mengawasi kinerja ormawa tersebut. pada paper ini saya berkontribusi untuk
membuat bagian pendahuluan. Pendahuluan dalam paper ini membahas mengenai pentingnya
kebutuhan informasi, media-media yang dapat menyebarkan informasi, penggunaan notifikasi
serta kinerja ormawa.

12
 DAFTAR PUSTAKA

https://fahmiffa.blogspot.com/2018/01/perbedaan-angularjs-dan-nodejs.html
https://www.dumetschool.com/blog/Electron-Framework-Membuat-Aplikasi-Desktop-
Dengan-Teknologi-Web
http://news.gunadarma.ac.id/2018/01/celah-keamanan-pada-windows-apps-yang-dibangun-
dengan-framework-elektron-js/
https://www.niagahoster.co.id/blog/laravel-vs-codeigniter/

13