Anda di halaman 1dari 38

Apa itu Search Engine?

Search Engine adalah perangkat lunak yang memberikan informasi relevan kepada
pengguna (yang mereka cari) dari perpustakaan data luas yang tersedia di World Wide
Web. Pengguna dapat mencari berbagai hal termasuk kueri, dokumen, gambar, video,
halaman web, dan konten lainnya di mesin pencari. Mesin pencari dibangun sedemikian
rupa sehingga secara efektif menghasilkan informasi yang diperlukan dengan merayapi
web dan mencari dari database yang tersedia di internet.

by 21-013_Shohibun Naufal
Contoh contoh Search Engine
1 Google 2 Yahoo! 3 Bing
Mesin pencari terbesar saat ini,yang Mesin pencari ini adalah salah satu Mesin pencari yang dimiliki oleh
sering digunakan banyak orang di dunia mesin pencari tertua sebelum adanya miocrosoft
Google.

4 Yandex 5 Duck duck go 6 Startpage


DuckDuckGo adalah mesin pencari yang Startpage adalah mesin pencari yang juga
Mesin pencarian utama di Rusia.
terkenal karena fokusnya pada privasi fokus pada privasi pengguna.menggunakan

pengguna hasil pencarian google namun tanpa


melacak informasi pengguna
Proses Instalasi

1.Instalasi Python
Sebelum menginstal,baiknya cek terlebih dahulu di Command Prompt,apakah anda sudah pernah
menginstallnya atau tidak.dengan melakukan perintah python –v ,bila sudah terinstal akan keluar seperti
ini contohnya:

Bila belum terinstal maka download di web https://www.python.org/downloads/, dan setelah itu lakukan
instalasi ,untuk tutorialnya bisa lihat di
https://www.digitalocean.com/community/tutorials/install-python-windows-10
2.Instalasi pip
Penginstalan Python,biasanya sepaket dengan pip nya.Namun lebih baik di cek ,apakah pip sudah terisntal
atau belum,contoh sudah terinstall seperti berikut:

Bila belum terinstal maka install dengan cara ketikkan python get-pip.py di Command Prompt,lalu cek lagi seperti
gambar diatas
3.Instalasi composer
Sebelum instalasi,cek terlebih dahulu apakah anda pernah menginstallnya.caranya ketikkan composer –V di command
prompt.bila sudah terinstal akan keluar seperti gambar berikut:

Bila belum terinstal tutorial penginstalan bisa di lihat di link:


https://www.hostinger.co.id/tutorial/cara-install-composer .
4.Instalasi Vs code
Untuk melakukan pemrograman anda membutuhkan code editor .Banyak sekali jenis code editor,salah satunya yaitu Virtual Studio
Code.Untuk menginstallnya anda perlu download terlebih dahulu aplikasinya di https://code.visualstudio.com/download .

Untuk tutorial penginstalannya bisa lihat di link: https://fiona.usu.ac.id/artikel/cara-install-visual-studio-code-di-windows-10


5.Instal library python scrapy
Sebelum melakukan scrapy data dengan python,kita perlu menginstall library scrapynya terlebih dahulu.caranya buka Command
prompt lalu ketikkan: pip install scrapy.
Lalu tunggu hingga penginstalan selesai.bila saat menginstall muncul seperti berikut:

Maka anda sudah pernah menginstall.


Proses Crawling Data (spider web)
1.Install library Scrapy
ini sudah kita lakukan tadi
2.Membuat folder projek scrapy
caranya ,pertama tentukan projek akan disimpan Dimana dan jalankan kode scrapy startproject <project_name> diterminal atau
command prompt.Contoh: scrapy startproject web_scrapy
3.Buka projek dengan Virtual Studio Code
Proses Crawling Data (spider web)
4.Tambahkan file baru di folder spider,dengan nama book_list.py,lalu isi file tadi dengan skrip yang ada di
https://medium.com/analytics-vidhya/how-to-create-your-own-search-engine-with-python-language-and-laravel-framework-step-2-of
-4-1e356e0efb90
.
Proses Crawling Data (spider web)
4.Setelah itu lakukan crawling data,dengan ketikkan scrapy crawl book_spider di terminal
Proses Crawling Data (spider web)
5.Jika sudah selesai,maka akan muncul file book.json
Proses Index
1.Melakukan install pickle mixin
di terminal ketik pip install pickle mixin,lalu enter.gunanya pickle mixin yaitu untuk menyimpan file indeks dan memuat file Ketika
query dipanggil.
2.Setelah itu membuat file stopword.txt di dalam folder web_scrap
guna file tersebut untuk menampung kata kata stopword.untuk list kata di dapat dari :
https://github.com/Andika7/searchbook/blob/master/stopword.txt
Proses Index
3.Membuat file inverted indeks
Buat file baru di dalam web_scrap dengan nama dan format tf-idf.py,lalu untuk codenya bisa di lihat di
https://builtin.com/machine-learning/index-based-search-engine-python .
Proses Index
4.Jalankan atau running file tf-idf, dengan perintah python tf-idf.py book.json indexdb di terminal,setelah itu nanti akan muncul file
indexdb.indexdb adalah file untuk menyimpan inverted index nya.
Proses Index
5.Membuat file Query script
File ini digunakan untuk mengolah kata kunci yang dimasukkan user.buat file Bernama Query.py didalam folder web_scrap.kemudian
isi dengan file dengan kode dari: https://builtin.com/machine-learning/index-based-search-engine-python .
Proses Index
6.Menjalankan file Query script
mencoba menjalankan file query apakah sudah bisa mencari data buku hasil inverted
index dengan kata kunci tertentu.bila hasilnya seperti dibawah maka berarti code sudah benar.
Proses Index
6.Menjalankan file Query script
mencoba menjalankan file query apakah sudah bisa mencari data buku hasil inverted
index dengan kata kunci tertentu.bila hasilnya seperti dibawah maka berarti code sudah benar.
Membuat Tampilan/UI
1.Melakukan install Laravel diberi nama searchbook.
Caranya buka cmd,ketikkan: composer create-project Laravel/Laravel searchbook ,tunggu hingga succesfull
Membuat tampilan/UI
2.Install node.js dan npm
Sebelum install di cek terlebih dahulu,sudah pernah menginstall atau belum.caranya ketikkan node –v dan npm –v di command
prompt.bila terdapat output seperti Digambar bawah ini ,maka npm dan node.js sudah pernah anda install.

Bila tidak ,maka anda harus menginstal terlebih dahulu .bisa lihat di link:
https://phoenixnap.com/kb/install-node-js-npm-on-windows/
Membuat tampilan/UI
3. . install bootstrap dan npm
Buka direktori SearchBook yang telah dibuat di Visual Studio Code, lalu buka terminal .Setelah itu, ketik perintah "composer require
laravel/ui" di terminal dan tekan Enter. Tunggu proses instalasi selesai.

bila telah selesai, selanjutnya ketik dan jalankan code php artisan ui bootstrap --auth

Setelah itu lakukan npm install


Membuat tampilan/UI
4. Setelah penginstalan selesai,jalankan npm run dev dan jangan tutup command prompt,selama program masih ingin dijalankan.
Membuat tampilan/UI
5.Menjalankan projeck searchbook.
jalankan command prompt atau terminal baru.kemudian ketik php artisan serve. nanti akan mendapat port. Salin nomor port tersebut
dan buka browser. Pastikan untuk tidak menggunakan kombinasi tombol (Ctrl+C) saat menyalin nomor port karena ini dapat menutup
server. Jika sudah terlanjur menutup, dapat menjalankan kembali perintah "php artisan serve" untuk memulai kembali server.tanda
server berjalan,lihat gambar berikut:
Membuat tampilan/UI
6.Membuat,serta mengisi view landing.blade.php
Untuk code sendiri ada di link :
https://medium.com/analytics-vidhya/how-to-create-your-own-search-engine-with-python-language-and-laravel-framework-step-4
-of-4-4e91cf2557d6
.
Membuat tampilan/UI
7.Membuat,serta mengisi view landing.blade.php
Namun setelah di isi,disini saya melakukan pengubahan,kode yaitu:

menjadi

Kode tersebut dapat disalin ke dalam file layouts/app.blade.php. Fungsinya adalah untuk mengaktifkan Bootstrap agar dapat
berfungsi dengan baik.
Membuat tampilan/UI
8.Mengubah bagian view
Namun setelah di isi,disini saya melakukan pengubahan,kode yaitu:

Kode tersebut dapat disalin ke dalam file layouts/app.blade.php. Fungsinya adalah untuk mengaktifkan Bootstrap agar dapat
berfungsi dengan baik.
Membuat tampilan/UI
9.Mengubah bagian route welcome menjadi landing,serta melakukan penambahan dibagian atas
buka file web.php dibagian folder route

Serta tambahkan kode :use Illuminate\Support\Facades\Auth; ,dibagian teratas file web.php


Membuat tampilan/UI
Setelah itu coba jalankan web,maka tamilan berubah menjadi:
Membuat tampilan/UI
10.Setelah itu tambahkan script di view landing.blade.php
Membuat tampilan/UI
11.Setelah itu tambahkan route search di web.php
buka folder routes/web.php tambahkan code berikut ;
Route::get('search', ['as' => 'search', 'uses' => 'App\Http\Controllers\LandingController@search' ]);
Membuat tampilan/UI
12.Membuat LandingController
untuk isi kode LandingController bisa menggunakan yang ada di link:
https://www.google.com/url?q=https://medium.com/analytics-vidhya/how-to-create-your-own-search-engine-with-python-
language-and-laravel-framework-step-4-of-4-4e91cf2557d6&sa=D&source=apps-viewer-
frontend&ust=1709645343579092&usg=AOvVaw3wQ287YslibGOIYzNHEJJ4&hl=id.
Membuat tampilan/UI
13. Copy file query.py dan indexdb yang terdapat folder di web_scrap ke dalam folder public di SearchBook .
Membuat tampilan/UI
14.Testing search engine nya

Hasil Testingnya menunjukkan berhasii


Membuat tampilan/UI
15.Modifikasi tampilan

Memberi nama dan nim di tampilannya


Membuat tampilan/UI
16.Hasil modifikasi tampilan
Analisa Potensi pengembangan
• Tambahkan fitur ulasan pengguna (rating), dan kategori
• Atau bisa juga coba yang ditampilkan diambil dari banyak sumber data teks.
referensi
1. https://www.geeksforgeeks.org/search-engine/
2. https://medium.com/analytics-vidhya/how-to-create-your-own-search-engine-with-python-language-and-laravel-framework-st
ep-1-of-4-f25e5ba1ab92

3. https://medium.com/analytics-vidhya/how-to-create-your-own-search-engine-with-python-language-and-laravel-framework-st
ep-2-of-4-1e356e0efb90

4. https://builtin.com/machine-learning/index-based-search-engine-python
5. https://medium.com/analytics-vidhya/how-to-create-your-own-search-engine-with-python-language-and-laravel-framework-st
ep-4-of-4-4e91cf2557d6

6. di https://www.digitalocean.com/community/tutorials/install-python-windows-10
7. https://www.hostinger.co.id/tutorial/cara-install-composer
8. https://fiona.usu.ac.id/artikel/cara-install-visual-studio-code-di-windows-10
9. https://phoenixnap.com/kb/install-node-js-npm-on-windows/

Anda mungkin juga menyukai