Skip to content

Instantly share code, notes, and snippets.

@maman
Created February 22, 2011 13:00
Show Gist options
  • Save maman/838630 to your computer and use it in GitHub Desktop.
Save maman/838630 to your computer and use it in GitHub Desktop.
----------------------------------------------
Konsep Design & Interface
----------------------------------------------
+ Warna dasar abu-abu mencirikan bahwa website kami adalah website SMK
+ Layout website menggunakan tipe 2 kolom, dengan tujuan agar user mudah
membaca dan memahami isi website yang telah kami buat.
+ Tipografi yang telah dirancang sedemikian rupa, sehingga pembaca dapat lebih
fokus dan nyaman dalam membaca isi dari website.
----------------------------------------------
Keunggulan
----------------------------------------------
Dibanding dengan website kompetitor, website yang telah kami buat memiliki
keunggulan sebagai berikut :
+ Teknologi AJAX (Asynchronous Javascript and XMLHTTP) yang membuat
halaman web tidak harus dibaca ulang secara keseluruhan setiap kali
user melakukan navigasi pada menu ataupun konten. Hal ini dapat meningkatkan
interaktivitas, kecepatan, dan usability dari web kami.
+ Gambar gerak untuk banner dibuat menggunakan bantuan framework Javascript
JQuery, sehingga tidak diperlukan plugin flash yang bersifat third-party (terpisah).
+ Penggunaan valid HTML5 (http://html5.validator.nu/?doc=http%3A%2F%2Fmachung.unregistered.name%2F&showimagereport=yes&showsource=yes)
sehingga web yang kami buat sesuai dengan standarisasi mark-up HTML terbaru, yakni HTML versi 5.
+ Penggunaan CSS3 pada website, yang menambahkan efek-efek yang lebih kaya pada web browser terbaru
yang telah mendukung CSS3 seperti Mozilla Firefox 4 beta, Google Chrome, Opera 10, dan IE9 .
+ Kompabilitas website pada semua browser dan semua resolusi monitor, termasuk pada browser lama seperti IE6 .
+ Mark-up yang mengacu pada standarisasi W3C
+ Menggunakan framework PHP CodeIgniter untuk pengembangan kedepan yang lebih luas.
+ Kami tidak mengambil template web karya orang lain :)
----------------------------------------------
Garis Besar Cara Penggunaan
----------------------------------------------
saat pertama pengunjung memasuki website kami, pengunjung akan melihat list berita terkini
dari SMK TELKOM SANDHY PUTRA MALANG yang tampil . pada header tampilan list berita juga terdapat
ikon RSS, agar para pembaca dapat subscribe ke list berita.
di bagian sidebar sebelah kanan pengunjung dapat langsung melihat list cara mengontak SMK TELKOM
SANDHY PUTRA MALANG, yang terdiri dari twitter, facebook, email, dan telepon. juga apabila pengunjung
memilih salah satu kontak, maka pengunjung dapat langsung menuju halaman user SMKTELKOM pada website
jejaring sosial yang bersangkutan.
di bagian atas kanan merupakan menu navigasi dimana pengunjung dapat memanfaatkannya untuk mengunjungi
halaman profil, prestasi, aktivitas, dan galeri.
pada halaman galeri pengunjung dapat melihat foto-foto kegiatan dari SMK TELKOM SANDHY PUTRA MALANG.
saat pengunjung memilih salah satu thumbnail foto, maka akan tampil versi foto yang lebih besar.
----------------------------------------------
Rencana
----------------------------------------------
Website ini akan dikembangkan menjadi web 2.0, yang terintegrasi dengan jejaring sosial dan lebih komunikatif
dengan pengunjung. juga akan dikembangkan CMS(Content Management System) khusus (bukan berbasis Joomla)
untuk administrasi konten dari website, khususnya untuk bagian berita.
Website ini juga akan dikembangkan menjadi sebuah aplikasi mandiri, dengan menggunakan fitur terbaru dari HTML5 yaitu
HTML5 Application Cache and Offline Storage . sehingga website akan mampu berjalan secara offline tanpa tersambung dengan
internet.
----------------------------------------------
Program yang digunakan dalam pembuatan web
----------------------------------------------
+ Vim (Vi Improved) untuk pembuatan kerangka (markup) awal website
+ PHPDesigner untuk programming dan debugging aplikasi
+ Adobe Photoshop untuk rancangan tampilan dan mockup aplikasi
+ Mozilla Firefox versi 3.6.15 dan versi 4 beta 11
+ Internet Explorer versi 6
+ Opera versi 11
+ Google Chrome versi developer 10
adapun Operating System yang digunakan pada saat pembuatan adalah Linux Ubuntu versi 10.04 dan Microsoft Windows XP sp3
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment