Scribd Logo
Unggah

Selamat datang di Scribd!

  • Lap9 205314166

    Diunggah oleh

    Petra Fellicia
    24 tayangan9 halaman
    Dokumen tersebut merangkum langkah-langkah praktikum HTTP yang meliputi membuat file HTML sederhana menggunakan XAMPP, membuat situs web dengan aplikasi web seperti PrestaShop menggunakan Bitnami, dan membuat situs web di hosting dengan menginstal aplikasi melalui Softaculous. Diberikan pula tugas-tugas terkait praktikum tersebut.

    Deskripsi Asli:

    Judul Asli

    LAP9-205314166

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dokumen tersebut merangkum langkah-langkah praktikum HTTP yang meliputi membuat file HTML sederhana menggunakan XAMPP, membuat situs web dengan aplikasi web seperti PrestaShop menggunakan Bitnami, dan membuat situs web di hosting dengan menginstal aplikasi melalui Softaculous. Diberikan pula tugas-tugas terkait praktikum tersebut.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    24 tayangan9 halaman

    Lap9 205314166

    Diunggah oleh

    Petra Fellicia
    Dokumen tersebut merangkum langkah-langkah praktikum HTTP yang meliputi membuat file HTML sederhana menggunakan XAMPP, membuat situs web dengan aplikasi web seperti PrestaShop menggunakan Bitnami, dan membuat situs web di hosting dengan menginstal aplikasi melalui Softaculous. Diberikan pula tugas-tugas terkait praktikum tersebut.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 9

    Nama :

    NIM :

    Pertemuan 9
    PRAKTIKUM INTERNET DAN APLIKASINYA
    KELAS E
    “HTTP”

    DISUSUN OLEH :
    Nama : Petra Fellicia Stella S
    NIM : 205314166

    TEKNIK INFORMATIKA
    FAKULTAS SAINS DAN TEKNOLOGI
    UNIVERSITAS SANATA DHARMA YOGYAKARTA
    2021
    Nama :
    NIM :

    1. Membuat file HTML sederhana


     Tujuan praktikum adalah untuk membuat web server sederhana dengan menggunakan xampp.
     HTML merupakan singkatan Hyper Text Markup Language
    o HTML merupakan standard markup language for membuat Web pages static.
    o HTML terdiri dari berbagai macam element.
    o Deskripsi dari masing masing element pada HTML akan memberitahu browser bagaimana cara
    menampilkan halaman web.
    o Elemen dalam HTML memiliki <tag> content</tag> ,fungsi seperti tanda kurung kurawal kalau
    dalam coding.

    Contoh:

    <html>
    <body>
    <h1>My First html</h1>
    <p>My first paragraph</p>
    </body>
    </html>

    Langkah – langkah:

    1) Buka lokasi dimana anda menginstall xampp.

    2) Masuk ke xampp  htdocs, maka akan tampil isi dari htdocs

    3) Buatlah file teks baru pada folder htdocs, bisa menggunakan notepad atau notepad++
    Nama :
    NIM :

    4) Ketikkan baris baris berikutt pada notepad anda.


    <html>
    <body>
    <h1>My First html</h1>
    <p>My first paragraph</p>
    </body>
    </html>

    5) Kemudian simpan dengan nama latihan1.html


    6) Open XAMPP control panel, aktifkan service Apache dengan cara klik tombol start pada Actions
    di sebelah kanan Apache.

    7) Open browser anda.


    8) Ketikkan di address bar anda :
    http://127.0.0.1/latihan1.html
    atau
    http://localhost/latihan1.html
    9) Maka akan terlihat tampilan sebagai berikut:
    Nama :
    NIM :

    Tugas 1
    Buatlah file latihan2.html yang akan memberikan tampilan sebagai berikut:

    JIka anda membutuhkan tutorial bisa cek di website w3school di link berikut :
    https://www.w3schools.com/html/html_intro.asp

    Ketentuan:
     Nama file : latihan2.html
     NIM dan nama sesuai dengan NIM dan nama anda masing masing.
     Hobby dan gambar yang ditampilkan tidak harus sama dengan yang diatas, tapi gambarnya
    harus sesuai dengan hobby. Gambar di-insert dengan menggunakan url gambar yang bisa
    dicari di website.
     Lampirkan screenshoot dari akses browser ke tampilan latihan2.html anda (screenshoot
    include address bar).
    Nama :
    NIM :

     Kompress file (zip atau rar) dengan format Lab9A-NIM.rar/zip.

    2. Membuat situs Web dengan Aplikasi Web.


     Tujuan praktikum adalah membuat layanan web menggunakan aplikasi web.

    1) Download dan install XAMPP


    2) Download dan install bitnami App dengan ketentuan sebagai berikut:
     bitnami-coppermine-1.6.09-1 → NIM 0,3
     bitnami-jasperreports-7.8.0-0 → NIM 1,2
     bitnami-livehelperchat-3.49v-0 → NIM 4,5
     bitnami-orangehrm-4.5-1 → NIM 7,8
     bitnami-prestashop-1.7.6.8-1 → 6,9
    3) Konfigurasi masing-masing aplikasi hingga dapat digunakan
    4) Isikan beberapa konten transaksi.
    Nama :
    NIM :

    Tugas 2

    1) Buatlah laporan langkah-langkah instalasi (XAMPP dan bitnami Apps)


    2) Bualah laporan langkah-langkah administrasi situs aplikasi dan pengisian konten / interaksi
    user.
    3) Screenshoot dari akses browser ke tampilan aplikasi anda (screenshoot include address bar).
    4) Kompress file (zip atau rar) dengan format Lab9B-NIM.rar/zip.
    1. Instalasi XAMPP
    1. Unduh XAMPP
    Download XAMPP melalui website Apache Friends
    2. Install XAMPP
    - Lakukan instalasi setelah selesai mengunduh. Selama proses instalasi akan ada
    pesan yang menanyakan apakah user yakin akan menginstalnya. Silakan tekan Y
    es untuk melanjutkan instalasi.
    - Klik tombol Next.
    - Pada tampilan selanjutnya akan muncul pilihan mengenai komponen mana dari
    XAMPP yang ingin dan tidak ingin diinstal. Beberapa pilihan seperti Apache dan
    PHP adalah bagian penting untuk menjalankan website dan akan otomatis
    diinstal. Silakan centang MySQL dan phpMyAdmin, untuk pilihan lainnya biarkan
    saja.
    - Berikutnya silakan pilih folder tujuan dimana XAMPP ingin diinstal, misal pada
    direktori C:\xampp.
    - Pada halaman selanjutnya, akan ada pilihan apakah ingin menginstal Bitnami
    untuk XAMPP, dimana nantinya dapat digunakan untuk install WordPress,
    Drupal, dan Joomla seccara otomatis.
    - Pada langkah ini proses instalasi XAMPP akan dimulai. Silakan klik tombol Next.
    - Setelah berhasil diinstal, akan muncul notifikasi untuk langsung menjalankan
    control panel. Silakan klik Finish.
    Nama :
    NIM :

    3. Jalankan XAMPP
    Silakan buka aplikasi XAMPP kemudian klik tombol Start pada Apache dan MySQL.
    Jika berhasil dijalankan, Apache dan MySQL akan berwarna hijau. Untuk melakukan
    pengecekan, silakan akses link berikut melalui browser Anda http://localhost.

    2. Instalasi bitnami Apps


    1. Jika komputer Anda belum terinstall XAMPP, buka file instalasi XAMPP lalu pilih
    komponen-komponen wajib dengan cara memberi tanda centang pada pilihan “Server
    -> Apache dan MySql”, “Program Languages -> PHP”, “Program Languages ->
    phpMyAdmin”.
    2. Setelah memilih komponen-komponen tersebut, klik “Next”, maka proses instalasi
    akan berjalan hingga selesai. Kemudian klik “Finish”.
    3. Kemudian buka XAMPP. Untuk menjalankannya, klik tombol “Start” pada pilihan
    “Apache” dan “MySql”.
    4. Langkah selanjutnya ekstrak folder PrestaShop.zip yang telah Anda download
    sebelumnya. Lalu paste folder tersebut pada direktori “Local disk C ->XAMPP ->htdocs”.
    5. Selanjutnya buka PHPMyAdmin “http://localhost/phpmyadmin” (tanpa tanda petik)
    pada browser Anda untuk membuat database. Masukkan nama database sesuai
    keinginan Anda misalnya “prestashop”, lalu klik tombol “create” atau “buat”.
    6. Sekarang buka Prestashop Setup Wizard menggunakan alamat link
    “http://localhost/prestashop” (tanpa tanda petik). Lalu pilih “Next”.
    7. Kemudian pada langkah install selanjutnya, beri tanda centang sebagai persetujuan.
    Lalu klik “Next”.
    8. Selanjutnya isikan seluruh data informasi yang diminta dan klik “Next”.
    9. Langkah selanjutnya isikan data sesuai database yang sebelumnya telah Anda buat
    pada PHPMyAdmin. Klik “Next” atau “Berikutnya”.
    10. Selanjutnya biarkan proses instalasi berjalan hingga selesai.
    11. Setelah proses instalasi selesai, maka akan tampil keterangan bahwa proses instalasi
    selesai.
    12. Agar bisa masuk dalam PrestaShop yang telah Anda install sebelumnya, Anda
    diminta untuk menghapus folder “install” dalam folder “Prestashop” yang berada dalam
    direktori “Local disk C ->XAMPP ->htdocs”.
    13. Jika folder “install” tersebut telah terhapus, maka sekarang Anda dapat masuk ke
    web PrestaShop Anda. Ketikkan alamat email dan kata sandi yang sesuai dengan pada
    saat proses instalasi PrestaShop. Lalu tekan tombol “Login”.
    14. Jika berhasil Login, maka Anda akan masuk ke halaman dashboard PrestaShop.

    1) Kunjungi situs Hosting (free) Contoh :  https://infinityfree.net/


    2) Lakukan registrasi untuk pembuatan akun
    3) Tentukan domain anda! (pilih yang free!)
    4) Install salah satu Softaculous App (pilihan vendor apiasi bebas) dengan ketentuan sebagai berikut:
     Image galeri → NIM 0,3
     Music / Video → NIM 1,2
    Nama :
    NIM :

     Educational → NIM 4,5


     E-Commerce → NIM 7,8
     Social Networking → 6,9
    5) Konfigurasi masing-masing aplikasi hingga dapat digunakan dan dapat diakses dari internet
    6) Isikan beberapa konten transaksi.

    Tugas 3

    1) Buatlah laporan langkah-langkah registrasi hosting


    2) Buatlah laporan langkah-langkah administrasi hosting
    3) Bualah laporan langkah-langkah administrasi situs aplikasi dan pengisian konten / interaksi
    user.
    4) Catat URL anda dan kirimkan ke teman anda, asisten dan dosen.
    5) Kompress file (zip atau rar) dengan format Lab9C-NIM.rar/zip.
    1. Langkah – langkah registrasi hosting
    - Pastikan Nama, Alamat dan e-mail pada registrant name dan juga
    Administrative Contact Domain adalah nama Anda.
    - Sebelum memberikan job kepada desainer, pastikan Hak-Hak anda, seperti:
    login cPanel/Plesk, login member area web hosting.
    - Pelajari terlebih dahulu portfolio Desainer anda.
    - Jangan pernah sharing password email anda kepada siapapun, terkait email
    yang di gunakan untuk registrasi domain dan hosting pada perusahaan hosting
    yang anda percaya.
    - Gantilah password member area pada Perusahaan Web Hosting anda, password
    cPanel, dan password Panel Domain anda setelah Desainer anda selesai
    Nama :
    NIM :

    mengerjakan website anda, tentunya setelah anda membayar jasa pembuatan


    tersebut.
    - Apabila Web Hosting dan Domain merupakan paket yang ditawarkan oleh
    Desainer Web anda, jangan lupa menanyakan login dan password domain,
    cPanel/Plesk, CMS anda.
    NB: Untuk pemeriksaan registrant name dan Administrative contact domain
    anda, dapat anda lakukan pada website //who.is

    Selamat belajar 

    Anda mungkin juga menyukai