BERBASIS WEB
Oleh :
Praja Salya Nugraha (1906033)
Nadhif Fathurahman (1906035)
Diva Nuratnika Rahayu (1906050)
Chaerul Syah Al Kamal (1906059)
Kami menyadari bahwa laporan ini dapat diselesaikan berkat dukungan dan
bantuan dari berbagai pihak. Oleh karena itu, kami berterimakasih kepada semua
pihak yang secara langsung dan tidak langsung memberikan kontribusi dalam
penyelesaian laporan ini.
Kiranya kami berharap tesis ini mudah-mudahan dapat memberis umbangsih bagi
pendididikan dan teknologi yang selalu menghadapi tantangan seiring dengan
tututan jaman.
Tim Penyusun
i
DAFTAR ISI
KATA PENGANTAR..............................................................................................i
DAFTAR ISI............................................................................................................ii
DAFTAR GAMBAR..............................................................................................iv
DAFTAR TABEL....................................................................................................v
1. PENDAHULUAN............................................................................................1
2. TINJAUAN PUSTAKA...................................................................................3
2.1.2. Javascript............................................................................................3
2.1.5. MySQL...............................................................................................5
ii
3.1. Hasil Penelitian..........................................................................................8
DAFTAR PUSTAKA............................................................................................18
iii
DAFTAR GAMBAR
Gambar 1 Notasi Sequence Diagram.......................................................................8
Gambar 2 Notasi Class Diagram..............................................................................9
Gambar 3 Use Case Diagram.................................................................................11
Gambar 4 Activity Diagram Login Admin............................................................11
Gambar 5Activity Diagram Login Owner.............................................................12
Gambar 6 Activity Diagram Stok Barang Admin..................................................12
Gambar 7 Activity Diagram Stok Barang Owner..................................................13
Gambar 8 Activity Diagram Penjualan Admin......................................................14
Gambar 9Activity Diagram Penjualan Owner.......................................................15
Gambar 10 Activity Diagram Manage Operator....................................................15
Gambar 11Activity Diagram Laporan...................................................................16
Gambar 12 Sequence Diagram Login....................................................................16
Gambar 13 Sequence Diagram Stok Barang..........................................................16
Gambar 14 Sequence Diagram Penjualan..............................................................17
Gambar 15 Sequence Diagram Manage Operator.................................................17
Gambar 16 Sequence Diagram Laporan................................................................18
Gambar 17 Class Diagram.....................................................................................18
iv
DAFTAR TABEL
v
1. PENDAHULUAN
1
1.3. Tujuan Penelitian
Berdasarkan pembahasan di atas, tujuan dari penelitian ini adalah
membangun sebuah Sistem Informasi Point of Sale berbasis web untuk
mempermudah proses transaksi penjualan.
2
2. TINJAUAN PUSTAKA
2.1.2. Javascript
JavaScript atau yang sering disingkat JS adalah Bahasa pemograman
client-side yang dapat digunakan untuk menangani antarmuka aplikasi web dan
menghasilkan halaman web dinamis melalui Document Object Model (DOM)[2].
Secara teknis, JS merupakan bahasa pemrograman interpreter, sehingga tidak
memerlukan compiler untuk menjalankannya. JS dapat membuat user berinteraksi
dengan website secara cepat tanpa harus melibatkan web server. JS dapat
membuat fitur-fitur serta efek tambahan pada halaman statis HTML sehingga
desain website menjadi lebih interaktif dan user friendly.
JS bergantung kepada browser (navigator) yang memanggil dan
menampilkan halaman web. JS dapat bekerja di sebagian besar penjelajah web
populer seperti Google Chrome, Internet Explorer (IE), Mozilla Firefox, Netscape
dan Opera. JS bersifat “case sensitive”, artinya penamaan variabel dan fungsi
yang menggunakan huruf besar dan huruf kecil memiliki arti yang berbeda. JS
juga bersifat client-side, karena tidak memerlukan penerjemah khusus untuk
menjalankannya di sisi user/klien, serta data yang diinput oleh user dapat
langsung diproses meskipun tidak ada koneksi internet.
3
2.1.3. Node JS
Node.js adalah perangkat lunak yang didesain untuk mengembangkan
aplikasi berbasis web dan ditulis dalam sintaks bahasa pemrograman
JavaScript[3]. 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, sepertihalnya PHP, Ruby,
Perl, dan sebagainya. Node.js dapat berjalan di sistem operasi Windows, Mac OS
X danLinux tanpa perlu ada perubahan kode program.
3.Maintenance (pemeliharaan).
4
sebelumnya bekerja di Google dengan menggunakan AngularJS. Hal itulah yang
melatarbelakangi seorang Evan You mengembangkan sebuah library yang lebih
ringan daripada AngularJS.
2.1.5. MySQL
MySQL (My Structured Query Language) adalah sebuah program open
source yang digunakan sebagai pembuat dan pengelola basis data atau yang sering
disebut dengan DBMS (Database Management System).MySQL merupakan
server yang melayani database, untuk membuat atau mengolah database kita dapat
mempelajari pemograman khusus yang disebut Query atau perintah[5]. MySQL
menerapkan program pengakses basis data yang bersifat jaringan, sehingga dapat
digunakan untuk aplikasi multi user (banyak pengguna). Kelebihan lain dari
MySQL adalah menggunakan bahasa query (permintaan) standar SQL. SQL
adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk
semua program pengakses database seperti oracle, PosgreSQL, SQL Server dan
lain-lain. MySQL dapat didukung oleh hampir semua program aplikasi baik yang
bersifat open source maupun tidak yang ada platform windows seperti Visual
Basic, Delphi dan lainnya.
5
dimana model ini merupakan model siklus hidup klasik yang sistematis dalam
mengembangankan sutau software atau perangkat lunak.
Model waterfall ini memiliki tahapan yang harus dilalui hingga produk
atau software siap untuk dipakai oleh pengguna. Tahapan yang harus dihadapi
oleh pengembang yaitu[7]:
1) Requirement System (Perencanaan Sistem)
2) Analysis System (Analisa Sistem)
3) Design System (Perancangan Sistem)
4) Implementation System (Penerapan Sistem)
5) Testing System (Pengujian Sistem)
6) Maintenance System (Pemeliharaan Sistem)
6
dengan aktor
Association merupakan abstraksi
dari penghubung antara aktor
dengan use case
Tabel 1 Notasi Use Case Diagram
Transisi, menunjukan
bagaimana aliran kerja itu
berjalan dari satu aktivitas ke
aktivitas lainnya
Decision, menunjukan dimana
sebuah keputusan perlu dibuat
dalam aliran kerja
7
dan berbagai metode objek-objek dalam sistem. Setiap satu sequence diagram
yang dibuat dalam rangkaian UML, harus merujuk pada satu activity diagram[11].
8
Gambar 2 Notasi Class Diagram
9
3. HASIL DAN PEMBAHASAN
10
1. Use Case Diagram
2. Activity Diagram
Login Admin
11
Login Owner
12
Stok Barang Owner
13
Penjualan Admin
Penjualan Owner
14
Gambar 9Activity Diagram Penjualan Owner
Manage Operator
Laporan
15
Gambar 11Activity Diagram Laporan
3. Sequence Diagram
Login
Stok Barang
16
Penjualan
Manage Operator
Laporan
17
Gambar 16 Sequence Diagram Laporan
4. Class Diagram
18
4. KESIMPULAN DAN SARAN
19
DAFTAR PUSTAKA
20
http://journal.lembagakita.org/index.php/jtik/article/view/209.
DOI: https://doi.org/10.35870/jtik.v5i2.209
[8] T. A. K.-J. T. I. dan I. Komput and undefined 2018, “Pemodelan use case
(UML): evaluasi terhadap beberapa kesalahan dalam praktik,”
researchgate.net, [Online]. Available:
https://www.researchgate.net/profile/Tri-Kurniawan-2/publication/3235428
56_Pemodelan_Use_Case_UML_Evaluasi_Terhadap_beberapa_Kesalahan
_dalam_Praktik/links/5a9b29b345851586a2ac2949/Pemodelan-Use-Case-
UML-Evaluasi-Terhadap-beberapa-Kesalahan-dalam-Praktik.pdf.
DOI: 10.25126/jtiik.201851610
[9] R. Renaldi, D. A. A.-E. J. T. Elektro, and undefined 2020, “Sistem
Informasi Geografis Pemetaan Sekolah Menengah Atas/Sederajat di Kota
Surakarta Menggunakan Leaflet Javascript Library Berbasis Website,”
journals.ums.ac.id, [Online]. Available:
https://journals.ums.ac.id/index.php/emitor/article/view/10945.
DOI: https://doi.org/10.23917/emitor.v20i02.10945
[10] E. Affandi, T. S.-J. T. S. Informasi, and undefined 2018, “Pemodelan Uml
Manajeman Sistem Inventory,” ojs.trigunadharma.ac.id, [Online].
Available: https://ojs.trigunadharma.ac.id/index.php/jsk/article/view/27.
DOI: https://doi.org/10.53513/jsk.v1i2.27
21