LAPORAN TUGAS BASIS DATA GRAFIK

DOSEN PENGAMPU:

Dr. Arbi Haza Nasution, B.IT, M.I.T

Disusun Oleh kelompok 1:

1. Nurfauzan Hanif 213105053360
2. Maulana Fadil Nasution 213510313
3. Wahyu Dwi Candra 213510154
4. Siti Annisa Nur Azzahra 213510538

FAKULTAS TEKNIK
PROGRAM STUDI TEKNIK INFORMATIKA
UNIVERSITAS ISLAM RIAU
PEKANBARU
2024
1.

Disini terdapat tampilan awalan device kita tergantung kita memakai device nya

2.

Disini telah kita lihat isi file dari yang di download data set nya yaitu laporan data pasar yang berupa
data excell tersebut
3.

Pengimport an data file tadi ke neo 4 j tersebuat agar bisa melanjutkan hyper query nya

Memuat Data dari File CSV:

Baris pertama LOAD CSV WITH HEADERS FROM 'file:///nama_file.csv' AS row memuat data dari
file CSV dengan header.
 Perintah ini mengambil setiap baris dari file CSV dan menginisialisasi variabel row untuk
mewakili data di setiap baris.
Membuat Node “Pasar”:

Baris kedua MERGE (p:Pasar {nama: row.nama_pasar}) bertujuan untuk membuat atau
memperbarui node dengan label “Pasar”.

Node ini memiliki properti “nama” yang diatur sesuai dengan nilai dari kolom “nama_pasar”
pada setiap baris file CSV.

Membuat Node “Provinsi”:

Bagian ini tidak sepenuhnya terlihat, tetapi sepertinya bertujuan untuk membuat node dengan
label “Provinsi” atau mengatur properti berdasarkan nilai unik pada kolom “provinsi”.

Membuat Relasi Antara “Pasar” dan “Provinsi”:

Baris terakhir menghubungkan node “Pasar” dan “Provinsi”.

Data dari file CSV dimuat kembali, dan pasangan node “Pasar” dan “Provinsi” yang telah
dibuat sebelumnya dicocokkan berdasarkan nama masing-masing dari kolom file CSV.

Perintah MERGE (p)-[:TERLETAK_DI]->(pr) membuat relasi dengan label “TERLETAK_DI” antara

pasangan node “Pasar” dan “Provinsi”.

Kode yang Anda berikan adalah Cypher query language, yang digunakan untuk berinteraksi
dengan basis data graf Neo4j. Mari kita jelaskan setiap baris kode:

LOAD CSV WITH HEADERS FROM "file:///datapasar.csv" AS row:

o Baris ini memuat data dari file CSV dengan header.

o Perintah LOAD CSV digunakan untuk membaca data dari file CSV.
 o WITH HEADERS menandakan bahwa baris pertama dalam file CSV berisi nama kolom
(header).

o AS row menginisialisasi variabel row untuk mewakili data di setiap baris.

MATCH (p:Pasar {nama: row.nama_pasar}):

o Baris ini mencocokkan node dengan label “Pasar” berdasarkan properti “nama”.

o Node yang cocok memiliki properti “nama” yang sama dengan nilai dari kolom
“nama_pasar” pada baris saat ini.

MATCH (p:Provinsi {nama: row.nama_provinsi}):

o Baris ini mencocokkan node dengan label “Provinsi” berdasarkan properti “nama”.

o Node yang cocok memiliki properti “nama” yang sama dengan nilai dari kolom
“nama_provinsi” pada baris saat ini.

MERGE (p)-[:TERLETAK_DI]->(pr):

o Baris terakhir ini membuat relasi dengan label “TERLETAK_DI” antara node “Pasar”
dan “Provinsi” yang telah dicocokkan sebelumnya.

o Jika relasi sudah ada, perintah MERGE akan memperbarui relasi yang ada.

MATCH (P:Pasar)-[TERLETAK_DI]->(pr:Provinsi{nama: 'RIAU'}):

o Baris ini mencocokkan node dengan label “Pasar” yang memiliki relasi
“TERLETAK_DI” dengan node “Provinsi” yang memiliki properti “nama” dengan nilai
“RIAU”.

o (P:Pasar) mengacu pada node dengan label “Pasar”.

 o [TERLETAK_DI] mengacu pada relasi dengan label “TERLETAK_DI”.

o (pr:Provinsi{nama: 'RIAU'}) mengacu pada node dengan label “Provinsi” yang

memiliki properti “nama” dengan nilai “RIAU”.

RETURN p,pr LIMIT 70 :

o Baris ini mengembalikan hasil pencocokan sebelumnya.

o p dan pr adalah variabel yang mewakili node “Pasar” dan “Provinsi” yang cocok.

o LIMIT 70membatasi jumlah hasil yang dikembalikan menjadi 70

Gambar ini menampilkan halaman repositori GitHub untuk proyek bernama “neovis.js.” Repositori ini
berisi kode dan informasi terkait dengan visualisasi grafik dalam browser menggunakan data dari
Neo4j. Proyek ini memungkinkan pengembang dan analis data untuk membuat visualisasi grafik yang
interaktif dan informatif dengan menggunakan bahasa Cypher dan JavaScript.

Neovis.js adalah pustaka JavaScript yang memungkinkan pengguna untuk memvisualisasikan data
grafik dari basis data Neo4j secara interaktif di browser. Dengan menggunakan Neovis.js, pengguna
dapat membuat grafik yang memperlihatkan hubungan antara entitas dan menggali wawasan dari
data grafik.

Repositori ini berisi kode sumber, dokumentasi, dan informasi lainnya yang relevan dengan
penggunaan Neovis.js. Pengembang dapat mengakses dan berkontribusi pada proyek ini melalui
repositori GitHub tersebut.
8|

memindahkan file hasil downloadan

Gambar ini menunjukkan antarmuka pengguna dari sebuah program pengembangan, dengan jendela
dialog “Open Folder” terbuka dan kode program terlihat di bagian kanan layar. Jendela “Open
Folder” memungkinkan pengguna untuk memilih folder atau direktori yang akan dibuka dalam
program pengembangan tersebut. Kode program yang terlihat di bagian kanan layar adalah bagian
dari proyek yang sedang dikerjakan dan dapat diedit oleh pengembang. Gambar ini menggambarkan
situasi umum dalam pengembangan perangkat lunak di mana pengembang memilih folder proyek
dan melihat serta mengedit kode program.
10

Gambar ini menunjukkan antarmuka pengguna dari Visual Studio Code dengan
kode HTML dan JavaScript terbuka. Kode tersebut tampaknya adalah bagian dari proyek web yang
sedang dikerjakan. Visual Studio Code adalah salah satu editor teks yang populer digunakan oleh
pengembang perangkat lunak untuk mengedit kode. Dalam gambar ini, pengguna dapat melihat dan
mengedit kode program secara langsung, serta menjalankan proyek web yang sedang dibuat.
11

Gambar ini menunjukkan antarmuka pengguna dari Visual Studio Code dengan
kode JavaScript terbuka. Kode tersebut tampaknya berkaitan dengan konfigurasi dan pemanggilan
fungsi untuk menggambar visualisasi data, mungkin grafik atau diagram, menggunakan
library Neo4j atau library serupa.

12

Visual Studio Code adalah editor kode sumber yang populer digunakan oleh pengembang perangkat
lunak. Dalam gambar ini, pengguna dapat melihat dan mengedit kode program secara langsung.
Kode tersebut mungkin digunakan untuk menghubungkan dan memanipulasi data dari basis data
Neo4j, yang sering digunakan untuk mengelola data grafik
13

MATCH (P:Pasar)-[TERLETAK_DI]->(pr:Provinsi{nama: 'RIAU'}):

o Baris ini mencocokkan node dengan label “Pasar” yang memiliki relasi
“TERLETAK_DI” dengan node “Provinsi” yang memiliki properti “nama” dengan nilai
“RIAU”.

o (P:Pasar) mengacu pada node dengan label “Pasar”.

o [TERLETAK_DI] mengacu pada relasi dengan label “TERLETAK_DI”.

o (pr:Provinsi{nama: 'RIAU'}) mengacu pada node dengan label “Provinsi” yang

memiliki properti “nama” dengan nilai “RIAU”.

RETURN p,pr LIMIT 30 :

o Baris ini mengembalikan hasil pencocokan sebelumnya.

o p dan pr adalah variabel yang mewakili node “Pasar” dan “Provinsi” yang cocok.

o LIMIT 30 membatasi jumlah hasil yang dikembalikan menjadi 30

14.

Gambar ini menunjukkan antarmuka pengguna dari Visual Studio Code dengan
kode JavaScript terbuka. Kode tersebut tampaknya berkaitan dengan konfigurasi dan
pemanggilan fungsi untuk menggambar visualisasi data, mungkin grafik atau diagram,
menggunakan library Neo4j atau library serupa.

Visual Studio Code adalah editor kode sumber yang populer digunakan oleh pengembang
perangkat lunak. Dalam gambar ini, pengguna dapat melihat dan mengedit kode program
secara langsung. Kode tersebut mungkin digunakan untuk menghubungkan dan
memanipulasi data dari basis data Neo4j, yang sering digunakan untuk mengelola data
grafik.