E-Book Analisis Perancangan Web

AKUndroid- Kali ini saya akan berbagi sebuah e-book karya kelompok kecil saya di salah satu sekolah tinggi. E-book ini kami rancang untuk membantu para orang-orang yang ingin merancang web khususnya para pemula. Dilain sisi kami membuat e-book ini untuk memenuhi tugas kami dalam matakuliah E-commerce yang dibimbing oleh Pak Jaelani, S. Kom. Semoga dengan e-book ini banyak yang merasa terbantu. Saya mewakili teman-teman saya berterima kasih kepada siapa saja yang berkenan membaca dan memohon maaf apabila masih banyak kekurangan pada e-book yang kami buat.

Download :

Google Drive

Mediafire

Perintah-perintah Dasar Linux (Bassic Command)

AKUndroid- Oke, langsung saja kali ini saya akan berbagi sedikit ilmu saya kepada teman-teman pembaca tentang Perintah-perintah Dasar Linux atau yang sering disebut Bassic Command. Pada kesempatan kali ini saya tidak langsung memberikan semuanya tentang Bassic Command karena bassic command sendiri sangatlah banyak. Mungkin pada kesempatan lain saya akan menambah lagi ulasan mengenai Bassic Command agar temen-temen bisa tahu lebih banyak lagi tentang Bassic Command.

Berikut ini adalah Perintah-perintah dasar pada Linux :

• Melihat identitas diri (nomor id dan group id)

$ id=melihat identitas diri (no id dan grup id)

• Melihat tanggal saat ini

$ date

• Melihat kalender

$ cal 9 2002=melihat bulan ke 9 pada tahun 2002

$ cal –y=melihat semua tanggal dan bualan pada tahun x

• Melihat identitas mesin

$ hostname=menampilkan/menyetting hostname sistem

$ uname=menampilkan informasi sistem

$ uname –a=menampilkan nama secara keseluruhan

• Melihat siapa yang sedang aktif

$ w=menampilkan apa yang sedang dikerjakan

$ who=menampilkan siapa yang sedang aktif/log on

$ whoami=menampilkan status yang sedang aktif

• Mengubah informasi finger

$ chfn <user>=mengganti informasi user

• Melihat informasi finger

$ finger=

$ finger <user>

• Menggunakan manual

$ man ls=menampilkan manual dari perintah ls

$ man man=menampilkan manual dari perintah manual

$ man –k file=menampilkan file

$ man 5 passwd=menampilkan password

• Menghapus layar

$ clear

• Mencari perintah yang deskripsinya mengandung kata kunci yang dicari

$ apropos date=mencari perintah dengan kata kunci date

$ apropos mail= mencari perintah dengan kata kunci mail

$ apropos telnet= mencari perintah dengan kata kunci telnet

• Mencari perintah yang tepat sama dengan kunci yang dicari

$ whatis date

• Menampilkan current working directory

$ ls

• Melihat semua file lengkap

$ ls –l

• Menampilkan semua file atau direktori yang tersembunyi

$ ls –a

• Menampilkan semua file atau direktori tanpa proses sorting

$ ls –f

• Menampilkan isi suatu direktori

$ ls /usr

• Menampilkan isi direktori root

$ ls /

• Menampilkan file atau direktori secara lengkap yaitu terdiri dari nama file,

ukuran, tanggal dimodifikasi, pemilik, group dan mode atau atributnya.

$ ls –l /etc

• Menampilkan semua file dan isi direktori. Argumen ini akan menyebabkan proses berjalan agak lama, apabila proses akan dihentikan dapat menggunakan

$ ls –R /usr

$ file

$ file *

$ file /bin/ls

• Mengkopi suatu file. Berikan opsi –i untuk pertanyaan interaktif bila file sudah

ada.

$ cp /etc/group f1

$ ls –l

$ cp –i f1 f2

$ cp –i f1 f2

• Mengkopi ke direktori

$ mkdir backup

$ cp f1 f3

$ cp f1 f2 f3 backup

$ ls backup

$ cd backup

$ ls

• Menggunakan instruksi cat

$ cat f1

• Menampilkan file per satu layar penuh

$ more f1

$ pg f1

• Menggunakan instruksi mv

$ mv f1 prog.txt

$ ls

• Memindahkan file ke direktori lain. Bila argumen terakhir adalah nama

direktori, maka berkas-berkas akan dipindahkan ke direktori tersebut.

$ mkdir mydir

$ mv f1 f2 f3 mdir

• Mencari kata atau kalimat dalam file

$ grep root /etc/passwd 
$ grep “:0:” /etc/passwd dan $ grep student /etc/passwd

Nah, cukup sekian dulu ulasannya, lanjut lagi di lain kesempatan. Semoga coretan berjudul Perintah-perintah Dasar Linux (Bassic Command) ini  bermanfaat dan jangan lupa tinggalkan jejak.

Doctype HTML5

 Doctype (document type declaration) atau bisa disingkat DTD adalah suatu deklarasi/keterangan yang digunakan sebagai acuan dalam penulisan suatu dokumen HTML, Untuk beberapa orang yang sudah familiar dengan coding biasa menyebutnya dengan "source code". Dengan doctype juga kita bisa membedakan versi HTML apa yang digunakan dalam suatu browser.
Setiap versi HTML memiliki doctype yang berbeda-beda. Karena HTML5 lebih mengacu pada efisiensi maka doctype pada HTML5 tidak terlalu panjang bahkan bisa dibilang sangat singkat.

Berikut ini adalah beberapa contoh doctype HTML:

-HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

-HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

-HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

-XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

-XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

-XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

-XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

-HTML5
<!DOCTYPE HTML>

Nah, dilihat dari contoh-contoh doctype di atas sudah dapat diambil kesimpulan bahwa doctype HTML5 sangatlah simple atau efisien.
Beda harga beda rasa, itu juga berlaku dalam aturan doctype. Tiap-tiap doctype di atas memiliki keunggulan dan kekurangan sendiri-sendiri dan juga ada beberapa element yang berbeda dari tiap doctype di atas.
Sekarang yang menjadi pertanyaannya adalah bagaimana kita mengetahui atau melihat doctype apa yang digunakan dalam suatu web?

Berikut tutorial singkatnya:
-Klik kanan pada salah satu bagian halaman web (bukan iklan).
-Pilih "View page source"
-Amati baris paling atas dari baris teks yang muncul di jendela baru yang muncul.

*untuk Firefox dan Chrome bisa juga menggunakan tombol kombinasi "Ctrl+U"




Jika ingin lebih jelas lagi silahkan lihat video berikut

 

Pengenalan HTML5

Dalam kesempatan kali ini saya akan berbagi sedikit pengetahuan saya tentang HTML5.  Tidak banyak yang akan saya sampaikan karena memang saya belum terlalu banyak tahu tentang HTML5.

Untuk lebih jelasnya langsung saja baca ulasan di bawah ini.

HTML Tabel

Oke, pada kesempatan kali ini saya akan memberikan sedikit penjelasan mengenai Table pada HTML. Banyak hal dan manfaat yang bisa kita peroleh dari Table dalam HTML. Untuk lebiih jelasnya langsung saja baca sedikit ulasan berikut:

Table memungkinkan kita mengatur data yang berupa teks, gambar, link dan lain-lain. Dengan tabel kita juga bisa menentukan layout web kita, tata letak data-data dan informasi di dalam web kita.

Menyisipkan Gambar dan Link

Oke langsung saja tanpa basa-basi kali ini saya akan membahas sedikit tentang cara menyisipkan gambar dan link di HTML.

Gambar

Anda dapat menyisipkan gambar apapun dalam halaman web Anda dengan menggunakan tag <img> . Berikut ini adalah sintaks sederhana untuk menggunakan tag ini .

< img src = " URL gambar " ... atribut -list / >

HTML FORMATTING

Sebelumnya saya telah membahas tentang materi Tag Dasar dalam HTML dan sekarang saya akan membahas tentang FORMATTING.Seperti halnya pada software-software aplikasi pengolah kata di dalam HTML pun terdapat juga formatting seperti bold, underline, italic dan lain-lain. Berikut adalah pembahasannya :

<b>.....</b> = Bold
<i>.....</i> = Italic
<u>....</u> = underline
Untuk lebih jelasnya perhatikan dan pahami contoh-contoh berikut ini:

Tag Dasar HTML

Dalam HTML ada banyak sekali tag, namun di sini saya tidak akan membahas semua tag yang ada di HTML. Mungkin cukup tag-tag dasar saja sudah cukup untuk materi kita di halaman ini. Yang akan saya jelaskan kali ini di antaranya Paragraph Tag, Line Break Tag.
Heading Tag
Heading tag bisa diartikan “kepala tag” atau pun “sub judul” dalam HTML. Tag ini memiliki beberapa level yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Semakin besar angkanya maka semakin kecil tulisan atau teks yang ditampilkan.
Contoh :


<!DOCTYPE html>
<html>
<head>
<title>Contoh Heading </title>
</head>
<body>
<h1>Newbie Bootloop 1</h1>
<h2>Newbie Bootloop 2</h2>
<h3>Newbie Bootloop 3</h3>
<h4>Newbie Bootloop 4</h4>
<h5>Newbie Bootloop 5</h5>
<h6>Newbie Bootloop 6</h6>
</body>
</html>

Maka Hasilnya

Newbie Bootloop 1

Newbie Bootloop 2

Newbie Bootloop 3

Newbie Bootloop 4

Newbie Bootloop 5

Newbie Bootloop 6

Paragraph Tag
Setelah belajar tentang judul saatnya untuk belajar untuk mengawali penulisan paragraf. Dalam hal ini kita menggunakan tag <p>. Tag ini berfungsi untuk memulai paragraf baru.
Contoh:
<p>Paragraf pertama.</p>
<p>Paragraf kedua.</p>
<p>Paragraf ketiga.</p>
Maka hasilnya:

Paragraf pertama.
Paragraf kedua.
Paragraf ketiga.

Line Breaking Tag
Tag ini sedikit berbeda dengan tag sebelumnya karena pada tag ini tidak diperlukan tag pembuka dan penutup melainkan cukup menuliskan <br />. Jika jarak antara br dan / dihilangkan maka HTML versi lama akan kesulitan dalam mengartikannya dan jika tanda / dihilangkan dan anda menggunakan XHTML maka tag ini tidak akan berjalan karena XHTML tidak bisa menjalankan fungsi <br> (tanpa tanda /).
Contoh:

<p>Apa kabar<br />
Semoga saja sehat<br />
Tidak sakit<br />
Dan harus bahagia</p>

Maka hasilnya:

Apa kabar
Semoga saja sehat
Tidak sakit
Dan harus bahagia

Thanks to: tutorialspoint
                  Pak Dosen

Istilah Pokok dan Penting Dunia Maya

WWW(World Wide Web)

 Lebih terkenal dengan singkatan WWW (wue wue wue untuk lidah Jawa dan Triple Double U untuk yang sok-sokan bergaya Inggris) adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna.



Web/Website

Web/website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet.

Web Pages

Web page adalah halaman yang ditampilkan di sebuah website di internet, yang dapat menampilkan teks, gambar, bahkan suara. Halaman ini digunakan untuk menunjukan sebuah halaman websitw. Web page dapat diibaratkan sebuah halaman dalam buku.

Web Hosting

Web hosting adalah layanan penyewaan ruang simpan data (space) yang digunakan untuk menyimpan data-data website agar halaman website tersebut bisa diakses dari mana saja.
Data web tersebut meliputi file-file html, php script, cgi script, css, image, database dan file lain yang dibutuhkan untuk menampilkan halaman web. Selain untuk menyimpan file-file tersebut di atas, biasanya web hosting juga memberikan fasilitas.

Home Page

Homepage adalah halaman muka atau utama yang ditampilkan dari sebuah website di internet. Jadi halaman ini muncul pertama saat website diakses. Tampilan homepage menggambarkan seluruh isi situs tersebut. Biasanya homepage mempunyai nama file index html atau index htm. Agar tampilan homepage lebih menarik, design homepage dirancang dan dilengkapi dengan tampilan-tampilan menarik seperti huruf yang bergerak-gerak, gambar-gambar yang memikat, animasi hingga penggunaan multimedia lainnya.

Pengenalan HTML

HTML (hypertext markup language) merupakan suatu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu dokumen teks biasa dan disebut markup language karena menggunakan tanda-tanda tertentu yang disebut tag untuk mengatur bagaimana suatu dokumen ditampilkan pada browser.

1.Dokumen dan Penamaan HTML

Karena merupakan file teks, maka HTML dapat dibuat dengan menggunakan teks editor yang sederhana, misalnya notepad. Dapat juga menggunakan HTML editor yang bersifat WYSIWYG( What You See Is What You Get), misalnya Frontpage atau Dreamwaver.

Untuk menandai bahwa sebuah file teks merupakan file HTML, maka ciri yang paling nampak jelas adalah ekstensi filenya, yaitu .htm atau .html. Dalam pemberian nama sebuah dokumen bersifat case sensitive sehingga dokumen dengan nama a.html akan berbeda dengan dokumen A.html.

2.Elemen dan Tag HTML

Elemen HTML yaitu komponen penyusun terkecil dari sebuah dokumen HTML. Untuk menandainya. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya. Untuk menandai sebuah elemen dalam suatu dokumen HTML digunakan tag. Tag HTML terdiri dari sebuah simbol lebih kecil ( < ) dan dan lebih besar ( > ).

Nama elemen ditunjukkan oleh nama dari tagnya. Suatu elemen biasanya ditandai dengan pasangan tag, walaupun ada beberapa nama elemen yang ditandai dengan satu tag tanpa harus berpasangan. Diantaranya:

• Image ( <img /> )

• Ganti Baris – Break ( <br /> )

• Horizontal Rule ( <hr /> )

• Input Field ( <input /> )

Tag dapat mempunyai atribut. Atribut mendefinisikan sesuatu tentang tag tersebut. Atribut

digunakan untuk mengubah default pemformatan dokumen dengan tag yang

bersangkutan.

3. Penggunaan Tag dan Atributnya

Dalam pembuatan dokumen HTML penulisan elemen yang diawali dan diakhiri tanda tag HTML, memiliki syarat penulisan yaitu:

• Tag HTML diapit dengan dua karakter kurung sudut ( < dan > )

• Tag HTML secara normal selalu berpasangan misal (<i>...</i>)

• Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua

   merupakan tag akhir.

• Tag html tidak case sensitive. Ini artinya <b> sama dengan <B>

• Jika dalam suatu tag terdapat tag lain, maka penulisan tag akhir tidak boleh

   bersilang dan harus berurutan. Misalnya <b><I>..Tebal dan Miring..</I></b>

4. Tag Dasar HTML

HTML

Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah dokumen html. Tag ini merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen html. Penulisan tag seperti berikut ini :

<html> pada awal dokumen dan </html> pada akhir dokumen

Head

Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head – kecuali judul dokumen – tidak akan terlihat oleh pembaca dokumen tersebut. Penulisan tag seperti berikut ini :

<head> di awal setelah <html> dan </head> di akhir section head.

BODY

Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian BODY diawali oleh tag <body> dan ditutup

</body>.

>>>>>>>>>>Sumber<<<<<<<<<<

>>>>>>>>>Versi Doc<<<<<<<<<