Perbedaan Jaringan Peer to peer dan Client server

Perbedaan jaringan peer to peer dengan jaringan client server - Artikel ini akan menjelaskan secara singkat yang menjelaskan tentang apa saja perbedaan antara jaringan peer to peer dengan jaringan client server.

Jaringan Peer to Peer adalah

Jaringan P2P atau Jaringan Peer  to Peer  adalah salah satu model jaringan komputer yang   terdiri dari dua atau lebih komponen komputer, yang dimana setiap station atau komputer yang terdapat didalam lingkungan jaringan tersebut bisa saling berbagi. Bahkan untuk membuat jaringan dengan dua buah komputer, tidak diperlukan menggunakan 1kabel UTP yang dipasangkan pada kartu jaringan masing masing komputer.

Sistem jaringan ini, yang diutamakan adalah Sharing resource dan service, seperti penggunaan program, data dan printer secara bersama sama.

Jaringan peer to peer pertama kali di luncurkan dan di populerkan oleh aplikasi berbagi berkas (file sharing), seperti Napster dan KazaA. Teknologi peer to peer atau yang bisa di bilang dengan sebutan P2P memungkinkan para user untuk saling berbagi, mencari dan mengunduh berkas.

Jaringan peer to peer juga disebut dengan workgroup. Karena workgroup mempunyai konotasi yaitu kolaborasi tanpa ada nya pusat kontrol (server). Peer to Peer dapat di bangun hanyan dengan sebuah sistem operasi yang terinstall didalam komputer dan terhubungnya beberapa komputer secara fisik.

Sistem jaringan ini biasa digunakan dirumah, kantor, sekolah. Pemakai komputer yang memiliki sebuah komputer baru tidak perlu membuang komputer lamanya. Dengan memasang Network Card atau kartu jaringan pada komputer tersebut, maka kedua komputer dapat dihubungkan dengan kabel khusus yang digunakan untuk sistem jaringan.

Karakteristik jaringan Peer to peer

1. Tidak memiliki sebuah komputer yang berfungsi sebagai server terdedikasi. 
2. Setiap komputer dalam jaringan merupakan server dan  sekaligus juga klien.
3. Tidak adanya kontrol pada pengaturan keamanan jaringan
4. Tidak memerlukan spesifikasi komputer yang setara untuk dapat terhubung dalam satu jaringan.

Baca juga : 

• Keamanan pada jaringan LAN dan jaringan WAN
• Tujuan di bangunnya jaringan Lengkap!
• Hardware hardware yang di gunakan untuk jaringan LAN

Pengertian Client server

Client Server adalah suatu bentuk arsitektur jaringan, yang dimana client adalah sebuah perangkat yang menerima yang akan menampilkan dan menjalankan suatu aplikasi.

Server adalah komputer yang menyediakan fasilitas bagi komputer-komputer lain didalam jaringan dan client adalah komputer-komputer yang menerima atau menggunakan fasilitas yang disediakan oleh server. 

Server dijaringan tipe client-server disebut dengan Dedicated Server karena murni berperan sebagai server yang menyediakan fasilitas kepada workstation dan server tersebut tidak dapat berperan sebagai workstation.

Karakteristik sistem jaringan client server

• Sharing resources (sumber daya)

Server bisa melayani beberapa client pada waktu yang sama, dan meregulasi akses bersama untuk share sumber daya dalam menjamin konsistensinya.

• Pesan berbasiskan komunikasi

Interaksi   server   dan   client   melalui   pengiriman   pesan   yang   menyertakan permintaan dan jawaban.

Sekian dari penjelasan saya mengenai Perbedaan jaringan peer to peer dan client server Jangan lupa untuk share dan like artikel ini bila kalian menyukainya 

Baca juga artikel lainnya semoga bermanfaat buat kalian semua yang membutuhkannya :D

Read More

Macam macam web browser terpopuler hingga saat ini!

Pengertian web browser

Kata browser mungkin sudah tidak asing lagi bagi telinga kita bagi yang sering menggunakan teknologi komputer maupun smartphone yang hampir setiap hari digunakan untuk menjelajah halaman web browser baik itu untuk chatting atau melihat berita terbaru dan lain sebagainya.

Web browser adalah suatu program yang berfungsi sebagai media untuk mempermudah mengakses atau menjelajahi berbagai macam informasi dari suatu situs web yang ada didalam jaringan internet. Pada dasarnya program web browser telah disediakan atau telah terinstal didalam setiap sistem operasi komputer, Internet Explorer salah satu contoh web browser yang sudah di sediakan oleh sistem operasi Windows. 

Meskipun begitu, kebanyakan pengguna perangkat komputer biasanya selalu menginstal program web browser lainnya yang lebih mereka sukai. Beberapa program web browser populer yang paling banyak digunakan oleh pengguna komputer atau smartphone yaitu Google Crome, Mozilla Firefox, Safari Browser, dan Opera browser.

Browser sendiri pertama kali digunakan pada tahun 1993 yang dikenal dengan nama Mosaic. Mosaic ini merupakan browser yang di ciptakan oleh National Center for Supercomputing Applications at the University of illionis at Urbana-Champaign (NCSA-UIUC). Kemunculan browser mosaic hadir tidak lama setelah ditemukannya media baru untuk penyebaran informasi yaitu World Wide Web atau yang disingkat dengan WWW.

Kepopuleran mosaic juga ternyata tidak bertahan lama, Pada tahun 1994 browser mosaic tersebut mulai ditinggalkan dengan munculnya Netscape Navigator. Setelah itu bermunculan lah browser-browser terbaru dengan kemampuan yang terus ditingkat kan hingga saat ini.

Seiring dengan perkembangan teknologi perangkat lunak komputer, browser telah banyak bermunculan dengan jenis atau varian yang berbeda-beda dan tentunya mempunyai kemampuan yang berbeda juga untuk menjelajah halaman internet.

Fungsi Web Browser

Hampir setiap hari pengguna internet pastinya tidak bisa terlepas dari penggunaan web browser baik untuk membaca berita maupun menemukan data lainnya. Web browser memiliki beberapa fungsi diantaranya adalah sebagai berikut : 

Membuka laman website

Fungsi web browser yang paling menonjol mungkin ada pada kemampuannya untuk mengarahkan pengguna pada alamat website yang ingin dituju. Dengan menggunakan web browser seseorang bisa langsung menuju alamat dimana ia akan mengakses data sementara jika menggunakan search engine maka ia hanya akan mendapatkan beberapa website yang sesuai dengan kata kunci yang dimasukkan.

Memastikan keamanan suatu web

Bisanya dalam web browser juga terdapat proses authentication atau proses verifikasi suatu website atau laman dan memastikan bahwa laman tersebut tidak berbahaya bagi perangkat jika dikunjungi misalnya untuk menghindarkan perangkat komputer atau gadget dari virus yang bisa merusak sistem komputer.

Mendukung permintaan data

Fungsi lain dari web browser adalah untuk mendukung permintaan data yang dibutuhkan oleh pengguna atau yang dikenal dengan istilah requesting supporting data item. Hampir seluruh alamat web yang ada diinternet dapat diakses dengan menggunakan web browser dan data yang berupa foto atau media lainnya dapat disimpan secara langsung dalam dokumen komputer.

Baca Juga : Macam macam Virus Komputer
 

Mengumpulkan data dan memaksimalkan tampilan 

Selain memberikan akses pada laman yang dituju secara langsung, web browser juga berfungsi dalam mengumpulkan seluruh data pada suatu website termasuk efek yang ada didalamnya sehingga laman web dapat ditampilkan dengan lebih baik dan maksimal. Tidak hanya menampilkan teks, web browser juga bisa menampilkan foto, video dan audio pada suatu laman.

Mendukung penggunaan search engine

Search engine atau mesin pencari secara umum merupakan bagian dari web browser sehingga pengguna bisa mencari data dengan lebih mudah dan lebih cepat tanpa harus mengetikkan alamat pada address bar dalam menu web browser.

Web browser memang memiliki banyak fungsi dan manfaat dalam kehidupan manusia terutama bagi mereka yang memiliki aktifitas dan mobilitas yang tinggi. Pastikan Anda memilih dan menggunakan web browser sesuai kebutuhan dan kelebihan yang dimilikinya.

 Macam macam beberapa web browser

Google Chrome

Siapa yang tidak mengenal dengan web browser yang satu ini? Pastinya semua orang yang sering menggunakan web browser telah kenal dengan web browser satu ini. Google Crome merupakan sebuah program browser yang dibangun oleh perusahaan raksasa Google. 

Browser ini merupakan browser yang paling banyak digunakan oleh pengguna internet di seluruh penjuru dunia. Tampilan yang minimalis, disertai dengan loading program yang cepat membuat browser ini disukai oleh para pengguna jaringan internet.

Mozila Firefox

Sebelum Google Crome terkenal dan merajai dunia web browser, Mozilla Firefox merupakan browser yang paling banyak digunakan oleh pengguna jaringan internet. Berbeda dengan Google Crome yang dimiliki dan dikuasai oleh satu perusahaan, Mozilla Firefox merupakan program open source yang pengembangannya diserahkan oleh publik pecinta jaringan internet.

Safari

Safari merupakan peramban web buatan Apple inc, yang pada awalnya ditunjukan khusus bagi sistem operasi Mac OS. Safari dipasang bersama Mac OSX dan merupakan peramban bawaan di sistem di sistem operasi tersebut sejak Mac OS v10.3.

Sebelumnya tahun 1997 hingga 2003 masih menggunakan internet explorer  for Mac sebagai peramban web bawaan. Pada 11 juni 2007, versi untuk windows baik yang cocok untuk xp maupun vista dari safari diperkenalkan pada mutakamar pengembang sedunia Apple di San Francisco.

Netscape Navigator

Netscape Navigator merupakan web browser yang terkenal di era tahun 90-an sebelum hadirnya Internet Explorer (IE) yang dikembangkan oleh Netscape Communication Corporation serta di pelopori oleh mahasiswa lulusan NCSA (National Center of Supercomputer Application di University of Lilionis) dan programer progamer      paruh waktu.

Netscape merupakan browser yang dibuat dari basis kode sumber Mosaic National Center of Supercomputing Applications (NCSA), karena memang pembuat NCSA (Marc Adressen) adalah pendiri Netscape Corporation.

Browser satu ini merupakan browser tertua dengan maraknya perkembangan internet.

Dan menurut wikipedia Netscape navigator ini adalah browser web gagasan mozila firefox. Tapi sayangnya netscape navigator ini telah dihentikan dukungannya oleh pihak pendukung yaitu AOL, dan memberikannya kepada mozila foundation.

Opera

Opera merupakan web browser yang dapat di gunakan antar platform yang berbeda. Opera browser ini dibuat oleh Opera Software yang ada di Oslo Norwegia. Pengembang Opera dimulai pada tahun 1994, yang pada saat itu opera merupakan sebuah objek penelitian di telenor, perusahaan telekomunikasi tersebar di Norwegia.

Opera  telah dikenal memiliki banyak fitur yang akhirnya ditiru oleh para kompetitornya. Bagi pengguna komputer opera browser ini hanya memiliki pangsa yang dikit. Tetapi untuk perjalanan internet diperangkat smartphone opera minilah yang nomor satu, selain itu Opera juga menawarkan banyak fitur seperti browser pop up, integrasi dengan tool translasi, filter URL, low bandwidth dan banyak lagi dengan logo “ O ” berwarna merah banyak kalangan yang mengakui kelebihannya. Kelebihan utama browser opera adalah mampu menampilkan (load) halaman web lebih cepat, dengan kecepatan koneksi yang sama dibanding browser lain.

Internet Explorer

Internet Explorer atau yang biasa di sebut IE merupakan perangkat lunak penjelajah internet besutan microsoft yang bisa digunakan secara gratis. Internet explorer versi pertama diluncurkan pada 16 agustus 1995. Untuk rilis terbarunya Internet Explorer telah mengeluarkan versi Explorer 11 yang khusunya untuk pengguna windows 7.

Flock

Flock browser merupakan penjelajah web yang berspesialisasi kepada fitur penyedia jejaring sosial dan merupakan browser sosial international dunia pertama yang berbasis pada Firefox dengan fitur fitur menarik  untuk memberikan pengalaman berkomunitas sosial internet sambil browsing.

Flock ini sangat cocok buat anda yang suka membuka Friendster myspace atau Facebook dan situs situs komunitas lain. Perangkat lunak flock ini gratis dan dapat dipakai diberbagai platform.

 Maxthon browser

Maxthon browser menggunakan IE sebagai dasar, Namun punya fungsi yang mumpuni untuk kenyamanan anda berselancar di internet. Dilengkapi dengan fitur magic fill yang dibutuhkan untuk memasuki situs member. Jadi fitur ini akan membuat anda lebih mudah, karena maxthon akan menyimpannya. Maxthon mempunyai beberapa tool yang dapat menerjemahkan halaman situs ke beberapa bahasa. Tampilannya juga terlihat lebih user friendly dan enak dilihat.

Browser yang satu ini sangat baik untuk digunakan selain memiliki kecepatan yang mumpuni juga memiliki fitur yang tidak dimiliki browser lainnya. Seperti  fitur maxthon yang tersedia di sidebar yang terlihat sangat praktis untuk digunakan. Demikian juga dengan tampilan maxthon yang enak dilihat membuat penggunanya merasa nyaman untuk menggunakannya. 

Sekian untuk tulisan saya tentang pengertian dari web browser dan beberapa contoh web browser berserta fungsi web browser semoga tulisan saya kali ini bermanfaat untuk kalian

Note : Pililah web browser yang sesuai dengan kebutuhan anda. 

Silakan berikan komentar sesuai dengan pembahasan diatas. 

Share jika kalian menyukai artikel ini semoga bisa bermanfaat untuk orang banyak.

Sekian dan terimakasih.

Read More

Macam macam hardware untuk jaringan LAN

Pengertian LAN

Jaringan LAN adalah suatu media transmisi bersama rangkaian hardware dan software untuk meginterfacekan perangkat menjadi media serta mengatur akses menuju media tersebut dengan tepat. Topologi yang sering menggunakan jaringan LAN yaitu Topologi Bus, Cincin, tree, dan topologi bintang. 

Jaringan LAN merupakan jaringan milik pribadi yang biasanya sering digunakan di dalam gedung, sekolah, kampus yang memiliki ukuran sampai beberapa kilo meter.

Kepanjangan LAN adalah Local Area Network. Ada macam macam hardware yang digunakan jaringan LAN untuk menyambungkan satu device dan device lainnya, salah satunya LAN CARD dan KABEL, kabel sendiri ada berbagai macamnya seperti UTP, STP, dan lain lain.

Hardware yang di butuhkan untuk membangun jaringan LAN 

Kartu jaringan (LAN CARD)

Kartu jaringan adalah seperangkat papan sirkuit yang di pasangkan pada motherboard sebuah PC yang berfungsi untuk menghubungkan kompter dengan medium jaringan. Pada sebuah laptop atau notebook, kartu ini biasa disebut dengan PCMCIA card. 

Baca juga : 

• Ancaman ancaman yang terjadi di jaringan LAN dan WAN
• Pengertian topologi jaringan LENGKAP!
• Tujuan di bangunnya Jaringan

Kabel STP

Kabel STP terdiri atas 4 pasang kabel terpilin yang di bungkus dan mempunyai kecepatan transfer 10 – 100 Mbps dengan panjang maksimum sekitar 100m. Konektor yang digunakan biasanya adalah RJ 45

Kabel UTP

Sama seperti kabel STP hanya saja kabel UTP tidak memiliki bungkus pada kabel terpilih. Kabel jenis ini paling sering digunakan untuk membuat sebuah LAN.

Kabel koaksial

Kabel koaksial terdiri dari sebuah kabel atau kawat inti yang diselubungi oleh kabel seperti jala. Medium jenis ini menggunakan konektor BNC.

Kabel ini mempunyai beberapa karakteristik sebagai berikut

• Kecepetan transfer data maksimal 10 Mbps.
• Sering digunakan untuk Thick Ethernet, Thin Ethernet, dan ARCnet.
• Digunakan sebagai topologi bus.
• Panjang maksimum sekitar 500m.

Kabel Fiber optik

Kabel fiber optik mempunyai kelebihan dibandingkan dengan kabel yang lain yaitu kecepatan transfer data lebih dari 100Mbps dan panjang maksimum kabel lebih dari 2000m. tapi kabel jenis ini harganya relatif mahal. 

Sekian dari penjelasan tentang macam macam hardware untuk jaringan LAN. 

Jangan lupa untuk baca artikel lainnya tentang Jaringan .

Jangan Lupa untuk Share Like dan silakan tinggalkan komentar.

Read More

pengertian Ip address dan berdasarkan kelasnya lengkap

Ip address adalah

Singkatnya IP address adalah nama untuk sebuah Komputer, address berdasarkan kelasnya di bagi menjadi 5kelas.

Lengkapnya Ip address adalah alamat yang diberikan pada jaringan komputer dan peralatan jaringan yang menggunakan protokol TCP/IP. Ip address terdiri atas 32 bit angkat biner yang dapat dituliskan sebagai empat kelompok desimal angka desimal yang di pisahkan oleh tanda titik seperti 192.168.1.1.

Network ID			HOST ID
192	168	1	1

Ip address terdiri atas dua bagian yaitu network ID dan host ID, dimana network ID menentukan alamat jaringan komputer. Sedangkan host ID menentukan alamat host contohnya seperti Komputer, router, switch. Oleh karena itu ip adress memberikan alamat lengkap suatu host beserta alamat jaringan dimana host itu berada. Untuk mempermudah pemakaian bergantung pada kebutuhan pemakai.

Ip address berdasarkan kelasnya

IP address di bagi menjadi lima kelas tetapi yang paling banyak di gunakan adalah kelas A, B, C

• Kelas A 

Network ID : xxx.0.0.1

Host ID : xxx.255.255.254

Default sub net : 255.0.0.0

• Kelas B 

Network ID : xxx.xxx.0.1

Host ID : xxx.xxx.255.254

Default sub net : 255.255.0.0

• Kelas C

Network ID : xxx.xxx.xxx.1

Host ID : xxx.xxx.xxx.254

Default sub net : 255.255.255.0

Kelas A

Octet pertamanya mempunyai nilai 0 sampai 127, dan pengalaman kelas A masing-masing dapat dapat mendukung 16.7777.214 host. Kelas A hanya menggunakan octet pertama ID jaringan. Tiga octet yang tersisa disediakan untuk digunakan sebagai Hostid.

Karakteristik kelas A : 

• Bit pertama : 0 
• Panjang net ID : 8 bit
• Panjang host ID : 24bit
• Byte pertama :: 0-127
• Jumlah : 126 kelas A ( 0-127 dicadangkan )
• Range IP : 1.xxx.xxx.xxx sampai dengan 126.xxx.xxx.xxx
• Jumlah IP : 16.777.214 IP address pada tiap kelas A
• IP address kelas A diberikan untuk jaringan dengan jumlah host yang sangat besar. Range IP 1.xxx.xxx.xxx.– 126.xxx.xxx.xxx, terdapat 16.777.214 (16 juta) IP address pada tiap kelas A. Pada IP address kelas A, network ID ialah 8 bit pertama, sedangkan host ID ialah 24 bit berikutnya.
• Dengan demikian, cara membaca IP address kelas A, misalnya 123.44.5.6 ialah:
• Network ID = 123
• Host ID = 44.5.6
• IP address di atas berarti host nomor 44.5.6 pada network nomor 123.

Kelas B

Oktet pertamanya mempunyai nilai 128 sampai 191, dan pengalamatan Kelas B masing masing dapat mendukung 65.532 host.

Karakteristik Kelas B:

• 2 Bit pertama : 10
• panjang NetlD : 16 bit
• Panjang HostlD : 16 bit
• Byte pertama : 128-191
• Jumlah : 16.384 kelas B
• Range IP : 128.xxx.xxx sampai dengan 191.155.xxx.xxx
• Jumlah IP : 65.532. IP Address pada tiap kelas B
• IP address kelas B biasanya dialokasikan untuk jaringan berukuran sedang dan besar. Pada IP address kelas B, network ID ialah 16 bit pertama, sedangkan host ID ialah 16 bit berikutnya.
• Dengan demikian, cara membaca IP address kelas B, misalnya 133.99.131.22 :
• Network ID = 133.99
• Host ID = 131.22
• IP address di atas berarti host nomor 131.22 pada network nomor 133.99. Dengan panjang host ID 16 bit, network dengan IP address kelas B dapat menampung sekitar 65000 host. Range IP 128.0.xxx.xxx – 191.155.xxx.xxx

Kelas C

Oktet pertamanya mempunyai nilai 192 sampai 223, dan pengalamatan Kelas B masing masing dapat mendukung 256 host. IP Addrress Kelas C sering digunakan untuk jaringan berskala kecil.

Karakteristik Kelas C :

• 3 Bit pertama : 110
• Panjang NetlD : 24 bit
• Panjang HostlD : 8 bit
• Byte pertama : 192-223
• Jumlah : 256 kelas B
• Range IP : 192.0.0.xxx sampai dengan 223.255.255.xxx
• Jumlah IP : 254 IP Address pada tiap kelas C IP address
• kelas C awalnya digunakan untuk jaringan berukuran kecil (LAN). Host ID ialah 8 bit terakhir. Dengan konfigurasi ini, bisa dibentuk sekitar 2 juta network dengan masing-masing network memiliki 256 IP address. Range IP 192.0.0.xxx – 223.255.255.x.

IP address dan subnet mask dapat diberikan secara otomatis menggunakan Dynamic Host Configuration Protocol atau diisi secara manual. DHCP berfungsi untuk memberikan IP address secara otomatis pada komputer yang menggunakan protokol TCP/IP. DHCP bekerja dengan relasi client-server, dimana DHCP server menyediakan suatu kelompok IP address yang dapat diberikan pada DHCP client. Dalam memberikan IP address ini, DHCP hanya meminjamkan IP address tersebut. Jadi pemberian IP address ini berlangsung secara dinamis. Nilai subnetmask untuk memisahkan network id dengan host id. Subnetmask diperlukan oleh TCP/IP untuk menentukan apakah jaringan yang dimaksud adalah jaringan local atau non local. Network ID dan host ID di dalam IP address dibedakan oleh penggunaan subnet mask. Masingmasing subnet mask merupakan pola nomor 32-bit yang merupakan bit groups dari semua (1) yang menunjukkan network ID dan semua nol (0) menunjukkan host ID dari porsi IP address. Untuk lebih mempermudah pengalamatan IP address lebih disarankan pemberian normor dilakukan dengan berurutan.

Kelas	Bit subnet	Subnet mask
A	11111111 00000000 00000000 00000000	255.0.0.0
B	11111111 11111111 00000000 00000000	255.255.0.0
C	11111111 11111111 11111111 00000000	255.255.255.0

Sekian dari penjelasan ip address bila ada kekurangan mohon maaf.
Share & like artikel ini bila kamu menyukainya jangan cewek aja di sukai artikel juga harus disukai :* :D

Terima kasih. 

Read More

Cara membuat login form sederhana menggunakan HTML dan CSS

Cara membuat login form dengan HTML

pengertian login dan logout

Sebelum kita mulai dengan ngoding, sebenarnya apasih Login itu?,

Kalian pasti sering ya melihat tulisan "login" atau "logout" di sosial media contohnya facebook, twitter, instagram, dan sebagainya. Di game pun juga ada "login" dan "logout", mungkin sebagian orang telah mengetahui apa itu "login" dan "Logout", tapi bagaimana dengan orang yang kurang paham dengan kata itu?, pastinya asal klik tanpa tahu maksudnya yakan? hehehe.

 Kata Log itu sendiri artinya "catatan".

Login bisa di sebut juga dengan "Sign in" adalah yakni berupa sebuah proses pintu untuk masuknya pengguna aplikasi, atau website tersebut untuk bisa mengakses(masuk). Login berbeda dengan Logout. Logout adalah proses keluar dari sistem komputer atau layanan tertentu. 

Baca juga 

• Macam macam text editor untuk HTML

• Pengertian HTML Lengkap!!

Membuat login form sederhana dengan HTML

Sebelumnya kalian pasti sudah mengerti dengan Tag tag HTML. Nah sekarang kita akan membuat login form dari HTML dan CSS. langsung di ikuti saja langkah-langkah dibawah ini.

1. Siapkan Text editor untuk mengetik Script HTML dan CSS, saya biasa menggunakan Sublime text, kenapa Sublime? mungkin karena mudah di gunakan bagi para pemula yang baru belajar tentang Pemograman web.
2. Kalian bisa meng-copy paste script dibawah ini atau bisa kalian ketik sendiri.

Script HTML :

<!DOCTYPE html><html lang="en"><meta charset="utf-8"><head> <title> Login form sederhana HTML </title></head><body><div class="main"> <div class="header"> <h1> Login </h1></div><div class="content"> <input type="Username" name="Username" placeholder="Username" id="input"> <input type="password" name="password" placeholder="password" id="input"> <center> <input type="checkbox" name="checkbox" align="center" class="text" id="checkbox"> Remember me</center><center> <button> Masuk </button> <button> Register </button> </center><p><span><a href="">Lupa password?</a></span></p></div></div><br><p class="copyright"><span>Copyright©2017 | Desginer : <a href="https://catatanshand.blogspot.com/p/tentang-saya.html" target="_blank">Yushandrino</a> | City : Pamulang <br><span><a href="https://catatanshand.blogspot.com">Catatanshand.blogspot.com</a></span></p></body></html>

Script CSS :

body{ color: black; font-family: calibri; background-color: #eaeaea; } /* tampilan */ .main{ width: 400px; margin: 90px auto; background-color: black; box-shadow: 0 0 9px black; } .content{ border: 1.5px blue solid; background-color: #eaeaea; margin-top: -21px; } .header{ background-color: darkblue; margin: 15px auto; text-align: center; color: black; } h1:hover{ color: white; text-shadow: 3px 3px 4px black; } .content span .p{ text-align: center; } #input{ padding: 5px; display: block; background-color: #eaeaea; font-weight: bold; color: black; margin: 20px auto; } #input:hover{ background-color: white; } button{ width: 100px; height: 40px; margin: 10px auto; margin-top: 1px; background-color: darkblue; font-weight: bold; display: inline-block; } button:hover{ color: white; font-size: 14px; box-shadow: 0 0 7px black; } /* lupa password */ p span{ padding: 10px; } p span a{ text-decoration: none; color: black; font-weight: bold; } p span a:hover{ background-color: blue; color: white; padding: 2px; font-weight: bold; } /* remember */ .text{ margin: 10px auto; margin-top: -8px; text-align: center; }

Catatan : 

• Untuk script Html simpan dengan ekstensi (namafile).html
• Untuk script CSS simpan dengan ekstensi  (namafile).css

Atau bagi kalian tidak ingin filenya terpisah bisa meng-copy script dibawah ini : 

<!DOCTYPE html><html><head><style type="text/css">body{ color: black; font-family: calibri; background-color: #eaeaea; } /* tampilan */ .main{ width: 400px; margin: 90px auto; background-color: black; box-shadow: 0 0 9px black; } .content{ border: 1.5px blue solid; background-color: #eaeaea; margin-top: -21px; } .header{ background-color: darkblue; margin: 15px auto; text-align: center; color: black; } h1:hover{ color: white; text-shadow: 3px 3px 4px black; } .content span .p{ text-align: center; } #input{ padding: 5px; display: block; background-color: #eaeaea; font-weight: bold; color: black; margin: 20px auto; } #input:hover{ background-color: white; } button{ width: 100px; height: 40px; margin: 10px auto; margin-top: 1px; background-color: darkblue; font-weight: bold; display: inline-block; } button:hover{ color: white; font-size: 14px; box-shadow: 0 0 7px black; } /* lupa password */ p span{ padding: 10px; } p span a{ text-decoration: none; color: black; font-weight: bold; } p span a:hover{ background-color: blue; color: white; padding: 2px; font-weight: bold; } /* remember */ .text{ margin: 10px auto; margin-top: -8px; text-align: center; } </style> <title> Login form sederhana HTML </title></head><body><div class="main"> <div class="header"> <h1> Login </h1></div><div class="content"> <input type="Username" name="Username" placeholder="Username" id="input"> <input type="password" name="password" placeholder="password" id="input"> <center> <input type="checkbox" name="checkbox" align="center" class="text" id="checkbox"> Remember me</center><center> <button> Masuk </button> <button> Register </button> </center><p><span><a href="">Lupa password?</a></span></p></div></div><br><p class="copyright"><span>Copyright©2017 | Desginer : <a href="https://catatanshand.blogspot.com/p/tentang-saya.html" target="_blank">Yushandrino</a> | City : Pamulang <br><span><a href="https://catatanshand.blogspot.com">Catatanshand.blogspot.com</a></span></p></body></html>

Bila sudah di save maka hasilnya akan seperti ini 

Sekian dari penjelasan membuat login form sederhana dengan HTML, jangan lupa share dan tinggalkan komentar. Dan juga jangan lupa untuk membaca artikel lainnya di Catatanshand.blogspot.com

Sekian terima kasih.

Read More

Posisi Tubuh Yang Benar Dan Baik Saat Mengetik Di Depan Komputer

Posisi Tubuh Yang Benar Saat Mengetik - Semua orang pasti pernah yang namanya mengetik di atas keyboard laptop atau pun keyboard komputer(PC). Posisi saat kita mengetik juga harus diperhatikan agar tubuh atau badan kita tidak mengganggu kesehatan kita, Nah saat ini kita akan membahas bagaimana posisi tubuh yang baik dan benar saat kita sedang mengetik. 

Sebetulnya sih tidak ada aturan untuk posisi kita saat sedang mengetik, Tapi biasanya jika kita mengetik dengan posisi yang asal dapat menimbulkan rasa sakit, pegal-pegal pada pinggang, punggung, lutut dan/atau mata menjadi pedih dan buram karena terlalu dekat dengan monitor apalagi lampunya pas saat dimatikan, itu bisa berpengaruh terhadap kesehatan mata kita. 

Oleh karena itu kita harus harus bagaimana posisi yang baik dan bagus untuk kesehatan kita saat didepan komputer. Simak penjelasan dibawah ini ya :D 

Posisi yang baik dan benar saat mengetik

1. Posisi paha harus horizontal, sejajar dengan paha.
2. Pastikan telapak kaki kalian menapak ke tanah, bila kaki kalian tidak sampai napak ke tanah artinya posisi duduk kalian terlalu tinggi.
3. Kursi yang kalian gunakan untuk mengetik pastikan ada bantalan kursi itu untuk penopang punggung bagian bawah, sehingga punggung tetap dalam posisi tegak dan tidak bungkuk.
4. Pastikan kepala kalian tidak terlalu condong kedepan layar monitor.
5. Buatlah tubuh kalian se-relax mungkin jangan terlalu tegang.

Posisi meja

Keyboard dan mouse merupakan 2 perangkat yang akrab dengan komputer. Dua perangkat keras ini selalu menjadi pedamping para pengguna komputer atau pun laptop saat bekerja maupun mengetik menggunakan laptop atau komputer. Karena itu juga tidak ada salahnya untuk mengatur posisi kedua perangkat keras ini demi kenyamanan bekerja kalian. Sebaiknya keyboard diletakan pada posisi yang membuat lengan kalian merasa nyaman. Sentuh keyboard dengan ringan dan jaga pergelangan tangan agar tetap lurus. Posisi siku dengan meja membentuk sudut 90 derajat. sebaiknya, pergelangan tangan kalian tidak berubah posisi. Dan hanya mengunakan jari-jemari saja untuk mengetik. Posisi mouse sejajar dengan keyboard, pergelangan tangan berada pada posisi yang tetap, namun bisa menjangkau tombol keyboard dengan jari.

Posisi monitor atau layar

Posisi monitor yang salah dapat menyebabkan leher cepat terasa pegal. Mata yang melihat pun bisa cepat merasakan lelah terlebih lagi dalam keadaan gelap dapat membuat mata buram atau sakit. Pastikan kondisi monitor kalian dalam kondisi bersih, sehingga tidak ada kotoran yang dapat menghalangi pandangan kalian. Atur brighthness dan kontras layar sesuai dengan kenyamanan kalian, Atur posisi monitor agar tidak dapat memantulkan cahaya yang dapat membuat mata silau, Atur layar monitor sejajar atau sedikit kebawah padangan mata, Pastikan jarak kalian dengan monitor itu 50-60cm. 

sumber : ican-education.com

Catatan : Bagi pengguna laptop usahakan untuk tidak mengetik atau melakukan pekerjaan lainnya yang menggunakan laptop dengan posisi tubuh tiduran, karena dengan posisi itu bisa mempengaruhi anggota badan yang lain.

Sekian dari Tips saya semoga bisa bermanfaat ya, jangan lupa untuk like comment dan share artikel ini.

Sekian Terimakasih.

Read More