WEB FRAMEWORK 1 (Pengenalan dan Instalasi Node Js)

KATA PENGANTAR

Dengan menyebut nama Tuhan Yang Maha Esa , kami ucapkan puji syukur atas kehadirat-Nya, yang telah melimpahkan rahmat, hidayah, dan inayah-Nya , sehingga dapat menyelesaikan Laporan Praktikum berupa penjelasan web framework menggunakan node js dan juga kami berterima kasih kepada Tri Sandhika Jaya, S.Kom., M.Kom. selaku dosen mata kuliah Pemrograman Web Framework di Politeknik Negeri Lampung yang telah memberikan tugas ini.

Adapun ini telah kami usahakan semaksimal mungkin dengan bantuan referensi blog maupun website yang ada di internet sehingga dapat memperlancar pembuatan laporan ini. Penyusun sangat berharap laporan ini dapat berguna dalam rangka menambah wawasan serta pengetahuan tentang penggunaan langkah awal menggunakan node js . Penyusun juga menyadari sepenuhnya bahwa di dalam laporan ini terdapat kekurangan dan jauh dari kata sempurna. Oleh sebab itu, penyusun berharap adanya kritik, saran dan usulan demi perbaikan makalah yang telah kami buat di masa yang akan datang, mengingat tidak ada sesuatu yang sempurna tanpa saran yang membangun.

Semoga laporan sederhana ini dapat dipahami bagi siapapun yang membacanya. Sekiranya laporan yang telah disusun ini dapat berguna bagi kami sendiri maupun orang yang membacanya. Sebelumnya penyusun mohon maaf apabila terdapat kesalahan kata-kata yang kurang berkenan dan kami memohon kritik dan saran yang membangun demi perbaikan di masa depan.

Bandar Lampung, Maret 2020

      Penyusun,

BAB I

PENDAHULUAN

1.1  Latar Belakang

Pembuatan aplikasi web dengan menggunakan framework sudah semakin banyak ditemui. Framework selain dapat mempercepat pembuatan suatu aplikasi web, juga bisa digunakan kembali untuk pembuatan aplikasi lain sehingga lebih efisien. Pembuatan situs web (website) forum dapat mengimplementasikan framework untuk pengembangannya. Framework dapat memudahkan dalam melakukan perubahan dan perawatan situs web, baik web statis atau dinamis. Hal ini terjadi karena saat melakukan perubahan pada framework, keseluruhan aplikasi akan berubah mengikuti perubahan pada framework.

Selain itu, laporan ini dibuat untuk memenuhi tugas pemrograman web framework program studi Manajemen Informatika yang menggunakan framework node js. Mengetahui langkah awal menggunakan node js, pengaturan-pengaturan di dalam nya serta script yang di gunakan dalam node js

1.2  Rumusan Masalah

1. Bagaimana penerapan langkah awal pada web framework node js?
2. Apa saja extension yang dibutuhkan dalam node js? Seperti apa fungsinya?
3. Seperti apa cara koneksi ke browser melalui node js?

1.3  Tujuan

1. Mengetahui langkah awal membuka node js
2. Mengetahui tentang ekstension beserta fungsinya
3. Memahami script yang dipakai untuk koneksi

BAB II

LANDASAN TEORI

Framework adalah kerangka kerja atau kumpulan data yang dapat membantu seorang programmer dalam menengani setiap berbagai masalah dalam pemrogramanseperti koneksi data,file dll. Framework adalah sebuah komponen yang dapat ditambahan ke berbagai system operasi seperti Microsoft Windows. Selain itu Framework juga dapat menyediakan sejumlah solusi – solusi pemrograman untuk memenuhi kebutuhan – kebutuhan .

Node.js adalah perangkat lunak yang didesain untuk mengembangkan aplikasi berbasis web dan ditulis dalam sintaks bahasa pemrograman JavaScript. Bila selama ini kita mengenal JavaScript sebagai bahasa pemrograman yang berjalan di sisi client / browser saja, maka Node.js ada untuk melengkapi peran JavaScript sehingga bisa juga berlaku sebagai bahasa pemrograman yang berjalan di sisi server, seperti halnya PHP, Ruby, Perl, dan sebagainya. Node.js dapat berjalan di sistem operasi Windows, Mac OS X dan Linux tanpa perlu ada perubahan kode program. Node.js memiliki pustaka server HTTP sendiri sehingga memungkinkan untuk menjalankan server web tanpa menggunakan program server web seperti Apache atau Nginx.

Kelebihan Memakai Node.js

• Node.js menggunakan bahasa pemrograman JavaScript yang diklaim sebagai bahasa pemrograman yang paling populer dan banyak dikenal oleh masyarakat luas
• 2.Node.js mampu menangani ribuan koneksi bersamaan dengan penggunaan resource minimum untuk setiap prosesnya
• 3.Node.js sangat diandalkan terutama untuk membuat aplikasi real-time
• 4.Node.js adalah project open source, sehingga siapapun dapat melihat struktur kode dan juga dapat berkontribusi untuk pengembangannya.
• Penggunaan JavaScript di sisi server dan juga client meminimalisir ketidakcocokan antar dua sisi lingkungan pemrograman, seperti terkait komunikasi data yang mana menggunakan struktur JSON yang sama di kedua sisi, validasi form yang sama yang dapat dijalankan di sisi server dan client, dan sebagainya.

BAB III

PEMBAHASAN

Langkah – langkah yang harus dilakukan dalam aplikasi node js

1. Download node.js di official websitenya yaitu https://nodejs.org/. Sesuaikan  dengan Operating System (OS) yang kita gunakan. Biasanya https://nodejs.org/ akan mengenal otomatis OS yang Anda gunakan, jadi anda bisa langsung klik tombol download.
2. Setelah selesai download, maka langsung saja di install di computer /laptop kita
3. Untuk mengecek apakah instalasi berhasil atau tidak. Buka Command Prompt. Dengan cara Ctrl+R kemudian ketikan cmd, ketikan perintah:

 node –v  (Menampilkan versi node js yang di gunakan)

4. Setelah itu, cek juga npm  package manager-nya

 npm –v

5. Kemudian, kita perlu menginstall  Visual Studio code sebagai text editornya. Perlu juga untuk menginstall  extension VS code.

-          Sublime Text Keymap

-          Open in Browser

-          Live Server

-          Auto Rename Tag

-          Intellisense for CSS Classnames

-          CSS Peak

-          Indent Rainbow

-          Beautify

-          Bracket Pair Colorizer

-          PHP intellisense

-          One Dark Pro

6. Tekan Ctrl + (,) => Text Editor =>Formatting => Ceklis Format on Save

7. Pertama buat sebuah folder baru dengan nama nodejs. Disini saya membuatnya di my

documents. Kemudian, buat file javascript dengan nama app.js dan letakkan didalam folder nodejs yang tadi dibuat. Buka file app.js dengan texteditor  VS Code. Kemudian ketikan perintah berikut:

console.log('Hello World');

Lalu save (Ctrl+S). Kemudian kembali ke Command Prompt dan panggil app.js.

8. Gunakan perintah di bawah ini untuk menghubungkan ke browser

Lalu kita cek di browser localhost: 8080 hasilnya akan seperti ini

9. Untuk mengatur npm (Note Package Manager) yang berfungsi untuk menampung modul + informasi project yang kita buat. Gunakan perintah :

npm init

-          Package name : Lusi

-          Desc : Belajar NODE JS ( menyesuaikan bisa apa saja)

-          Keyword : npm

-          Autor : Lusi Santika

Setelah itu selesai  maka akan otomatis muncul folde package Jason

10. Tambahkan script “Hai”: “echo \”Hallo Dunia\””

11. Untuk memahami lebih dalam tentang  npm . Kita install moment (nama modul). Maka akan berhasil seperti gambar di bawah

BAB III

PENUTUP

Kesimpulan

Framework adalah kerangka kerja atau kumpulan data yang dapat membantu seorang programmer dalam menengani setiap berbagai masalah dalam pemrogramanseperti koneksi data,file dll. Framework adalah sebuah komponen yang dapat ditambahan ke berbagai system operasi seperti Microsoft Windows. Selain itu Framework juga dapat menyediakan sejumlah solusi – solusi pemrograman untuk memenuhi kebutuhan – kebutuhan .