2. HELLO WORLD



Di materi sebelumnya kita sudah mempelajari sekilas mengenai sejarah HTML sekarang kita akan mencoba membuat dokumen HTML sederhana yang dimana dokumen ini ketika dijalankan akan menampilkan teks "HELLO WORLD" kelayar.

sebelum itu kalian harus membuka code editor kalian.  untuk mempelajari HTML kalian bisa menggunakan bawaan dari masing sistem operasi kalian seperti notepad untuk windows misalnya.  atau kalian bisa download code editor eksternal melaluii internet misalnya sublime text, vscode  dan notepad++.

baca juga: cara install sublime text 3

sekarang coba ketikan code berikut

<!DOCTYPE html>
<html>
<head>

    <title>LATIHAN HTML</title>
<head>
<body>


    <h1>HELLO WORLD</h1>

</body>
</html>




lalu simpan file tersebut dengan nama "contoh.html".  dan ubah "save as type-nya" menjadi "All file" lalu klik "save".



lalu jalankan file tersebut dengan cara klik 2x pada file tersebut atau klik kanan dan klik open with google chrome (web browsernya tidak harus google chrome bisa mozilla fire fox atau web browser lannya).

maka seaharusnya web browser kalian akan menampilkan teks "HELLO WORLD" kelayar seperti berikut


selamat sekarang kalian sudah berhasil membuat sebuah website yang sangat-sangat sederhana.


sekian tutorial kali ini selanjutnya kita akan membahas mengenai Tag HTML!

Di materi sebelumnya kita sudah mempelajari sekilas mengenai sejarah HTML sekarang kita akan mencoba membuat dokumen HTML sederhana yang di...

1. PENDAHULUAN TUTORIAL HTML



yuk mari sama-sama disimak :)

HTML???


HTML singkatan dari Hypertext Markup Languange.
HTML adalah bahasa standar yang digunakan untuk menampilkan halaman web namun HTML bukanlah bahasa pemrograman.  HTML merupakan bahasa markah (Markup).  HTML merupakan bahasa pertama yang harus sobat pelajari bila sobat ingin menjadi web developer.


Apa yang bisa dilakukan HTML???


cukup banyak, kita bisa membuat tabel di halaman web, kita dapat mengatur halaman web, menampilkan gambar di web dan masih banyak lagi.  namun untuk keseluruhan fungsi HTML adalah sebagai struktur/kerangka dasar dari web.


Terciptanya HTML???

sumber: wikipedia

pada tahun 1990 HTML diciptakan oleh seorang peneiliti yang bernama Tim Berners-Lee.  Tim menciptakan HTML ketika masih bekerja di CERN(Organisasi Eropa untuk Riset Nuklir).  tujuan tim menciptakan HTML untuk membuat sebuah sistem di CERN dalam hal berbagi dokumen.  

tidak hanya menciptakan HTML juga, tim juga banyak menciptakan hal-hal lain seperti Http, Web Browser pertama, www, dan masih ada yang lainnya.

tim sekarang menjabat sebagai direktur dari W3C(world wide web consortium).  w3c adalah badan resmi yang yang membuat segala sesuatu mengenai web.  


PENGEMBANGANNYA?

Html merupakan pengembangan dari bahasa SGML(Standard Generalized Markup Language) yang pada masa itu banyak digunakan percetakan dan penerbitan.  Lalu distandarkan oleh W3C  menjadi HTML.
HTML juga terus dikembangkan hingga memiliki banyak versi diantaranya :
  • ·         HTML 2.0 pada 24 November 1995
  • ·         HTML 3.2 pada 14 January 1997
  • ·         HTML 4.0 pada 18 Desember 1997
  • ·         HTML 5 pada tahun 2008 - Sekarang masih terus dikembangkan

sekian dulu untuk tutorial kali ini selanjutnya kita akan mulai coding pertama kita!

yuk mari sama-sama disimak :) HTML??? HTML singkatan dari Hypertext Markup Languange. HTML adalah bahasa standar yang digunakan untuk menamp...

Apa saja yang dibutuhkan untuk belajar php?

Halo DUNIA!
kembali lagi di SUMBARANG;

sobat ingin belajar php?
tapi nggak tau harus mulai dari mana?

nah kali kita akan membahas apa saja sih yang dibutuhkan untuk belajar php

yuk mari disimak :)

1. Web browser
untuk hal yang satu ini sobat tidak perlu khawatir, karena biasanya disetiap laptop atau pc sudah terisntall setidaknya satu.

2. XAMPP, WAMP, LAMP atau MAMP
nama-nama tersebut merupakan nama-nama web server yang bebas sobat download di internet tapi, kalau saya menyarankan sobat bisa pilih XAMPP karena web server yang satu ini bisa dipakai di semua sistem operasi.

baca juga: cara install xampp

3. Code editor
yang ketiga sobat butuh namanya code editor, bisa juga "notepad" namun bila sobat ingin kegiatan coding sobat lebh efisien dan powerfull sobat bisa coba gunakan code editor lain semisalnya "Sublime"

baca juga: cara install Sublime text 3,TUTORIAL DOWNLOAD DAN INSTALL VSCODE

oh ya satu lagi untuk belajar php sobat tidak perlu tersambung ke internet ya...(kecuali untuk cari-cari materi pelajaran dan sebagainya)

gimana?
sekarang sobat sudah bisa mulai belajar PHP?

Happy coding
semoga bermanfaat

seperti biasa sobat bisa sobat bisa berpartisipasi membangun SUMBARANG; dengan cara tinggal kan kritik, saran dan komentar.  Atau sobat juga bisa bagikan informasi ini ke orang lain yang mungkin membutuhkan informasi ini.

jumpa lagi

Halo DUNIA! kembali lagi di SUMBARANG; sobat ingin belajar php? tapi nggak tau harus mulai dari mana? nah kali kita akan membahas apa saja s...

CARA INSTALL XAMPP

Assalamu'alaikum wr. wb.
Kembali lagi nih di SUMBARANG;

XAMPP merupakan bundelan dari beberapa program yang fungsinya sebagai server yang berdiri sendiri atau disebut localhost.  Nama XAMPP sendiri diambil dari singkatan nama-nama program yang terdapat di dalamnya.

X: berarti "cross" artinya lintas sistem operasi(khusus yang huruf ini bukan nama program ya)
A: Apache
M: MariaDB (versi open source-nya MySQL tapi tidak usah khawatir karena semua fungsionalitas yang ada di MySQL bisa dijalankan MariaDB jadi pada dasarnya sama saja ya)
P: PHP
P: Pearl


Nah kali ini kita membahas bagaimana sih CARA INSTALL XAMPP?
Yuk mari disimak :)


1. Pertama, sobat bisa lansung ketikkan keyword "xampp"(tanpa tanda kutip ya) atau sobat bisa lansung ke alamat:
www.apachefriends.org


2. Kedua, sekarang sobat sudah sampai di halaman utama APACHE FRIENDS. Disini sobat bisa lansung pilih tombol downloanya bedasarkan sistem operasi sobat (kalau saya windows ya) atau alternatif lain sobat bisa klik  "download" di navbar untuk versi yang lampau.

3. Ketiga, ketika proses download selesai sobat bisa klik file xampp-nya 2x.

4. Keempat, maka akan muncul window setup-nya dari sini soba bisa klik next.

5. Kelima, sobat bisa klik next lagi.

6. Keenam, sobat bisa tentukan foldernya dan pastikan folder tujuan sobat itu kosong ya. sekedar saran sobat bisa simpan folder yang lokasinya  bukan di "C" seperti "D" misalnya. Untuk mencegah terhapusnya file-file sobat karena lupa ketika menginstall ulang laptop/pc sobat.

7. Ketujuh, sobat bisa lansung klik "install"

8. Kedelapan, tunggu proses installnya sampai selesai.

9. Kesembilan, pilih bahasanya.

10. Kesepuluh, muncul jendela seperti ini maka... selamat sobat sudah berhasil menginstall XAMPP.

Gimana mudahkan?
Semoga bermanfaat.

Sekian dulu. Bila informasi ini bermanfaat sobat bisa membantu membangun SUMBARANG; menjadi lebih baik dengan meninggalkan jejak berupa kritik, saran atau komentar. Atau sobat juga bisa membagikan/sharing keteman-teman sobat yang mungkin membutuhkan informasi ini.

Jumpa lagi
Assalamu'alaikum wr. Wb.

Assalamu'alaikum wr. wb. Kembali lagi nih di SUMBARANG; XAMPP merupakan bundelan dari beberapa program yang fungsinya sebagai server yan...

apa saja sih yang dibutuhkan buat belajar HTML & CSS?

Assalamu'alaikum warrahmatullahi wabarakatuh.
kembali lagi nih di SUMBARANG;

HTML & CSS merupakan salah satu unsur-unsur penting dalam pembuatan web.
HTML(Hyper Text Markup Language) adalah struktur dari tampilan sebuah web dan CSS(Cascading Style Sheet) yang bertugas mempercantik tampilan dari sebuah web.

bila dianalogikan mungkin seperti ini:
Bila KERANGKA dan TULANG MANUSIA adalah "HTML"
MAKA KULIT, DAGING, dan SEBAGAINYA yang MELAPISI TULANG adalah "CSS"

bila sobat ingin belajar HTML & CSS tapi bingung mau mulai dari mana,
maka kali ini kita akan membahas apa saja sih yang dibutuhkan buat belajar HTML & CSS?
atau ada juga yang bilang lingkungan pengembangan HTML & CSS

yuk mari sama-sama disimak :)

berikut adalah hal yang diperlukan:

1. NIAT dan KEINGINAN KUAT (wah kalau yang ini sudah pasti ya)

2. GURU (guru yang dimaksud nggak harus guru formal ya bisa saja teman atau yang nggak punya waktu tatap muka buat belajar bisa dari google atau youtube)

3. KACAMATA anti radiasi (untuk yang ini terserah sobat sih, tapi kalo boleh kasih saran lebih baik punya, karena kegiatannya menggunakan laptop/pc yang dimana monitor terus memancarkan radiasi pada mata sobat)

4. WEB BROWSER (untuk yang ini sobat nggak perlu khawatir karena pada dasarnya semua laptop/pc biasanya sudah terinstall web browser)

5. CODE EDITOR (untuk code editor biasanya juga sudah terinstall seperti notepad code editor bawaaan windows tapi bila sobat merasa kurang sobat juga bisa download code editor yang lain seperti SUBLIME misalnya)

baca juga: CARA INSTALL SUBLIME TEXT


sekian dulu, bila artikel ini bermanfaat sobat bisa membantu SUMBARANG; menjadi lebih baik dengan meninggalkan komentar, atau sobat bisa sharing ke teman-teman sobat.

jumpa lagi.


Assalamu'alaikum warrahmatullahi wabarakatuh.

Assalamu'alaikum warrahmatullahi wabarakatuh. kembali lagi nih di SUMBARANG; HTML & CSS merupakan salah satu unsur-unsur penting dal...

CARA INSTALL SUBLIME TEXT

Assalamualaikum wr. wb
halo sobat kembali lagi nih di SUMBARANG;

Sublime Text merupakan salah satu aplikasi code editor.  Fitur-fitur yang dimilikinya sangat membantu buat para programmer pemula yang baru belajar ataupun yang sudah pro bisa membuat kegiatan coding jadi lebih efisien.  Sublime Text juga menyediakan Plug-in yang dapat membantu kegiatan coding sobat jadi lebih powerfull.  nah kali ini kita akan membahas bagaimana cara CARA INSTALL SUBLIME TEXT step-by-step.

yuk mari disimak :)

1. Langkah pertama! sobat bisa ketikkan di search engine "Sublime" atau sobat bisa ketikkan di bar alamat(address bar) sobat: www.sublimetext.com
2. Langkah kedua! sobat bisa lansung arahkan kursor dan lansung klik "download for windows" maka browser sobat akan lansung mulai proses download atau alternatif lain sobat klik "download"

3. Langkah ketiga! sobat bisa pilih sesuai kebutuhan sobat
4. Langkah keempat! jika filenya sudah selesai terdownload sobat bisa lansung jalankan file tersebut dengan cara klik 2x pada file tersebut
5. langkah kelima! jika menu seperti gambar dibawah ini sudah muncul maka sobat bisa klik "run"
6. Langkah keenam! sobat bisa klik "next"

7. Langkah ketujuh! sobat bisa ubah destinasi foldernya atau lansung saja klik "next"

8. Langkah kedelapan! dari sini sobat bisa klik "next" lagi
9. langkah kesembilan! sobat bisa klik "install" dan dan tunggu proses install sampai selesai

10. Langkah kesepuluh! setelah proses install selesai klik "finish" dan arahkan kursor sobat ke "start > search" lalu ketikkan "sublime" dan klik icon Sublime Text nya sepert pada gambar

selamat sekarang sobat sudah selesai menginstall Sublime Text.
happy coding :)

sekian dulu bila artikel ini bermanfaat sobat mungkin bisa bantu membangun SUMBARANG; bersama dengan cara tinggalkan jejak berupa komentar dibawah atau sharing keteman sobat yang mungkin butuh  informasi ini.

jumpa lagi
Assalamualaikum wr. wb.

Assalamualaikum wr. wb halo sobat kembali lagi nih di SUMBARANG; Sublime Text merupakan salah satu aplikasi code editor.  Fitur-fitur yang d...

CARA CEK RAM LAPTOP/PC di WINDOWS

Assalamualikum wr. wb.
sobat kembali lagi di SUMBARANG;
kali ini kita akan membahas bagaimana CARA CEK RAM LAPTOP/PC di WINDOWS.

yuk mari disimak...

CARA PERTAMA

1. langkah pertama arahkan kursor sobat ke "START"


2. selanjutnya coba sobat klik "SEARCH" lalu ketikkan "dxdiag"


3. lalu sobat klik "dxdiag.exe"

4. jika sobat mengikuti langka-langkah diatas dengan benar seharusnya akan muncul window seperti pada gambar di bawah ini




CARA KEDUA

1. seperti langkah ke-1 dari cara pertama sobat coba arahkan kursor sobat ke "START" lalu klik.


2. berikut sobat arahkan kursor sobat ke "control panel" lalu klik.


3. seharusnya  muncul window "control panel" lalu klik menu "system and security"


4. setelah itu sobat klik menu "system"


5. seharusnya sekarang dilapatop/pc sobat muncul tampilan seperti gambar dibawah ini



sekian dulu CARA CEK RAM LAPTOP/PC di WINDOWS.
jumpa lagi di lain artikel

Assalamualikum wr. wb.

Assalamualikum wr. wb. sobat kembali lagi di SUMBARANG; kali ini kita akan membahas bagaimana CARA CEK RAM LAPTOP/PC di WINDOWS. yuk mari di...

CARA BUAT AKUN BLOGGER

Assalamualaikum wr. wb.
kembali lagi di SUMBARANG;

Blogger merupakan layanan publikasi ciptaan Pyra Labs yang kini sudah diakuisisi oleh GOOGLE.
blogger juga merupakan yang pertama kali mempopulerkan media BLOG.  Nah kali ini kita akan membahas bagaimana sih cara CARA BUAT AKUN BLOGGER.

yuk mari sama-sama kita simak


1. Pertama sobat harus terlebih dahulu punya akun GMAIL


2. Kedua sobat bisa ketikkan "blogger" di browser atau ketikkan "www.blogger.com" di bar alamat(address bar)

3. ketiga setelah laman awal blogger tampil sobat bisa klik tombol oranye "BUAT BLOG"

4. keempat setelah itu sobat akan diminta masuk menggunakan akun google sobat.

5. voilaa!!! sobat sudah berhasil membuat akun BLOGGER.  gimana mudahkan?



sekian dulu bila artikel ini bermanfaat sobat mungkin bisa bantu membangun SUMBARANG; bersama dengan cara tinggalkan jejak berupa komentar dibawah atau sharing keteman sobat yang mungkin butuh  informasi ini

jumpa lagi
Assalamualaikum wr. wb.  


Assalamualaikum wr. wb. kembali lagi di SUMBARANG; Blogger merupakan layanan publikasi ciptaan Pyra Labs yang kini sudah diakuisisi oleh GOO...

CARA BUAT AKUN GMAIL (GOOGLE) TERBARU 2018

Assalamu'alaikum warrahmatullahi wabarakatuh.
Google merupakan salah satu platform perusahan besar yang bergerak dibidang internet.  salah satu produknya ialah Gmail (Google mail).  Dengan akun Gmail ini kita bisa dapat menikmati fitur-fitur yang tersedia di Google lebih banyak.  contohnya kita juga dapat membuat Blog pribadi melalui Blogger dan masih banyak lagi.
Nah di artikel kali ini akan dibahas cara membuat akun gmail terbaru 2018 step by step. berikut langkah-langkahya.

1. Langkah yang pertama ketikan di pencarian kata "Gmail" atau lansung saja
ketikan alamat url nya di bar alamat "www.google.com/gmail/" tanpa tanda kutip ya :)

2. Langkah yang kedua kita akan diarahkan ke laman "login" selanjutnya klik "buat akun" seperti pada gambar.

3. Berikutnya kita akan diarahkan ke laman pendaftaran. setelah semua diketik maka klik "berikutnya".

4.Di langkah berikutnya kita akan diarahkan ke lama verifikasi no. telp. isilah kolom nomor telepon dengan nomor kita sendiri. karena penting untuk langkah berikutnya.

5. Selanjutnya kita akan diminta menuliskan kode verifikasi.  Kode verifikasi bisa kita dapatkan dengan 2 cara.  yang pertama Google akan mengirim pesan ke nomor kita yang berisikan kode verifikasi. atau dengan cara yang kedua yaitu klik "telepon saja" maka Google akan segera mengirim kode verifikasi melalui panggilan di hp kita.
tuliskan kode verifikasinya.


6. Di langkah yang keenam kita akan diarahkan kelaman biodata singkat kita. setelah semua data telah selesai diketik lalu klik "berikutnya".

7. Di langkah ini lansung saja klik "lewati".

8. Berikutnya kita akan diarahkan ke laman "privasi dan persyaratan" selanjutnya klik "saya setuju".

9. lalu akan ditampilkan "loading" seperti ini.

10. Jreng jreng!!! selamat anda telah berhasil membuat akun gmail :)


Sekian untuk artikel kali ini semoga bermanfaat.
sampa jumpa di artikel berikutnya.

Assalamu'alaikum warrahmatullahi wabarakatuh.

Assalamu'alaikum warrahmatullahi wabarakatuh. Google merupakan salah satu platform perusahan besar yang bergerak dibidang internet.  sa...

SEJARAH SINGKAT BAHASA PEMROGRAMAN PASCAL

Pascal merupakan salah satu bahasa pemrograman yang populer.  Bahasa ini sering digunakan sebagai pengantar pelajaran algoritma dan pemrograman di perkuliahan dan berikut sejarah singkatnya. 


Dipublikasikan pada tahun 1970. Pascal merupakan bahasa pemrograman yang dikembangkan selama kurang lebih setahun yaitu pada tepatnya pada tahun 1968 - 1969.  Alasan mengapa Niklaus Emil wirth atau biasa disingkat Niklaus Wirth menciptakan bahasa pemrograman pascal ialah untuk mengajarkan pemrograman kepada mahasiswa di Universitas ETH Zürich di Swiss.


Niklaus Wirth
Niklaus Wirth merupakan seorang dosen di universitas tersebut dan juga merupakan peneliti serta salah seorang ilmuwan berkebangsaan Swiss.


Blaise Pascal

Blaise Pascal namanya, adalah seorang ahli matematika, fisikawan dan penulis berkebangsaan perancis yang lahir pada tahun 1623 dan meninggal pada umur 39 tahun tepatnya di tahun 1662. Blaise pascal ialah ilmuwan yang berhasil menemukan mesin hitung mekanis pertamakali di dunia.  Mesin hitung ini merupakan "nenek moyang" komputer modern yang kita pakai saat ini.  Nama bahasa pemrograman Pascal terinspirasi dari nama ilmuwan tersebut.

Pascal didesain dengan pemrograman terstruktur (structured programming) dan menjadi sangat  populer serta banyak digunakan oleh bahasa-bahasa pemrograman setelahnya.  Seiring berjalannya waktu, kini bahasa pascal juga dapat digunakan untuk aplikasi komersil.

Sejak dipublikasikan oleh pada 1970, bahasa pemrograman Pascal mulai digunakan oleh berbagai universitas di Eropa dan Amerika. Walaupun demikian, compiler pascal (sejenis program untuk menjalankan perintah-perintah bahasa pascal) masih terbatas untuk kalangan tertentu. Karena saat itu harga komputer masih sangat mahal dan umumnya hanya terdapat di perusahaan atau universitas besar.

Pascal merupakan bahasa pemrograman data-oriented. Programmer dapat membuat tipe data sendiri. Walaupun demikian, pascal sangat ketat aturan. Setiap variabel hanya bisa menggunakan tipe data tertentu dan harus dideklarasikan terlebih dahulu. Jika tidak, yang terjadi ya eror.

Bahasa pemrograman pascal termasuk mudah bagi para programmer pemula pada saat itu.  Dikarenakan Pascal tidak jauh beda dengan bahasa inggris sehari-hari.  Sehingga Pascal lebih mudah untuk dipelajari.

Turbo Pascal dan Free Pascal merupakan salah satu dari sekian kompiler pascal.

Jumpa lagi.
Sekian dan Terima Kasih

Referensi:
  • https://www.duniailkom.com/tutorial-belajar-pascal-sejarah-bahasa-pemrograman-pascal/
  • https://id.wikipedia.org/wiki/Blaise_Pascal
  • https://www.penemu.co/penemu-mesin-hitung-blaise-pascal/
  • https://id.wikipedia.org/wiki/Niklaus_Wirth


Pascal merupakan salah satu bahasa pemrograman yang populer.  Bahasa ini sering digunakan sebagai pengantar pelajaran algoritma dan pemrogra...