tutorial web menggunakan dreamwaver

TUTORIAL MEMBUAT WEB MENGGUNAKAN DREAMWAVER

untuk membuat sebuah web menggunakan aplikasi dramwaver yang kita butuhkan pertama adalah design tamplate dari web tersebut.untuk memudahkan pengerjaannya,saat ini banyak design tamplate untuk web yang dapat kita unggah secara gratis.setelah kita tentukan seperti apa design tamplate yang kita inginkan kita buka folder design tersebut dan cari sebuah data bernama INDEX.HTML lalu buka data tersebut dengan aplikasi dreamwaver

karna disini design template sudah jadi kita tinggal isi atau modifikasi sesuka kita.disini saya menggunakan sebuah design template bernama bubble.

MEMBUAT BACKGROUND DENGAN FILE SENDIRI.

agar tampilan halaman web kita menjadi lebih menarik background dari design tamplate yang kita gunakan bisa kita ubah dgn file gambar yang kita miliki caranya klik kanan dihalaman background tamplate yang pilih menu page properties

lalu akan muncul kotak pengaturannya.langsung saja kita pilih menu background image.untuk memilih file foto yang akan kita masukan kedalam design tamplate kita tekan tombol browse disebelah kanan.

pilih lokasi folder dimana file disimpan dan tentukan file mana yang akan kita jadikan background.

setelah itu tekan tombol ok di pojok kanan halaman.

hasilnya:

ada beberapa tamplate yang backgroundnya ternyata sudah ditentukan dan file gambar tersebut sudah masuk kedalam kodingan design template nya.agar memudahkan pengerjaan kita cukup kopi file gambar mana yang akan dijadikan background kedalam folder image didalam folder design tamplate yg kita gunakan lalu ubah nama file tersebut seperti nama file background template sebelumnya.

                                            

MENGUBAH WARNA,BESAR ,DAN JENIS TULISAN.

agar tulisan kita lebih menarik kita gunakan fasilitas yang ada dalam dreamwaver untuk mengubah warna ,besar dan jenis tulisan yang akan kita muat dalam halaman web kita. caranya blok dulu tulisan atau huruf yang akan kita ubah lalu kita gunakan fasilitas yang ada di pojok kiri bawah halaman dreamwaver.

MEMASUKAN GAMBAR KE HALAMAN WEB

selain tulisan biasanya agar web lebih menarik kita masukan gambar gambar yang akan mendukung infirmasi dalam web kita.cara memasukan gambar kedalam halaman web cukup tekan toolbar image pada bagian atas dreamwaver.lalu pilih foto mana yang akan kita masukan kedalam halamna web kita.

setelah itu tekan tombol ok pada pojok kanan layar.

    

MEMBUAT LINK DENGAN TULISAN YANG ADA DI WEB

sebuah halaman web pasti mempunyai lebih dari satu halaman untuk memuat informasi yang ada dalam web tersebut.disini kita gunakan link untuk menghubungkan antara halaman yang satu dengan halaman yang lainnya.pertama tama kita blok tulisan / gambar  yang nantinya jika ditekan akan mengubungkan ke halaman berikutnya .                                 

lalu kita ganti kolom link yang verada di pojok kanan bawah halaman dreamwaver dengan alat tujuan kemana halamn berikutnya berada dengan menekan icon folder dan pilih halaman mana yang menjadi tujuan kita.

untuk mengubungkan halaman web kita dengan web lain pun caranya sama.kita tinggal menyertakan halaman web tujuan ke dalam kolom link tersebut.

DASAR DASAR ILMU WEB

TUGAS SOFTSKILL I

NAMA:ANANDA BUNGA FIRDAUSI

NPM:59410465

KEAS:2IA16

DASAR DASAR ILMU WEB

SEJARAH WEB

World Wide Web ("WWW" atau lebih singkat "Web") adalah sebuah media informasi global dimana pengguna dapat membaca dan menulis melalui komputer yang tersambung ke Internet. Istilah Websering secara tidak dasar di anggap sebagai Internet itu sendiri, walaupun sebetulnya Web merupakan jasa yang beroperasi di atas Internet sama seperti e-mail. Sejarah Internet terjadi jauh sebelumWeb di kembangkan.

Di tahun 1980, seorang Inggris Tim Berners-Lee, kontraktor independent di CERN (Badan Tenaga Atom Swiss) membuat ENQUIRE, sebuah basis data personal dan model software, juga berkesempatan untuk bermain dengan konsep hypertext; dimana setiap halaman informasi baru di ENQUIRE tersambung secara langsung ke halaman yang ada.

Tahun 1984, Tim Berners-Lee kembali ke CERN dan memperesentasikan masalah bahwa semua fisikawan di dunia butuh untuk melakukan berbagi data, sayangnya tidak ada perangkat keras dan perangkat lunak yang memungkinkan hal itu terjadi. Atasan Tim, Mike Sendall, meminta Tim untuk mengimlementasikan ide-nya di mesin workstation NeXT yang baru saja di terima oleh CERN. Waktu itu ada beberapa nama yang dipikirkan untuk itu, mulai dari Information Mesh, The Information Mine atau Mine of Information, akhirnya dipilihkan World Wide Web.

Bulan Desember 1990, Tim Berners-Lee berhasil membuat semua perangkat yang dibutuhkan agar Web dapat bekerja: Web browser yang pertama WorldWideWeb (yang juga merupakan Web editor), Web server pertama (info.cern.ch), dan halaman Web yang pertama yang menjelaskan tentang proyek tersebut. Browser yang di kembangkan dapat mengakses kelompok diskusi Usenet dan juga akses file FTP. Sayangnya hanya dapat di jalankan di NeXT. Nicola Pellow kemudian membuat browser text sederhana yang dapat di operasikan di hampir semua komputer.

May 1991, Paul Kunz dari Stanford Linear Accelerator Center (SLAC) mengunjungiCERN dan sangat tertarik dengan Web. Paul membawa pulang perangkat lunak NeXT ke SLAC, dimana pustakawan Louise Addis mengadaptasikannya untuk sistem operasi VM/CMS di IBM mainframe untuk memperlihatkan katalog dari dokumen online di SLAC; Web ini merupakan Web Server pertama di luar Eropa dan pertama di Amerika Utara.

Pada tanggal 6 Agustus 1991, Tim Berners-Lee memposting / menulis resume singkat dari proyek World Wide Web di kelompok diskusi alt.hypertext. Tanggal ini di tandai sebagai pertama kali Web muncul secara publik di Internet.

ARSITEKTUR WEB

Arsitektur Website adalah suatu pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional. Seperti dalam arsitektur tradisional, fokusnya adalah benar pada pengguna dan kebutuhan pengguna. Hal ini memerlukan perhatian khusus pada konten web, rencana bisnis, kegunaan, desain interaksi, informasi dan desain arsitektur web. Untuk optimasi mesin pencari yang efektif perlu memiliki apresiasi tentang bagaimana sebuah situs Web terkait dengan World Wide Web.

Sejak web perencanaan isi, desain dan manajemen datang dalam lingkup metode desain, Vitruvian tradisional tujuan komoditas, keteguhan dan kesenangan dapat memandu arsitektur situs, seperti yang mereka lakukan arsitektur fisik dan disiplin desain lainnya. Website arsitektur akan datang dalam ruang lingkup estetika dan teori kritis dan kecenderungan ini dapat mempercepat dengan munculnya web semantik dan web 2.0. Kedua ide menekankan aspek struktur informasi. Strukturalisme adalah sebuah pendekatan untuk pengetahuan yang telah dipengaruhi sejumlah disiplin akademis termasuk estetika, teori kritis dan postmodernisme. Web 2.0, karena melibatkan user-generated content, mengarahkan perhatian arsitek website untuk aspek-aspek struktur informasi.

“Website arsitektur” memiliki potensi untuk menjadi istilah yang digunakan untuk disiplin intelektual mengatur konten website. ”Web desain”, dengan cara kontras, menggambarkan tugas-tugas praktis, bagian-bagian-grafis dan teknis, dari merancang dan menerbitkan sebuah situs web. Perbedaan tersebut dibandingkan dengan yang antara tugas mengedit sebuah koran atau majalah dan desain grafis dan pencetakan. Tetapi hubungan antara editorial dan kegiatan produksi adalah lebih dekat untuk publikasi web daripada untuk penerbitan cetak.

Ada tiga standar utama untuk penerapan web services. Standar-standar ini mendukung pertukaran data berbasis XML. Tiga standar tersebut meliputi SOAP, WSDL, dan UDDI. Berikut bakal tak jelaskan secara singkat mengenai standar tersebut. SOAP ( Simple Object Access Protocol )

Protokol ini mendukung proses pengkodean data (biasanya XML) dan transfernya melalui HTTP (Hyper Text Transfer Language). Dalam konteks web services, SOAP adalah suatu bahasa versi bebas dari protokol RPC (Remote Procedure Caoll) yang berguna untuk proses transaksi melalui HTTP standar. SOAP membuat klien web service dapat memilih beberapa parameter mengenai permintaannya dan memberikannya kpd si penyedia. Ketika penyedia menganggapi permintaan tersebut, maka terjadilah web services.

WSDL ( Web Services Description Language ) Merupakan bahasa berbasis XML yang menjelaskan fungsi-fungsi dalam web services. WSDL menyediakan cara untuk memanfaatkan kapabilitas web services. WSDL memberi tahu mesin lain bagaimana memformat/ menterjemahkan permintaan yang diterima berikut respon mereka agar proses web service bisa berjalan. Singkatnya, WSDL adalah bahasa yang memungkinkan berbagai dokumen yang dibuat dalam aplikasi yang berbeda dapat berkomunikasi.

UDDI (Universal Description Discovery and Integration ) Adalah semacam direktori global untuk mengelola web services. Fungsinya mirip dengan Yellow Pages untuk versi web services. UDDI berisi informasi tentang penawaran atau layanan apa yang ditawarkan perusahaan berikut dengan detil teknis bagaimana cara mengaksesnya. Inforamsi tersebut ditulis dalam bentuk file-file WSDL

MACAM MACAM WEB

untuk bisa menjelajah di dunia maya maka kita membutuhkan web broser.gunanya untuk menghubungkan kita (user) dengan internet sebagai medianya.Rasanya tak asing lagi dengan nama – nama seperti mozilla firefox, internet explorer, opera, dan google chrome. Kenapa? Karena ke-4 browser ini yang paling banyak digunakan. Padahal, masih banyak browser lainnya seperti flock dan safari.secaraumum fungsi web broser yg ada adalah sama hanya saja setiap web broser memilki kelebihan dan kekurangan masing masing berikut beberapa contoh web browser yang sering digunakan.

    Mozilla Firefox
Kelebihan:

·                         Banyak fitur tambahan add ons alias pengaya, ibarat kepingan puzzle, add onsini bisa dibongkar pasang sesuai dengan kebutuhan user

·                         Bandel, cocok untuk membuka situs-situs multimedia

·                         Updatenya mudah

·                         Sistem security kuat

·                         Hemat resource memory

·                         Interface/tampilan lay out yang simple sehingga mudah digunakan oleh pengguna pemula

Kekurangan:

·                         Loading lama saat mulai start, apalagi jika banyak add ons yang terinstal

·                         Saat memulai mode Private,  harus menutup terlebih dahulu semua halaman dalam mode

                Google Chrome
 Kelebihan:

·                         Ringan dan gesit, termasuk ketika start pertama kali dan berpindah tab

·                         Desainnya simpel dan minimalis

·                         Updatenya mudah

·                         Sistem security kuat.  Chrome dan Firefox saat ini menjadi browser yang paling kuat terhadap serangan hacker

·                         Memiliki webstore untuk fitur tambahan

Kekurangan:

·                         Statis, fiturnya kurang banyak

.          Opera
Kelebihan:

·                         Ringan dan cepat

·                         Memiliki email client dan rss sendiri, jadi Anda tidak perlu memakai email client lain seperti Outlook, Thunderbird dan lainnya

·                         Fitur mouse gestures, membuat browsing experience semakin asyik

·                         Fitur Turbo yang mampu mengkompres halaman saat koneksi lambat sehingga halaman terbuka lebih cepat

·                         Memiliki fitur penyimpan halaman dalam bentuk .mht (single file), yang belum dimiliki Chrome & Firefox dalam versi standar.

·                         Banyak fitur pengaya/addons, widget dan aplikasi

·                         Fitur Opera yang paling unik adalah fitur "Voice Interaction". Dengan fitur ini, Anda dapat memerintahkan Opera untuk mereload halaman, log in, membuka tab baru, mengklik link dan lain-lain dengan suara Anda.

Kekurangan:

·                         Gagal dalam membaca script pada situs-situs tertentu

·                         Tampilannya yang kelewat "advance", membuat pengguna pemula kesulitan saat awal menggunakannya

.          Internet Explorer

Kelebihan:

·                         Menyediakan add ons, walaupun tidak sebanyak Firefox

·                         Khusus Internet Explorer 9 (IE9), tampilannya lebih simpel, elegan dan menarik

·                         Browser ini sangat terintegrasi dengan Sistem Operasi Windows karena menjadi browser standar dari Microsoft

Kekurangan:

·                         Gagal membaca script dibeberapa halaman situs (khususnya CSS)

·                         Khusus IE9 tidak mendukung Sistem Operasi Windows XP

.          Flock 

Kelebihan :

·                         Ada menu tersendiri(photo uploader) untuk upload foto ke situs layanan jaringan sosial misal : Facebook , Flickr , Twitter , Myspace .

·                         Terintergrasi langsung dengan situ jejaring sosial

·                         Update status Facebook langsung tanpa membuka website (tentunya harus sudah login), dan juga mengetahui update status teman melalui People Sidebar. Juga bisa terintegrasi dengan Flickr, Twitter, Youtube, MySapce dan Digg

·                         Cek email melalui menu webmail

·                         Posting artikel blog langsung tanpa masuk dashboard melalui menu Blog Editor. Terintegerasi dengan Blogger, Blogsome, LiveJournal, Typepad, wordpress, Xanga dan juga akun blog pribadi anda .

Kekurangan :

·                         Flock membutuhkan resources yang lebih besar! Di beberapa komputer, memulai Flock untuk pertama kalinya akan memakan waktu agak lama (nggak selama itu kok gann

·                         Skin Flock pun saat ini masih terbatas, tapi jangan khawatir, perkembangannya bakal sepesat Firefox kok !!

APLIKASI WEB

merupakan gabungan kalimat yang Terdiri dari dua kata yakni APLIKASI dan WEB
1) Web (Website)
World Wide Web, disingkat sebagai WWW dan umumnya dikenal sebagai Web, 
adalah sistem dokumen hypertext yang saling terkait diakses melalui Internet. 
Dengan browser web, dapat melihat halaman web yang mungkin berisi 
teks, gambar, video, dan multimedia lainnya dan menavigasi antara 
mereka dengan menggunakan hyperlink.
2) Aplikasi
Aplikasi adalah program yang digunakan orang untuk melakukan sesuatu pada sistem komputer, meskipun aplikasi disertakan sebagai bagian dari sistem operasi. Dibedakan dari lapisan umum sistem operasi yang menjalankan komputer secara langsung. Selanjutnya ia bisa dikatakan bahwa semua aplikasi adalah program, tapi tidak semua program adalah aplikasi.
Beberapa aplikasi yang digabung bersama menjadi suatu paket kadang disebut sebagai suatu paket atau suite aplikasi (application suite). Contohnya adalah Microsoft Office dan OpenOffice.org
Aplikasi adalah penggunaan atau penerapan suatu konsep yang menjadi pokok
pembahasan. Aplikasi dapat diartikan juga sebagai program komputer yang dibuat
untuk menolong manusia dalam melaksanakan tugas tertentu. Aplikasi software yang
dirancang untuk penggunaan praktisi khusus, klasifikasi luas ini dapat dibagi menjadi 2(dua) yaitu:
1. Aplikasi software spesialis, program dengan dokumentasi tergabung yang
dirancang untuk menjalankan tugas tertentu.
2. Aplikasi paket, suatu program dengan dokumentasi tergabung yang dirancang
untuk jenis masalah tertentu.
Definisi Aplikasi web 
adalah aplikasi yang diakses melalui jaringan seperti Internet atau intranet. 
Istilah ini juga dapat berarti sebuah aplikasi software komputer yang host di lingkungan browser yang dikuasai (misalnya Java applet) atau dikodekan dalam bahasa yang didukung oleh browser (seperti JavaScript, dikombinasikan dengan sebuah bahasa markup yang diberikan seperti browser- HTML) dan bergantung pada browser web umum untuk membuat aplikasi dieksekusi. Contoh aplikasi web yang banyak digunakan misalnya Yahoo Mail, GMail, Google search engine, Friendster, YouTube, Flickr, WordPress, dan lain sebagainya.
Aplikasi berbasis web (web based application)
Aplikasi yang diakses dari sisi client/server lewat sebuah web (fasilitas) dengan memanfaatkan sebuah jaringan internet.

SUMBER SUMBER

http://opensource.telkomspeedy.com/wiki/index.php/Cuplikan_Sejarah_Web

http://edwinghofamz.wordpress.com/2011/04/07/arsitektur-website/

http://anakit-julio.blogspot.com/2011/11/v-behaviorurldefaultvmlo.html

http://jeffrymarius.blogspot.com/2010/07/definisi-aplikasi-web-web-application.html

(tugas 3) kelebihan dan kekurangan jaringan wifi

tugas softskill 1

nama:ananda bunga firdausi

npm:59410465

kelas:2IA16

kelebihan dan kekurangan jaringan wifi

a. Kelebihan Wi-fi 

wifi saat ini bisa menjadi solusi bagi masyarakat yan membutuhkan akses dimanapun ia berada.Tingginya animo masyarakat -khususnya di kalangan komunitas Internet- menggunakan teknologi Wi-Fi dikarenakan paling tidak dua faktor.
1. Kemudahan akses

Artinya, para pengguna dalam satu area dapat mengakses Internet secara bersamaan tanpa perlu direpotkan dengan kabel.

 2. pengguna yang ingin melakukan surfing atau browsing berita dan informasi di Internet, cukup membawa PDA (pocket digital assistance) atau laptop berkemampuan Wi-Fi ke tempat dimana terdapat access point atau hotspot. Menjamurnya hotspot di tempat-tempat tersebut -yang dibangun oleh operator telekomunikasi, penyedia jasa Internet bahkan orang perorangan- dipicu faktor kedua, yakni karena biaya pembangunannya yang relatif murah atau hanya berkisar 300 dollar Amerika Serikat. Juga salah satu kelebihan dari Wi-Fi adalah kecepatannya yang beberapa kali lebih cepat dari modem kabel yang tercepat.
Jadi pemakai Wi-Fi tidak lagi harus berada di dalam ruang kantor untuk bekerja Wi-fi Hardware Hardware wi-fi yang ada di pasaran saat ini ada berupa Wi-fi dalam bentuk PCI Wi-fi dalam bentuk USB Ada 2 mode akses koneksi Wi-fi, yaitu Ad-Hoc Mode koneksi ini adalah mode dimana beberapa komputer terhubung secara langsung, atau lebih dikenal dengan istilah Peer-to-Peer. Keuntungannya, lebih murah dan praktis bila yang terkoneksi hanya 2 atau 3 komputer, tanpa harus membeli access point Infrastruktur Menggunakan Access Point yang berfungsi sebagai pengatur lalu lintas data, sehingga memungkinkan banyak Client dapat saling terhubung melalui jaringan (Network).

2. Kelemahan pada wifi
kelemahan Wi-Fi yang utama adalah mudahnya dihacking oleh para hacer untuk mencuri password pengguna wi-fi.Banyak pengguna jaringan wireless tidak bisa membayangkan jenis bahaya apa yang sedang menghampiri mereka saat sedang berasosiasi dengan wireless access point (WAP), misalnya seperti sinyal WLAN dapat disusupi oleh hacker. Berikut ini dapat menjadi ancaman dalam jaringan wireless, di antaranya:

- Sniffing to Eavesdrop

Paket yang merupakan data seperti akses HTTP, email, dan Iain-Iain, yang dilewatkan oleh gelombang wireless dapat dengan mudah ditangkap dan dianalisis oleh attacker menggunakan aplikasi Packet Sniffer seperti Kismet.

- Denial of Service Attack

Serangan jenis ini dilakukan dengan membanjiri (flooding) jaringan sehingga sinyal wireless berbenturan dan menghasilkan paket-paket yang rusak.

- Man in the Middle Attack

Peningkatan keamanan dengan teknik enkripsi dan authentikasi masih dapat ditembus dengan cara mencari kelemahan operasi protokol jaringan tersebut. Salah satunya dengan mengeksploitasi Address Resolution Protocol (ARP) pada TCP/IP sehingga hacker yang cerdik dapat mengambil alih jaringan wireless tersebut.

- Rogue/Unauthorized Access Point

Rogue AP ini dapat dipasang oleh orang yang ingin menyebarkan/memancarkan lagi tranmisi wireless dengan cara ilegal/tanpa izin. Tujuannya, penyerang dapat menyusup ke jaringan melalui AP liar ini.

- Konfigurasi access point yang tidak benar

Kondisi ini sangat banyak terjadi karena kurangnya pemahaman dalam mengkonfigurasi sistem keamanan AP.

Kegiatan yang mengancam keamanan jaringan wireless di atas dilakukan dengan cara yang dikenal sebagai Warchalking, WarDriving, WarFlying, WarSpamming, atau WarSpying. Banyaknya access point/base station yang dibangun seiring dengan semakin murahnya biaya berlangganan koneksi Internet, menyebabkan kegiatan hacking tersebut sering diterapkan untuk mendapatkan akses Internet secara ilegal. Tentunya, tanpa perlu membayar.

sumber sumber:

c1p1.wordpress.com

www.wahyu-winoto.com

buku: Jaringan Wi-Fi, Teori dan Implementasi : tri kuntoro priyambodo & dodi heriadi