Pengenalan Internet

  1. Desain dan Pemrograman Web 1 PG110 – 3 SKS
  2. PENGENALAN INTERNET & TEKNOLOGINYA
    • PERTEMUAN 01
  3. Pengertian Internet
    • Internet merupakan contoh jaringan terbesar yang menghubungkan jutaan komputer yang tersebar di seluruh dunia
    • Menggunakan protokol TCP/IP sebagai “bahasa”
    • Menggunakan arsitektur client/server
  4. Gambar Jaringan Internet
  5. Sejarah Internet
    • Tahun 1968 - DARPA (Defense Advanced Research Project Agency) melakukan kontrak dengan BBN (Bold, Banek & Newman) untuk membuat ARPAnet.
    • Tahun 1970 - Terbentuk 5 node :
        • UCLA
        • Stanford
        • US Santa Barbara
        • U of Utah
        • BBN
    • Tahun 1974 di kembangkan protokol TCP
    • Tahun 1984 Internet dengan 1000 host menggunakan protokol TCP/IP untuk pengiriman pesan
  6. Keuntungan Internet
    • Internet menghubungkan jutaan komputer yang tersebar di seluruh dunia
    • Internet tidak terikat pada organisasi apapun
    • Dengan Internet, organisasi dapat bertukar informasi baik secara internal maupun eksternal
    • Internet dapat digunakan untuk semua platform
    • Internet dapat digunakan siapa saja untuk melakukan akses informasi apa saja dan bahkan untuk melakukan transaksi bisnis
  7. Kerugian Internet
    • Penipuan, perusakan informasi atau pengetahuan yang ada di internet
    • Pemasaran produk atau layanan yang ilegal di internet
    • Pornografi
  8. Intranet Extranet Internet Intranet Extranet Internet Perusahaan Partner/Pelanggan
  9. Pengertian Intranet
    • Adalah jaringan komputer dalam sebuah perusahaan/organisasi yang menggunakan teknologi internet sehingga terbentuk lingkungan yang seperti internet tetapi bersifat privat bagi perusahaan yang bersangkutan
    • Biasanya Intranet dihubungkan ke jaringan Internet dengan dilengkapi firewall
    Internet Perusahaan/Organisasi
  10. Pengenalan Extranet
    • Adalah jaringan privat yang menggunakan teknologi Internet dan sistem telekomunikasi publik untuk membentuk hubungan yang aman antara pemasok, vendor, mitra kerja, pelanggan, dan pihak bisnis lainnya dalam rangka mendukung operasi bisnis atau pengaksesan informasi bisnis
    Perusahaan/Organisasi Partner/Pelanggan Internet
  11. Koneksi Ke Internet (1)
      • Menggunakan modem yang dihubungkan dengan kabel telepon untuk akses internet
      • Mempunyai account ke ISP yang disebut shell account
      • Koneksi berlangsung dengan men- dial nomor telepon ISP
      • Kecepatan : 14 Kbps s/d 56 Kbps
    Modem/Dial up
  12. Koneksi Ke Internet (2)
      • Menggunakan modem yang dihubungkan dengan kabel TV untuk akses internet
      • Menawarkan kecepatan, grafik, streaming audio, video dan multimedia hingga TV interaktif
      • Memungkinkan menonton TV sambil berinternet
      • Kecepatan :
        • Untuk download : 1000 Kbps
        • Untuk upload :128 Kbps s/d 500 Kbps
    Kabel Broadband
  13. Koneksi Ke Internet (3)
      • Menggunakan Digital Subcriber Line yang dioperasikan lewat jalur telepon dan dapat digunakan secara simultan dengan jalur telepon
      • Mampu mengirim dan menerima informasi digital dengan kecepatan tinggi
      • Kecepatan : 354 Kbps s/d 1000 Kbps
    DSL
  14. Koneksi Ke Internet (4)
      • Menggunakan satelit broadband untuk mengirim dan menerima data kecepatan tinggi dengan menggunakan antena
      • Kecepatan :
        • Untuk download : 400 Kbps
        • Untuk upload : 128 Kbps
    Satelite Broadband
  15. Koneksi Ke Internet (5)
      • ISDN : menyediakan data dan suara secara digital untuk koneksi ke internet
        • Memiliki “error” dalam transmisi lebih sedikit, mendownload grafik, halaman web, sound, multimedia lebih cepat dibanding dial-up modem
        • Kecepatan : 128 Kbps
      • T-line : menyediakan akses langsung ke internet menggunakan sirkuit digital pada telepon standar yang disediakan oleh ISP
    ISDN dan T-line
  16. Koneksi Ke Internet (6)
      • Menyediakan koneksi yang sangat cepat ke internet tanpa kabel
      • Dikenal dengan istilah Wi-Fi
      • Menggunakan IEEE 802.11 sebagai standar
      • Kecepatan : 11.000 Kbps s/d 54.000 Kbps
    Wireless
  17. Internet Service (1)
      • Dikembangkan tahun 1989 oleh Tim Barners- Lee
      • Disebut juga web (www) merupakan sebuah sistem dari server internet yang men-support hypertext
      • Mempunyai protokol sendiri yang disebut http
      • Dapat mengakses berbagai protokol di internet seperti ftp, telnet, usenet, e-mail , juga http
      • Mampu membuat dokumen HTML yang dapat berisi grafik, sound, video serta bahasa pemrograman dan databse
      • Terdiri dari 3 komponen yaitu homepage, link ke dokumen dan sumber/resources internet
    World Wide Web (WWW)
  18. Internet Service (2)
      • Electonic mail /e-mail memungkinkan user lokal dan global (worldwide) saling bertukar informasi/pesan
      • Setiap user yang mempunyai e-mail mempunyai alamat mailbox dimana pesan dikirim
      • File non-ASCII (binary) dapat di attach(lampirkan) pada pesan e-mail
      • Juga ada MIME (Multimedia Internet Mail Extention) yang dikembangkan untuk aplikasi e-mail menangani berbagai jenis file attachment
      • Contoh aplikasi/program e-mail : MS.Outlook, Eudora, Netscape messenger, yahoo dll
    E-Mail
  19. Internet Service (3)
      • Adalah program yang memungkinkan user log ke suatu komputer server
      • Perintahnya memerlukan 2 argumen : nama komputer dan nomor port komputer server yang akan diakses
      • Hanya menampilkan teks
    Telnet
  20. Internet Service (4)
      • Singkatan dari File Transfer Protokol
      • Adalah protokol yang berfungsi untuk men-transfer file dari satu komputer ke komputer lainnya
      • Anonymous ftp memungkinkan user men-transfer file dari ribuan komputer host di internet ke dalam account user
    FTP
  21. Internet Service (5)
      • Singkatan dari Internet Relay Chat
      • Adalah layanan yang memungkinkan user/participant berkomunikasi satu sama lain pada ratusan saluran/channel
      • User yang log ke internet dapat langsung berbicara dengan user lain dalam “chat room” untuk bertukar komentar atas suatu topik yang ada
      • Dikenal dengan instant messenging
      • Untuk akses IRC diperlukan software pendukung seperti ICQ, yahoo messenger, AOL messenger, dll
    IRC
  22. TEKNIK SEARCHING
    • Mencari informasi apapun melalui internet
    • Apabila berupa artikel bisa di save dalam bentuk web, atau copy paste di editor
    • Apabila dalam bentuk file bisa di download
    • Contoh search engine :
      • http://www.google.com
      • http://www.altavista.com
      • http://www.yahoo.com
  23. Mempersiapkan Website
    • Untuk membuat website diperlukan beberapa hal, antara lain :
      • Web browser
      • Hardware
      • Menguasai HTML
      • Koneksi Internet
      • Web space
      • Domain Name
    • Web Browser
    • Web browser berfungsi untuk menampilkan halaman-halaman web dan mencoba seluruh fungsi navigasi serta fungsi lainnya di dalam sebuah website.
    • Web browser yang bisa digunakan, antara lain : Microsoft Internet Explorer, Netscape Navigator, Mozilla, Opera, Mozaic, dll.
    Mempersiapkan website (1)
  25. Mempersiapkan website (2)
    • Hardware
    • Selanjutnya (mungkin) juga diperlukan hardware khusus (selain satu unit komputer yang digunakan) untuk melakukan koneksi dengan internet, misalnya : modem telepon, modem ISDN, kartu jaringan, dll.
  26. Mempersiapkan website (3)
    • Menguasai HTML
    • Diperlukan untuk memasukkan perintah-perintah dalam HTML ke halaman web yang sesungguhnya.
    • Dapat menggunakan aplikasi yang sudah dikembangkan, misalnya : Microsoft Frontpage, Macromedia Dreamweaver, Adobe GoLive, Microvision WebExpress, dll.
  27. Mempersiapkan website (4)
    • Koneksi Internet
    • Koneksi ke internet diperlukan untuk meletakkan (upload) seluruh file-file halaman web yang telah dibuat. Koneksi ini dapat berupa hubungan langsung dengan ISP.
    • Web Space
    • Web space adalah ruang harddisk yang telah secara khusus disediakan untuk meletakkan semua file setiap halaman web. Web space ini berada pada harddisk sebuah web server di Internet.
    Mempersiapkan website (5)
  29. Mempersiapkan website (6)
    • Domain Name
    • Digunakan ketika manusia sulit mengingat alamat IP address (angka numerik)
      • Setiap nama komputer terdiri dari urutan alpha numeric yang dipisahkan oleh titik (dot), contoh:
        • www.coretrizal.co.id
        • www.coretrizal.blogspot.com
  30. DOMAIN NAME SYSTEM (1) 3 karakter : Domain name Arti com Commercial organization edu Education institution gov Government organization mil Military group net Major network support center org Organization other than above arpa Temporary ARPA domain Int International organization
  31. DOMAIN NAME SYSTEM (2) 2 karakter : Domain name Arti ch Switzerland jp Jepang us United States uk United Kingdom id Indonesia de Germany
  32. Terima Kasih
    • Fakultas Teknologi Informasi
0 comments Posted by Indah Sayang

seo coretan rizal

hai pembaca, seo emang gila, dasar seo engkau bagaikan setan maya yg membuat semua pemain blog/website menjadi seperti ikan terpanggang saja... tak perlu engkau seo menjagokan diri anda di search engine google!! karna engkau sudah membuat semua orang menjadi begadang, menghabiskan uang ke warnet untuk blog/web mereka cepat naik di search engine google, dasar seo yang sudah membuat diriku dan lain-lain menjadi gila kwkwkwkwkwkwkkw
ni langkah-langkah agar blog/web anda agar bisa terdeteksi mesin google:
siap-siapkanlah badan, koneksi kencang, rokok, and kopi + cemilan kecil biar tidak sakit minumlah vitamin!!! oke ni face to facenya:

1. Submit url website atau blog kita di beberapa search engine berikut :
klik di sini
klik di sini (disini hanya untuk orang yang sudah jago banget)
klik di sini
klik di sini
klik di sini (untuk pihak ke tiga nieh coy)
klik di sini
klik di sini
klik di sini



klik di sini

2. Submit url website atau blog kita di direktori terkenal :
    dan dapat anda klik di sini

3. * Pasang link kita di jejarig sosial seperti Facebook, Twiter, Friendster, dan lain-lain.
    * Leave koment pada blog yang terkenal dengan mencantumkan alamat blog kita entah itu follow maupun   no follow.
   * Kalo kenalan sama orang lain jangan lupa promosi blog kita.
   * Pasang iklan di iklan online gratis
   * Rajin menebar link kita pada blog aktif di internet.

4. Perlu diingat proses crawl sampai index bisa memakan waktu yang variatif. Bisa lama ataupun sebentar. Tergantung sistem bot google. Kadang dalam hitungan minggu, bulan ataupun tahun. Jadi bersabarlah. Selain itu, jangan terlalu tergantung pada mesin pencari. Tapi lebih utamakan kemampuan promosi Anda pada siapapun. Dan juga konsentrasilah pada pengunjung blog Anda dengan membuat blog terlihat menarik.

5. Sekian.. Semoga bermanfaat..  created by coretan rizal
0 comments Posted by Indah Sayang

cara pasang emotion di post komentar


Pertama saya melakukan terapi energi dulu, terus main-main ke web blog kekasih saya dulu di coretan rizal, setelah itu kata dia sih siapin rokok dia dulu, rokoknya sampoerna mild, biar kerjanya sempurna seperti nama rokoknya… terus koneksinya harus kencang seperti kereta sepur, via proxy yah.

Mau pasang emotion dib log anda ?? baiklah ini Indah share untuk kalian semua yang membutuhkan emotion di komentar post anda :

Adapun memasang Emoticon pada Komentar blog langkah2nya sbb:
  1. Log in
  2. Klik rancangan
  3. Edit HTML
  4. centang expan pada kotak kecil
  5. Cari kode </body>
  6. Lalu letakkan script dibawah ini diatas kode </body>

    <script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
  7. Trus cari kode berikut ini:

    <p class='comment-footer'>
    <b:if cond='data:post.embedCommentForm'>
    <b:include data='post' name='comment-form'/>
    <b:else/>
    <b:if cond='data:post.allowComments'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if>
    </b:if>
    </p>
  8. Kalau tidak sama, cari yang paling mendekati. Kemudian letakkan kode berikut ini dibawah <p class='comment-footer'>

    <b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
    :))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
    :)]
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
    ;))
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
    ;;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
    :D
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
    ;)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
    :p
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
    :((
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
    :)
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
    :(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
    :X
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
    =((
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
    :-o
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
    :-/
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
    :-*
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
    :
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
    8-}
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
    ~x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
    :-t
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
    b-(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
    :-L
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
    x(
    <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
    =))
    </b>
  9. Klik Save Template.
  10. Selesai. Silahkan di coba di kotak komentarnya

1 comments Posted by Indah Sayang

Cara Membuat Read More

Secara default Blogger akan menampilkan tulisan kita secara utuh. Bayangkan jika tulisan kita sudah banyak. Semuanya akan tampil secara utuh memenuhi halaman posting. Pembaca terpaksa harus terus menggulung layer sampai ke bawah untuk melihat tulisan satu persatu.  Untuk mengatasinya  bisa  dilakukan dengan membuat ReadMore (Baca selengkapnya), sehingga setiap tulisan hanya ditampilkan sebagian saja (misalnya satu paragraf) sebagai cuplikan. Untuk melihat tulisan utuhnya pembaca tinggal mengklik link Baca selengkapnya…. Nah, cara membuatnya adalah:

1. Masuklah ke halaman dasbor anda. Klik menu Tata Letak.


2. Klik Edit HTML


3. Centang kotak kombo Expand Template Widget


4. Kemudian cari kode seperti ini: </head>. Agar mudah mencarinya tekan (Ctrl + F) pada keyboard. Maka akan muncul kotak pencarian (Find) seperti ini:



5. Setelah ketemu kode tersebut, tepat di atasnya ketikkan kode berikut:

   <style>
     <b:if cond='data:blog.pageType == "item"'>
      span.fullpost {display:inline;}
     <b:else/>
      span.fullpost {display:none;}
     </b:if>
   </style> 

6. Maka hasilnya akan seperti ini:


7. Kemudian lanjutkan mencari kode: <data:post.body/> (cari lagi dengan kotak pencarian/find).

8. Kemudian ketikkan kode ini di bawahnya:

 <b:if cond='data:blog.pageType != "item"'>
       <a expr:href='data:post.url'> Baca selengkapnya..</a>
       </b:if>

9. Hasilnya akan menjadi seperti ini dan klik SIMPAN TEMPLATE


10. Itu baru satu tahap. Sekarang tinggal setahap lagi, yaitu memotong tulisan yang akan kita selipkan kode untuk Read More-nya. Sekarang  bukalah  halaman posting, lalu klik Edit Entri.


11. Klik Edit pada tulisan yang akan diselipkan Read More-nya  (nanti semuanya bisa anda lakukan secara bergantian).


12. Sebelumnya meyisipkan kodenya pastikan anda sudah mengklik menu Edit HTML.


13. Sekarang ketikkan kode: <span class="fullpost"> pada bagian tulisan yang ingin dipotong.


14. Terakhir ketikkan kode: </span>  di akhir tulisan (paling bawah) dan Klik TERBITKAN ENTRI.



15. Jika proses yang dilakukan tidak keliru, seperti biasa akan muncul tulisan Perubahan Anda telah Disimpan. Jika tidak, coba anda ulangi lagi dengan teliti. Ini hanya repot di awalnya. Untuk tulisan yang lain (berikutnya) anda tidak perlu lagi masuk ke halaman edit HTML Tata Letak. Cukup menyisipkan kode pendeknya  pada halaman Edit Entri.
Selamat mencoba dan semoga berhasil!
 
created by blogernas
0 comments Posted by Indah Sayang
Langganan: Komentar (Atom)