penjelasan responsive web design penjelasan bootysrap penjelasan indexing database penjelasan JSON

1. NAMA : SLAMET ERVAN
NIM : 1512510692
KEJURUAN : FTI (FakultasTeknikInformatika)
TUGAS : Tugas2 IndividuRekayasaWeb

2. PengertianWEB-RESPONSIVE
Pengenalan
Sekarangbanyakorang melakukanaktivitas online melaluidevice SmartPhone,sepertiupdate status,
uploadgambar,dan tidakterkecuali mengaksessebuahwebsite.Dengankeadaanyangseperti ini,mau
tidakmau kitasebagai pemilikwebsiteharusmemilikiwebsiteyangbisadiaksesmelaluidevice
SmartPhone tersebut.Bagi yangmenggunakanCMSseperti WordPressmungkinsudahtersedia
pluginnya,tapi bagaimanadenganyangmembuatnyadari awal ataunol atau menggunakanCMSyang
belumtersediapluginmobile tersebut?Tentunyaharusmembuatulangwebsitenya dalambentuk
mobile bukan.Lalubagaimanasolusinya?Nahdenganhadirnyateknologi Responsiveini,kitahanya
perlumenggunakansatudesignsajauntukberbagai device yangada.Ini adalahcara terbaikjikakita
malasuntukmendevelopulangwebsitekitaagarsesuai denganmobiledevice.
Apa itu RESPONSIVE DESIGN?
Responsive WebDesignadalahsebuahteknikyangdigunakanuntukmembuatlayoutwebsite
menyesuaikandiri dengantampilandevice pengunjung,baikukuranmaupunorientasinya.Jadi tampilan
yang beradadi desktopkomputerdengantampilanyangdiaksesmelaluSmartPhone misalnya,ituakan
berbedatampilannya.Responsive WebDesignUntukmengetestampilanyangmenggunakanteknik
Responsive tersebuttidakharusmengaksesnyamelalui mobile device ataupundevicelainnya,namun
cukupdenganmeminimize browsersajake dalamukuranmobile device yangdiinginkan,kitasudah
dapat melihattampilanwebsite kitapadalayarmobile device.
Kelebihandan Kekurangan
Teknikini sudahmulai banyakdigunakandikalanganwebdesainerluarmaupunlokal danmemiliki
beberapakeuntungan,salahsatunyaadalahpenghematanpenggunaansubdomain,yangtadinyakalau
mengaksesharusmenggunakankata“mobile”atau“m” didepandomainnya,sekarangcukupdengan
mengetiknamadomainnyasajadantampilanakanmenyesuaikandengandevice yangdigunakan.
Keuntunganyangpalingutamatentusajadapat mengurangi jumlahdevelopmentmenjadi satusaja
untukdipakai semuadevices.Lalukelemahandari teknikiniadalahjikadigunakanpadawebsite yang
bertujuanuntukmenampilkangambarsaja,seperti website fotografi misalnya.Resource gambaryang
diloadolehdevice kitaakansamadenganyang diloaddikomputerkita.Untukitukitaperlu
memperhatikanapakahwebsiteyangkitabuatcocok untukdipakaikanteknikResponsive ini.
PengertianBootstrap
Bootstrapadalahfront-endframeworkyangsolek,bagusdanluarbiasayang mengedapankantampilan
untukmobile device(Handphone,smartphone dll.)gunamempercepatdanmempermudah
pengembanganwebsite.BootstrapmenyediakanHTML,CSSdan Javascriptsiappakai dan mudahuntuk
dikembangkan.

3. Contoh webyang menggunakanbootstrap
1. DesainWeb– HBO NOW
HBO NOW,menggunakansistemgrid,responsive,disetsatuhalamanpenuh.JikaAndascroll ke
bawahakantampil sistemnavigasifixed-width.Situsini terlihattidakmemakai banyakhalaman,cukup
satu halamansajadenganinformasi yangsingkat,padatdanjelas.Warnahitamdisetpada
backgroundnya.Sayasangattertarikdenganslide padamenu“WhatYou Get”, jikadiarahkanpadasalah
satu barisdari ketigaslide akanotomatisterhenti yanglaintetapberjalan.
2. DesainWeb– Egelnick+ Webb
Egelnick+ Webbm,padahalamandepannyaditampilkanslide denganfull widthdanmenu
navigasiditetapkandenganfixed-widthdengan warnabackgroundputihbegitujugabackgroundbody-
nya.Di bawahslide mulai dibuattampilansistemgriddengan2kolomdan3 kolom.Situsini
memadukanframeworkBootstrapdenganPlatformCMSWordPress.
3. DesainWeb– UENO
UEONO,menampilkansitus yangfull-widthdenganmenyuguhkansebuahdesainresponsive
yangsederhanatetapmenawan.Sistemnavigasi menggunakanbuttondi sebelahkanantanpaAnda
memerlukanbantuanmouse untukscroll ke bawah,pilihtombol sajalangsungke halamanyangdituju.
Jikadijadikaninspirasi untukprojekdesainwebuntukkorporasi sangatcocok.
4. DesainWeb– Swipe
Swipe,memadukanWordPressdanBootstrapmenampilkanhalamandepansatuhalamanpenuh.Scroll

4. ke bawah Andaakan menemukansistemgridbegitupulapadahalamanblogdanFAQ sudahdiset
sistemgridfluiddanresponsive.
5. DesainWeb– WoodiesClo.
WoodiesClo.,tanpamenggunakanspace ataupaddingyangnampakdi halamandepannya.Header
denganmenunavigasi disetfixed-width,di bawahnyadibuatcarousel slide full-width.Nah,penggunaan
sistemgriddi sekitartigabarisdengandua kolomzig-zagterlihatsangatunik.Danmemakai 4kolom
untukbagianfooter.DengandesainresponsivememakaiframeworkBootstrapdipadukanopenssource
cms WordPress.
PengertianIndexingdalam database
Indeksdalamdatabase serupadenganindeksdalambuku.Di suatubuku,satuindeksmemungkinkan
anda untukmenemukaninformasi dengancepattanpamembacaseluruhbuku.Di suatudatabase,
indeksmemungkinkanprogramdatabase menemukan datadi suatutabel tanpamenelusuri seluruh
tabel.Satuindeksdi suatubukuadalahdaftar kata-katadenganangka-angkahalamanberisi masing-
masingkata.Satu indeksdi suatudatabase adalahdaftardata tertentudari tabel denganlokasi
penyimpananbarisdalamtabel berisi masing-masingnilai.indeksdapatdiciptakandimanapunsuatu
kolomatau suatukombinasi dari kolomdi suatutabel danditerapkandalamwujudB-trees.Satuindeks
berisi masukandengansatuataulebihkolom(kunci pencarian) dari masing-masingbarisdi suatutabel.
B-tree disortirdi kunci pencarian,dandapatdicari secara efisiendi setiapsubsetyangterdepandari
kunci pencarian.Sebagai contoh,satuindeksdi kolomA,B,C dapatdicari secara efisiendi A,A,B,danA,
B, C.Sebagian besarbukuberisi satuindeksdari kata-kataumum, nama,tempat,danseterusnya.
Database berisi indeksyangindividuuntukjenisataukolomyangterpilihdari data:ini serupadengan
sebuahbukuyangberisi indeksuntuknamadari orangdan indekslainuntuktempat.Ketikaanda
membuatsuatudatabase danmenadaptkankinerja,andaperlumembuatindeksuntukkolomyang
digunakandi dalamqueryuntukmenemukandataDalamcontohdatabase,tabelkaryawanmempunyai
satu indeksdi kolomemp_id.Ilustrasiyangberikutmenunjukkanbagaimanaindeksmenyimpanmasing-
masingnilai emp_iddanpoin-poinke barisKetikaaplikasidatabase melaksanakansuatustatemenuntuk
menemukandatadalamtabel karyawanberdasarsuatunilai emp_idyangditetapkan,mengenali indeks
untukkolomemp_iddanmenggunakanindeksituuntukmenemukandata.Jikaindekstidakada,
melaksanakansuatupermulaanscantabel yangpenuhpadaawal tabel danmelangkahmelalui masing-
masingbaris,mencari-cari nilai emp_idyangditetapkan.
PengertianJSON
JSON (JavaScriptObjectNotation)adalahformatpertukarandatayangringan,mudahdibaca danditulis
olehmanusia,sertamudahditerjemahkandandibuat(generate) olehkomputer.Formatini dibuat
berdasarkanbagiandari Bahasa PemprogramanJavaScript,StandarECMA-262 Edisi ke-3- Desember
1999. JSON merupakanformatteksyangtidakbergantungpadabahasa pemprogramanapapunkarena
menggunakangayabahasayang umumdigunakanolehprogrammerkeluargaCtermasukC,C++, C#,

5. Java,JavaScript,Perl,Pythondll. Olehkarenasifat-sifattersebut,menjadikanJSON idealsebagai bahasa
pertukaran-data.