Cara menggunakan Selenium IDE dengan Scripts & Perintah (Tegaskan, Verifikasi)

Kami akan menggunakan situs web Mercury Tours sebagai aplikasi web kami yang sedang diuji. Ini adalah sistem reservasi penerbangan online yang berisi semua elemen yang kami butuhkan untuk tutorial ini. URL-nya adalah http://demo.guru99.com/test/newtours/, dan ini akan menjadi URL Dasar kami.

Buat Naskah dengan Merekam

Sekarang mari kita buat skrip pengujian pertama kita di Selenium IDE menggunakan metode yang paling umum - dengan merekam. Setelah itu, kami akan menjalankan skrip kami menggunakan fitur pemutaran.

Langkah 1

Luncurkan Firefox dan Selenium IDE.
Ketik nilai untuk Base URL kami: http://demo.guru99.com/test/newtours/.
Alihkan tombol Rekam ke aktif (jika belum diaktifkan secara default).

Langkah 2 Di Firefox, navigasikan ke http://demo.guru99.com/test/newtours/. Firefox akan membawa Anda ke halaman yang mirip dengan yang ditunjukkan di bawah ini.
LANGKAH 3 Klik kanan pada ruang kosong mana pun di dalam halaman, seperti pada logo Mercury Tours di sudut kiri atas. Ini akan memunculkan menu konteks Selenium IDE. Catatan: Jangan klik objek atau gambar yang memiliki hyperlink Pilih opsi "Tampilkan Perintah yang Tersedia". Kemudian, pilih "assertTitle tepat: Selamat Datang: Tur Mercury". Ini adalah perintah yang memastikan bahwa judul halaman sudah benar.

LANGKAH 4 Di kotak teks "Nama Pengguna" Mercury Tours, ketik nama pengguna yang tidak valid, "invalidUNN". Di kotak teks "Password", ketik password yang tidak valid, "invalidPWD".

Langkah 5 Klik pada tombol "Masuk". Firefox akan membawa Anda ke halaman ini.
LANGKAH 6 Matikan tombol rekam untuk berhenti merekam. Skrip Anda sekarang akan terlihat seperti yang ditunjukkan di bawah ini.
Langkah 7 Sekarang setelah kita selesai dengan skrip uji kita, kita akan menyimpannya dalam kasus uji. Di menu File, pilih "Save Test Case". Atau, Anda cukup menekan Ctrl + S.
LANGKAH 8 Pilih lokasi yang Anda inginkan, lalu beri nama Test Case sebagai "Invalid_login". Klik tombol "Simpan".
LANGKAH 9. Perhatikan bahwa file tersebut disimpan sebagai HTML.

LANGKAH 10.

Kembali ke Selenium IDE dan klik tombol Playback untuk menjalankan seluruh skrip. Selenium IDE harus dapat mereplikasi semuanya dengan sempurna.

Pengantar Perintah Selenium - Selenese

Perintah Selenese dapat memiliki maksimal dua parameter: target dan nilai.
Parameter tidak diperlukan sepanjang waktu. Itu tergantung pada berapa banyak perintah yang dibutuhkan.

3 Jenis Perintah

Tindakan

Ini adalah perintah yang berinteraksi langsung dengan elemen halaman.

Contoh: perintah "klik" adalah tindakan karena Anda berinteraksi langsung dengan elemen yang Anda klik.

Perintah "type" juga merupakan tindakan karena Anda memasukkan nilai ke dalam kotak teks, dan kotak teks tersebut menunjukkannya kepada Anda sebagai gantinya. Ada interaksi dua arah antara Anda dan kotak teks.

Accessors

Mereka adalah perintah yang memungkinkan Anda menyimpan nilai ke variabel.

Contoh: perintah "storeTitle" adalah aksesor karena hanya "membaca" judul halaman dan menyimpannya dalam variabel. Itu tidak berinteraksi dengan elemen apa pun di halaman.

Pernyataan

Mereka adalah perintah yang memverifikasi jika kondisi tertentu terpenuhi.

3 Jenis Pernyataan

Tegaskan . Saat perintah "assert" gagal, pengujian akan segera dihentikan.
Verifikasikan . Ketika perintah "verifikasi" gagal, Selenium IDE mencatat kegagalan ini dan melanjutkan eksekusi uji.
Tunggu . Sebelum melanjutkan ke perintah berikutnya, perintah "waitFor" akan menunggu kondisi tertentu menjadi benar.
- Jika kondisi menjadi benar dalam masa tunggu, langkah tersebut berlalu.
- Jika kondisinya tidak menjadi benar, langkah tersebut gagal. Kegagalan dicatat, dan eksekusi uji dilanjutkan ke perintah berikutnya.
- Secara default, nilai batas waktu diatur ke 30 detik. Anda dapat mengubahnya dalam dialog Selenium IDE Options di bawah tab General.

Tegaskan vs. Verifikasi

Perintah Umum

Perintah	Jumlah Parameter	Deskripsi
Buka	0 - 2	Membuka halaman menggunakan URL.
click / clickAndWait	1	Klik pada elemen tertentu.
type / typeKeys	2	Mengetik urutan karakter.
verifikasiTitle / assertTitle	1	Membandingkan judul halaman yang sebenarnya dengan nilai yang diharapkan.
verifikasiTextPresent	1	Memeriksa apakah teks tertentu ditemukan di dalam halaman.
verifikasiElementPresent	1	Memeriksa keberadaan elemen tertentu.
verifikasiTable	2	Membandingkan isi tabel dengan nilai yang diharapkan.
waitForPageToLoad	1	Jeda eksekusi hingga halaman dimuat sepenuhnya.
waitForElementPresent	1	Jeda eksekusi sampai elemen yang ditentukan menjadi ada.

Buat Script Secara Manual dengan Firebug

Sekarang, kita akan membuat ulang kasus uji yang sama secara manual, dengan mengetikkan perintah. Kali ini, kita perlu menggunakan Firebug.

Langkah 1

Buka Firefox dan Selenium IDE.
Ketik URL dasar (http://demo.guru99.com/test/newtours/).
Tombol rekam harus OFF.

Langkah 2: Klik pada baris kosong paling atas di Editor.

Ketik "buka" di kotak teks Command dan tekan Enter.

LANGKAH 3

Arahkan Firefox ke URL dasar kami dan aktifkan Firebug
Di panel Selenium IDE Editor, pilih baris kedua (baris di bawah perintah "open") dan buat perintah kedua dengan mengetik "assertTitle" pada kotak Command.
Jangan ragu untuk menggunakan fitur pelengkapan otomatis.

LANGKAH 4

Di Firebug, luaskan tag untuk menampilkan tag .</li> <li>Klik pada nilai tag <title> (yaitu "Selamat Datang: Mercury Tours") dan tempelkan ke bidang Target di Editor.</li> </ul> </td> </tr> <tr> <td><strong>Langkah 5</strong> <ul> <li>Untuk membuat perintah ketiga, klik pada baris kosong ketiga di Editor dan masukkan "ketik" pada kotak teks Perintah.</li> <li>Di Firebug, klik tombol "Periksa".</li> </ul> </td> </tr> <tr> <td>Klik pada kotak teks Nama Pengguna. Perhatikan bahwa Firebug secara otomatis menampilkan kode HTML untuk elemen itu.</td> </tr> <tr> <td><strong>LANGKAH 6</strong> <p>Perhatikan bahwa kotak teks Nama Pengguna tidak memiliki ID, tetapi memiliki atribut NAMA. Oleh karena itu, kami akan menggunakan NAMA sebagai pencari lokasi. Salin nilai NAME dan tempelkan ke bidang Target di Selenium IDE.</p> <p>Masih di kotak teks Target, awalan "userName" dengan "name =", yang menunjukkan bahwa Selenium IDE harus menargetkan elemen yang atribut NAMA-nya adalah "userName."</p> <p>Ketik "invalidUN" di kotak teks Value dari Selenium IDE. Skrip pengujian Anda sekarang akan terlihat seperti gambar di bawah ini. Kami selesai dengan perintah ketiga. Catatan: Daripada invalidUN, Anda bisa memasukkan string teks lainnya. Tapi Selenium IDE peka huruf besar / kecil, dan Anda mengetikkan nilai / atribut persis seperti dalam aplikasi.</p> </td> </tr> <tr> <td><strong>Langkah 7</strong> <ul> <li>Untuk membuat perintah keempat, masukkan "type" pada kotak teks Command.</li> <li>Sekali lagi, gunakan tombol "Inspeksi" Firebug untuk mendapatkan pencari lokasi untuk kotak teks "Kata Sandi".</li> </ul> <ul> <li> <p>Tempel atribut NAME ("password") ke dalam kolom Target dan awali dengan "name ="</p> </li> <li> <p>Ketik "invalidPW" di kolom Value di Selenium IDE. Skrip pengujian Anda sekarang akan terlihat seperti gambar di bawah ini.</p> </li> </ul> </td> </tr> <tr> <td><strong>LANGKAH 8</strong> <ul> <li>Untuk perintah kelima, ketik "clickAndWait" pada kotak teks Command di Selenium IDE.</li> <li>Gunakan tombol "Inspeksi" Firebug untuk mendapatkan pencari lokasi tombol "Masuk".</li> </ul> <ul> <li>Tempel nilai atribut NAME ("login") ke kotak teks Target dan awali dengan "name =".</li> <li>Skrip pengujian Anda sekarang akan terlihat seperti gambar di bawah ini.</li> </ul> </td> </tr> </tbody> </table> <p><strong>Langkah 9:</strong> Simpan kasus uji dengan cara yang sama seperti yang kita lakukan di bagian sebelumnya.</p> <a id="menu-6"></a> <h2>Menggunakan Tombol Temukan</h2> <p><strong>Tombol Find di Selenium IDE digunakan untuk memverifikasi apakah yang kita masukkan ke kotak teks Target memang elemen UI yang benar.</strong></p> <p>Mari kita gunakan kasus uji Invalid_login yang kita buat di bagian sebelumnya. Klik pada perintah apa saja dengan entri Target, katakanlah, perintah ketiga.</p> <p>Klik pada tombol Temukan. Perhatikan bahwa kotak teks Nama Pengguna di dalam halaman Mercury Tours menjadi disorot sebentar.</p> <p>Ini menunjukkan bahwa Selenium IDE mampu mendeteksi dan mengakses elemen yang diharapkan dengan benar. Jika tombol Find menyorot elemen yang berbeda atau tidak ada elemen sama sekali, maka pasti ada yang salah dengan skrip Anda.</p> <a id="menu-7"></a> <h2>Jalankan Perintah</h2> <p><strong>Ini memungkinkan Anda untuk menjalankan perintah tunggal apa pun tanpa menjalankan seluruh kasus uji</strong> . Cukup klik pada baris yang ingin Anda jalankan dan kemudian klik "Actions> Execute this command" dari menu bar atau cukup tekan "X" pada keyboard Anda.</p> <p><strong>Langkah 1.</strong> Pastikan browser Anda ada di beranda Mercury Tours. Klik pada perintah yang ingin Anda jalankan. Dalam contoh ini, klik baris "type | userName | invalidUN".</p> <p><strong>Langkah 2.</strong> Tekan "X" pada keyboard Anda.</p> <p><strong>Langkah 3.</strong> Perhatikan bahwa kotak teks untuk nama pengguna diisi dengan teks "invalidUN"</p> <p><strong>Menjalankan perintah dengan cara ini sangat bergantung pada halaman yang sedang ditampilkan Firefox</strong> . Artinya jika Anda mencoba contoh di atas dengan menampilkan beranda Google dan bukan Mercury Tours ', maka langkah Anda akan gagal karena tidak ada kotak teks dengan atribut "nama pengguna" di dalam beranda Google.</p> <a id="menu-8"></a> <h2>Titik awal</h2> <p><strong>Titik awal adalah indikator yang memberi tahu Selenium IDE baris mana yang akan memulai eksekusi</strong> . <strong>Tombol pintasnya adalah "S".</strong></p> <p>Pada contoh di atas, pemutaran akan dimulai pada baris ketiga (ketik | sandi | invalidPW). <strong>Anda hanya dapat memiliki satu titik awal dalam satu skrip pengujian.</strong></p> <p>Titik awalnya mirip dengan Execute Command karena bergantung pada halaman yang sedang ditampilkan. Titik awal akan gagal jika Anda berada di halaman yang salah.</p> <a id="menu-9"></a> <h2>Breakpoints</h2> <p>Breakpoints adalah indikator yang memberi tahu Selenium IDE tempat untuk menjeda pengujian secara otomatis. <strong>Tombol pintasnya adalah "B".</strong></p> <p>Sorotan kuning berarti langkah saat ini tertunda. Ini membuktikan bahwa Selenium IDE telah menghentikan sementara eksekusi pada langkah tersebut. <strong>Anda dapat memiliki beberapa breakpoint dalam satu kasus pengujian.</strong></p> <a id="menu-10"></a> <h2>Langkah</h2> <p>Ini memungkinkan Anda untuk menjalankan perintah yang berhasil satu per satu setelah menghentikan kasus uji. Mari kita gunakan skenario di bagian sebelumnya "Breakpoints."</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Sebelum mengklik "Langkah".</strong></p> <p>Kasus uji berhenti di baris "clickAndWait | login".</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Setelah mengklik "Langkah".</strong></p> <p>Baris "clickAndWait | login" dijalankan dan berhenti untuk perintah berikutnya (verifikasiTitle | Sign-on: Mercury Tours).</p> <p>Perhatikan bahwa baris berikutnya dijeda meskipun tidak ada breakpoint di sana. Ini adalah tujuan utama fitur Langkah - fitur ini menjalankan perintah berikutnya satu per satu untuk memberi Anda lebih banyak waktu untuk memeriksa hasil setelah setiap langkah.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Hal Penting untuk Dicatat Saat Menggunakan Format Lain dalam Tampilan Sumber</h2> <p><strong>Selenium IDE hanya berfungsi dengan baik dengan HTML - format lain masih dalam mode eksperimental</strong> . Hal ini <strong>tidak dianjurkan</strong> untuk membuat atau mengedit tes menggunakan format lain di Sumber View karena masih banyak pekerjaan yang diperlukan untuk membuatnya stabil. Di bawah ini adalah bug yang diketahui pada versi 1.9.1.</p> <ul> <li>Anda tidak akan dapat melakukan pemutaran atau beralih kembali ke Tampilan Tabel kecuali jika Anda kembali ke HTML.</li> <li>Satu-satunya cara untuk menambahkan perintah secara aman pada kode sumber adalah dengan merekamnya.</li> <li>Saat Anda mengubah kode sumber secara manual, semuanya akan hilang saat Anda beralih ke format lain.</li> <li>Meskipun Anda dapat menyimpan kasus pengujian Anda saat berada di Source View, Selenium IDE tidak akan dapat membukanya.</li> </ul> <p><strong>Cara yang disarankan untuk mengonversi pengujian Selenese adalah dengan menggunakan opsi "Ekspor Kasus Uji Sebagai…" di bawah menu Berkas, dan bukan melalui Tampilan Sumber.</strong></p> <a id="menu-12"></a> <h2>Ringkasan</h2> <ul> <li>Skrip pengujian dapat dibuat dengan merekam atau mengetik perintah dan parameter secara manual.</li> <li>Saat membuat skrip secara manual, Firebug digunakan untuk mendapatkan pencari lokasi.</li> <li>Tombol Find digunakan untuk memeriksa apakah perintah dapat mengakses elemen yang benar.</li> <li>Tampilan Tabel menampilkan skrip uji dalam bentuk tabel sementara Tampilan Sumber menampilkannya dalam format HTML.</li> <li>Mengubah Tampilan Sumber ke format non-HTML masih bersifat eksperimental.</li> <li>Jangan gunakan Tampilan Sumber dalam membuat pengujian dalam format lain. Gunakan fitur Ekspor sebagai gantinya.</li> <li>Parameter tidak diperlukan sepanjang waktu. Itu tergantung pada perintah.</li> <li>Ada tiga jenis perintah:</li> <ul> <li>Tindakan - berinteraksi langsung dengan elemen halaman</li> <li>Accessors - "membaca" properti elemen dan menyimpannya dalam variabel</li> <li>Pernyataan - membandingkan nilai aktual dengan nilai yang diharapkan</li> </ul> <li>Pernyataan memiliki tiga jenis:</li> <ul> <li>Tegaskan - jika gagal, langkah yang berhasil tidak lagi dijalankan</li> <li>Verifikasi - jika gagal, langkah-langkah yang berhasil masih dijalankan.</li> <li>WaitFor - lolos jika kondisi yang ditentukan menjadi true dalam periode waktu tunggu; jika tidak, itu akan gagal</li> </ul> <li>Perintah yang paling umum adalah:</li> <ul> <li>Buka</li> <li>click / clickAndWait</li> <li>type / typeKeys</li> <li>verifikasiTitle / assertTitle</li> <li>verifikasiTextPresent</li> <li>verifikasiElementPresent</li> <li>verifikasiTable</li> <li>waitForPageToLoad</li> <li>waitForElementPresent</li> </ul> </ul> </div> </article> <div id="container-5533149ee6411a5f99b370c693e87966"></div> </div> </div> </div> </div> </div> <aside class="col-lg-4 sidebar sidebar--right"> <div class="widget widget-popular-posts"> <h2 class="widget-title">Pesan Populer</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8223936-sap-hana-sql-data-profiling-learn-in-5-minutes" title="Profil DATA SAP HANA SQL: Belajar dalam 5 Menit" rel="bookmark"><img src="https://cdn.css-code.org/1916816/sap_hana_sql_data_profiling_learn_in_5_minutes.png.webp" loading="lazy" alt="Profil DATA SAP HANA SQL: Belajar dalam 5 Menit" title="Profil DATA SAP HANA SQL: Belajar dalam 5 Menit" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8223936-sap-hana-sql-data-profiling-learn-in-5-minutes" title="Profil DATA SAP HANA SQL: Belajar dalam 5 Menit" rel="bookmark">Profil DATA SAP HANA SQL: Belajar dalam 5 Menit 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8223937-sap-hana-tutorial-create-sequence" title="Tutorial SAP HANA: Buat Urutan" rel="bookmark"><img src="https://cdn.css-code.org/3362269/sap_hana_tutorial_create_sequence.png.webp" loading="lazy" alt="Tutorial SAP HANA: Buat Urutan" title="Tutorial SAP HANA: Buat Urutan" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8223937-sap-hana-tutorial-create-sequence" title="Tutorial SAP HANA: Buat Urutan" rel="bookmark">Tutorial SAP HANA: Buat Urutan 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8223938-sap-hana-tutorial-sql-script" title="Tutorial SAP HANA: Skrip SQL" rel="bookmark"><img src="https://cdn.css-code.org/7227922/sap_hana_tutorial_sql_script.png.webp" loading="lazy" alt="Tutorial SAP HANA: Skrip SQL" title="Tutorial SAP HANA: Skrip SQL" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8223938-sap-hana-tutorial-sql-script" title="Tutorial SAP HANA: Skrip SQL" rel="bookmark">Tutorial SAP HANA: Skrip SQL 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">ulasan terbaik untuk bulan</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225884-sql-injection-tutorial-learn-with-example" title="Tutorial SQL Injection: Belajar dengan Contoh" rel="bookmark">Tutorial SQL Injection: Belajar dengan Contoh</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225885-cissp-certification-guide-what-is-prerequisites-cost-cissp-salary" title="Panduan Sertifikasi CISSP: Apa itu, Prasyarat, Biaya, Gaji CISSP" rel="bookmark">Panduan Sertifikasi CISSP: Apa itu, Prasyarat, Biaya, Gaji CISSP</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225886-what-is-cybercrime-types-tools-examples" title="Apa itu Cybercrime? Jenis, Alat, Contoh" rel="bookmark">Apa itu Cybercrime? Jenis, Alat, Contoh</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225887-10-best-ddos-attack-tools-free-ddos-online-software-2021" title="10 Alat Serangan DDoS Terbaik - Perangkat Lunak DDoS Online Gratis (2021)" rel="bookmark">10 Alat Serangan DDoS Terbaik - Perangkat Lunak DDoS Online Gratis (2021)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225888-15-best-free-malware-removal-software-in-2021" title="15+ Perangkat Lunak Penghapus Malware GRATIS Terbaik pada tahun 2021" rel="bookmark">15+ Perangkat Lunak Penghapus Malware GRATIS Terbaik pada tahun 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225889-20-best-ethical-hacking-tools-and-software-for-hackers-2021" title="20 Alat Peretasan Etis Terbaik & Perangkat Lunak untuk Peretas (2021)" rel="bookmark">20 Alat Peretasan Etis Terbaik & Perangkat Lunak untuk Peretas (2021)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225890-20-best-free-anti-spyware-malware-removal-tools" title="20+ Alat Penghapus Anti Spyware (Malware) GRATIS Terbaik" rel="bookmark">20+ Alat Penghapus Anti Spyware (Malware) GRATIS Terbaik</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225892-15-best-digital-forensic-tools-in-2021-freepaid" title="15 Alat Forensik Digital Terbaik tahun 2021 (Gratis / Berbayar)" rel="bookmark">15 Alat Forensik Digital Terbaik tahun 2021 (Gratis / Berbayar)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225893-22-best-cyber-security-software-tools-in-2021" title="22 Alat Perangkat Lunak Keamanan Cyber Terbaik tahun 2021" rel="bookmark">22 Alat Perangkat Lunak Keamanan Cyber Terbaik tahun 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225894-15-best-network-scanning-tools-network-and-ip-scanner-2021" title="15 Alat Pemindaian Jaringan Terbaik (Pemindai Jaringan & IP) 2021" rel="bookmark">15 Alat Pemindaian Jaringan Terbaik (Pemindai Jaringan & IP) 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225895-10-best-wireshark-alternatives-in-2021-mac-windows" title="10 Alternatif Wireshark Terbaik di 2021 (Mac, Windows)" rel="bookmark">10 Alternatif Wireshark Terbaik di 2021 (Mac, Windows)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225896-40-best-penetration-testing-pen-test-vapt-tools-in-2021" title="40 Alat Vapt Pengujian Penetrasi Terbaik (Pen Test) pada tahun 2021" rel="bookmark">40 Alat Vapt Pengujian Penetrasi Terbaik (Pen Test) pada tahun 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225898-best-phone-spy-apps-free-android-and-iphone-mobile-spying-app" title="Aplikasi Mata-mata Telepon Terbaik: Android Gratis & Aplikasi Pengintai Seluler iPhone" rel="bookmark">Aplikasi Mata-mata Telepon Terbaik: Android Gratis & Aplikasi Pengintai Seluler iPhone</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225899-11-best-free-firewall-software-for-windows-2021-update" title="11 Perangkat Lunak Firewall GRATIS Terbaik untuk Windows (Pembaruan 2021)" rel="bookmark">11 Perangkat Lunak Firewall GRATIS Terbaik untuk Windows (Pembaruan 2021)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225900-15-best-website-vulnerability-scanner-web-security-check" title="15 Pemindai Kerentanan Situs Web TERBAIK - Pemeriksaan Keamanan Web" rel="bookmark">15 Pemindai Kerentanan Situs Web TERBAIK - Pemeriksaan Keamanan Web</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Top Artikel</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222806-how-to-integrate-uftqtp-with-alm-quality-center" title="Bagaimana mengintegrasikan UFT (QTP) dengan ALM (Quality Center)" rel="bookmark"><img src="https://cdn.css-code.org/6064721/how_to_integrate_uftqtp_with_alm_quality_center.png.webp" loading="lazy" alt="Bagaimana mengintegrasikan UFT (QTP) dengan ALM (Quality Center)" title="Bagaimana mengintegrasikan UFT (QTP) dengan ALM (Quality Center)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222806-how-to-integrate-uftqtp-with-alm-quality-center" title="Bagaimana mengintegrasikan UFT (QTP) dengan ALM (Quality Center)" rel="bookmark">Bagaimana mengintegrasikan UFT (QTP) dengan ALM (Quality Center) 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222808-dashboard-reports-and-analysis-in-hp-alm-quality-center" title="Dasbor, Laporan & Analisis di HP ALM (Pusat Kualitas)" rel="bookmark"><img src="https://cdn.css-code.org/6360266/dashboard-_reports_ampamp_analysis_in_hp_alm_quality_center.png.webp" loading="lazy" alt="Dasbor, Laporan & Analisis di HP ALM (Pusat Kualitas)" title="Dasbor, Laporan & Analisis di HP ALM (Pusat Kualitas)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222808-dashboard-reports-and-analysis-in-hp-alm-quality-center" title="Dasbor, Laporan & Analisis di HP ALM (Pusat Kualitas)" rel="bookmark">Dasbor, Laporan & Analisis di HP ALM (Pusat Kualitas) 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8222881-how-to-customize-project-in-hp-alm-quality-center" title="Cara Menyesuaikan Proyek di HP ALM (Pusat Kualitas)" rel="bookmark"><img src="https://cdn.css-code.org/7716932/how_to_customize_project_in_hp_alm_quality_center.png.webp" loading="lazy" alt="Cara Menyesuaikan Proyek di HP ALM (Pusat Kualitas)" title="Cara Menyesuaikan Proyek di HP ALM (Pusat Kualitas)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8222881-how-to-customize-project-in-hp-alm-quality-center" title="Cara Menyesuaikan Proyek di HP ALM (Pusat Kualitas)" rel="bookmark">Cara Menyesuaikan Proyek di HP ALM (Pusat Kualitas) 2025</a></h3> </div> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer footer--dark"> <div class="container"> <div class="footer__widgets"> <div class="row"> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Pesan Populer</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226531-best-tableau-competitors-alternative-open-sourcepaid" title="Pesaing Tableau Terbaik - Alternatif (Sumber Terbuka / Berbayar)" rel="bookmark">Pesaing Tableau Terbaik - Alternatif (Sumber Terbuka / Berbayar)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226532-how-to-replace-missing-valuesna-in-r-na-omit-and-na-rm" title="Cara Mengganti Missing Values (NA) di R: na.omit & na.rm" rel="bookmark">Cara Mengganti Missing Values (NA) di R: na.omit & na.rm</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226533-tableau-tutorial-pdf-for-beginners-free-download" title="Tutorial Tableau PDF untuk Pemula (Unduh GRATIS)" rel="bookmark">Tutorial Tableau PDF untuk Pemula (Unduh GRATIS)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226534-top-30-talend-interview-questions-and-answers" title="30 Pertanyaan Wawancara Talend Teratas & Jawaban" rel="bookmark">30 Pertanyaan Wawancara Talend Teratas & Jawaban</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226535-supervised-machine-learning-what-is-algorithms-example" title="Pembelajaran Mesin yang Diawasi: Apa itu, Algoritma, Contoh" rel="bookmark">Pembelajaran Mesin yang Diawasi: Apa itu, Algoritma, Contoh</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Pilihan Editor</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004046-svg-hamburger-menu" title="Menu SVG Hamburger - Trik CSS" rel="bookmark">Menu SVG Hamburger - Trik CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004047-shape-morphing-icons-in-button-on-click" title="Bentuk Ikon Morphing di Tombol di Klik - Trik CSS" rel="bookmark">Bentuk Ikon Morphing di Tombol di Klik - Trik CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004048-svg-patterns" title="Pola SVG - Trik CSS" rel="bookmark">Pola SVG - Trik CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004049-add-category-name-to-body-class" title="Tambahkan Nama Kategori ke body_class - Trik CSS" rel="bookmark">Tambahkan Nama Kategori ke body_class - Trik CSS</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004050-curved-text-along-a-path" title="Teks Melengkung Sepanjang Jalan - Trik CSS" rel="bookmark">Teks Melengkung Sepanjang Jalan - Trik CSS</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Top Artikel</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225084-19-best-php-ide-and-code-editors-in-2021-freepaid" title="19 IDE PHP dan Editor Kode TERBAIK pada tahun 2021 (Gratis / Berbayar)" rel="bookmark">19 IDE PHP dan Editor Kode TERBAIK pada tahun 2021 (Gratis / Berbayar)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225085-12-best-php-books-2021-update" title="12 Buku PHP TERBAIK (Pembaruan 2021)" rel="bookmark">12 Buku PHP TERBAIK (Pembaruan 2021)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225086-php-tutorial-pdf-basic-book-for-beginners-download-now" title="Tutorial PHP PDF: Buku Dasar untuk Pemula (Unduh SEKARANG)" rel="bookmark">Tutorial PHP PDF: Buku Dasar untuk Pemula (Unduh SEKARANG)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225087-what-is-plsql-full-form-architecture-of-plsql-developer" title="Apa itu PL / SQL? Bentuk Lengkap, Arsitektur Pengembang PL / SQL" rel="bookmark">Apa itu PL / SQL? Bentuk Lengkap, Arsitektur Pengembang PL / SQL</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8225088-sql-vs-plsql-vs-t-sql-key-differences" title="SQL Vs PL / SQL Vs T-SQL: Perbedaan Utama" rel="bookmark">SQL Vs PL / SQL Vs T-SQL: Perbedaan Utama</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright id.css-code.org, 2025 Juni | <a href="https://id.css-code.org/about-site" title="Tentang situs">Tentang situs</a> | <a href="https://id.css-code.org/contacts" title="Kontak">Kontak</a> | <a href="https://id.css-code.org/privacy-policy" title="Rahasia pribadi">Rahasia pribadi</a>. </p> </div> </div> </footer> <link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body> </html>