5 0 791 KB
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. Frameworkframework ini memiliki beberapa perbedaan. Beberapa perbedaan antara frameworkframework ini ialah : NODE JS Node.js
library
ANGULAR JS
ELECTRON JS
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
Arsitektur even-driven
dengan
menggunakan
teknologi
HTML, CSS dan JavaScript. Node.js sangat membantu AngularJS sangat membantu Electron sangat membantu project
fast
server-side
dan
sclabel untuk web sisi klien dengan untuk membuat aplikasi di dalam SPA (singe page application) dekstop
networikng applications
yaitu satu halaman
Biasanya Ideal nya untuk AngularJS pengembangan
ide
untuk Electron
proyek membuat aplikasi interaktif untuk
ukuran kecil
pada
membuat
digunakan aplikasi
dan sangat aktif dengan dekstop di windows, macos konsep MVC.
Fokus
baik
JavaScript Diperlukan
karena dapat berjalan sebagai yang Client-side dan Server-side
prototype dalam
dan linux pemahaman Tidak terlalu fokus pada
dalam dan berbagai
JavaScript lainya
1
tentang javascirpt cakupan, aspek
Node.js dalam kondisi situasi AngularJS dibutuhkan
untuk
project situasi
dalam
sangat
kondisi Electron sangat membantu
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. Frameworkframework ini memiliki beberapa perbedaan. Beberapa perbedaan antara frameworkframework ini dapat ditampilkan seperti tabel berikut : Dasar Perbandingan Definisi
Laravel
Codeigniter
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 Routing
Baik
Explicit
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,
dapat menggunakan
tambahan
dan
menggunakan kembali modul Modular Extension. di
dalam
berbagai
macam
project yang berbeda. HTTPS Support
Mengizinkan untuk
pengembang Tidak
menentukan
mendukung
kustom penggunaan
HTTPS
penuh 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-DesktopDengan-Teknologi-Web http://news.gunadarma.ac.id/2018/01/celah-keamanan-pada-windows-apps-yang-dibangundengan-framework-elektron-js/ https://www.niagahoster.co.id/blog/laravel-vs-codeigniter/
13