Scribd Logo
Unggah

Selamat datang di Scribd!

  • W3Magz Edisi III - Maret 2011

    Diunggah oleh

    FahmiIqbalAbdillah
    24 tayangan24 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    24 tayangan24 halaman

    W3Magz Edisi III - Maret 2011

    Diunggah oleh

    FahmiIqbalAbdillah

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 24
    ‘WEBSITE, WEBMASTER, & WEBDEVELOPER MAGAZINE. ia) 5 a eo aru Sestaikanwlampilan)B!0 Benge Ty iesere baggies Colgan 1? Ceo Ee ea ‘membayangkan website sepert apa yang akan dirancang dan bagalmana, website tersebut bekerja, kita sudah menyelesaikan setengah dari pekerjaan See a een ue Se eee cae ed Se eee ee eee ed Se ee ee Ce ee ere eee or Pee ee eee oe) ‘epada keeintan. Bayangkan begitu banyaknya pekerjaan yang bisa kta per ee ee ee eee cang desain yang memeras otak Tidak sedikit yang menawarkan penghasilan lebih vinggl dan Kepastian pekerjan, progres karir yang pesat, sera Jbatan ee ee ee See can ee ce en Dalam dunia bisnis perancangan dan pembuatan website, seringkall seorang webmaster dibingungkan ole seberapa bear taf yang layakdlajakan Kepada Ce ee ee reed dalam perhitungan biaya? Tingkat kerumitankah? Disesvikan dengan budget onsumenkah? Atsu melthat harga pasar? Tip orang memiliki penilinnya eee ee te tee eer ee es fn a renee Cee eee ee ee ee ee ns Seer eee een De en eee en ee ett ee See etree er ee eres ee ee ee ed Ce eee ec eee ee ee ee ee ee he i eee enn (2 eee 1 a i Bo yd W2Mage.- Website, Webmaster, & Webdeveloper Magazine Penanggung Javab Umum ovis ce eae Peet) Eseanesl Ceres Porn ead En aad cea eed nee ny ne Taney een er ere errant ores Siete Ree ene ees rere renee Peete Perrone) Saat ey ect A a 3 : A iG 5 & WOMAGZ, Facebook Dihargai USD 65 Miliar Jakarta - Perusanaan investasl asa AS mem- bell saam Facebook sebanyak 25 juta lembar sham, Hal ini membuat valuasi Facebook jadi so 65 mia Dikuup GedKINET cari Reuters, Jumat (4/3/2011), Investasi ini menarik_pemavan arena menandai Kenaikan sebesar 30 persen ar ia nvetat teresa selak Januari sar, Ferusahaan yang berpusat di Connecticut, AS Inv membet 2:5 juta lembar saham Facebook dari salah satu mantan eksekutil i perusa- haan yang didirikan Mark Zuckerberg itu. Pem- belan saham ii memposisikan General Alan- tic sebagai pemegang 0.1 persen saham Face- bok Sebagal catatan, Januar slam Facebook tela sulses mendulang daa sebesar USD 1.5 milor Pa art para investor, ot antaranya termasuk dari Goldman Sacks dan Digtal Sky Technologies, Saat tu valuasi Facebook menjadi USO SO mil Nemun saat cimincai Keterangan lebin laut, bakc General Adare maupun Facebook menolak mengo- ‘mentar laporan in. Yang jelas,laporan in kian menguatkan pamor Facebook yang saat ini menial Jar ing sosiat nomor satu di dunia dengan jumiah pengguna lebih dai 500 juta orang. wT Opera, Browser Eksternal Pertama di Mac App Store eC ace eee ene ee ee eT ee ee oe Dd Pe eects Reece ceed eee syarattan pengguna browser berati men- ieee ee eet ees sia 17 tahun, maka eyarat tenvs juss besa Seer! ee ey berkelakar bahwa usia 17 tahun pun teraly ee eer een seit siap menggunakan apliasl ini, Menerut eee ene ery dia ingin setidakrya pengguna browser ini pe ee ees una browser ini untuk ijn kepada orang tua ee ee eed eee oe Pemyataan terair darinya juga tidak serius ee ed eo een eed ee ee eee eee ee ee ee ee et ne eee tee ae eee a eee eer ee eed Pema berubah dan selalu berada di posit ees ee eens Cane ee rer ors ee ne eee eer ey ern Coe et ee ee eee ee ee ere ee eae eee Cee eee eee See ee eed Jangan eran apapun operator nya, saat Anda ee ey Pee ee eS eT Se “cago x aieresteine secs er Soi ee ee o4 Cee ose ee De ee eee Se Reet tee Pee een er eee et eT Per eee ee eee ee eee ee See ee ee ey De ee rs ee i RS re Ree ee eed Cee ee ea Se ee eee een So fees eed eee oe SS ee eed ee ee enc Ce ee ee a eee ee eee toe eo See ae ee an a eee ke See ene Coan ere Cursive, Jens font yang memiliki gris sambung, Pe eee eee es Ce ees Se Se a SE oes co Ry pee rn eee eee ee ee eee ener oe a eer Swud See eee red eee ee eee Pere ee ee ferent ens ee en ee) eee ee eee ee ener ee een ee ioe ee eee ee es Se enct ayers ee ee ee a Obes Ma ccs Pe enon Sore ee Ee See er ee eee! ee eer ets eee ee Se eee Se ee ee ee eee Ones ere ee Gunakan Similar Fonts pada Konten Sejenis ene ont pada satu baglan website, mlsalkan pada badan, See ee rot es 22 es aera ee ete er tee or cnt ee ne [a a Se een ea ed ee ant ee ee ee ees See eee eee ett ey eee eee as ee ee nee te? oan en ee ee od ee ene ee enn a ee ee ee eee eee Ser ee ee Penn een Se ee od a Jenis font serif terlihat kurang jelas pada Sener ve ate poe Cee eee ete ere ett nero) eee eee Jangan berasumsl baba font yang Anda gu- ‘alan tereedia nul semua komputer peng- ‘guna. Jka Anda atau Klien Anda memang es lazim, Anda bise_menempatlanmya pada ‘urutan pertama dalam font-family dt stylesheetnya Menggunakan Jenis Font Berbeda untuk pen ee eee Se rece Se ee en ee gee reeerecay Ren gone ered Pa emenrcEa) ee ee Se eed Se ns Se Oe ee De ee 2 ee ee een ee nary eee os Peete Membangun Aplikasi Facebook dengan Javascript SDK (ote: sedo Facebook lavascript SDK dapat digunakan untuk website yang di faunakan untuk terhubung dengan facebook seperti User Info. Registrasi dengan akun facebook ataupun Applikasi web yang ‘memerlukan identitas facebook akun Javascript SK juga pent- ing digunakan untuk applikasi facebook iFrame di canvas. Pada kall in. saya akan membahas cara menggunakan Facebook SDK di website. Tanpa basa-basl mat kita lanjutkan praktek nya, Build the social and Personalized web. Langiah pertama aftarkan apa a htpiewuitecebook.com/developers, kemudian Iskukan be bberapa langhah sesual yang tercantum pada halaman tesebut, (torkadang memerlukan Konfirmasi nemer telepon), dan Anda akan mendapathan API Code, Secret Code, dan APP 1D Ccatatan: Untuk pendataran apitsi web, masutian URL web ‘Anda d tab Web ste ada bagian Site URL, ha apias!berada sub folder seperti example.com/aposjanganlupa trailing slosh bagian ahi alemat, isa example-com/oppsl waMacz Met 20 (ie) a 2 Beberapa parameter yang terse ‘appl 10 Apikasi fon untuk mem-pasing markup XFBMAL session : mengakses session Tossing flse untuk menonaktifkan tu login ‘channel Custom channel untuk URL aplkas ‘Membuat tombol authorization: FB. login (function (response) | if (response.session) ( atere(*Ands sudan mucus): }etse 1 atere(*Anda betum masurt"); ye Langkah kedua ‘Siapkansebush lembar keris hernama index html, emia tabahian kode bert diy ide" f>-root"> script se="http:/ connect. facebook.net/en_08/alL.j="> scripts Pe.initit appid : ‘10 applikasi’, status ; true, cookie : true, xfbml : true bs /ecespt> tps Likenc/tp:asea> ‘Membuat tombol login < Script XFBMAL tersebut sunakan script beri: Jn membuat tombol login secareotomats. Untuk membuat tomb logout dapat mene WaMacz Met 20 hy aa et fl ‘Atau menggunakan panggilan FB.event.subsribe Fa Event subscrihe( ‘auth, sessionchange , function (respons) 1 slere(*zession tergantit): ne ‘Menggunakan REST API disamping GRAPH API reapitt method: ‘Links.getstats', deveiopers.racebook. com i function (responce) { arert( wrote: * + (cexponse 0] total_count + response(1i -total_coumt)) ye ‘Mengecek User ‘ita dapat mengecek status login usr pada sebuah apitasi dengan script berkut Ps. gottoginstatus (function (response) | Af (zexponze.seseicn) { alert (‘torinakasin sudah masuk dalam aplikasi ini"); Dates ( lert (belun ada user yang masuk dalam aplixas’ ini); request API Selsin mengecek User, lavaseipt SOK juga dapat memangpl Request API bak itu POST ingot jka Anda menggunokan salsh satu fungsi FB getLoginstats,fungs tersebut har terltak di dalam ngs pela ptlogirStos nla Fevents ager API trecbut beled watt yorg bersrintn. Conta: ‘B.getioginstatus(tunction (response) | if (response.session) { Fa.api(*/me’, fanction{rezponse) ( alert (response.nane)# 10%02 Maret 2011 Mengenal Drupal oleh: rawiz Drupal adalah sebuah perangkat lunak sistem manajemen konten (CMS) yang berkembang. menjadi sistem kerangka (Framework) yang, bebas dan terbuka yang di distri- busikan dibawah lisensi GPL (General Public License). Pengem bangan dan perawatannya dilaku- kan oleh ribuan. komunitas peng- guna dan pengembang di seluruh dun Drupal dapat diunduh secara bebas dan dapat digunakan secara bebas juga, sehingga memungkinkan setiap ‘orang batk secara individu maupun komunitas untuk merubah, mem- publikasi, mengatur , mengorganisir ‘dan mengembangkan berbagal jenis ‘dari isifkonten pada website, Wie Drupal bersifat modular dan ekstensibel serta berusaha dibuat dengan kode yang bersih dan memberikan penekanan pada kerja kolabo- ‘ati Drupal didistribusikan dengan fungsion- alitas inti dasar, dan fungsionalitas tambahan dapat diperoleh dengan mengaktifkan built-in modul atau dari modul pihak ketiga, Drupal dirancang untuk bisa disesuaikan, Kustomisasi apat dilakukan dengan menimpa inti atau dengan menambahkan modul, tidak perlu hharus dengan memodifikasi kode dalam kode inti. Desain Drupal juga berhasil memisabkan manajemen konten dengan manajemen pre- sentasi Membangun website dengan Drupal adalah sepertihalnya bersama-sama menggabung- kan berbagai blok atau bidang menjadi sebuah bangunan yang kokoh dan aman, namun tetap fleksibel menyesuaikan kondisi dan kebuts- han Untuk melakukan penyesuaian atau pengembangan, maka anda tidak perlu mem: bbongkar total rumah tersebut secara manual, melainkan dapat langsung melakukannya arena pondasi dan rumah tersebut sudah sedemikian kokoh serta dapat dilepas pasang, Drupal dapat digunakan untuk membangun sebuah portal internet, sebuah situs web pribadi, blog departemen, atau perusahaan, situs e-commerce, Direktori sumber daya, koran online, situs jelaring sosial, galeri gambar, intranet, dan hampir semua lainnya Jenis situs web yang dapat Anda bayangkan, Sebuah tim keamanan khusus berusaha untuk menjaga dan memastikan Drupal aman dengan menanggapi ancaman dan rutin men. geluarkan update keamanan. Sebuah organ. isasi nirlaba yang disebut Asosiasi Drupal mendukung dengan meningkatkan infrastruke tur situs web drupal.org dan mengorganisir konferensi Drupal dan acara-acara per- temuan komunitas pengembang lainnya, Dan komunitas online pengguna, admin- istrator situs, desainer,dan pengembang web bekerja keras bersama untuk terus meningkatkan kinerja perangkat_lunak Platform Teknologi Drupal ditulls dengan bahasa pemrogra- ‘man PHP dengan aturan yang ketat dalam standar penulisan kode-nya dan sesuai dengan prinsip open source. Drupal juga dapat ijalankan secara berdampingan ‘atau lintas platform dengan berbagat bahasa pemrograman web lainnya seperti ASP, ASP Net, Cold Fusion, CGI, Java, Phyton dan lain-tain. Drupal tidak terpen- jgaruh khusus pada sistem operasi seperti Linux, Microsoft Windows, Mac OS x, FreeBSD, Solaris dan Iain-lain selama sistem operasi tersebut dapat_men- Jalankan PHP dengan berbagal server web seperti Apache, Microsoft 11S, Nein, 1grouez Lighttpd atau Litespeed dan server database seperti MySQL, MariaDB, PostgreSQL, SQL Lite, atau Oracle untuk menyimpan semua datanya, Beberapa Konsep Penting di Drupal Node. Merupakan satuan konten yang terda- pat dalam Drupal. Sebuah node dapat meru- pakan blog, topik forum, berita, halaman statis, gambar, video, audio, maupun Flash. Kumpulan node inilah yang membentuk kes- clurunan konten dalam sebuah website herba- sis Drupal. Field. Konten di Drupal adalah terdiri dari ber- bagal bidang / field. Field judul node, bagian body node, Anda dapat menggunakan field alam Drupal untuk membangun semua jenis konten yang bisa Anda pikitkan. Misalnya, Pectandingan, like Anda berpikir tentang, sebuah Even, biasanya berisi Judul, Deskripsi (atau body), tanggal_mulai, waktu mula, urasi, lokasi, dan mungkin link untuk mendaftar acara tersebut. Setlap elemen merupokan sebuah field. Drupal memiliki ke- Drupal dirancang untuk bisa disesuai- kan, Kustomisasi dapat —dilakukan dengan menimpa inti atau dengan me- nambahkan modul, tidak perlu harus dengan memodifikasi kode dalam kode inti, Desain Drupal juga berhasil memis- ahkan manajemen konten dengan mana- jemen presentasi ‘mampuan untuk menciptakan jenis konten ‘menggunakan field, baik melalui pemrogra. ‘man dengan menciptakan modul, atau melalui antarmuka administratif Drupal dengan men. ciptakan jenis konten baru dan_membuat fleld-field melalui antarmuka pengguna. Field API (di Drupal 7) atau CCK (Drupal 4:7. 5, 6) ‘membuat sangat mudah dan secerhana untuk membangun jenis Konten yang kompleks dengan pemragraman yang sangat sedikit bahkan tidak perl Taxonomy. Node yang begitu banyak perlu dikategorikan sesual topikmasing-masing Dalam Drupal terdapat modul Taxonomy yang, ‘Mengenal Drupal digunakan untuk _mengkategorisasikan konten. Nama Taxonomy diambil dati limu kiasfikasi, Dengan demikian setiap satuan konten atau yang biasa disebut Term bisa disebutkan apakah berkategori Politik, Ekonomi, Sains, atau Agama, Module. Modul adalah satuan program yang ditulis dalam PHP yang jika diaktif- kan akan menambah fungsi tertentu, Misal, modul Organic Groups untuk mem- beri fungsi group/mailing list. seperti layaknya Google ataupun Yahoo Groups. Modul Images untuk mengijinkan user mengupload gambar sebagai node. Theme. Theme adalah penampakan luar dari sebuah website Drupal. Sistem theme ‘akan mengatur bagaimana website dita- mpilkan, layout halaman, penempatan block, style, dan sebagainya, Theme dapat diubah-ubah dengan memilih theme yang tersedia dalam direktori /themes maupun {sites/all/themes. 13 User. Konsep pengguna pada Drupal adalah nik, Pada website sederhana biasanya hanya lkelola dan dapat diperbarul oleh administra- tor tunggal yang terpiseh system-nya, Dengan konsep situs komunitas di Drupal, Anda akan dapat mengatur Drupal untuk memungkinkan semua individu yang menggunakan situs ini untuk mendaftar situs tersebut dan membuat ‘kun pengguna mereka sendiri dan melakukan pembagian wewenang pengelolaan mereka secara terintegeasi Block. Block pada dasarnya adalah sebuah wadah atau ruang yang berdiri sendisi yang apat digunakan untuk ditempati bagian apa aja yang dapat Anda pikirkan dari sebuah website. Misalnya adalah blok berisi form login, kotak berisi baris judul dari artikel ter- baru dan sebagainya. Dalam behasa unum CMS Iain mungkin bisa disebut Block adalah Widget. Menu, Sistem menu dalam drupal adalah sistem penanganan request melalui URL. Jka Clean URL tidak diaktifkan, maka setiap query string yang berbentuk ?q- akan ditangani oleh sistem menu, Comment. Comment mecupakan tanggapan ‘terhadap sebuah node yang dituliskan oleh user (Komentar) Hook. User tidak pernah menyadari ke beradaan konsep ini dalam Orupal, kecuali ‘mereka adalah developer, Hookadalah metode yang digunakan Drupal agar setiap modul dapat menambahkan fungsi tertentu, dengan cara mengaitkan fungsitertentu tersebut pada hook yang dimiliki sistem Drupal. Sebagai contoh, setiap modul dapat menambah menu baru dengan cara_mendefinisikan fungsi modul_menu, yang akan menjamin Drupal tidak lupa memperhitungkan keberadaan ‘menu tersebut ketika diperlukan. Drupel Indonesia d htp.//drupal-idors ‘Mengenal Drupal Sesuaikan Tampilan Blog Dengan Tema, Bagaimana Caranya? Ketika pertama kali mengunjungi blog, apa yang pertama kali dilihat? Tentu saja campl- lan. Ya, tampilan blog mempengaruhi kesan pengunjung. Bukan yang utama memang namun bisa menjadi kesan pertama. Tampl lan blog yang rapi dan sesual tema tullsan bisa__menambah penilaian pengunjung. Tampilan blog atau bisa kita menyebutnya template dapat diubah sesual Keinginan. Tersedia banyak template sesual dengan tema blog. Blogger telah mengalam 3 Hall peruhshan fur template, classe template, new template, dan flexible template. Classic template merupatan template standar minim ftur dan tidak supe in pihak Blogger. Oleh karena itu bagi yang mengsunalanc template disrantan mens uparade ke new template atau flexible template Bas yon ingin kustomicastampilan blog, bars Tahun 2010, logger memperkenaltan Blogger Template Designer. Fitu ini memberikan kemudahan bagi peng sauna untuk mengarur tampllan blog hanye denaan kik menu tanpe pertu penguasaon HTML, Flexible template nemberian keleluaesan dak seperti new template, ian statis dan banya dapat dluboh densan elting HTL, Video demo Blogger Template Des WB Pengguna untuk merit ampilan 2,3, bahkan 4 Kolom i mana Untuk dapat mensakses Blogger Template Designer, klik Design > Template Designer. Apa saa ftur yang disci cer Template Designer? a Dee ee ee ca ee ee Se ee ey sala satu template dan dengan fitur Preview Ce bei erbaet mrciyap marae rs ee eee ee eee Pete et Peet er ee enon Pee? Sefclah memilin template, prsguna dapat mengubah tampilankarena Blosser Tem plate Designer menyediakan fitur mengubah background, Klik menu Backeround eee ee eee eee Se ee ee eee Ce ee ee eed er ee eee ee ‘Adjust Width: eee) ee ed ee ea eee Se eer ee) feasts ee Sc eee vara pada masing:masing agian template See ee ee es ee Mengganti template joomla versi 6.1 Joomla adalah salah satu CMS gratis yang mudah di modifikasi oleh siapapun, orang yang tidak mengerti bahasa pemrograman pun bisa memodifikasinya, Modul yang di sediakan juga beragam, mulai dari modul untuk membangun komunitas, toko online, jasa sewa-menyewa, jejaring social dan masih banyak lagi, begitu juga untuk tampilan atau sering kita sebut dengan template/theme, ‘Sebuah template adalah alat yang diguna kan untuk konten terpisah dari presentasi dalam desain web, dan untuk massa produksi dokumen web. Ini adalah kom ponen dasar dari sistem web template. Web ‘template dapat digunakan untuk mengatur semua jenis website. Dalam pengertian yang paling sederhana, template berop ‘erasi sama seperti membentuk huruf untuk

    Anda mungkin juga menyukai