Tuesday, October 7, 2014

Pweb pertama


A. Internet
Interconnection Networking yang berarti hubungan dari banyak jaringan komputer dengan berbagai tipe dan jenis, dengan menggunakan tipe komunikasi seperti telepon, satelit, dan lainnya.

untuk mengatur jaringan komputer yang integrasi dan komunikasi digunakan protokol yaitu TCP/IP. 
 TCP (Transmission Control Protocol) = untuk memastikan bahwa semua hubungan bekerja dengan benar, IP (Internet Protocol) = mentransmisikan data dari satu komputer ke komputer lain. 

TPC/IP umumnya berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan paket-paket pengiriman data.
Untuk dapat ikut serta menggunakan fasilitas Internet, Anda harus berlangganan ke salah satu ISP (Internet Service Provider) yang ada dan melayani daerah Anda. ISP ini biasanya disebut penyelenggara jasa internet. Anda bisa menggunakan fasilitas dari Telkom seperti Telkomnet Instan, speedy dan juga layanan ISP lain seperti first media, netzip dan sebagainya.

Internet ini memungkinkan pengguna komputer di seluruh dunia untuk saling berkomunikasi dan berbagi informasi dengan cara saling mengirimkan email, menghubungkan komputer satu ke komputer yang lain, mengirim dan menerima file dalam bentuk text, audio, video, membahas topik tertentu pada newsgroup, website social networking dan lain-lain.
http://zeprikuswandi.blogspot.com/2011/01/artikel-tentang-internet

B. HTML
HTML merupakan singkatan dari HyperText Markup Language. HTML biasa di sebut bahasa pengkodean yang digunakan untuk membentuk halaman-halaman situs di internet.
Hypertext Markup Language ( HTML ) adalah suatu system penulisan perintah dan formatting hypertext sederhana yang ditulis kedalam dokumen teks ASCII agar dapat menghasilkan tampilan visual yang terintegrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi pengolah kata dan disimpan ke dalam format ASCII normal sehingga menjadi homepage dengan tambahan perintah-perintah HTML. Dokumen HTML disebut markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. HTML lebih menekankan pada penggambaran komponen-komponen, struktur dan formatting di dalam halaman web daripada menentukan penampilannya. Sedangkan web browser digunakan untuk menginterpretasikan perintah-perintah HTML yang disisipkan ke dalam teks dan menampilkan susunan halaman ke style built-in browser dengan menggunkan font, tab, warna, garis, dan perataan teks yang dikehendaki ke komputer yang menampilkan halaman web.
Struktur penulisan pemrograman HTML yang baik pada dokumen HTML adalah penulisan tag-tag yang ditempatkan pada dokumen yang terbagi ke dalam area deskriptif dan fungsional.

Perintah-perintah HTML biasa disebut dengan tag. Tag merupakan cara untuk memodifikasi dokumen teks normal yang akan ditampilkan di dalam web browser. Tag HTML ditulis ke dalam dokumen ASCII dan menyediakan instruksi-instruksi ke browser yang berhubungan dengan formatting halaman, termasuk yang di luar tag, seperti gambar, audio, dan video. Tag HTML selalu dimunculkan sebagai suatu kata atau frase yang ditempatkan diantara tanda kurung sudut ( < > ). Isi dari tanda kurung sudut adalah perintah HTML itu sendiri. 


Struktur dokumen HTML terdiri dari:
1. baris yang berisi informasi versi HTML yang digunakan
2. deklarasi bagian header dengan elemen body
3. deklarasi bagian body dengan elemen body atau frameset

 http://antikemapananpunk.blogspot.com/2011/05/artikel-tentang-html.html

C. CSS
Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
 CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
CSS Internal = skrip itu dimasukkan secara langsung ke halaman website yang akan didesain. Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain itu.
Sifat eksternal = di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.
Fakta Menggunakan CSS diantaranya :
  • Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
  • Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
  • Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
  • Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
  • Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
  • CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.
  • Selain itu ada tiga metode penulisan CSS atribut, yaitu :
    Inline Style Sheet
    CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style=”…” dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan mempengaruhi tag HTML yang lain.

    Contoh penulisan CSS dengan metode Inline Style Sheet :

    <html>
    <head>
    <title>Contoh Bentuk Inline</title>
    </head>
    <body bgcolor=”#FFFFFF”>
    <p id=”cth1?>
    Ini adalah contoh tag P tanpadiformat menggunakan CSS </p>

    <p id=”cth2? style=”font-size:20pt”>
    Tag P ini diformat dengan besar font 20 point </p>

    <p id=”cth3? style=”font-size:14pt; color:red”>
    Tag P ini diformat dengan besar font 14 point, dan menggunakan warna merah </p>
    </body>
    </html>

    Embedded Style Sheet
    CSS didefinisikan terlebih dahulu dalam tag <style> … </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.
    Contoh penggunaan CSS dengan metode Embedded Style Sheet :
    <html>
    <head>
    <title>Contoh Bentuk Embedded/title>
    </head>
    <style>
    body {background:#0000FF; color:#FFFF00; margin-left:0.5in}
    h1 {font-size:18pt; color:#FF0000}
    p {font-size:12pt; font-family:arial; text-indent:0.5in}
    </style>                                                                                                                                                                                                                                                                                   

    <body>
    <h1 id=”cth1?>Judul ini berukuran 18 dengan warna merah!</h1>
    <p id=”cth2?>Tag p ini di format dengan besar font 12 point dengan tipe font Arial dan mempunyai identasi 0.5 inch </p>
                                                                              <p id=”cth3?>Yang perlu diperhatikan juga bahwa body disini telah diformat dengan margin kiri 0.5 inch dan warna background biru</p>
    </body>
    </html>

    Linked Style Sheet
    Metode ini hampir sama dengan metode Embedded Style Sheet, hanya saja pendefinisian tag <style> … </style> dibuat pada berkas terpisah dari berkas HTML yang membutuhkan CSS. Kemudian berkas lain tersebut disimpan dalam format .css.
    Pada berkas HTML yang akan menggunakan berkas CSS, harus dibuat tag <link> yang dituliskan di antara tag <head> … </head>.
    Contoh (simpan dengan nama contoh.css) :
                                                                                                                                                                                                                                                                                                                 
    D. Arsitektur Client-Server
    Client-Server adalah pembagian kerja antara server dan client yg mengakses server dalam suatu jaringan. Jadi arsitektur client-server adalah desain sebuah aplikasi terdiri dari client dan server yang saling berkom                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       unikasi ketika mengakses server dalam suatu jaringan.
    fungsi client-server
    Client
    • Mengatur user interface
    • Menerima dan memeriksa sintaks input dari pemakai
    • Memproses aplikasi
    • Generate permintaan basis data dan memindahkannya ke server
    • Memberikan response balik kepada pemakai
    • Menyediakan akses basis data secara bersamaan
    • Menyediakan kontrol recovery
    Server
    • Menerima dan memproses basis data yang diminta dari client
    • Memeriksa autorisasi
    • Menjamin tidak terjadi pelanggaran terhadap integrity constraint
    • Melakukan query/pemrosesan update dan memindahkan response ke client
    • Memelihara data dictionary

    Keunggulan client server
    • Kecepatan akses lebih tinggi
    • Sistem keamanan & administrasi lebih baik                                                                                                          
    • Sistem backup data lebih baik

    Kelemahan Client/Server
  • Biaya lebih mahal
  • Dibutuhkan komputer dengan spesifikasi khusus untuk menjadi server
  • Ketergantungan terhadap server, jika server terganggu maka keseluruhan jaringan terganggu   
  • http://dunovteck.wordpress.com/./client-server/

 

Wednesday, February 12, 2014

Membuat Logo Dengan Photoshop CS6

Cara Membuat Logo Dengan Photoshop

Assalamu'alaikum ....
Pada kesempatan kali ini saya akan mencoba posting cara membuat logo tapi yang masih standard alias alakadarnya soalnya saya jg masih tahap belajar, semoga aja masih dapat dimaklumi dan  dimengerti oleh para pengunjung blog ini.
Langsung aja yaaa....

1.  Buka photoshop pada komputer, klik File dan pilih New atau ctrl+N uuntuk membuka halaman kerja baru di photoshop

2.  kemudian atur ukuran dan resolusi pada kolom yang di sediakan

3.  Setelah halaman terbuka buat titik yang membentuk segitiga ( garis akan terbentuk secara otomatis ) lihat gambar. Gunakan icon di toolbar Pen Tool atau klik huruf P

4.  Jika sudah terbentuk gambar arahkan pointer kembali ke toolbar Pen Tool kemudian klik kanan pilih Add Anchor Point Tool

5.  Setelah itu ambil titik di tengah garis segitiga yang tadi kita buat, klik titik tersebut bentuklah gambar ( lihat gambar )dengan cara klik kiri pada mouse jangan di lepas

6.   Jika sudah terbentuk seperti gambar diatas, ulangi cara no.3, no.4 dan no.5 menyerupai gambar diatas tetapi dengan ukuran yang lebih kecil ( lihat gambar di bawah )

7.  Untuk buat lingkaran seperti gambar diatas, lihat toolbar agar mudah mencarinya klik huruf  U pada keyboard kemudian pilih Elipse

Setelah gambar logo selesai dibuat, sekarang memberikan warna pada gambar, ini dia caranya...

1.  Klik Paths biasanya terletak di kanan bawah sejajar dengan layer kemudian muncul Work Path setelah itu Work Path di klik kanan atau klik dua kali sebelah kiri mouse pilih Fill Path

2.  Kolom Fill Path akan tampil, jika tidak ada yang di rubah atau diganti silahkan klik OK


3.  Sebelum lanjut ke mewarnai, lihat toolbar atas dari Path ubah ke Shape ( lihat gambar )

4.  Setelah itu pilih toolbar icon Colour


5.  Kemudian klik Magic Wand Tool atau huruf W pada keyboard lalu arahkan pointer ke gambar dan klik gambar untuk menselection atau memblok tempat gambar yang akan di warnai

6.  Dan klik Paint Bucket Tool atau klik G pada keyboard maka pointer akan mengarahkan lalu klik icon tersebut maka pointer akan berubah bentuk menyerupai ember cat, klik tempat gambar yang sudah terseleksi tadi, pilih warna sesuai dengan pilihan anda

Dan selesai sudah pembuatan logo, semoga dapat dimengerti.....wassalam

Sampai jumpa di postingan berikutnya
Reffr : http://bipstarja.wordpress.com/tag/photography/




Sunday, February 2, 2014

Presentasi Blog

Presentasi Dengan Slideshare Di Dalam Blogger

Assalamu'alaikum wr..wb..

Langsung ke pokok persoalan aja ya gan.....
Kita buat terlebih dahulu data yang akan di presentasikan melalui powerpoint, masukkan data tersebut ke slideshare.net, kalau belum daftar ke slideshare.net silahkan daftar terlebih dahulu dengan masukkan email dan password kita. Yang sudah terdaftar lagsung aja login.
Setelah masuk laman slideshare, klik upload yang di kanan atas
Pilih upload lagi pada laman berikutnya
Cari dokumen yang kita sudah save sebelumnya, lalu klik open.

file akan diloading sebelum di upload, cepat lambatnya tergantung data yang di upload jadi sabar ya..
setelah data ter upload,kemudian save. Nah untuk melihat file sudah tersimpan dalam slideshare klik profil kita lalu pilih my upload maka akan muncul file kita yang tadi kita upload.
 Sekarang tinggal memindahkan file yang ada di slideshare tersebut ke dalam blogger kita, bagaimana caranya..mari kita lanjutkan....Bismillah..
  • buka file tersebut dengan cara mengklik judul file, lalu klik embed untuk mengeluarkan file script agar dapat kita pindahkan ke blogger kita. 
  •  
  •  
  • Setelah muncul kode script lalu  klik copy 
  • Cara memasukkan data tersebut sama halnya kita membuat postingan tulisan atau artikelke dalam blog
  • kemudian  buka blogger kita dan pilih new post atau entri baru kemudian pilih html.
  • masukkan judul postingan dan paste kode script yang tadi kita copy di slideshare ke screen blog, untuk memastikan data tersebut terposting dengan benar klik pratinjau atau preview blog, jika sudah benar silahkan klik publish atau publikasikan.
Sampai di sini postingan nya yah,  semoga bisa dimengerti dan ada manfaat bagi kita semua. Sampai ketemu pada postingan berikutnya. Wassalam.



Saturday, February 1, 2014

Pengantar Teknologi Informasi

Langkah-langkah membuat postingan ke dalam blog

Berikut cara membuat postingan pada blog :
  • Masuk ke dalam akun blogger anda
  • Setelah laman blog anda sudah terbuka klik entri baru / new post
  • Masukkan judul yang akan anda buat, sesuaikan dengan tulisan yang akan anda posting
  •  Tulis postingan yang akan anda publikasikan 
  • Klik perintah Publish atau Publikasikan
  • Postingan anda sudah terpublikasikan, lihat blog anda 
***     Selamat postingan anda sudah terlihat oleh semua orang    ***