Cara ngoding HTML di Android

 


Assalamu'alaikum teman-teman,

salam sejahtera bagi kita semua.

Banyak diantara kita bertanya-tanya, apakah bisa kita ngoding di android? Jawabannya pasti bisa, karena sudah banyak aplikasi legal yang tersebar di app store atau playstore di Android kalian. Karena saya bukan user atau pengguna android untuk ngoding jadi saya full ngoding di komputer atau laptop saja. Sebenernya ngoding diandroid bisa juga sih, cuman ram android saya 2GB dan sekarang sudah kepenuhan jadi saya tidak bisa pakai android untuk ngoding, karena banyak file penting di handphone saya, hehehehehe...

Mungkin saya hanya share pengalaman saya aja nih, karena waktu itu saya juga pernah menjadi programmer yang menggunakan android ya, meskipun cuman ngoding HTML aja sih, apa salahnya jika saya ingin berbagi ilmu buat kalian yang mau ngoding HTML di android. 

Yang pernah saya coding di android itu bukan HTML aja sih, CSS dan JavaScript pernah, karena HTML, CSS, JavaScript itu tidak perlu banyak bahan, hanya perlu Text Editor dan Browser aja untuk menjalankan codingan kita.

Oke, langsung aja yah guys.

Yang pertama kita harus siapkan bahannya dulu:

  1. Android
  2. Text Editor. Text Editor kalian bisa download aja di playstore atau App Store yang berada di Android kalian. Saya biasa menggunakan Aplikasi Sublime Text untuk text editor saya di Android. Kalian boleh pakai Text Editor apa aja di Android. Download Aplikasi Sublime Text For Android.
  3. Browser. Kalian boleh pakai browser apa aja untuk menjalankan atau menampilkan hasil codingan yang kalian buat. Kalau saya sih pakai Chrome untuk jalanin file HTML saya di android.
Nah, setelah semua bahan terkumpul, langsung aja kita belajar ngodingnya.
  1. Download Aplikasi sublime text. 
  2. Kalau sudah terinstall silahkan buka Aplikasinya. Jika ada dialog muncul untuk meminta izin konten media, foto, audio silahkan klik izinkan aja.
  3. Silahkan kalian buka aplikasi filemanager yang ada di android kalian (filemanager itu bawaan dari sononya!!), kemudian buat folder baru dengan nama BelajarHTML tanpa spasi.
  4. Kalau udah jadi foldernya silahkan kalian buka lagi aplikasi sublime text.
  5. Klik icon Garis 3 dipojok kiri atas dan pilih File Baru.
  6. Jika sudah, kalian klik icon titik 3 di pojok kanan atas dan pilih Simpan. Nanti kamu diarahkan untuk membuat nama file dan lokasi penyimpanan filenya.
  7. Karena ini hanya untuk belajar saja, kita beri nama filenya dengan nama latihan.html dan folder penyimpanan /storage/emulated/0/BelajarHTML. Kalau di android kebanyakan bentuk folder penyimpanannya seperti itu.
  8. Jika sudah klik oke aja. Langsung aja kita ngodingnya. Silahkan ketikkan codingan HTML yang ada dibawah ini di text editor kalian.
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>

Sebelum kita menjalankan codingannya dibrowser, saya ingin menjelaskan terlebih dahulu kegunaan dari codingan yang kita buat ini.
<title>Belajar HTML</title> berguna sebagai Judul website yang ditampilkan di bagian kepala tab browser dan <h1>Heading 1</h1> sampai dengan <h6>Heading 6</h6> berguna sebagai pemberi judul website yang berada di halaman utama (index) website atau sebagai pemberi judul artikel yang berada pada website. Ukuran h1 itu ukuran tulisan terbesar dan h6 itu ukuran tulisan terkecil.

    9. Nah, kalau udah tau kita tinggal masuk aja ke tahap selanjutnya. Yaitu, membuka html yang sudah kita buat tadi.
    10. Silahkan buka browser yang mau kalian gunakan di android kalian. Kemudian ketikkan file:///storage/emulated/0/BelajarHTML/latihan.html di browser kalian dan enter. Kalau udah tampil hasilnya berarti kalian sudah berhasil membuat sebuah project HTML di Android kalian.



Selamat mencoba...


Lokasi: Kota Samarinda, Kalimantan Timur, Indonesia

Komentar

Posting Komentar

Postingan Terpopuler

Tulisan berjalan dan menampilkan video dari youtube ke website menggunakan HTML

Gambar
 Assalamu'alaikum sahabat KWP semua🙏😊, Salam sejahtera bagi kita semua, Semoga kita tetap dalam lindungan Tuhan Yang Maha Esa. Driartikel kali ini saya ingin memberikan kalian sebuah materi yaitu tentang Tulisan berjalan dan cara menampilkan video dari youtube ke website milik kita menggunakan HTML. Pastinya kalian pernah melihat tulisan-tulisan berjalan pada sebuah website yah dan juga ada video dari youtube yang ditampilkan pada sebuah website. Untuk tulisan berjalan pada website biasanya para Programmer menyebutnya Marquee , Karena tulisan yang berjalan itu pastinya menggunakan tag Marquee untuk membuat tulisan tersebut berjalan.  Pertama kita akan membuat tulisan yang berjalan dari kanan ke kiri atau Marquee Default . Silahkan ketikkan Code HTML dibawah ini pada Text Editor kalian  <html> <head> <title>Marquee</title> </head> <body> <h1>Marquee</h1> <p> <marquee>Tulisan Ini Berjalan</marquee> </p...
Baca selengkapnya

Perkenalan

Gambar
  Assalamu'alaikum Warahmatullahi Wabarokatuh Perkenalkan nama saya Muhammad Ibnu Zein. Dinisi saya sebagai pendiri Forum Koding Web Programming. Dimana forum tersebut adalah tempat untuk mempelajari tentang Web Developing dari awal. Di postingan pertama saya diblog ini saya hanya memperkenalkan saya dan yang akan dibahas di blog ini saja. Diblog ini saya akan menyampaikan berbagai macam materi tentang dunia Web Developing yang terpenting adalah Start up pertama kali kita mulai belajar tentang Web Developing.  Ada pun materi terpenting yang akan saya bahas di blog ini adalah: 1. HTML Dasar 2. CSS Dasar 3. Praktek Pembuatan Website berbasis HTML & CSS 4. PHP Dasar 5. JavaScript Dasar 6. Mysql Database 7. Tambahan info materi tentang Web Developing.
Baca selengkapnya