Cyber Jellyfish Team

Share And Give With Us

Tampilkan postingan dengan label Tutorial Web. Tampilkan semua postingan

Mengenal dan membuat Layout



Hello guys,kali ini kita akan ngeshare tutorial tentang cara membuat Layout,Pada sebuah sketsa rancangan tampilan web untuk menjadi tampilan desain web dibutuhkan sebuah layout.Apa itu Layout?.Layout adalah sebuah tampilan sketsa rancangan atau sering dikenal protoype web.Oke
Teknik layouting yang akan kita bahas adalah tentang Grid. Tentunya kita yang suka pake bootstrap nggak asing lagi dong ya, dan dalam penggunaan grid itu sendiri kadang ada beberapa tantangan berupa hasil yang nggak sesuai seperti yang kita inginkan. Salah satunya seperti ini:

Ada yang pernah gridnya model seperti itu?.hahaha kampret ketika berhadapan dengan namnya grid.Oke langsung aja ya kita  share 3 teknik layouting untuk membuat grid menjadi sama tinggi. Cekidot~

Teknik  Fix Height

Pertama-tama salin dulu script HTML ini, (jangan lupa sebelum cdoing download bootstrapnya)


CODING HTML:
http://pastebin.com/ktHfayns
Dari nama tekniknya sendiri kayaknya udah cukup jelas lah ya, Fix Height itu artinya teknik memberikan nilai tinggi yang sama pada masing-masing konten grid. CSSnya begini ~
http://pastebin.com/cw4MzG5i
Tara jadinya

Jadi kesimpulannya kelebihan teknik ini cuma satu, SIMPEL. Sayangnya teknik satu ini sifatnya bener-bener statis. Jadi kalo suatu saat konten didalam akan bertambah lagi, ya CSSnya harus kita ubah lagi.. Maka dari itu, teknik fix height ini sangat nggak disarankan untuk dipake ke konten yang dinamis.Sekian Terima kasih semoga bermanfaat :)

Apa itu ERD?



Halo guys lama tak jumpa,kali ini kita akan ngeshare berbuhubungan dengan Database,yap ERD
ERD (Entity Relationship Diagram) adalah suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi.
ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol.

Pada dasarnya ada tiga komponen yang digunakan, yaitu :
 Entitas
Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain. Simbol dari entiti ini biasanya digambarkan dengan persegi panjang.
 Atribut
Setiap entitas pasti mempunyai elemen yang disebut atribut yang berfungsi untuk mendes-kripsikan karakteristik dari entitas tersebut. Isi dari atribut mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu dengan yang lain. Gambar atribut diwakili oleh simbol elips.
Atribut Key
Atribut Key adalah satu atau gabungan dari beberapa atribut yang dapat membedakan semua baris data ( Row/Record ) dalam tabel secara unik. Dikatakan unik jika pada atribut yang dijadikan key tidak boleh ada baris data dengan nilai yang sama

Contoh : Nomor pokok mahasiswa (NPM), NIM dan nomor pokok lainnya

Atribut simple
atribut yang bernilai atomic, tidak dapat dipecah/ dipilah lagi
Contoh : Alamat, penerbit, tahun terbit, judul buku.
Atribut Multivalue
nilai dari suatu attribute yang mempunyai lebih dari satu (multivalue) nilai dari atrribute yang bersangkutan
Contoh : dari sebuah buku, yaitu terdapat beberapa pengarang.
Atribut Composite
Atribut composite adalah suatu atribut yang terdiri dari beberapa atribut yang lebih kecil yang mempunyai arti tertentu yang masih bisah dipecah lagi atau mempunyai sub attribute.
Contoh : dari entitas nama yaitu nama depan, nama tengah, dan nama belakang
Atribut Derivatif
Atribut yang tidak harus disimpan dalam database Ex. Total. atau atribut yang dihasilkan dari atribut lain atau dari suatu relationship. Atribut ini dilambangkan dengan bentuk oval yang bergaris putus-putus
Hubungan / Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda.
Derajat relasi atau kardinalitas rasio

Menjelaskan jumlah maksimum hubungan antara satu entitas dengan entitas lainnya

One to One (1:1)
Setiap anggota entitas A hanya boleh berhubungan dengan satu anggota entitas B, begitu pula sebaliknya.
One to many (1:M / Many)
Setiap anggota entitas A dapat berhubungan dengan lebih dari satu anggota entitas B tetapi tidak sebaliknya.
Many to Many (M:M)
Setiap entitas A dapat berhubungan dengan banyak entitas himpunan entitas B dan demikian pula sebaliknya


Contoh ERD sederhana

Semoga Bermanfaat :)


Cara Buat Huruf Abjad dengan CSS



Hello semua!,gimana kabar kalian? hahaha pasti kalian udah baca-baca ebook dari kita gimana respon kalian kita butuh krisan yak kritik dan saran dan pastinya membangun ya,oke kali ini CJT akan ngeshare cara buat huruf abjad dengan CSS,dulu kita pernah posting typografi CSS ya itu cuma includekan font premium jadi terlihat keren namun postingan kali ini tidak cuy kita buat abjad pure css ya seperti kita buat logo dari css di ebook ini 

oke langsung aja ke sini guys!
 http://yusugomori.com/projects/css-sans/fonts

semoga bermanfaat!

Cara Upload Video Dengan PHP| Tutorial



Pasti kalian bertanya-tanya,bagaimana cara berkeja suatu video di web seperti facebook,instagram bahkan youtube.dan mungkin kalian juga kesulitan membuat website yang bisa upload video, berikut ini ada script untuk upload video dengan PHP yang bisa kalian ikuti.
disini saya kang dighca hanya akan mencontohkan dalam satu file upload-video.php saja, untuk lebih lanjutnya Anda bisa kembangkan sendiri sesuai dengan susuan direktori pembuatan web yang sedang Anda kerjakan.

Pertama file php dengan nama upload-video.php
Download Script

Selanjutnya tuliskan script berikut ini untuk membuat form dan memproses video ketika tombol UPLOAD di tekan, taruh script ini di dalam tag body dan /body.

Coding diatas akan melakukan pengecekan apakah ada kiriman dengan nama upload dari sebuah form, jika ada maka proses selanjutnya dilanjutkan dengan mengecek apakah file tersebut berjenis mp4/3gp dan ukurannya kecil dari 50,000,000 bytes (50 MB).

Jika benar maka akan dilanjutkan dengan mengecek apakah nama file tersebut sudah ada di folder upload apa belum, jika belum ada maka proses upload video akan dilanjutkan, jika berhasil maka akan muncul pesan berhasilnya. Jika tidak maka pesan kesalahan akan dimunculkan di layar.

Sekian tutor kali ini,selamat mencoba dan semoga bermanfaat.
CJT nanti akan buat Ebook PHP untuk kelas newbie tenang free kok hahahaha

Learn To Secure Website Like Securing Your Heart | Ebook Baru



Hey guys lama tak jumpa bagaimana kabarnya?,maaf kita jarang update banyak kesibukan untuk mengobati rasa gundah kalian kita akan beri ebook baru deh lumayan kan bisa nambah ilmu .Yah seperti judul diatas ebook yang kita share ini tentang keamanan website basic cocok banget buat kalian yang ingin belajar basic tentang security web.Penasaran yuk download

tunggu ebook yang laenya ya! :)


Tutorial Online Bahasa Pemrograman Lengkap



Hai lama tak jumpa guys,hehehe maaf lagi pada sibuk nih, udah lama ya nunggu info update dari kita?,ok kali ini kang dighca akan share info mantab buat kalian yang ingin belajar bahasa pemrograman, seperti judul diatas Tutorial Online Bahasa Pemrograman Lengkap . Pasti kalian kenal dengan W3 Schools?,Udemy?,Yah W3 schools adalah media pembelajaran bahasa pemrograman namun sayangnya W3 Schools ini dikemas dengan bahasa inggris dan tidak ada video prakteknya.Ada pun Udemy adalah sebuah situs belajar online, bisa dibilang kursus online lah dengan media video tutorial. Dan masih banyak lagi, cukup sulit juga mencari video tutorial dalam bahasa Indonesia yang berkualitas?.Namun tak usah susah-susah atau pun bingung kini hadir

Tutorial Bahasa Pemrograman Lengkap Berbahasa Indonesia

Yap luar negeri punya W3 dan Udemy.Indonesia juga punya situs media pembelajaran dengan media video tutorial youtube dan pastinya ini berbahasa indonesia guys,ini yang ditunggu-tunggu untuk yang ingin belajar Bahasa Pemrograman dengan GRATIS!,Sekolah Koding ini dibuat oleh mas Hilman Ramadhan dan Muh. Juan Akbar dengan website yang  dikemas secara sederhana dan materinya pun lengkap ini dapat membantu kalian belajar bahasa pemrograman dengan mudah dan gratis

Berikut ini link sekolah koding: http://www.sekolahkoding.com/

Oke sekian dulu info kali ini,semoga bermanfaat Keep Coding!