Latihan 1 : Membuka Localhost

Ini adalah cara untuk membuka Localhost, hal yang harus dilakukan sebelum memulai Tutorial ini adalah

  • Install XAMPP
  • Install Google Chrome

Jika ada kendala dalam melaksanakan tutorial ini silahkan Tanyakan di Group Aiyro Team

Previous Next

Step 1: (‎09/‎07/‎2022 14:14:51) User right click on “XAMPP Control Panel (list item)” in “Program Manager”

Step 1 Silahkan buka XAMPP Control Panel yang sudah terinstall, jika di desktop tidak ada silahkan cari di Start – All Program.


Previous Next

Step 2: (‎09/‎07/‎2022 14:14:54) User left click on “Open (menu item)”

Step 2 Klik Kanan – Pilih Open.


Previous Next

Step 3: (‎09/‎07/‎2022 14:14:57) User left click on “Start (button)” in “XAMPP Control Panel v3.3.0 [ Compiled: Apr 6th 2021 ]”

Step 3 Klik tombol Start dalam Action Apache.


Previous Next

Step 4: (‎09/‎07/‎2022 14:15:04) User left click on “Start (button)” in “XAMPP Control Panel v3.3.0 [ Compiled: Apr 6th 2021 ]”

Step 4 Klik tombol Start dalam Action MySQL.


Previous Next

Step 5: (‎09/‎07/‎2022 14:15:11) User left click on “Google Chrome – 1 running window (button)”

Step 5 Jika selesai, Langkah selanjutnya Buka Google chrome.


Previous Next

Step 6: (‎09/‎07/‎2022 14:15:14) User left click on “Address and search bar (edit)” in “New Tab – Google Chrome”

Step 6 Ketik di Address Bar.


Previous Next

Step 7: (‎09/‎07/‎2022 14:15:16) User keyboard input on “New Tab – Google Chrome – PP Annur (Person 1) (pane)” in “New Tab – Google Chrome” [… Right]

Step 7 Ketik manual localhost/phpMyAdmin, sebaiknya jangan klik saran yang muncul karena biasanya dibawa ke Website Google


Previous Next

Step 8: (‎09/‎07/‎2022 14:15:20) User left click on “localhost/phpmyadmin, press Tab then Enter to Remove Suggestion. (list item)” in “New Tab – Google Chrome”

Step 8 Setelah diketik localhost/phpMyAdmin kemudian tekan Enter.


Previous Next

Step 9: (‎09/‎07/‎2022 14:15:28) User left click on “Steps Recorder – 1 running window (button)”

Step 9 Sukses,.


Return to top of page…


Additional Details

The following section contains the additional details that were recorded.

These details help accurately identify the programs and UI you used in this recording.

This section may contain text that is internal to programs that only very advanced users or programmers may understand.

Recording Session: ‎09/‎07/‎2022 14:14:49 – 14:15:29

Step 1: User right click on “XAMPP Control Panel (list item)” in “Program Manager”
Program: Windows Explorer, 10.0.19041.1620 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: XAMPP Control Panel, Desktop, SysListView32, SHELLDLL_DefView, Program Manager, Progman

Step 2: User left click on “Open (menu item)”
Program: Windows Explorer, 10.0.19041.1620 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: Open, Context, #32768

Step 3: User left click on “Start (button)” in “XAMPP Control Panel v3.3.0 [ Compiled: Apr 6th 2021 ]”
Program: 3.3.0.0, XAMPP-CONTROL.EXE, XAMPP-CONTROL.EXE
UI Elements: Start, TBitBtn, Modules , TGroupBox, XAMPP Control Panel v3.3.0 [ Compiled: Apr 6th 2021 ], TfMain

Step 4: User left click on “Start (button)” in “XAMPP Control Panel v3.3.0 [ Compiled: Apr 6th 2021 ]”
Program: 3.3.0.0, XAMPP-CONTROL.EXE, XAMPP-CONTROL.EXE
UI Elements: Start, TBitBtn, Modules , TGroupBox, XAMPP Control Panel v3.3.0 [ Compiled: Apr 6th 2021 ], TfMain

Step 5: User left click on “Google Chrome – 1 running window (button)”
Program: Windows Explorer, 10.0.19041.1620 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: Google Chrome – 1 running window, Running applications, MSTaskListWClass, Running applications, MSTaskSwWClass, ReBarWindow32, Taskbar, Shell_TrayWnd

Step 6: User left click on “Address and search bar (edit)” in “New Tab – Google Chrome”
Program: Google Chrome, 103.0.5060.114, Google LLC, CHROME.EXE, CHROME.EXE
UI Elements: Address and search bar, Google Chrome, New Tab – Google Chrome – PP Annur (Person 1), Chrome_WidgetWin_1

Step 7: User keyboard input on “New Tab – Google Chrome – PP Annur (Person 1) (pane)” in “New Tab – Google Chrome” [… Right]
Program: Google Chrome, 103.0.5060.114, Google LLC, CHROME.EXE, CHROME.EXE
UI Elements: New Tab – Google Chrome – PP Annur (Person 1), Chrome_WidgetWin_1

Step 8: User left click on “localhost/phpmyadmin, press Tab then Enter to Remove Suggestion. (list item)” in “New Tab – Google Chrome”
Program: Google Chrome, 103.0.5060.114, Google LLC, CHROME.EXE, CHROME.EXE
UI Elements: localhost/phpmyadmin, press Tab then Enter to Remove Suggestion., New Tab – Google Chrome – PP Annur (Person 1), Chrome_WidgetWin_1

Step 9: User left click on “Steps Recorder – 1 running window (button)”
Program: Windows Explorer, 10.0.19041.1620 (WinBuild.160101.0800), Microsoft Corporation, EXPLORER.EXE, EXPLORER.EXE
UI Elements: Steps Recorder – 1 running window, Running applications, MSTaskListWClass, Running applications, MSTaskSwWClass, ReBarWindow32, Taskbar, Shell_TrayWnd

By : Abdur Rouf, “Aiyro”


Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *