Website [ 3 ] ==> "Sambungan"

CONTOH PEMBUATAN WEBSITE
Pembuatan Website Informasi 4IA10 Angkatan 2006 Teknik Informatika Universitas Gunadarma

Dalam merancang sebuah website diperlukan sebuah rancangan yang benar agar user merasa tertarik dan mendapat kenyamanan dalam melihat tampilan website. Sebuah website dikatakan baik apabila halaman website dirancang sesuai dengan tujuan yang ingin dicapai dengan isi yang mudah dipahami dan tampilan yang menarik agar user tidak merasa bosan.

Dalam perancangan website ini terdapat berbagai macam informasi diantaranya frofile kelas, personil dari kelas 4IA10 angkatan 2006, serba serbi yang ada di kelas 4IA10, informasi dosen serta forum untuk interaksi sesama user.


1 Struktur Navigasi
Dalam proses pembuatan halaman website, penulis melakukan beberapa tahap pembuatan program. Dimulai dari pembuatan navigasi dan perancangan storyboard, pembentukan serta penggabungan elemen-elemen halaman website dengan media Hyperlink. Pada pembuatan Website Informasi 4IA10 Angkatan 2006 Teknik Informatika Universitas Gunadarma ini, peta navigasi yang digunakan adalah peta navigasi composite atau campuran dimana terdiri dari gabungn beberapa navigasi seperti navigasi linear, non linear dan hierarki. Struktur navigasi digunakan untuk menggambarkan hubungan antara satu halaman website dengan halaman lainnya. Dibawah ini merupakan peta navigasi dalam pembuatan Website Informasi 4IA10 Angkatan 2006 Teknik Informatika Universitas Gunadarma.

2 Rancangan Halaman (Storyboard)
Tahapan selanjutnya dari pembuatan halaman website yaitu membuat storyboard. Storyboard merupakan gambaran singkat atau rancangan umum tampilan halaman website yang dilengkapi dengan penjelasasn dari tampilan. Dalam pembuatan storyboard perlu diperhatikan rancangan struktur navigasi yang sudah ada. Dibawah ini merupakan penjelasan tentang storyboard Website Informasi 4IA10 Angkatan 2006 Teknik Informatika Universitas Gunadarma. Seluruh tampilan halaman website ini dirancang dengan mengunakan Dreaweaver dari Macromedia Merancang halaman dengan Dreamweaver dapat dilakukan dengan memasukkna atau meletakkan tag-tag php yang diinginkan sesuai dengan urutannya masing-masing atau tempat yang disediakan, namun sebelumnya harus disiapkan tag-tag yang akan digunakan. Pada saat meletakkan dan merancang tampilan yang diinginkan, software akan membantu membuatkan listingnya untuk bisa dijalankan. Tetapi proses ini bisa juga langsung dilakukan di halaman text editor dan dengan menggunakan Dreamweaver tidak perlu menghafal sintax – sintax dan tag PHP. Untuk itu agar kita lebih memahami listingnya secara lengkap dan dapat mengkoreksi kesalahan, diperlukan pengetahuan dasar HTML (Hyper Text Markup Language).


Rancangan Halaman Index/Profil


Rancangan Halaman Personil


Rancangan Halaman serba serbi


Rancangan Halaman Dosen Kita


Rancangan Halaman Forum

Website [ 2 ] ==> "Sambungan"

PEMBUATAN WEBSITE

Dalam pembuatan website, perlu kita tinjau dulu hal-hal apa saja yang kita butuhkan dalam website yang akan kita buat tersebut. Hal-hal yang perlu diperhatikan dalam pembuatan Website:
1. Struktur Navigasi
Struktur Navigasi atau penjejakan adalah struktur atau alur dari sebuah program. Termasuk struktur terpenting dalam pembuatan aplikasi halaman Web dan gambarannya harus sudah ada pada tahap perencanaan. Peta penjejakan merupakan perancangan hubungan dan rantai kerja dari beberapa area yang berbeda serta dapat membantu mengorganisasikan seluruh elemen halaman Web dengan pemberian perintah dan pesan. Peta penjejakan juga memberikan kemudahan dalam menganalisa keinteraktifan seluruh obyek dalam halaman Web dan bagaimana pengaruh keinteraktifannya terhadap pengguna.
Peta penjejakan mempunyai beberapa ciri khas yang dapat digolongkan menurut kebutuhan akan obyek, kemudahan pemakaian, keinteraktifitasannya, dan kemudahan dalam pembuatan yang secara tidak langsung mempengaruhi waktu pembuatan suatu aplikasi halaman Web. Beberapa dasar struktur pembuatan halaman Web yaitu linier, hirarki, non linier, dan campuran.

2. Perancangan Database
Entity Relationship Diagram adalah suatu model yang menggambarkan dan menjelaskan obyek data (entity) dengan relasinya.

3. Keterhubungn Database
Setelah membuat berbagai tabel dalam database, langkah berikutnya adalah mendefinisikan relasi antar tabel. Relasi antar tabel ini bekerja dengan mencocokkan data dalam field kunci, biasanya berupa field yang memiliki nama yang sama pada kedua tabel yang memiliki relasi.

4. Storyboard
Storyboard merupakan gambaran singkat atau rancangan umum tampilan halaman website yang dilengkapi dengan penjelasasn dari tampilan. Dalam pembuatan storyboard perlu diperhatikan rancangan struktur navigasi yang sudah ada.

5. Aplikasi/software yang digunakan
aplikasi atau software yang digunkan dalam pembuatan website tergantung kepada pembuat/developer, karena disini tingkat keahlian masing-masing orang berbeda-beda. seperti dalam penulisan atau pembuatan web kita bisa menggunakan:
Dreamweaver
Notepad++
dan lain sebagainya

6. dll
seperti yang telah disampaikan pada bagian no 5 diatas, dalam pembuatan website, tergantung dari pada penguasaan teknik dari pembuatnya. karena setiap orang mempunyai cara atau teknik yang berbeda-beda dalam pembuatan websita.

Website [ 1 ]

Zaman sekarang ini dunia komunikasi dan internet bekembang begitu pesat, internet sebagai wadah untuk berkomunikasi di dunia maya membuat manusia harus berfikir lebih pintar agar internet dapat dimanfaatkan semaksimal mungkin. Dengan adanya internet kita dapat saling bertukar informasi,memberikan informasi dan membuat informasi itu berguna bagi orang banyak. Untuk itu Sir Timothy John ¨Tim¨ Berners-Le pada tahun 1991 membuat sebuah websiteagar dia dan teman-temannya dapat saling bertukar informasi dan memperbaharui informasi tersebut.

Apakah sesungguhnya website itu…???
Website atau web merupakan sekumpulan halaman web atau situs yang terangkum dalam sebuah domain yang berada pada WWW (World Wide Web) dimana nantinya halaman-halaman ini akan memerikan informasi kepada orang-orang yang mengakses atau menbuka halaman ini.

Dalam pemrogramannya website sering kali disebut site atau situs yang diakses melalui sebuah URL, dimana halaman ini dibentuk dari bahasa pemrograman seperti HTML atau yang lainnya dan ditampilkan melalui sebuah protocol HTTP.

Terdapat 2 jenis website :
1. Dinamik
Dimana website tersebut mengalami peubahan atau update secara berkala, dimana terjadi interaksi antata pengunjung dengan website database. Dan terjadi perubahan secara otomatis.
2. Statik
Website yang mengalami perubahan secara tidak berkala atau dirubah secara manual menggunakan software tertentu.

Fungi Website:
1. Pemberi informasi
2. Alat promosi
3. Sebagai Identitas (Perusahaan,Lembaga, dsb)
4. Sarana Komunikasi
5. Dll

Seiring perkembangannya website pun mengalami regenerasi yang dahulunya hanya sebagai penampil informasi yang biasa saja berupa gambar dan tulisan, berubah menjadi sebuah sarana penampil informasi yang dapat memberikan panduan kepada user atau penggunanya melalui media peraga seperti video animasi dan sebagainya yang lebih dikenal sebagai website multimedia.

Multimedia sendiri meupakan gabungan dari beberapa media seperti teks, gambar, animasi dan video yang nantinya diolah, digabungkan dan ditayangkan dengan perlatan elektronik baik secara linear atau interaktif.

Jadi Website Multimedia adalah sebuah website yang menampilkan informasi atau sejenisnya dimana website ini tercipta dari gabungan beberapa elemen multimedia dan elemen website itu sendiri. Seperti sebuah website yang menampilkan video, adanya suara dan animasi.

Nah, pada kesempatan ini kita akan mencoba membuat sebuah halaman atau website. Untuk membuat website kita perlu memmpersiapkan beberapa hal, seperti tema apa yang akan kita tampilkan, merancang storyboard dari website, dan kita perlu membuat navigasi atau alur dari website yang kita buat.

(Bersambung…!!!)