Showing posts with label Website. Show all posts
Showing posts with label Website. Show all posts

Apa itu HTML ? Memahami fungsi, cara kerja dan sejarahnya

( Apa itu HTML ?  )

 Kita langsung masuk saja ke pembahasan yang akan kita bahas pada artikel ini, yuk kita simak mengenai pengertian dari HTML berikut ini :

A. Sejarah HTML..
       HTML ( Hyper text markup language ) itu sendiri secara resmi lahir pada tahun 1989 oleh tim berners lee dan dikembangkan oleh world wide web consortium ( W3C ), yang kemudian pada tahun 2004 dibentuklah  web hypertext application technology working group ( WHATG ) yang hingga kini bertanggung jawab akan pengembangan bahasa HTML ini. sebelumnya ada HTML 2, 3, 4 dan kini telah dikembangkan HTML 5, sebuah versi terbaru dari HTML yang mendukung tidak hanya gambar dan teks saja, namun juga dapat membuat menu yang interaktif, audio, video dan lain sebagainya. sangat luas bukan HTML.

Kalau anda pernah mendengar HTML hanya dari definisinya saja, anda juga harus menelusuri seluk -beluk dari HTML tersebut. HTML ( Hyper Text Markup Language ) itu sendiri berfungsi untuk menyusun bagian paragraf, link, header, footer, navigation, content, blockquate dan lain - lain dalam membuat halaman web dan menampilkan berbagai macam informasi diweb browser.
Pada saat kita bekerja dengan HTML, kami menggunakan struktur kode yang sederhana "Tag & atribute" untuk mark up sebuah website. sebagai contoh misalnya, kami ingin membuat agar teks tersebut ditampilkan terlihat tebal dengan menggunakan tag pembuka <b>dan tag penutup</b>.


<b>Hyper text markup language</b>

Jadi kesimpulannya, HTML itu bukan bahasa pemograman melainkan HTML itu meerupakan bahasa Mark Up, dan bahasa mark up itu bahasa yang dikembangkan untuk membuat halaman website yang dapat diakses melalui internet dan ditampilkan melalui web browser sangatlah mudah dan dipahami jika kalian ingin terus belajar dan terus memahaminya bahkan bagi para web pemula dibidang web development, terus belajar adalah kuncinya untuk menjadi seorang web developer.

B. Memilih aplikasi editor HTML



        Sebelum memulai belajar HTML, kita perlu untuk memilih aplikasi editor yang kita sukai sesuai selera kita. karena program yang berekstensi ".html" tidak memerlukan compiler yang khusus untuk dapat mengeksekusikannya, maka kita tidak perlu untuk memikirkannya. sekarang saatnya memilih aplikasi text editor untuk mengeksekusikannya sesuai keinginan kita.
Disini ada beberapa text editor sebagai berikut :
1.) Notepad ++
2.) Sublime Text Editor
3.) Adobe Dreamweaver
4.) Freecup HTML editor
5.) Atom Text Editor
6.) PageBreeze, dan masih banyak lainnya.

Aplikasi editor ini bisa kalian dapatkan di google dengan mendownloadnya secara gratis maupun membayar lisensi aplikasi tersebut ( buy ). Jadi silahkan tentukan aplikasi text editor yang kalian sukai.

C. Mengenal Fungsi Browser



       Web browser atau yang kalian kita kenal "Browser" seperti: Mozilla Firefox, Google Chrome, Internet Explorer, Dophin Browser, Opera Mini, dan lain sebagainya yang sering kita gunakan untuk menjelajahi situs - situs didunia internet. Namun apakah yang dimaksud dengan Web Browser itu sendiri ? Web Browser ialah sebuah aplikasi yang digunakan untuk menjelajahi situs - situs didunia maya yang biasa disebut website.
Jadi, jika kalian ingin mengecek hasil struktur kodingan HTML kalian, kalian bisa mengeceknya di Web Browser kalian dengan cara "Open in Browser atau mengganti ekstensi (.txt ) menjadi (.html ), tergantung dari petunjuk aplikasi text editor tersebut.

D. Menjalankan File HTML



       Apakah kalian tau apa itu compile ? compile itu sendiri sebuah proses yang menjalankan hasil coding yang kita buat, namun file HTML lebih mudah dilakukan karena HTML tidak memerlukan sebuah aplikasi untuk meng-compile file tersebut. HTML dikembangkan untuk halaman website didunia maya dan adapun bagi kita yang ingin menjelajahi web - web tersebut, kita memerlukan aplikasi web browser. jadi untuk menjalankan file HTML ini sangatlah mudah, kita hanya perlu mengeksekusikannya menggunakan aplikasi web browser yang kita miliki. kita cukup klik kanan pada file HTML kita kemudian akan muncul tulisan "Open With" lalu kita pilih aplikasi web browser tersebut yang kita akan gunakan.

E. Pengertian Tag, Element, dan Atribut pada HTML
       Sebagai bahasa markup, HTML membutuhkan sebuah fungsi atau tanda untuk memberitahu web browser apa yang perlu atau tidak perlu untuk dilakukan. tanda tersebut ialah "<....>", didalam tag HTML ditulis berpasangan biasanya memiliki tanda " " didalam "<....>". Seperti contoh berikut ini :
<html>...........</html>
Dan ada pula juga tag yang berdiri sendiri dan tidak memiliki pasangan ( single tag ).

<br/>
Element ialah semua data atau isi yang berada didalam sebuah tag.

Gambar 5 ( Pengertian HTML beserta pengertian lainnya )

Attribute ialah sebuah informasi yang diberikan pada sebuah tag, pengaturan untuk tag tersebut, biasanya dituliskan pada tag pembuka ( untuk yang berpasangan ) atau pada awal tag ( untuk single tag ). Seperti contoh berikut ini.

<p align="left">.........................</p>
F. Mengenal Struktur Dasar HTML
    Html juga memiliki struktur dasar dalam penulisan HTML, yang diawali dengan tag " Doctype " untuk menunjukkan pada browser type document dari file tersebut, kemudian dimulai dan ditutup dengan tag html, didalam tag itu dapat diisikan tag head, body, dsb. Namun, secara struktur dasar dari bahasa markup HTML seperti berikut ini :

Kode Pembuatan :
<!DOCTYPE html>
<html>
<head>
<title>Title Title Title</title>
</head>
<body>
<header>Header</header>
<p> Paragraf </p>
</body>
</html>
Hasilnya :




Baca Juga : 
                     

Semoga Bermanfaat penjelasan dalam memahami seluk beluk HTML, baik dari fungsi, struktur, sejarah dan menjalankan file HTMLnyaJika kalian ( Pembaca ) ada yang kurang paham / mempunyai pendapat yang berbeda dalam mengenai pemahaman dari , Silahkan masukkan komentar dibawah ini mengenai pengertian diatas. "Hatur Nuhun".

Cara kerja dari sebuah website


Bagaimana cara kerja dari sebuah website ( Web ))

 Baik, sebelum kita masuk ke materi dari judul tersebut, saya ingin membahas pengertian server dan cara kerja nya  dahulu yang berhubungan dengan cara kerja website. mari kita simak dan pahami secara seksama berikut ini :

Server ( Otak )
Server adalah pusat dari semuanya, serverlah tempat penyimpanan semua data dan disinilah data diolah dan dikirim kembali sesuai permintaan atau request.
Dilihat dari gambar diatas, kita bisa menganalogikan dan menganalisa seperti apa web itu bekerja sebagai berikut :

- Misalnya :

saya adalah seorang user dan ingin membuka sebuah situs / website, lalu dalam hal ini Metronews.com sebuah komputer yang berada disebuah warnet, URL / Request yang saya ketikan melalui web browser yang saya pakai pada saat ini adalah Google Chrome, maka URL / alamat yang saya ketikan tadi dikolom ( www / world wide web ) yang merupakan sebuah arsitektur kerja untuk memasuki dokumen yang saling berhubungan setelah URL / nama situs pencari maka akan secara otomatis :
Jika komputer terdeteksi DATA / URL akan terkirim dan akan memasuki wilayah kerja TCP / IP. disinilah data akan diperiksa sesuai alamat dan pemintaanya dan server akan mengambil HIDEN / sebagai kunci dari pencarian sehingga jelas dan rujmit setelah itu BODY akan disesuaikan dan server akan mengirim data dan data yang diminta akan membalas asal request tersebut jika data ada dan tidak valid ke client server sebelum akhirnya kembali lagi keuser.


Berikut ini adalah cara kerja dari sebuah website :
Metodeology Pengembangan Aplikasi Web
Metodeology adalah cara cara yang digunakan oleh seseorang secara rutin dalam menyelesaikan suatu pekerjaan. Kata metodeology banyak digunakan dalam sebuah manajemen proyek, dikarenakan kesuksesan proyek juga ditentukan oleh pemilihan metodeology yang akan digunakan dalam proyek itu. Demikian juga proyek pengembangan aplikasi website kita memerlukan metodeology yang tepat agar dapat menghasilkan aplikasi web sesuai yang diinginkan.

Dalam dunia SOFTWARE ENGINEERING paling klasik terdiri dari 5 fase, yaitu :
1.) Fase Requirement / Penelusuran Kebutuhan
     Pada fase ini, kita mencari tahu sebenarnya apa yang harus dibutuhkan, apa tujuan dari suatu proyek pengembangan aplikasi, dan seperti apa hasil yang diinginkan.

2.) Fase Analisa
     Pada tahapan kali ini, berdasarkan hasil penelusuran kebutuhan maka kita akan memutuskan seperti apa aplikasi yang ingin dibuat, Feature apa sajakah yang akan diperlukan, masalah apakah yang kemungkinan kita hadapi nanti, dan apa saja yang kita perlukan dalam proses pengembangan tersebut, dst.

3.) Fase Perancangan
      Pada tahapan inilah kita akan membuat rencana / rancangan mengenai aplikasi yang akan dibuat berdasarkan hasil analisa, misalnya : hasil analisa kita akan membuat aplikasi dengan beberapa fitur tersebut.

4.) Fase Pengembangan
     Tahapan implementasi hasil dari analisa dan perancangan, pada tahap ini kita akan menulis code program sesuai yang telah direncakan sebelumnya pada fase perancangan. Pada tahapan ini juga dilakukan terhadap suatu fungsi apakah telah berjalan sesuai yang diinginkan.

5.) Fase Instalasi
     Setelah memastikan bahwa semua fungsi telah berjalan baik dan telah memenuhi kriteria yang sudah diinginkan pada fase requirement, maka aplikasi akan diset up pada server / komputer yang akan digunakan untuk menjalankan aplikasi ini.

Fase diatas adalah fase standar yang bersifat dinamis. tidak selamanya tiap fase yang dilewati akan ditinggalkan, terkadang kita perlu kembali kefase sebelumnya untuk memperbaiki kekurangan yang ada. Beberapa fase juga ada yang digabungkan agar lebih sederhana atau dipisahkan agar lebih detail. dan itu tadi metodeology klasik dalam proyek pengembangan aplikasi. bagaimana dengan proyek pengembangan aplikasi web. Pada dasarnya karena sama - sama mengembangkan aplikasi, maka metedeology diatas juga dapat digunakan, namun tergolong kita memerlukan metodeology khusus yang bagi kita lebih nyaman.
Saya sendiri memiliki metode tersendiri dalam proses pengembangan aplikasi web, namun sebenarnya mengadofsi metodeology diatas, dan adapun dengan beberapa perubahan / hanya perubahan kata - kata agar cocok dengan cara saya sendiri.

Berikut adalah metodeology pengembangan yang biasa saya gunakan :


- Fase Requirement, sama dengan metodeology diatas. pada fase ini saya mencoba mencari tau beberapa pertanyaan berikut :

1.) Apa yang dibutuhkan ?
2.) Apa tujuan dari aplikasi ini ?
3.) Apa yang ingin dicapai ?
4.) Apakah ada represi / contoh ?
5.) Siapa sasaran penggunaan aplikasi ini ?

                                                                                   

Setelah memperoleh jawaban dari pertanyaan saya sebelumnya, baru kita akan memulai ke fase berikutnya.
- Fase Penentuan Feature dan Fungsi, pada tahapan ini berdasarkan hasil penelusuran kebutuhan dari aplikasi maka saya menentukan feature dan fungsi, apa saja yang menentukan feature yang akan dibuat untuk memenuhi kebutuhan yang ada.
- Feature dibagi menjadi feature utama / bagian besar terlebih dahulu, lalu kemudian didefinisikan menjadi bagian yang lebih kecil.
Misalnya : CMS salah satu feature utama adalah blok, kemudian feature blok didefinisikan seperti fitur tagging, kategori, comment, dsb.

Dan inilah pembahasan mengenai dari Cara kerja dari sebuah web server, Jika kalian ( Pembaca ) ada yang kurang paham / mempunyai pendapat yang berbeda dalam mengenai pemahaman dari , Silahkan masukkan komentar dibawah ini mengenai pengertian diatas. "Hatur Nuhun".

Pengertian dan perbedaan website statis, dinamis dan interaktif beserta contohnya

( Website statis, dinamis dan interaktif )

 Sebelumnya kita pernah mendengar kata "Website" yang sudah tidak asing lagi ditelinga kita bukan ? Semua orang pasti tau dengan kata - kata itu, tetapi tidak semuanya mengetahui "Website" secara terdefinisi.

Baik pada artikel ini saya ingin memberikan sedikit definisi serta pengertian dari "Website" yang saya ketahui. Berikut ini penjelasan yang tertampil mengenai pengertian dan perbedaan website statis, dinamis dan interaktif beserta contohnya:

➤ Website ???

- Halaman
- Situs
- Protokol
- Server ( Pusat pengelolaan informasi pada jaringan komputer )
- Browser ( Opera, Mozilla, IE, Chrome )
- Informasi
- Internet

➤ Definisi pengertian dari Website :

- Tempat mencari informasi
- Sebuah jaringan yang mengelola informasi pada komputer
- Halaman yang berisi informasi
- Alamat untuk mencari informasi
- Tempat berkomunikasi ( Skype, FB, Tweet, Yahoo, Kaskus )

Jadi, Website itu adalah Sebuah halaman yang berisi berbagai informasi yang diakses melalui jaringan internet sehingga bisa diakses oleh seluruh dunia selama menggunakan akses internet.

Adapun hal - hal yang berguna untuk mempercantik tampilan website :

- Text
- Gambar
- Video
- Riwayat
- Musik / Audio
- Dll.

Jenis - jenis website beserta contohnya :

1. Website Statis
    Statis : Stabil, seimbang, tetap, tidak berubah - ubah.
➞ Sebuah halaman Website yang halaman tidak bisa diubah ( Code dari struktur website tersebut )

2. Website Dinamis
    Dinamis : Tidak, tidak tetap, bisa berubah - ubah.
➞ Website yang struktur dibuat untuk bisa update sesering mungkin. ( Web berita, web dagang, web      polling ).

3. Website Interaktif
     Interaktif : FB, Tweet, Skype, Gmail, Dsb.
➞ Website yang berfungsi untuk melakukan komunikasi antara pengguna website.

Unsur - unsur Pembentuk Website :

1.  Nama domain / URL ( Uniform resource lokal )

                       ↓
     Alamat Website / Situs

Contoh : 

- www.google.co.id
- www.gmail.com
- www.belajarbareng.site
- www.rajinmembaca.net
- www.psikomter.org

2. Website Hosting
    Sebuah space / ruang kosong storage yang berfungsi untuk menyimpan data - data pada website ( Blog, Wordpress )

 Perusahaan penyedia pelayanan web hosting :

- www.idwebhosting.com
- www.indowebsite.net/
- http://www.rumahweb.com
- http://indositehost.com/
- http://www.indomix.com
- www.niagahoster.com
- www.dewaweb.com
- www.domainesia.com
- www.goddady.com 
- dsb.


3. Nama - Nama Domain disebuah negara :

- .Id : Indonesia
- .Be : Belgia
- .It : Italia
- .Jp : Jepang
- .Ru : Rusia
- .Ca : Kanada
- .De : Jerman
- .Dk : Denmark
- .Es : Spanyol
- .Us : Amerika Serikat


4. Bahasa Pemograman ( Markup )

    Bahasa ini yang berfungsi untuk membuat tampilan sebuah website ( Html, Dhtml, CSS, PHP, Javascript, Xml, Dsb.


5.  Publikasi Website
     Melakukan promosi terhadap sebuah website, rating tinggi karena sering dikunjungi 10x100 = 1000.

Dengan cara :

- Mengiklankan blog
- Sharing dijejaring social media
- Bertukar Jasa
- Viral Marketing
- Pasang signature dll.




➤  Sejarah terciptanya URL :

URL merupakan suatu inivasi dasar bagi pengembangan sejarah internet, URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis dokumen - dokumen dapat merujuk pranala kewaring wera wara / world wide web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah "Uniform Resource Identifier" (URI) yang lebih umum sifatnya. dan berakhir menjadi "Uniform Resource Local" (URL).

Untuk kalian yang ingin memperdalam tentang URL secara luas dan mendalam baik dalam sejarahnya maupun pengertian nya secara terstruktur / lengkap, silahkan klik tautan berikut :

Teknologi Aplikasi Web
     Profesi dalam pengembangan aplikasi web

     Semakin tumbuhnya internet dan semakin bagusnya dampak dunia informasi internet bagi setiap kalangan, mulai dari kalangan pelajar sampai kalangan pembisnis, dengan adanya World wide web, pembuat dunia informasi berubah untuk diakses, diminati, dirasakan kegunaanya.
Dimulai dari hanya penayangan profil hingga transaksi sudah banyak dilakukan diweb situs masing - masing, hal ini mengakibatkan munculnya profesi - profesi dalam pengembangan web.

Berikut adalah profesi - profesi dalam pengembangan aplikasi web :

- Web Designer
- Web Developer
- Web Programmer
- Web Administrator
- Web Master

1.) Web Designer adalah profesi untuk melakukan desainer tampilan situs ( buka web ) mulai dari pengolahan gambar, tatak letak, warna Dsb.
➞ Hal yang harus dikuasai : HTML, DHTML, Pengolahan Gambar, Animasi, Audio & Video.

Baca Juga : .
                     .                     
                     .

2. ) Web Developer adalah Seseorang yang menciptakan aplikasi berbasis web dengan menggunakan bahasa pemograman. Seorang Web Developer yang handal terbiasa dengan bahasa pemogaraman, Baik dari sisi server ( Server Side Scripting ) maupun dari sisi clien ( Clien Side Scripting ).
➞ Hal yang harus dikuasai : Frontend Web Developer, Backend Web Developer, HTML, CSS, Note.js, jquey, boostrapt, php, javascript, phyton.

3.) Web Programmer ialah jika situs yang akan dibuat mempunyai fasilitas interaksi antar pengunjung dan situs, misalnya,  menyangkut dengan transaksi, input, output data dan database, maka seorang web programmer yang akan mengerjakan dengan membuat aplikasi - aplikasi yang bekerja diatas situs ( Web ).
➞ Hal yang harus dikuasai : CGI PERL, Mercury, C++, Mysql ( unix base ), ASP NT Base, Javascript, PHP, Phyton, Dsb.

4.) Web Administrator adalah  seorang yang bertugas untuk Memaintance suatu server, mengerti akan sistem operasi server, baik itu mulai instalasi sampai kepada masalah ( Trouble Shooting ).
➞ Hal yang harus dikuasai : OS unix ( Linux, FreeBSD dll ), OS NT, Jaringan ( LAN, WAN, MAN, Intranet ), Keamanan server.

5.) Web Master ialah seorang yang mengerti akan kesemua hal mulai dari desain, program, dan keamanan server, mempertanggungjawabkan atas jalannya suatu situs ( web ).
➞ Hal yang harus dikuasai : HTML, DHTML, CGIperr, PHP, Mysql, JAVA, berbagai macam OS Jaringan ( LAN, WAN, Intranet ) Keamanan Server.

Dan itulah pengertian dari web statis, dinamis serta interaktif  sampai menuju keprofesinya,  Jika kalian ( Pembaca ) ada yang kurang paham / mempunyai pendapat yang berbeda mengenai pengertian tentang Silahkan masukkan komentar dibawah ini mengenai pengertian diatas. "Hatur Nuhun".