Minggu, 12 Oktober 2014

Macromedia Dreamweaver

            Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
            Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.
            Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.

Kegunaan Macromedia Dreamweaver
            Dreamweaver MX dalam hal ini digunakan untuk web desain. Dreamweaver MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver.
Kelebihan Macromedia Dreamweaver
·         Kemampuannya membuat halaman web yang terlihat konsisten.
            Adobe Dreamweaver sudah terinstall beberapa template yang elegan dan menarik. Tentunya ini memudahkan anda yang ingin belajar membuat sebuah web namun anda belum mampu membuat design web sendiri. Jika anda ingin membuat lebih dari 10 halaman web dengan didasarkan design template tertentu maka web anda akan memiliki gaya halaman web yang sama dan terlihat konsisten dari halaman perhalaman.

·         Kemudahan dan efisiensi dalam penggunaan
            Program ini tidak hanya dirancang untuk anda yang sudah mahir dan mengerti bahasa pemrograma. Bagi anda yang belum mengerti bahasa pemrograman, anda bisa membuat halaman web dengan hanya cara mengklik atau drag and drop menggunakan mouse serta anda juga bisa melihat halaman html-nya selama  proses desain berlangsung. Atau yang lebih dikenal dengan sebutan WYSIWYG (What You See Is What You Get)

·         Mudah untuk mengupload melalui FTP

            Dreamweaver sudah dilengkapi dengan fitur FTP jadi setelah anda selesai membangun sebuah web, anda bisa langsung menguploadnya melalui FTP . FTP (singkatan dari File Transfer Protocol) adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk pentransferan berkas (file) komputer antar mesin-mesin dalam sebuah internetwork.

Sabtu, 11 Oktober 2014

Multimedia Interaktif

Pengertian Multimedia
            Multimedia adalah media yang menggabungkan dua unsur atau lebih media yang terdiri dari teks, grafis, gambar, foto, audio, video dan animasi secara terintegrasi.

Beberapa definisi multimedia menurut beberapa ahli diantaranya:
1.       Sesuai dengan pendapat Vaughan (1994: 4) multimedia adalah “berbagai kombinasi dari teks, grafik, suara, animasi, dan video yang disampaikan dengan menggunakan komputer atau alat elektronik lainnya”.
2.       Rada (1995) berpendapat bahwa “multimedia merujuk ke perpaduan/sinkronisasi aliran media (any synchronized media stream)”.  Sebagai contoh dari multimedia adalah gambar bergerak yang sinkron dengan suara (termasuk siaran televisi dan film modern) (Green & Brown, 2002: 2).
3.       Heinich, Molenda, Russell & Smaldino (1999: 229) berpendapat, “multimedia merujuk kepada berbagai kombinasi dari dua atau lebih format media yang terintegrasi kedalam bentuk informasi atau program instruksi”.

            Multimedia terbagi atas dua karakteristik yaitu:
·         Multimedia Linear, seperti: Televisi, Radio, Majalah, Koran
·         Multimedia Interaktif, seperti: Game, Website

            Berdasarkan proses,  multimedia terbagi atas dua kategori yaitu:
·         Multimedia content production, adalah penggunaan dan pemrosesan beberapa media (text, audio, graphics, animation, video, and interactivity) yang berbeda untuk menyampaikan informasi atau menghasilkan produk multimedia (music, video, film, game, entertaiment, dll)atau penggunaan sejumlah teknologi yang berbeda yang memungkinkan untuk menggabungkan media (text, audio, graphics, animation, video, and interactivity) dengan cara yang baru untuk tujuan komunikasi.
·         Multimedia communication, adalah menggunakan media (masa), seperti televisi, radio, cetak, dan Internet, untuk mempublikasikan/menyiarkan/mengkomunikasikan material advertising, publicity, entertaiment, news, education, dll.


Cara Memberi Meta Tag pada Blog Kita

            Disini saya akan memberi tips membuat meta tag di blogger supaya lalu lintas blog jadi ramai dari mesin pencari terutama dari si om Google dan blog loe menjadi lebih SEO friendly.
            Sebelum kita bahas lebih jauh, kita akan mendeskripsikan terlebih dahulu apa itu meta tag. Apa sih meta tag? Sedikit penjelasan gan, meta tag itu intinya buat ngasi tau mesin pencari tentang informasi isi dari blog ato situs loe. Meta tag ini juga mengoptimalkan mesin pencari untuk mengindeks blog kalian dengan benar dan akurat.
            Langsung aja gan, mari kita nambahin meta tag buat blog kalian. Yang pertama kalian harus nambahin 2 meta tag utama yang penting. Pertama meta tag deskripsi yakni meta tag yang ngejelasin ato ngambarin tentang blog kalian, lalu yang kedua meta tag keyword yang ngejelasin kata kunci dari blog kalian. Cara nambahinya begini gan.

1.      Pertama log in dlu ke Blogger, lalu masuk ke bagian Template dan pilih Edit HTML.


2.      Lalu cari kode di bawah ini gan.


3.      Terus copy kedua kode dibawah ini dan kemudian paste kan dibawah kode seperti no 2 gan.

<meta content='DESKRIPSI BLOG' name='description'/>
<meta content='KATA KUNCI BLOG' name='keywords'/>

4.      So ntar hasilnya seperti ini gan.


5.      Untuk pengisian deskripsi blog kamu, isi sesuai dengan blog kamu. Misal blog tentang kucing, contoh deskripsinya seperti ini " Blog yang memberikan informasi tentang cara merawat dan memelihara kucing di rumah dengan mudah. " misal kayak gitu gan. Usahain panjang deskripsi antara 150-160 karakter.


6.      Lalu untuk meta keywordsnya isi dengan kata kunci yang mengacu pada judul blog buat memaksimalkan pencarian di mesin pencari. Misal dari contoh di atas keywordnya "kucing,merawat kucing,memelihara kucing,tips merawat kucing,tips memelihara kucing, hobby kucing "


Kamis, 09 Oktober 2014

Perbedaan Web Statis dan Web Dinamis

Web berdasarkan teknologinya terbagi menjadi dua, yaitu Web Statis dan Web Dinamis. Sebelum menuju ke perbedaan web statis dan web dinamis, mari kita bahas persamaannya terlebih dahulu. Persamaan web statis dan web dinamis yaitu sama-sama keduanya merupakan suatu website yang menampilkan halaman yang ditampilkan di internet yang memuat informasi tertentu (khusus). Selanjutnya mari kita bahas pengertian dan perbedaan web statis dan web dinamis.

Pengertian Web Statis dan Web Dinamis

1. Web Statis
Web statis adalah website yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link saja. Halaman-halaman web tersebut tidak memliki database, data dan informasi yang ada pada web statis tidak berubah-ubah kecuali diubah sintaksnya. Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di web server.
Contoh dari web statis adalah web yang berisi profil perusahaan. Di sana hanya ada beberapa halaman saja dan kontennya hampir tidak pernah berubah karena konten langsung diletakan dalam file HTML saja.

2. Web Dinamis
Dalam web dinamis, interaksi yang terjadi antara pengguna dan server sangat kompleks. Seseorang bisa mengubah konten dari halaman tertentu dengan menggunakan browser. Request (permintaan) dari pengguna dapat diproses oleh server yang kemudian ditampilkan dalam isi yang berbeda-beda menurut alur programnya. Halaman-halaman web tersebut memiliki database. Web dinamis, memiliki data dan informasi yang berbeda-beda tergantung input apa yang disampaikan client. Dokumen yang sampai di client akan berbeda dengan dokumen yang ada di web server.

Contoh dari web dinamis adalah portal berita dan jejaring sosial. Lihat saja web tersebut, isinya sering diperbaharui (di-update) oleh pemilik atau penggunanya. Bahkan untuk jejaring sosial sangat sering di-update setiap harinya.

Kamis, 11 September 2014

Pengertian & Dasar Pemrograman Web

PENGERTIAN PEMROGRAMAN WEB
            Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman yang dalam bahasa English adalah programming dan diartikan proses, cara, perbuatan program.

            Definisi Web : jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks dan grafik dan suara dan sumber daya animasi melalui protokol transfer hypertext.

            Orang banyak mengenal web dengan istilah WWW (world wide web), World Wide Web adalah layanan internet yang paling populer saat ini internet mulai dikenal dan digunakan secara luas setelah adanya layanan WWW . WWW adalah halaman-halaman website yang dapat saling terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi . WWW berjalan dengan protokol HyperText Transfer Protokol (HTTP). Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser.

            Sintaks HTML mampu memuat konten text, gambar, audio, video dan animasi. Kini internet identik dengan web, karena kepopuleran web sebagai standar interface pada lanyanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, ini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi binsin (commerce) (Betha Sidik,Ir, Pemrograman web dengan HTML, Informatika Bandung, 2005) Banyak keuntungan yang diberikan oleh Aplikasi berbasis Web dari pada aplikasi berbasis destop, sehingga aplikasi berbasis web telah diadopsi oleh perusahaan sebagai bagian dari strategi teknologi informasinya, karena beberapa alasan :
  • ·         Akses informasi mudah,
  • ·         Setup server lebih mudah
  • ·         Informasi mudah didistribusikan
  • ·         Bebas platform, informasi dapat di sajikan oleh browser web pada sistem operasi mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan

HTTP
            HTTP (HyperTextTransfer Protocol) adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web(WWW). Protokol ini adalah protokol ringan, tidak berstatus dan generik yang dapat dipergunakan berbagai macam tipe dokumen. Pengembangan HTTP dikoordinasi oleh Konsorsium World Wide Web(W3C) dan grup bekerja Internet Engineering Task Force(IETF), bekerja dalam publikasi satu seri RFC, yang paling terkenal RFC 2616, yang menjelaskan HTTP/1,1, versti HTTP yang digunakan umum sekarang ini. HTTP adalah sebuah protokol meminta/menjawab antara clientdan server. Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IPke porttertentu di tuan rumah yang jauh (biasanya port 80). Sebuah server HTTP yang mendengarkan diport tersebut menunggu client mengirim kode permintaan (request), seperti "GET / HTTP/1.1" (yang akan meminta halaman yang sudah ditentukan), diikuti dengan pesan MIMEyang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu. Beberapa kepala (header) juga bebas ditulis atau tidak, sementara lainnya (seperti tuan rumah) diperlukan oleh protokol HTTP/1,1. Begitu menerima kode permintaan (dan pesan, bila ada), server mengirim kembali kode jawaban, seperti "200 OK", dan sebuah pesan yang diminta, atau sebuah pesan error atau pesan lainnya.
            Sejarah Protokol HTTP pertama kali dipergunakan dalam WWW pada tahun 1990. Pada saat tersebut yang dipakai adalah protokol HTTP versi 0.9. Versi 0.9 ini adalah protokol transfer dokumen secara mentah, maksudnya adalah data dokumen dikirim sesuai dengan isi dari dokumen tersebut tanpa memandang tipe dari dokumen. Kemudian pada tahun 1996 protokol HTTP diperbaiki menjadi HTTP versi 1.0. Perubahan ini untuk mengakomodasi tipe-tipe dokumen yang hendak dikirim beserta enkoding yang dipergunakan dalam pengiriman data dokumen. Sesuai dengan perkembangan infrastruktur internet maka pada tahun 1999 dikeluarkan HTTP versi 1.1 untuk mengakomodasi proxy, cache dan koneksi yang persisten.

PERBEDAAN WEB 1.0, WEB 2.0 dan WEB 3.0

Web 1.0
            Merupakan teknologi Web generasi pertama yang merupakan revolusi baru di dunia Internet karena telah mengubah cara kerja dunia industri dan media. Pada dasarnya, Website yang dibangun pada generasi pertama ini secara umum dikembangkan untuk pengaksesan informasi dan memiliki sifat yang sedikit interaktif. Berbagai Website seperti situs berita “cnn.com” atau situs belanja “Bhinneka.com” dapat dikategorikan ke dalam jenis ini.

Web 2.0
            Web 2.0 Istilah Web 2.0 pertama kalinya diperkenalkan oleh O’Reilly Media pada tahun 2004 sebagai teknologi Web generasi kedua yang mengedepankan kolaborasi dan sharing informasi secara online. Menurut Tim O’Reilly, Web 2.0 dapat didefinisikan sebagai berikut: “Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk mencapai keberhasilan pada platform baru tersebut. Salah satu aturan terutama adalah: Membangun aplikasi yang mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi pengguna aplikasi tersebut” Berbagai layanan berbasis web seperti jejaring sosial, wiki dan folksonomies (misalnya: “flickr.com”, “del.icio.us”) merupakan teknologi Web 2.0 yang menambah interaktifitas di antara para pengguna Web.


Web 3.0 / Semantic Web
Walaupun masih dalam perdebatan di kalangan analis dan peneliti, istilah Web 3.0 tetap berpotensi menjadi generasi teknologi di dunia Internet. Saat ini, definisi untuk Web 3.0 sangat beragam mulai dari pengaksesan broadband secara mobile sampai kepada layanan Web berisikan perangkat lunak bersifat on-demand [Joh07]. Namun, menurut John Markoff, Web 3.0 adalah sekumpulan teknologi yang menawarkan cara baru yang efisien dalam membantu komputer mengorganisasi dan menarik kesimpulan dari data online. Berdasarkan definisi yang dikemukakan tersebut, maka pada dasarnya Semantic Web memiliki tujuan yang sama karena Semantic Web memiliki isi Web yang tidak dapat hanya diekpresikan di dalam bahasa alami yang dimengerti manusia, tetapi juga di dalam bentuk yang dapat dimengerti, diinterpretasi dan digunakan oleh perangkat lunak (software agents).

            Melalui Semantic Web inilah, berbagai perangkat lunak akan mampu mencari, membagi, dan mengintegrasikan informasi dengan cara yang lebih mudah [Tim01]. Pembuatan Semantic Web dimungkinkan dengan adanya sekumpulan standar yang dikoordinasi oleh World Wide Web Consortium (W3C). Standar yang paling penting dalam membangun Semantic Web adalah XML, XML Schema, RDF, OWL, dan SPARQL.

   Mungkin ini beberapa referensi ciri khas dari web 3.0
  • ·         Transformation dari tmp penyimpanan yang bersifat terpisah pisah menjadi satu.
  • ·         Ubiquitous connectivity, memungkinkan info diakses di berbagai media.
  • ·         Network computing, software-as-a-service business models, Web services interoperability,                distributed computing, grid computing and cloud computing;
  • ·         Open technologies, sebagian besar semuanya berjalan dalam platform open source / free.
  • ·         Open identity, OpenID, seluruh info adalah bebas dan sebebas – bebasnya.
  • ·         The intelligent web, Semantic Web technologies such as RDF, OWL, SWRL, SPARQL,                    GRDDL, semantic application platforms, and statement-
  • ·         based datastores;
  • ·         Distributed databases, database terdistribusi dalam WWD ( World Wide Database ).
  • ·         Intelligent applications.

Letak perbedaan Web 1.0 dan Web 2.0 yaitu :
  1. 1.      Perilaku pengguna Membaca Menulis
  2. 2.      Pelaku utama Perusahaan Pengguna/Komunitas
  3. 3.      Hubungan dengan server Client-server Peer to peer
  4. 4.      Bahasa pemrograman penampil konten HTML XML
  5. 5.      Pola hubungan penerbit-pengguna Searah Dua arah/ Interaktif
  6. 6.      Pengelolaan konten Taksonomi/direktori Folksonomi/penanda/tag
  7. 7.      Penayangan berbagai kanal informasi Portal RSS/Sindikasi
  8. 8.      Hubungan antar pengakses Tidak ada Berjejaring
  9. 9.       Sumber konten Penerbit/pemilik situs Pengguna