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.
Step 2: (09/07/2022 14:14:54) User left click on “Open (menu item)”

Step 2 Klik Kanan – Pilih Open.
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.
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.
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.
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.
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
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,.
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”