Installasi NextCloud

Installasi NextCloud

Admin   14.22

A. JUDUL
Installasi NextCloud

B. PENDAHULUAN

1. Pengertian
Nextcloud adalah perangkat lunak client-server untuk membuat dan menggunakan layanan file hosting. Ini secara fungsional mirip dengan Dropbox, meskipun Nextcloud bebas dan open source, memungkinkan seseorang untuk menginstal dan mengoperasikannya di server pribadi.

2. Latar Belakang
Berbeda dengan layanan proprietary seperti Dropbox, arsitektur terbuka memungkinkan penambahan fungsionalitas tambahan ke server dalam bentuk aplikasi dan memungkinkan pengguna untuk memiliki kontrol penuh terhadap datanya.

Pengembang orisinil asli Frank Karlitschek bercabang ownCloud dan menciptakan Nextcloud, yang terus dikembangkan secara aktif oleh Frank dan anggota tim originalCloud asli lainnya.

3. Maksud danTujuan
Menginstall Nextcloud di localhost

4. Hasil yang Diharapkan
Nextcloud dapat digunakan

C. ALAT dan BAHAN

• PC
• Paket Nextcloud

D. JANGKA WAKTU
10 menit

E. LANGKAH-LANGKAH

• Pindah paket ke /var/www/html

 

• Beri hak kepemilikan dan hak akses

 

• Buat database

 

• Buka di browser localhost/namanextcloud
• Atur konfigurasi 

 

• Login admin

 

• Tampilan akan seperti di bawah ini

F. HASIL yang DIDAPAT
NextCloud  berhasil terinstall di localhost

G. PENEMUAN PERMASALAHAN
Tidak bisa membuat config, akhirnya mengganti hak akses menjadi 775.

H. KESIMPULAN
Sebuah client-server yang dapat di install di localhost.
 

I. REFERENSI
-

Installation LightShot

Installation LightShot

Admin   08.41

A. JUDUL

Installation LightShot

B. PENDAHULUAN

1. Pengertian

LightShot adalah salah satu plugin screenshoot. LightShot ini berbasis windows. Jadi, bila diinstall di linux, sebelumnya harus install wine terlebih dahulu.

2. Latar Belakang

Ketika proses pendokumentasian, disitu kita screenshoot/foto. Nah, untuk menunjukkan configurasinya secara spesifik kita memerlukan lightshot untuk memperjelasnya.

3. Maksud danTujuan

• Untuk menunjukkan perintah-perintah konfigurasi yang spesifik

4. Hasil yang Diharapkan

• Dapat diterapkan langsung ketika mendokumentasikan configurasi

C. ALAT dan BAHAN

• Wine
• Laptop/PC
• Koneksi Internet

D. JANGKA WAKTU

5 menit

E. LANGKAH-LANGKAH

1. Pastikan wine sudah terinstall di laptop. Bila belum terinstall, buka terminal ketikkan perintah

#sudo apt-get install wine

2. Setelah itu kita download dahulu lightshot nya, bisa di download disini

3. Setelah itu pilih lightshot untuk linux, unduh.

4. Setelah proses download selesai klik kanan file nya buka melalui wine.

5 Ketika muncul gambar seperti dibawah ini. Pilih dalam bahasa inggris saja, OK.

6. Nah, lanjut ke step 2, disini kita akan menyetujui ketentuan yang ada jadi pilih “I accept ...”, NEXT.

7. Tunggu proses installasi selesai.

8. Klik Finish.

9. Setelah itu kita coba lightshot nya, seperti gambar dibawah ini

F. HASIL yang DIDAPAT

Lightshot sudah dapat difungsikan seperti yang diinginkan.

G. PENEMUAN PERMASALAHAN

-

H. KESIMPULAN

Aplikasi windows dapat juga diinstall di linux, akan tetapi ia memerlukan adapter berupa wine.

I. REFERENSI

Pengenalaan Port dan Client-Server Bekerja

Pengenalaan Port dan Client-Server Bekerja

Admin   07.53

A. JUDUL

Pengenalaan Port dan Client-Server Bekerja

B. PENDAHULUAN

1. Pengertian

Dalam protokol jaringan TCP/IP, sebuah port adalah mekanisme yang mengizinkan sebuah komputer untuk mendukung beberapa sesi koneksi dengan komputer lainnya dan program di dalam jaringan. Port dapat mengidentifikasikan aplikasi dan layanan yang menggunakan koneksi di dalam jaringan TCP/IP.

2. Latar Belakang

Port merupakan sebuah jalur yng akan dituju serta dilalui oleh sebuah data atau paket ketika dikirim. Karena ia seperti gerbang dimana disetiap 1 port merupakan milik 1 destinasi.

3. Maksud danTujuan

• Mengerti client-server bekerja
• Mengerti port yang digunakan untuk komunikasi

4. Hasil yang Diharapkan

Dapat menjelaskan konsep kerja client server dan dapat membedakan setiap port yang digunakan untuk komunikasi.

C. ALAT dan BAHAN

• Laptop

D. JANGKA WAKTU

4 jam

E. LANGKAH-LANGKAH

Bagaimana konsep client-server bekerja? 

Pertama client yang akan mengakses meminta, clien merequest kepada server. Nah, si server selaku peladen ia menyediakan service yang dicari. Server menjawab request dari client.
Macam-macam protokol tcp/ip
Port server adalh static sedangkan pada client yakni dimanis. Mengapa demikian? Karena agar si clien dapat mengakses beberapa aplikasi yang berbeda dengan dalam waktu yang sama. 1 port number digunakan untuk 1 komunikasi.
Gabungan antara ip dan port disebut socket.
Macam-macamnya yakni:
1. FTP ada 2 port : 20 untuk paket yang masuk di sisi server, sedangkan 21 untuk untuk menshare datanya.
2. HTTP : Hypertext Transfer Protokol
dll.
Perbedaan Telnet dan SSH

Telnet menggunakan perangkat lunak untuk membuat perangkat virtual yang
    menyediakan fitur yang sama sesi terminal dengan akses ke antarmuka baris
    perintah server (CLI).

SSH menyediakan remote login yang aman dan layanan jaringan aman lainnya.
    Juga memberikan otentikasi yang lebih kuat daripada Telnet dan mendukung
    pengangkutan sesi data menggunakan enkripsi Profesional jaringan harus selalu
    menggunakan SSH di tempat Telnet, bila memungkinkan

Apakah perbedaan Login local dengan login saat configurasi cisco?
login local: perlu username dan password di global configuration.
login: menggunakan password secara spesifik.
ssh menggunakan login local karena menggunakan user dan pass, yang diset di global configurasi.

F. HASIL yang DIDAPAT

Mengerti perbedaan antara telnet dan SSH serta komponen lainnya.

G. PENEMUAN PERMASALAHAN

- 

H. KESIMPULAN

Untuk port yang dipakai server bersifat static dan pada client bersifat dinamic.

I. REFERENSI

REVIEW_NetEss_Instructor Materials_Chapter5.pptx
https://id.wikipedia.org/wiki/Port_(Jaringan_Komputer)

Pengenalan CISCO

Pengenalan CISCO

Admin   12.57

A. JUDUL

Pengenalaan Cisco

B. PENDAHULUAN

1. Pengertian

Apa itu CISCO???

Cisco Systems Inc. NASDAQ: CSCO SEHK: 4333 merupakan perusahaan global dalam bidang telekomunikasi yang bermarkas di San José, California, Amerika Serikat. Perusahaan ini didirikan pada tahun 1984. Perusahaan ini mempekerjakan 51.480 pekerja.

2. Latar Belakang

Mengapa menggunakan CISCO? Karena scisco merupaka peralatan utama yang digunakan di jaringan WAN. Nah, sebelum memasuki konfigurasi nya, hlu kita mengearuslah dahulu kita mengenalinya.

Apa keunggulannya?

-Lebih mahal, perangkat yang mahal, terjamin kualitasnya bagus. Akan tetapi belum temtu yang murah kualitasnya jelek.

-CISCO telah menjadi standar perusahaan besar.

-Fiturnya lebih lengkap dibanding perangkat yang lain

3. Maksud danTujuan

• Mengenali cisco sebelum masuk ke konfigurasi
• Mengerti kelebihan CISCO dan komponen yang ada

4. Hasil yang Diharapkan

• Mengerti Sejarah CISCO
• Mengerti Kelebihan dan Kekurangan cisco

C. ALAT dan BAHAN

• Laptop

D. JANGKA WAKTU

8 jam=workshop

E. LANGKAH-LANGKAH

1. Apa itu CISCO?

Cisco Systems Inc. NASDAQ: CSCO SEHK: 4333 merupakan perusahaan global dalam bidang telekomunikasi yang bermarkas di San José, California, Amerika Serikat. Perusahaan ini didirikan pada tahun 1984. Perusahaan ini mempekerjakan 51.480 pekerja.

2. Apa kelebihan CISCO dibanding perangkat yang lain?

-Fitur lebih lengkap

-Harga mahal, tetapi kualitas terjamin, tetapi bukan berarti yang murah tidak terjamin.

 

3. Kenapa menggunakan CISCO?

Karena CISCO sudah menjadi standar sebuah perusahaan atau coorporation. 

Nah, untuk taambahannya nih, waktu dibahas saat workshop hari Sabtu ini.

Apa itu default gateway?

Default gateway= ip yang menentukan menuju ke internet, mengapa harus ip router? karena ia akan menanyakan ke router. mencari destinasi tujuan.

Apa saja sih unsur komunikasi?

1. source=tx

2. destination=rxada rule.

3. media transmisi

aturan/protokol=dalam protokol masih ada rule untuk komunikasi

1. timing

2. message size

3. encaptulation yakni proses pemaketan data

4. message format

5. encoding

6. message pattern

Macam-macam protokol

protokol stack=protokol yang sudah tetap

protokol open=tebuka= conoth static route

protokol standar=wajib menggunakan

propitery = berjalan pada vendor yang sama

Perbedaan Interface dan Port?

Interface pada media perangkat jaringan . Sedangkan pada perangkat end device disebut port.

Apa saja komponen jaringan ?

1. ip address

2. subnet mask

3. default gateway

4. dns

broadcast=mengirim ke semua perangkat kecualai dirim=nya sendiri

broadcast domain: : area

arp table(compilesasi kumpulan mac dan ip pada masing" host)=mencari alamat berupa ip di mac address di local, setelah itu membaca ip address, dan dituliskannya.=menuliskan mac, dan ip di tabel nya agar supaya switch tau dan tidak membroadast lagi mac ma yang ada

routing=mencari jalur membuat jalur terbaik untuk meneuskan paket data, menghubungkan 2 network yang berbeda.

routing table berisi network network yang diberikan ke interfce

1.static route

2. dynamic route

F. HASIL yang DIDAPAT

Mengerti jaringan dari dasar

G. PENEMUAN PERMASALAHAN

Gambar tidak mau tampil hanya frame nya saja karena apa? Path yang saya masukkan salah

H. KESIMPULAN

Tak ada ilmu yang terbatas, walaupun kami dari rekayasa perangkat lunak kita tak takut untuk belajar jaringan.

I. REFERENSI

https://id.wikipedia.org/wiki/Cisco_Systems

Konsep Dasar Jaringan

Konsep Dasar Jaringan

Admin   11.23

A. JUDUL

Konsep Dasar Jaringan

B. PENDAHULUAN

1. Pengertian

Jaringan komputer (jaringan) adalah jaringan telekomunikasi yang memungkinkan antar komputer untuk saling berkomunikasi dengan bertukar data. Tujuan dari jaringan komputer adalah agar dapat mencapai tujuannya, setiap bagian dari jaringan komputer dapat meminta dan memberikan layanan (service). Pihak yang meminta/menerima layanan disebut klien (client) dan yang memberikan/mengirim layanan disebut peladen (server). Desain ini disebut dengan sistem client-server, dan digunakan pada hampir seluruh aplikasi jaringan komputer.

2. Latar Belakang
Sebelum masuk ke configurasi kita harus benar-benar memahami jaringan dasar nya. Dari konsep, pengertian, maksud dan tujuannya.

3. Maksud dan Tujuan

• Memahamkan konsep dasar jaringan

4. Hasil yang Diharapkan

C. ALAT dan BAHAN

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Internet
Internet yakn intercnnection network. Internet ada karena adanya hubungan antara host-host yang ada. Internet tidak ada yang punya. Internet dilanmabngkan sebagai awan karena apa? Karena di awan tidak akan penuh ketika terjadi interconnection. Sehinggan ia selalu terhubung dan tidak terbatas. Oleh karena itu internet dilambangkan sebagai awan. Lalu ISP bagaimana? ISP merupakan penyedia akses atau layanan.

2. End Device
End Device adalah perangkat atau media yang berada diakhir. Misalkan Laptop, PC, IP Phone, dll.

3. Sejarah CISCO
Cicsco adalah sebuah nama dari perusahaan yang meproduksi perangkat jaringan.
Cisco Systems Inc. NASDAQ: CSCO SEHK: 4333 merupakan perusahaan global dalam bidang telekomunikasi yang bermarkas di San José, California, Amerika Serikat. Perusahaan ini didirikan pada tahun 1984. Perusahaan ini mempekerjakan 51.480 pekerja.
Produk dari perusahaan ini dapat ditemukan dari ruang tamu sampai ke perusahaan yang bergerak untuk skala internasional.Visi dari Cisco System.Inc (Cisco) yaitu “mengubah bagaimana cara hidup,bekerja,bermain dan belajar”,dan bagian dari Slogan dari Cisco adalah “ Selamat datang kedalam dunia Jaringan “ (welcome to the human network).Cisco adalah salah satu produk untuk Teknologi Informasi nomor satu didunia,terutama untuk sytem,perangkat keras jaringan serta telekomunikasinya.

4. Remote CISCO
Meremot Cisco ada 2 macam
1. out band- console
2. in band- ssh, telnet
Pebedaannya seperti berikut :

ssh = lebih secure dan port 22, ada enkripsi
telnet=port 23 , masih plain text

5. Data
Data merupakan nilai yang mewakili sesuatu. Data ada 3 macam yakni 
1. volunteered data=individu data sukarela
2. infered data=gabungan darii volunteer dan observat
3. ibserved data=direkam

6.Client-Server
Dimana sudah ditetapkan bahwa perangkat satu menjadi server dan yang lainnya menjadi client, nah ini lebih aman.

7. P2P
Dimana sepasang perangkat jaringan memiliki kedudukan yang sama, bisa menjadi server, dan bisa menjadi client.

8. 3 Komponen utama jaringan
1. intermediet merupakan perangkat perantara seperti misalkan router, switch dll.
2. enddevice adalah perangakat akhir yang seperti dijelaskan diatas.
3. media transminsi adalah media apa yang digunakan untuk mentransmisikan data yang dikirim. misalkan kabel, dan wireless

9. TroubleShoot
ada 2 yakni
1. ping yakni untu mencheck apakah sudah terhubung atau belum ke tujuan.
2. traceroute= untuk chec troubleshooting. traceroute ib=ni digunakan untuk melihat jalur apa sajakah yang diikuti.

10. Komponen jaringan
1. host
2. periperal
3. network device
4. network media

11. komunikasi jaringan
a. ip address, alamat
b. subnet mask, prefik/local
c. dafault gateway, gerbang
satu lagi d. dns.
Bisa disebut 3 baik, 4 sempurna nih.

12. Topology
1. logical= topologi yang lengkap dengan pengalamatan ip

2. pisical= topologi penempatan perangkat

F. HASIL yang DIDAPAT

Mengerti konsep awalnya.

G. PENEMUAN PERMASALAHAN

-

H. KESIMPULAN

Sebelum masuk ke konfigurasi, konsep dasar itu wajib.

I. REFERENSI

https://id.wikipedia.org/wiki/Jaringan_komputer

Menambahkan Font-Awesome pada Template Dashboard Admin

Menambahkan Font-Awesome pada Template Dashboard Admin

Admin   15.54

A. JUDUL

Menambahkan Font-Awesome pada Template Dashboard Admin

B. PENDAHULUAN

1. Pengertian

Font Awesome adalah toolkit font dan icon berdasarkan CSS dan LESS.

2. Latar Belakang

Mengapa menggunakan font-awesome, karena dengan gambar-gambar tool ni akan lebih terbantu memahami maksud setiap menu yang ada.

3. Maksud danTujuan

• Memberikan gambar di setiap menu agar lebih mudah dipahami maksud dari menu tersebut.
• Mempercantik tampilan

4. Hasil yang Diharapkan
Template akan terlihat lebih interaktif

C. ALAT dan BAHAN

• PC
• Text Editor
• Template yang akan diberi font-awesome

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

• Siapkan dahulu plugin font-awesome yang bisa diunduh disini.

• Setelah itu template yang diberi disiapkan

 

• Panggil dahulu css pada font-awesome

 

• Setelah itu pada menu yang akan diberi tool dari font-awesme tinggal dipanggil menggunakan tag <span>, tinggal memilih class yang akan dipake dan diterapkan.

 

F. HASIL yang DIDAPAT

Template sudah ada icon-iconnya.

G. PENEMUAN PERMASALAHAN

Saya hanya memindah file css yang berbeda folder, eh ternyata gambarnya tidak muncul. Karena apa folder-folder yang ada pada font-awesome itu saling berhubungan.

H. KESIMPULAN

Font-awesome adalah salah satu plugin untuk icon kecil untuk melengkapi menu yang ada pada template. Akan tetapi tidak hanya font-awesome masih ada yang lainnya.

I. REFERENSI

https://github.com/FortAwesome/Font-Awesome

Template Bootstrap untuk Administrator Pages

Template Bootstrap untuk Administrator Pages

Admin   15.52

A. JUDUL

Template Bootstrap untuk Administrator Pages

B. PENDAHULUAN

1. Pengertian

Template web , halaman utama yang digunakan untuk menghasilkan halaman web.

2. Latar Belakang

Template dibuat agar supaya sebuah website terlihat lebih menarik, dan menjadi pusat perhatian dari pengunjung.  Disini pada halaman admin, akan kita buatkan sebuah template agar tidak monoton tampilannya.

3. Maksud danTujuan

• Memudahkan admin dalam mengoperasikan
• Menarik perhatian administrator

4. Hasil yang Diharapkan

• Halaman admin dapat diberi template yang menarik, sehingga si admin lebih mudah dalam berinterksi dengan sistem

C. ALAT dan BAHAN

• Laptop
• Browser
• Text Editor

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Siapkan bootstrap vendor yakni bisa di download

a. bootstrap.min.js disini

b. bootstrap.min.css disini

c. Untuk jquery bisa didonload di jquery.com

2. Setelah itu, buat sebuah index yang berisisikan script seperti diwawah ini

<!DOCTYPE html>

<html lang="en">

<head>

  <title>Administrator</title>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">

  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">

  <script src="../jQuery/jqeury.js"></script>

  <script src="../jQuery/jqeury.min.js"></script>

  <script src="../JS/bootstrap.js"></script>

  <script src="../JS/bootstrap.min.js"></script>

  <style>

    /* Set height of the grid so .sidenav can be 100% (adjust if needed) */

    .row.content {height: 558px}

    

    /* Set gray background color and 100% height */

    .sidenav {

      background-color: #f1f1f1;

      height: 100%;

    }

    

    /* Set black background color, white text and some padding */

    footer {

      background-color: #555;

      color: white;

      padding: 15px;

    }

    

    /* On small screens, set height to 'auto' for sidenav and grid */

    @media screen and (max-width: 767px) {

      .sidenav {

        height: auto;

        padding: 15px;

      }

      .row.content {height: auto;} 

    }

  </style>

</head>

<body>

<div class="container-fluid">

  <div class="row content">

    <div class="col-sm-3 sidenav">

      <h4>Mebel's Company</h4>

      <ul class="nav nav-pills nav-stacked">

        <li class="active"><a href="index.php">Home</a></li>

        <li><a href="produksi/index.php">Produksi</a></li>

        <li><a href="staf/index.php">Pegawai</a></li>

        <li><a href="produksi/index.php">Inventory</a></li>

        <li><a href="produksi/index.php">Financial</a></li>

        <li><a href="logout.php">Logout</a></li>

      </ul><br>

      <div class="input-group">

        <input type="text" class="form-control" placeholder="Search Blog..">

        <span class="input-group-btn">

          <button class="btn btn-default" type="button">

            <span class="glyphicon glyphicon-search"></span>

          </button>

        </span>

      </div>

    </div>

    <div class="col-sm-9">

      <h4><small>RECENT POSTS</small></h4>

      <hr>

      <h2>I Love Food</h2>

      <h5><span class="glyphicon glyphicon-time"></span> Post by Jane Dane, Sep 27, 2015.</h5>

      <h5><span class="label label-danger">Food</span> <span class="label label-primary">Ipsum</span></h5><br>

      <p>Food is my passion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

      <br>

      </div>

    </div>

  </div>

</div>

<footer class="container-fluid">

  <p>Footer Text</p>

</footer>

</body>

</html>

3. Script diatas berisi tag tag, dan link untuk memanggil file-file yang hendak di includekan.

4. Buka hasilnya di browser.

5. Setelah itu masukkan link link untuk memanggil fle php yang akana kita eksekusi.

6. Sehingga pada file administrator sudah ada template nya.

7. Untuk template insert yang saya buat saya beri polosan seperti gambar dibawah :

F. HASIL yang DIDAPAT

Pada halaman admin tidak polosan lagi, akan tetapi lebih menarik. Karena sudah ada templatenya.

G. PENEMUAN PERMASALAHAN

-

H. KESIMPULAN

Template tidak hanya dipasang di halaman utama saja, akan tetapi juga pada halaman administrator, agar lebih mudah ketika mengoperasikan.

I. REFERENSI

• w3schools.com
• https://en.wikipedia.org/wiki/Template

Menyelesaikan Problem in Apache (Localhost : Forbidden) dengan .htaccess

Menyelesaikan Problem in Apache (Localhost : Forbidden) dengan .htaccess

Admin   16.12

Assalamualaikum, Wr.Wb

A. JUDUL

Menyelesaikan Problem in Apache (Localhost : Forbidden) dengan .htaccess

B. PENDAHULUAN

1. Pengertian

Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan HTTP.

File .htaccess adalah file text sederhana dalam format ASCII. Pada umumnya kita bisa menggunakan file .htaccess untuk merubah beberapa konfigurasi untuk mengarahkan pada web server Apache.

2. Latar Belakang

Apache adalah sebuah web server, dimana apabila kita mengakses aplikasi yang berbasis web kita memerlukan sebuah web server. Untuk melayani kita mengakses sebuah aplikasi yang berbasis web. 

3. Maksud danTujuan

• Memberi akses untuk client ketika ingin mengakses aplikasi berbasis web.

4. Hasil yang Diharapkan

• Apache dapat berjalan dengan Lancar

C. ALAT dan BAHAN

•  PC
• Apache
• CLI

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

Pernahkan kalian mengalami hala seperti saya? Yakni, ketika saya membuaka localhost di browser, ehh..! Yang ditemui malah Forbidden.

Haduh gimana ya..???

Jelasnya lihat gambar dibawah ini.

Nah, melihat permasalahan diatas file yang berekstensi .html tidak bisa dibuka.

Bagaimana menyelesaikannya..

Langsung Come On :

1. Buka CLI masuk root

2. Masuk ke folder /var/www/html

3. Setelah itu coba check file .htaccess

4. Disini saya temui bahwa file index hanyalah index.php saja, oleh karena itu file yang berekstensi .html tidak bisa dibuka.

5. Akhirnya saya menambahkan index.html setelah index.php yang dipisah dengan tanda spasi.

6. Buka lagi localhost di browser.

Ciee, udah bisa ^_^

F. HASIL yang DIDAPAT

File yang berekstensi .html maupun .php bisa dibuka dengan lancar.

G. PENEMUAN PERMASALAHAN

Saya menghapus file index.php saya ganti dengan index.html. Eh, ternyata file yang berekstensi .php jadi nggak bisa dibuka.

H. KESIMPULAN

File .htaccess adalah file dimana tempat redirect file juga.

I. REFERENSI

• https://id.wikipedia.org/wiki/Apache_HTTP_Server
• http://blogs.masterweb.com/mengenal-htaccess-dan-mengetahui-fungsinya/ 

Upload File Gambar dengan File Text

Upload File Gambar dengan File Text

Admin   16.08

A. JUDUL

Upload File Gambar dengan File Text

B. PENDAHULUAN

1. Pengertian

Berkas komputer (bahasa Inggris: computer file) adalah identitas dari data yang disimpan di dalam berkas sistem yang dapat diakses dan diatur oleh pengguna. Sebuah berkas memiliki nama yang unik dalam direktori di mana ia berada. Alamat direktori di mana suatu berkas ditempatkan diistilahkan dengan path.

2. Latar Belakang

Mengapa kegiatan ini saya lakukan, karena untuk memperjelas informasi yang akan diterangkan. Dimana salah satunya adalah gambar. Gambar adalah salah satu media yang mempermudah seseorang untuk menangkap informasi yang ada.

Langsung saja kita lanjut...^_^

3. Maksud danTujuan

• Untuk memperjelas suatu artikel, atau berita.

4. Hasil yang Diharapkan

• Dapat membantu mengenali siapa.
• Dapat memperjelas artikel

C. ALAT dan BAHAN

• Laptop
• Browser
• Text Editor
• Database

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Tambahkan field pada tabel di database, dan path untuk penyimpanan gambar

2. Masukkan kode pada file tambah.php

3. Setelah itu lihat di bagian home.php, dimana file untuk menampilkan data. Pada file ini menambahkan kode untuk memanggil gambar

4. Selesai, coba kita lihat di browser

5. Bila berhasil tampilan akan seperti di bawah ini

F. HASIL yang DIDAPAT

Gambar yang hendak ditampilkan berhasil tampil di browser. Maaf yak gambar seadanya^_^

G. PENEMUAN PERMASALAHAN

Gambar tidak mau tampil hanya frame nya saja karena apa? Path yang saya masukkan salah.

H. KESIMPULAN

Untuk menampilkan, menguoload sebuah gambar, haruslah membuat suatu folder tempat dimana penyimpanan gambar tersebut.

I. REFERENSI

https://id.wikipedia.org/wiki/Berkas_komputer