Masalah template

Bila anda membaca tulisan sebelumnya. Saya mau share kejadian lain lagi. Yaitu saat user meminta css, js dan gambar yang anda gunakan diganti.

Ini adalah sesuatu yang mengejutkan dan untungnya mudah. Mudah sampai akhirnya saya menyadari bahwa sesuatu memang mudah saat dikatakan. Design yang bagus adalah design yang meletakkan tampilannya (setting) di file css atau file external. Bukan di dalam codingnya itu sendiri.

Hal sama berlaku untuk Js atau Javascript. Terutama Javascript yang mengandung jquery dan biasa diletakkan di akhir html yang sedang anda gunakan. Misal anda ingin memakai show modal lalu scriptnya diletakkan dibawah karena saat di coba diletakkan di header (di dalam tag head) ternyata tidak berjalan.

Tapi nantinya pengalaman dari anda ini akan makin bagus dan meletakkan js di bawah html itu dapat dihindari atau dikurangi. Semua memiliki proses, dan ada bagusnya kita memperhatikan dan selalu mencoba.

Berbagi tips tentang template

di tutorial sebelumnya aku menjelaskan tentang template standarnya memiliki 3 bagian yaitu:

1. Header
2. Middle atau biasa disebut sebagai body.
3. Footer

Nantinya akan ada lagi sub dari header, body dan footer. Untungnya untuk footer akan static dimana tidak akan/ jarang berubah. Untuk mempermudah pemahaman saya akan mulai dari footer dahulu. Footer biasa berisi :

• link yang sering di tuju. Mirip seperti menu di header, tetapi kondisinya bila user sudah sampai bawah (biasa mobile), mereka tidak perlu menuju (scroll) kembali ke atas untuk menekan tombol home, about me dan lain-lain.
• Lisensi.
• Copyright
• dan lain sebagainya.

Di template yang terbaru saya lihat, malahan tidak ada lagi footer? atau malah footernya bersifat optional. Tentu saja saya melihat ini di model web bukan mobile. Apalagi model dari template yang saya lihat malah hanya 2 yaitu header dan body. Footer malah tidak ada karena headernya bersifat melayang dan berada di atas. Namun ini masalah kesukaan orang jadi tidak perlu banyak dikomentari.

tips agar data selamat

sekedar tips.. mungkin anda sudah tahu tetapi lebih baik mengingatkan..
dalam pekerjaan yang membutuhkan dokumen dikirim kepada anda dan anda juga harus mengetik dokumen (word). Kita harus berfikir tentang hal terburuk apabila anda ketik di pc dan tiba-tiba pc mati. Kalau bisa hidup, mungkin kita akan cukup sakit karena beberapa kata hilang. Tetapi bagaimana kalau pc mati dan tak bisa hidup atau HDnya tak terbaca?

Tips ini sebenarnya buat temanku, dia bekerja di perusahaan. Dan sering sekali mengirimkan data dan mengetik data di word. Namun bukan berarti apa yang dilakukan salah, saya sendiri hanya berusaha membuat dia tidak jatuh pada keadaan yang sama seperti yang ku alami dahulu.

Variable dalam PHP

Pada tutorial sebelumnya, saya berniat memberikan ilmu tentang cara membuat menu yang benar. Terutama bila nanti menunya akan dibuat dalam bentuk menurun. Tetapi  ada baiknya kita belajar PHP terlebih dahulu sebelum masuk ke Template kembali.
PHP berbeda dibandingkan bahasa pemrograman seperti C, Pascal dan bahasa desktop lainnya. Variable PHP tidak wajib di deklarasikan. Bahkan anda dapat langsung melakukan perhitungan dan penginputan data ke variable.

semua variable memulai dengan $ (dollar). Dan tetap mengikuti standar penamaan yang sama seperti di C. Seperti tidak boleh

• diawali angka
• mengandung  huruf sepesial (setelah $)

sementara pemakaian nama variable yang sama seperti nama fungsi bawaan PHP sebenarnya boleh dilakukan tetapi saya tidak menyarankan..

Template : menata tampilan

Sebenarnya saya tidak bisa mengatakan tutorial sebelumnya jelas. Pada dasarnya style masing-masing orang berbeda. Cara sebelumnya buat beberapa orang kurang sesuai karena terlihat boros dan banyak sekali perulangan.

Padahal perulangan yang bagus adalah perulangan bagian yang minor bukan yang major. Dimaksud bagian yang major adalah bagian seperti body, header, mid, footer dan bagian dibawahnya.

Melihat dari artikel sebelumnya, kita melihat bahwa terjadi perulangan dibagian mainbody. Seharusnya mainbody hanya 1 bukan 3!!

Ada alasan sendiri kenapa bentuknya seperti sebelumnya (banyak div). Hal itu untuk mempermudah programer (dalam contoh ini CI) dalam membagi-bagi scriptnya dalam bentuk dan bagian yang terperinci.

Membangun template sederhana (DIV)

Sebelum masuk ke DIV, mari ingat pada script terdahulu

HEADER
Menu	Content web
Footer

disini kita melihat struktur dari DIV
apabila kita ingin membuat menjadi bentuk div, minimal yang akan kita buat seperti ini

<div class='mainbody'>

<div class='header'></div header>

</div>

<div class='mainbody'>

<div class='mid'>

<div class='midleft'></div><div class='midright'></div>

</div mid>

</div>

<div class='mainbody'>

<div class='footer'></div footer>

</div>

kira-kira hasilnya seperti dibawah:

Membangun template sederhana (table)

Di buku lama, untuk membuat sebuah template kita memulai dari table.Table adalah salah satu tag sederhana yang harus kita ketahui terlebih dahulu. Tetapi dalam prosesnya penggunaan table sangat tidak di anjurkan dalam membuat template.

Untuk mudahnya mari membuat template sederhana dengan script sebagai berikut:

<table width="100%" border="1" bgcolor="lightblue">
<tr><td colspan=2>HEADER&nbsp;</td></tr>
<tr><td width=30%>Menu&nbsp;</td><td width=70%>Content web&nbsp;</td></tr>
<tr><td colspan=2>Footer&nbsp;</td></tr>
</table>

---

Hasil:

HEADER
Menu	Content web
Footer

Bila diperhatikan, table di atas masih terdapat lowong di antara sisinya. Untuk menghilangkan kita dapat memanfaatkan cellspasing dan cellpadding

Templat website dasar

tutorial sebenarnya adalah tutorial lama, karena sekarang model template lebih kepada bentuk yang lainnya. Tetapi semua itu tergantung kebutuhan dan keingian dari user. Terakhir nanti akan kujelaskan alternatif menu lainnya.

Membuat website dasar : Stuktur dan menu

Tanpa usah berpanjang lebar, saya akan jelaskan tentang bagaimana membuat struktur yang terbaik. Dalam membuat struktur website (HTML) kita dapat memakai apa yang kita kehendaki. Misalnya menaruh semuanya di halaman depan (root), termasuk gambar, js dan css. Tetapi cara ini tidak disarankan. Bila nantinya kamu bekerja dalam team, maka kamu akan kerepotan!!

Merancang Website : Membuat informasi website

Website yang dibangun, seharusnya memberikan informasi yang terbaik untuk pembacanya (user). Terkadang apa yang diminta oleh owner tidak sesuai dengan apa yang diharapkan oleh para user (target konsumen). Ada beberapa struktur website dalam memberikan informasi kepada audiencenya.

Transformer Prime: Optimus memihak Decepticon

Ini sangat mengejutkan!! mengetahui Optimus pemimpin menjadi jahat? eh tepatnya melihat dia memihak decepticon yang jahat. Saya ngak bisa bilang dia jadi jahat tetapi dia memihak pihak yang jahat.
Semua ada awalnya, tetapi akan lebih bagus ceritanya flashback ke masa lalunya, dimana optimus belumlah menjadi optimus seperti sekarang, dia masih dibilang bocah saat itu. Dunia dimana dia tinggal adalah dunia yang keras, untuk menjadi pemimpin mereka harus melalui yang namanya pertarungan gladiator. Tetapi seorang suku (Prime) hadir dengan kebijakan dan nantinya mendapatkan kristal kebijakan. Optimus adalah satu dari sukunya yang tersisa dan memiliki kristal tersebut.

Kisah yang kulihat ternyata dari season 2 dimana Optimus diminta Megatron untuk melawan Unicron. Dan ketika Optimus berhasil mengalahkan Chaos Bringer dengan kekuatan kristalnya, dia kehilangan ingatannya walau berhasil mengalahkan lawannya.

Pascal 03: Input angka

Script berikut mirip seperti sebelumnya, tetapi dengan sedikit catatan yang harus diketahui. Angka berbeda dengan string. Apabila string di input kedalam variable bertipe angka, maka akan muncul error.

Angka dapat dihitung atau dimasukkan ke fungsi untuk mencari perhitungan tertentu misal perhitungan luas segitiga, keliling atau bahkan fungsi matematika yang rumit.

Pascal 02 : Input dan Output

Bukan ide yang bagus mengajarkan input dan ouput secara langsung. Tanpa memberikan sesuatu yang menjelaskan scriptnya. itu sebabnya sangat penting bila kita memasang komentar di program yang kita buat. Walau sekedar pengingat sederhana, tetapi efeknya sangat berguna kedepannya

Pascal 01 : Mari belajar Pascal

Mengetahui keponakanku belajar komputer sebenanya bikin gue senang. Apalagi di jaman  modern dimana Internet dan komputer mendominasi. DIa cerita bahwa pelajaran dia adalah programing, programing yang dimaksud adalah Pascal!
Agak terkejut juga bahwa pelajaran yang diberikan adalah pascal, tetapi lebih terkejut saat mengetahui tehnik belajarnya yang terlalu cepat. Pascal bisa dibilang cukup mendasar dalam hal belajar programing. Sebenarnya yang harus di pelajari lebih dahulu adalah Basic, tetapi mengingat bahasa pemrograman di dunia ini lebih rumit dari sekedar prosedural Pascal, sebaiknya diberikan C.

Sebenarnya yang saya lebih khawatir adalah bagaimana cara belajarnya. Pelajarannya malah dimulai dari  sesuatu yang tidak terlalu dasar. Dalam pelajaran pemrograman bahkan PHP sekalipun, semua itu dimulai dari Hallo World. Tetapi malah input dan output.