7 Soal Uts Uas Framework (1634010046) [PDF]

Citation preview

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