Rabu, 09 Juni 2021

SYNTAX PHP

 



Sumber: https://www.malasngoding.com/belajar-php-dasar-pengenalan-dan-kegunaan-php/

PEMROGRAMAN PHP

 PHP? Apakah Pengertian dari PHP? PHP merupakan bahasa pemrograman yang dapat digunakan untuk membuat skrip yang lebih interaktif. Skrip ini kemudian akan diolah dalam web server yang hasilnya dapat dilihat dalam bentuk HTML. PHP memungkinkan untuk membuat situs yang lebih interaktif dan lebih mudah untuk dioperasikan. MySQL merupakan bahasa pemrograman database terbuka. Yang mana memungkinkan untuk bisa membuat, merubah, dan mengakses beberapa database sekaligus dalam server. Kombinasi keduanya biasanya digunakan untuk membuat berbagai macam Website.


Secara singkat nya PHP adalah server side language artinya kode PHP akan dieksekusi di server dulu baru kemudian hasilnya akan ditampilkan di layar client.


Sebelum kita lanjut mengenai PHP, sebaiknya sobat sudah belajar mengenai dasar-dasar html,css , dan mysql ya sob biar belajar PHP nya jadi lebih mudah. Untuk tipe file / ekstensi nya adalah .php contoh latihan1.php


Latihan pertama


Kita membuat Echo, echo fungsinya untuk menampilkan teks ke website. Untuk memulai koding php harus diawali dengan <?php dan diakhiri ?> , dan untuk pernyataan php diakhiri dengan ;


Contoh :


<html>

<head>

 <title>Php pertamaku</title>

</head>

<body>

<h1>Belajar PHP</h1>

<?php

echo "Belajar php di gilacoding.com";

?>

</body>

</html>

Lalu save di dalam folder xampp -> htdocs -> buat folder baru dengan nama latihan -> masuk ke folder latihan. Lalu save dengan nama latihan1.php.


Dan untuk menjalankan latihan1.php, sobat buka web browser dan ketikkan di url localhost/latihan(nama folder nya)/latihan1.php (nama file php nya)


Sumber: https://gilacoding.com/read/belajar-bahasa-pemrograman-php-dasar






PEMROGRAMAN PHP

 

Pengertian PHP, Fungsi dan Sintaks Dasarnya


Dalam pengembangan website, PHP menjadi salah satu bahasa pemrograman yang wajib dipelajari. Alasannya, bahasa pemrograman ini mampu untuk membuat website menjadi dinamis.


Nah, dalam artikel ini, Anda akan belajar tentang PHP secara lebih dalam. Kami akan membahas mengenai syntax dasar PHP beserta contoh-contohnya. Selain itu, kami juga akan membahas tentang hubungan PHP dengan MySQL.


Pasti sudah semakin penasaran kan dengan pembahasannya? Sebelum itu, mari pahami dulu pengertian dan fungsi PHP. 

Pengertian PHP

PHP (PHP: Hypertext Preprocessor) adalah sebuah bahasa pemrograman server side scripting yang bersifat open source.


Sebagai sebuah scripting language, PHP menjalankan instruksi pemrograman saat proses runtime. Hasil dari instruksi tentu akan berbeda tergantung data yang diproses.


PHP merupakan bahasa pemrograman server-side, maka script dari PHP nantinya akan diproses di server. Jenis server yang sering digunakan bersama dengan PHP antara lain Apache, Nginx, dan LiteSpeed. 


Selain itu, PHP juga merupakan bahasa pemrograman yang bersifat open source. Pengguna bebas memodifikasi dan mengembangkan sesuai dengan kebutuhan mereka. Tentunya jika memiliki kemampuan coding yang baik, ya? 


Mengapa Menggunakan PHP?

Saat ini, tak kurang dari 78% website di seluruh dunia menggunakan bahasa pemrograman yang diciptakan Rasmus Lerdorf di tahun 1995 ini. Bahkan platform besar seperti Facebook juga menggunakannya.


Lalu, apa yang membuat PHP begitu populer? Mengapa menggunakan PHP yang sudah berumur lebih dari dua dekade ini? Berikut beberapa alasannya:


Cenderung mudah dipelajari — dibanding beberapa bahasa pemrograman populer lain, PHP lebih mudah dipelajari.

Materi belajar yang melimpah — umur PHP yang “cukup tua” menyebabkan banyak sekali dokumentasi, panduan, dan komunitas aktif bertebaran di jagat maya. Jadi, tak perlu takut jika Anda mengalami kesulitan.

PHP bersifat open-source — siapapun bisa menggunakan PHP tanpa mengeluarkan biaya sepeserpun.

Kecepatan tinggi — PHP terbukti bisa meningkatkan kecepatan loading dibanding bahasa lain. Misalnya, lebih cepat tiga kali daripada Phyton pada beberapa kasus.

Banyaknya pilihan database — PHP bisa digunakan di hampir semua jenis database. Mulai dari MySQL, hingga non-relational database seperti Redis.

Kompatibilitas yang baik dengan HTML — script PHP tidak mengganggu HTML sama sekali. Justru mereka berdua saling melengkapi.

Fleksibilitas tinggi — PHP bisa dikombinasikan dengan banyak sekali bahasa pemrograman lain. Sehingga bisa Anda gunakan sesuai kebutuhan.

Multi-platform — PHP bisa Anda gunakan di macam-macam operating system. Mulai dari Windows, Linux, hingga MacOS.

Selalu diperbarui — sejak pertama kali muncul tahun 1995, sekarang PHP sudah berada pada versi 7.4.

Mendukung layanan cloud — siapa sangka, walaupun umur PHP hampir dua dekade, tapi ia bisa mendukung layanan cloud dengan skalabilitas yang baik.

Fungsi PHP

Secara umum, fungsi PHP adalah digunakan untuk pengembangan website. Baik website statis seperti situs berita yang tidak membutuhkan banyak fitur. Ataupun website dinamis seperti toko online dengan segudang fitur pendukung.


Namun, penggunaan PHP tidak terbatas pada pengembangan website saja, lho. Karena fleksibilitasnya yang tinggi, PHP juga bisa digunakan untuk membuat aplikasi komputer sekalipun. Keren juga, ya?


Sintaks Dasar PHP

Setiap bahasa pemrograman memiliki aturan coding sendiri. Begitu pula dengan PHP. Sintaks dasarnya dibuka dengan <?php dan ditutup dengan ?> sebagai terlihat di contoh berikut:


<?php

echo “Selamat datang”;

?>

Inilah penjelasan kode tersebut:


<?php ini adalah kode wajib untuk membuka program PHP.

Echo adalah sebuah perintah untuk menampilkan teks.

“Selamat Datang”; teks yang hendak ditampilkan dan ditulis diantara tanda petik dan titik koma.

?> adalah kode untuk mengakhiri PHP dan wajib digunakan saat digabung dengan bahasa pemrograman lain seperti HTML.

Sintaks PHP bersifat case sensitive. Jadi, penggunaan huruf besar atau kecil akan turut mempengaruhi output yang diberikan. Sebagai contoh :


<?php

$alamat = “Yogyakarta”;

echo $alamat;

?>

Kode di atas akan menghasilkan output: Yogyakarta di halaman website. 


Namun, jika dituliskan seperti ini: 


<?php

$alamat = “Yogyakarta”;

echo $Alamat;

?>

Anda akan mendapati tampilan error. Alasannya, adanya perbedaan antara variabel $alamat dan $Alamat.


Pada PHP, Anda juga bisa menuliskan komentar sebagai penjelasan dari kode yang ditulis. Komentar di PHP menggunakan // atau */ dan tidak akan dimunculkan sebagai output di browser. Contohnya sebagai berikut:


<?php 

// ini contoh penggunaan komentar 

echo "Apa Kabar?";

/*

Nah ini juga contoh komentar

yang ditulis

lebih dari satu baris

*/?>

Semua kode PHP yang ditulis harus disimpan dengan file ekstensi .php. 


Contoh Kode PHP

Nah, setelah belajar tentang sintaks dasar PHP, mari lihat contoh kode PHP dalam penggunaan dengan bahasa pemrograman lainnya. 


1. HTML

Anda bisa menyisipkan kode PHP di dalam HTML menggunakan PHP editor favorit Anda. Contoh penggunaannya adalah sebagai berikut:


<!DOCTYPE html>

<html>

    <head>

        <title>Contoh</title>

    </head>

    <body>


        <?php

            echo "Halo, Selamat Siang";

        ?>

    </body>

</html>

Kode di atas akan memunculkan hasil pada browser:

Seperti terlihat kode PHP disisipkan di dalam body HTML. Dengan perintah echo, browser memunculkan hasil teks yang diinstruksikan. 


Sumber: https://www.niagahoster.co.id/blog/pengertian-php/

Minggu, 31 Januari 2021

Apa itu WordPress

 Apa itu WordPress

*WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software).Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya.

*Nama WordPress diusulkan oleh Christine Selleck, teman Matt Mullenweg. WordPress saat ini menjadi platform content management system (CMS) bagi beberapa situs web ternama seperti CNN, Reuters, The New York Times, TechCrunch, dan lainnya.

Sejarah WordPress

Sejarah

nya (programmer) yang bernama Michel Valdrighi, Matt Mullenweg merasa sayang dan mulai melanjutkan pengembangan b2.

WordPress muncul pertama kali pada tahun 2003 hasil kerja keras Matt Mullenweg dengan Mike Little.Yang membuat WordPress makin terkenal, selain karena banyaknya fitur dan tampilan yang menarik, adalah juga karena dukungan komunitas terhadap perangkat lunak sumber terbuka untuk blog.

Keunggulan dan fitur WordPress

WordPress memiliki banyak keunggulan dan fitur untuk dunia blog, antara lain sebagai berikut: 1.Gratis: Untuk mendapatkan perangkat lunak WordPress hanya perlu mengunduh dari situsnya tanpa dipungut biaya, bahkan untuk blog komersial sekalipun.

2.Berbasis kode sumber terbuka (open source). Pengguna dapat melihat dan memperoleh barisan kode-kode penyusun perangkat lunak WordPress tersebut secara bebas, sehingga pengguna tingkat lanjut yang memiliki kemampuan pemrograman dapat bebas melakukan modifikasi, bahkan dapat mengembangkan sendiri program WordPress tersebut lebih lanjut sesuai keinginan.

3.Templat atau desain tampilannya mudah dimodifikasi sesuai keinginan pengguna

4.Pengoperasiannya mudah.

5.Satu blog WordPress, dapat digunakan untuk banyak pengguna (multi user)

6.Jika pengguna sebelumnya telah mempunyai blog tidak berbayar, misalnya di alamat Blogger, LiveJournal, atau TypePad, pengguna dapat mengimpor isi blog-blog tersebut ke alamat hosting blog pribadi yang menggunakan perangkat lunak WordPress.

7.Selain pengguna yang banyak, banyak pula dukungan komunitas (community support) untuk WordPress.

8.Tersedia banyak plugin yang selalu berkembang. Plugin WordPress sendiri yaitu sebuah program tambahan yang bisa diintegrasikan dengan WordPress untuk memberikan fungsi-fungsi lain yang belum tersedia pada instalasi standar.

9.Kemampuan untuk dapat memunculkan XML, XHTML, dan CSS standar.

10.Tersedianya struktur permalink yang memungkinkan mesin pencari mengenali struktur blog dengan baik.

11.Kemungkinan untuk meningkatkan performa blog dengan ekstensi.

12.Mampu mendukung banyak kategori untuk satu artikel.

13.Fasilitas Trackback dan Pingback. Juga memiliki kemampuan untuk melakukan otomatis Ping (RPC Ping) ke berbagai search engine dan web directory, sehingga website yang dibuat dengan Wordpress akan lebih cepat ter index pada search engine.

14.Fasilitas format teks dan gaya teks. WordPress menyediakan fitur pengelolaan teks yang cukup lengkap.

15.Halaman statis (Halaman khusus yang terpisah dari kumpulan tulisan pada blog).

16.Mendukung LaTeX.

17.Mempunyai kemampuan optimalisasi yang baik pada Mesin Pencari (Search Engine Optimizer)






Selasa, 26 Januari 2021

Pengertian WordPress

 WordPress

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya merupakan perangkat lunak sumber terbuka (open source software).Selain sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi.Nama WordPress diusulkan oleh Christine Selleck, teman Matt Mullenweg. WordPress saat ini menjadi platform content management system (CMS) bagi beberapa situs web ternama seperti CNN, Reuters, The New York Times, TechCrunch, dan lainnya 

Sejarah

nya (programmer) yang bernama Michel Valdrighi, Matt Mullenweg merasa sayang dan mulai melanjutkan pengembangan b2.


WordPress muncul pertama kali pada tahun 2003 hasil kerja keras Matt Mullenweg dengan Mike Little. Yang membuat WordPress makin terkenal, selain karena banyaknya fitur dan tampilan yang menarik, adalah juga karena dukungan komunitas terhadap perangkat lunak sumber terbuka untuk blog.

WordPress memiliki banyak keunggulan dan fitur untuk dunia blog, antara lain:[7][9]


Gratis. Untuk mendapatkan perangkat lunak WordPress hanya perlu mengunduh dari situsnya tanpa dipungut biaya, bahkan untuk blog komersial sekalipun.

Berbasis kode sumber terbuka (open source). Pengguna dapat melihat dan memperoleh barisan kode-kode penyusun perangkat lunak WordPress tersebut secara bebas, sehingga pengguna tingkat lanjut yang memiliki kemampuan pemrograman dapat bebas melakukan modifikasi, bahkan dapat mengembangkan sendiri program WordPress tersebut lebih lanjut sesuai keinginan.

Templat atau desain tampilannya mudah dimodifikasi sesuai keinginan pengguna. Sehingga apabila pengguna memiliki pengetahuan HTML yang memadai, maka pengguna tersebut dapat berkreasi membuat template sendiri. Pengguna yang tidak mengerti HTML, tentu saja masih dapat memilih ribuan template yang tersedia di internet secara bebas, yang tentu saja gratis.

Pengoperasiannya mudah.

Satu blog WordPress, dapat digunakan untuk banyak pengguna (multi user). Sehingga WordPress juga sering digunakan untuk blog komunitas. Anggota komunitas tersebut dapat berperan sebagai kontributor.

Jika pengguna sebelumnya telah mempunyai blog tidak berbayar, misalnya di alamat Blogger, LiveJournal, atau TypePad, pengguna dapat mengimpor isi blog-blog tersebut ke alamat hosting blog pribadi yang menggunakan perangkat lunak WordPress. Dengan demikian pengguna tidak perlu khawatir isi blog yang lama akan menjadi sia-sia setelah menggunakan perangkat lunak WordPress.

Selain pengguna yang banyak, banyak pula dukungan komunitas (community support) untuk WordPress.

Tersedia banyak plugin yang selalu berkembang. Plugin WordPress sendiri yaitu sebuah program tambahan yang bisa diintegrasikan dengan WordPress untuk memberikan fungsi-fungsi lain yang belum tersedia pada instalasi standar. Misalnya plugin anti-spam, plugin web counter, album foto.

Kemampuan untuk dapat memunculkan XML, XHTML, dan CSS standar.

Tersedianya struktur permalink yang memungkinkan mesin pencari mengenali struktur blog dengan baik.

Kemungkinan untuk meningkatkan performa blog dengan ekstensi.

Mampu mendukung banyak kategori untuk satu artikel. Satu artikel dalam WordPress dapat dikatogorisasikan ke dalam beberapa kategori. Dengan multikategori, pencarian dan pengaksesan informasi menjadi lebih mudah.

Fasilitas Trackback dan Pingback. Juga memiliki kemampuan untuk melakukan otomatis Ping (RPC Ping) ke berbagai search engine dan web directory, sehingga website yang dibuat dengan Wordpress akan lebih cepat ter index pada search engine.

Fasilitas format teks dan gaya teks. WordPress menyediakan fitur pengelolaan teks yang cukup lengkap. Fitur – fitur format dan gaya teks pada kebanyakan perangkat lunak pengolah kata seperti cetak tebal, cetak miring, rata kanan, rata kiri, tautan tersedia di WordPress.

Halaman statis (Halaman khusus yang terpisah dari kumpulan tulisan pada blog).

Mendukung LaTeX.

Mempunyai kemampuan optimalisasi yang baik pada Mesin Pencari (Search Engine Optimizer)

Sumber: 

https://id.m.wikipedia.org/wiki/WordPress#:~:text=WordPress%20adalah%20sebuah%20aplikasi%20sumber,terbuka%20(open%20source%20software)

---------------------------------------------------------------------------

Sabtu, 02 Januari 2021

Cara membuat akun WordPress

Hello world

Saya akan memberitahu bagaimana caranya membuat akun WordPress

Pertama 

Search di google WordPress.com 

Atau bisa klik link ini saja : https://wordpress.com/id/

Lalu kalian scroll kebawah, ada tulisan " Buat web situs anda"


Contoh gambar halaman WordPress:




Setelah di klik " Buat situs web Anda " 

Kalian akan di arahkan ke tampilan halaman berikutnya...


Contoh gambar halaman berikutnya:




Kedua 

Kalian masukan email kalian untuk daftar akun WordPress

Note: email aktif, bila email yang di pakai tidak aktif maka tidak akan bisa membuat akun WordPress, karena WordPress sendiri membutuhkan kode verifikasi dari email kalian untuk memferivikasi akun WordPress kalian 

Setelah menulis email lalu kalian isi juga di bawah nya " nama pengguna " kalian isi saja nama kalian/nama siapa saja yang menurut kalian bagus untuk akun WordPress tersebut

Lalu kalian isi lagi di bawah" Pilih Kata Sandi "

Kata sandi terserah kalian, yang mudah di ingat saja dan juga aman 

Setelah itu kalian klik " Buat akun anda "


Ketiga 

Pada tampilan seperti di bawah ini 


Kalian cari domainnya untuk membuat blog wordpress kalian 

Kalian ketik saja di pencarian " .com " kalian cari saja seperti yang saya beritahu.

Setelah menemukan domain di pencarian maka tampilan akan seperti di bawah ini 



Lalu kalian pilih domain yang gratis, karna banyak domain yang berbayar...


Kalian tekan " pilih " pada domain " com181478483.wordpress.com " 

Disini kalian akan di bawa ke menu pembayaran, nah kalian lewat saja 



Seperti gambar di atas bahwa disitu kalian harus membayar WordPress tersebut dengan upgrade ke premium...kalian skip saja dengan tekan " Mulai dengan situs gratis " 

Nah maka akun WordPress kalian sudah jadi.....

Lalu bagaimana cara memferivikasi email nya?

Mudah sekali 

Kalian cari dashboard kalian, contoh: pada gambar profil saya, nah kalian tekan saja maka tampilanya akan seperti berikut ini 



Setelah seperti itu kalian klik saja " verifikasi email anda" lalu kalian klik lagi "kirim email" nah maka akan ada notifikasi dari email kalian untuk memferivikasi akun WordPress kalian....

Nah mudah kan cara membuat akun WordPress, bila kalian tidak paham dengan blog saya disini kalian bisa mampir ke channel YouTube saya, karena saya telah membuat sebuah tutorial cara membuat akun WordPress....

Klik channel saya: Disini










Senin, 16 November 2020

WEB DESIGN

 

Web Design

Web Designer adalah orang yang memiliki keahlian untuk membuat tampilan website jadi menarik. Misalnya efek ilustrasi pada website, tipografi, keseimbangan kontras, layout, dll. Mereka juga fokus membuat desain dengan pendekatan user experience agar mudah untuk digunakan.

Seorang web designer harus mempunyai kemampuan mendesain yang baik. Namun, tidak hanya mendesain, web designer juga perlu memahami bahasa pemrograman, seperti HTML dan CSS.

Untuk membuat desain tersebut, mereka bisa menggunakan aplikasi desain yang menunjang pembuatan web design, seperti Photoshop.

7+ Skill yang Dibutuhkan untuk Menjadi Web Designer

Untuk menjadi seorang web designer yang andal memang tidaklah instan. Anda perlu proses untuk mempelajari beberapa skill dan pengetahuan tentang tools tertentu. Di bab ini, kami akan memaparkan skill apa saja yang perlu Anda miliki untuk menjadi web designer. Penasaran apa saja itu, mari simak uraiannya berikut ini.

1. Visual Design

skill visual design dibutuhkan untuk menjadi seorang web designer

Seorang web designer harus memiliki pemahaman tentang visual design. Visual design adalah tampilan website atau aplikasi yang dapat meningkatkan user experience. Elemen dari visual ini di antaranya adalah efek ilustrasi, tipografi, layout, warna, dan usability..

Visual design juga bisa dikatakan sebagai perpaduan antara User Interface (UI) dan Graphic Design. Untuk mendukung web designer menciptakan visual design yang  baik, mereka membutuhkan pengetahuan mengenai:

  • Prinsip unity – kesatuan (unity) dalam desain adalah adanya kohesi dan keutuhan. Prinsip ini membuat semua elemen dalam sebuah desain saling mendukung dan memperoleh fokusnya masing-masing.
  • Keseimbangan – merupakan prinsip menyatukan semua elemen dalam komposisi yang tepat. Keseimbangan ini diperlukan untuk menghindari tampilan yang berat pada titik visual tertentu.
  • Kontras – merupakan penggunaan elemen warna supaya informasi yang informasi yang disampaikan sampai. Prinsip ini juga bertujuan agar desain tidak terkesan monoton.
  • Irama – merupakan prinsip penyusunan elemen desain sesuai pola tertentu. Dalam prinsip ini terdapat proses repetisi pada elemen desain, sehingga tercipta pola desain yang konsisten.
  • Fokus – merupakan prinsip untuk menunjukkan poin penting atau perhatian utama dari sebuah desain.

Skill tentang visual design ini penting dimiliki oleh web designer. Visual design yang baik pada website dapat meningkatkan engagement pengunjung. Selain itu, website yang menarik juga dapat meningkatkan kepercayaan pengunjung terhadap produk Anda.

2. User Experience (UX)

skill UX perlu dipelajari seorang web designer

Selain mengetahui bagaimana membuat tampilan menarik, seorang web designer juga harus memahami user experience (UX). UX design merupakan proses merancang produk dengan menggunakan perspektif pengguna.

Pemahaman tentang UX design ini penting dimiliki oleh seorang web designer. Dengan memahami prinsip UX, web designer bisa merancang website yang dibutuhkan dan mudah digunakan oleh pengguna.

Nah, jika Anda ingin mengetahui lebih detail mengenai user experience.

3. Pemahaman HTML

Seorang web designer tidak hanya harus memiliki kemampuan desain, tetapi juga harus memiliki pemahaman tentang HTML dan CSS. HTML adalah bahasa markup yang digunakan untuk membuat sebuah struktur halaman web atau aplikasi.

HTML memiliki elemen yang digunakan web designer untuk mengupload konten (paragraf, link gambar, video, table, dll) ke dalam halaman web. Elemen tersebut nantinya akan dirender menjadi konten yang ditampilkan di halaman web. Elemen tersebut misalnya <head>, <title>, <article>, <img>, <audio>, <video>, dll.

Dengan HTML, web designer bisa merancang tampilan web pada halaman website. Bagi Anda yang ingin mempelajari HTML dari nol.

4. Pemahaman CSS

Punya pemahaman HTML saja belum cukup. Web designer juga harus memiliki pemahaman tentang CSS. CSS adalah bahasa pemrograman yang berfungsi mengatur seluruh tampilan website sehingga tampak lebih menarik.

Dengan CSS, web designer bisa mengatur warna teks, font, ukuran kolom, spasi antar paragraf, dan jenis background yang diinginkan. Tidak hanya itu, bahkan menambahkan layout dan efek yang diperlukan.

CSS biasanya sering digunakan untuk dikombinasikan dengan HTML.

5. Pemahaman SEO

Memahami kemampuan tentang SEO bagi seorang web designer mungkin terdengar kurang tepat. Keahlian ini cenderung lebih dibutuhkan oleh tim digital marketing.

Namun, seorang web designer ternyata juga perlu memahami setidaknya dasar-dasar SEO. Misalnya, membuat website dengan tampilan yang mudah digunakan dan user-friendly, optimasi kecepatan website, mengisi website dengan konten yang SEO-friendly, dan link building.

Selain itu, pemahaman tentang SEO ini akan memudahkan seorang web designer dalam berkolaborasi dengan tim digital marketing maupun klien untuk membuat website yang SEO friendly.

6. Kemampuan komunikasi yang Baik

Skill yang dibutuhkan seorang web designer bukan hanya kemampuan teknis, melainkan juga kemampuan non-teknis. Salah satunya yaitu kemampuan komunikasi yang baik.

Sebagai seorang web designer, Anda tentu harus berkolaborasi dengan klien atau rekan dari divisi lain di tempat Anda bekerja. Oleh sebab itu, skill komunikasi ini penting dimiliki supaya tidak terjadi miskomunikasi dan project pembuatan website dapat berjalan lancar dan sukses.

7. Time Management

skill time management untuk menjadi web designer

Menjadi seorang web designer yang andal harus mampu mengatur prioritas dan memanajemen waktu dengan baik. Dengan manajemen waktu yang baik, project web design dapat diselesaikan dengan hasil terbaik.

Untuk dapat menerapkan time management yang baik, dibutuhkan disiplin, komitmen, dan fokus. Nah, ada beberapa tools yang dapat membantu web designer dan tim dalam time management. Tools yang bisa digunakan misalnya Trello, JIRA, Quire, dll.

Selain membantu dalam time management, tools tersebut juga sangat membantu Anda ketika bekerja dari rumah. Anda bisa tetap berkoordinasi dan memantau task dalam tim. 

Jenis Website yang Wajib Diketahui Web Designer

Untuk menjadi web designer, Anda harus mengetahui platform yang akan digunakan untuk membuat website. Pada umumnya, ada dua pilihan platform yang bisa Anda pilih, yaitu tanpa CMS atau hard coded website dan menggunakan CMS.

1. Hard Coded Website

website hard coded

Jika Anda membuat website dengan hard coded website, Anda akan membuat semua komponen website Anda sendiri. Komponen itu mulai dari desain tampilan, pembuatan database, hingga coding (script) untuk membuat front end dan halaman admin.

Semua coding komponen website harus Anda buat menggunakan software seperti Dreamweaver atau Text Editor. Kemudian teks tersebut Anda upload ke website.

Berikut ini adalah beberapa keuntungan yang didapatkan jika Anda menggunakan hard coded dalam pembuatan website.

  • Lebih Sedikit Maintenance – dengan menggunakan website coding, Anda tak perlu khawatir memikirkan update dan maintenance saat website Anda telah dirilis. Sebab, di sini Anda tidak menginstall plugin yang sering diperbarui.

Anda jadi tak perlu harus terus membackupnya. Anda bahkan sebenarnya cukup sekali saja membackup data Anda jika tidak ada maintenance.

  • Resource Server yang Digunakan Lebih Sedikit – Tak seperti website CMS, jenis website ini tidak menggunakan resource server yang besar. Kenapa? sebab website jenis ini tidak perlu install server PHP dan MySQL. Jadi, website ini bisa tetap bekerja secara optimal di server yang resource-nya tidak terlalu besar.
  • Bebas Mengatur Website – Anda bisa bebas mengatur dan memodifikasi website sekreatif Anda. Kreatifitas Anda tak akan dibatasi oleh template seperti website CMS. Anda pun bisa lebih fleksibel menambahkan fitur tertentu. Anda hanya perlu memodifikasi code pada source code.

Akan tetapi, pembuatan website dengan hard coded juga memiliki beberapa kelemahan dibanding menggunakan CMS. Pertama, pembuatan dengan hard coded jelas tidak ramah bagi pemula. Sebab Anda harus membangun situs dari awal menggunakan pengkodean.

Kedua, waktu pengerjaan menggunakan hard coded pun otomatis akan jadi lebih lama. Hal ini juga akan mempengaruhi biaya pembuatan website yang lebih mahal dibanding website CMS.

2. CMS (Content Management System)

Website CMS

Selain meng-coding semua komponen sendiri, Anda juga bisa menggunakan CMS (Content Management System). CMS merupakan perangkat lunak yang memungkinkan Anda untuk menambahkan dan mengedit isi dari website.

CMS akan memudahkan Anda untuk mengelola isi website. Anda bisa jadi lebih hemat waktu dan biaya untuk mengembangkan website. Beberapa keuntungan lain menggunakan CMS adalah:

  • Tidak memerlukan Coding – dengan menggunakan CMS, Anda tidak membutuhkan coding untuk menambahkan komponen website. Anda tinggal menambahkan widget atau elemen yang tersedia pada CMS.
  • Banyak pilihan template – CMS menyediakan banyak template dengan bermacam-macam pilihan sesuai dengan kebutuhan. Anda hanya perlu sedikit mengatur tata letak konten jika kurang sesuai.
  • Tersedia banyak plugin – Selain template, CMS juga didukung dengan berbagai plugin yang bisa langsung Anda install. Misalnya plugin SEO, plugin mempercepat performa website, plugin landing page, dll.

Nah, saat ini ada ratusan jenis CMS yang bisa Anda pilih untuk membuat website. Namun, ada tiga CMS populer yang bisa Anda gunakan, yaitu WordPress, Joomla, dan Drupal.

Ketiga CMS tersebut memiliki spesifikasi dan keunggulannya masing-masing. Untuk memudahkan Anda memilih CMS terbaik.

5 Tools yang Digunakan Web Designer

Kemampuan web design yang baik belum cukup tanpa didukung oleh tools web design yang baik. Tools tersebut dipakai oleh web designer untuk mendesain website dari awal pembuatan hingga website rilis.

Berikut ini beberapa rekomendasi tools web design yang dapat Anda gunakan untuk membuat website:

1. WordPress

Selain dikenal sebagai CMS untuk membuat website yang mudah digunakan bagi pemula, WordPress juga bisa digunakan sebagai tools untuk desain web. Bahkan, WordPress dikenal sebagai salah satu tools web design terbaik.

WordPress menyediakan lebih dari ribuan tema yang bisa Anda install. Kemudian Anda dapat edit dan optimalkan tema tersebut sesuai dengan selera serta kebutuhan Anda. Karena bersifat open source, Anda juga bisa dengan bebas mengembangkan tema website WordPress.

Ada banyak sekali keunggulan WordPress yang dapat Anda manfaatkan untuk mendesain website. Apalagi jika Anda menggunakan WordPress hosting dari Niagahoster. Ingin tahu keunggulan-keunggulan WordPress lainnya? Baca 10+ Keunggulan WordPress Niagahoster.

2. Photoshop

Tools yang satu ini sudah tak diragukan lagi kegunaannya bagi banyak designer. Adobe Photoshop sangat cocok untuk menuangkan kreativitas Anda dalam membuat desain web. Pilihan gradien warna yang sangat banyak memungkinkan Anda untuk membuat tampilan desain yang unik.

Photoshop juga menyediakan panel tools design yang lengkap, seperti drawing tool, scripting tools, layer mask, sistem grid, dan masih banyak lagi. Selanjutnya, Anda tinggal mengubah format ke dalam bentuk CSS. Jadi, Anda bisa mendesain website lebih cepat dan tentunya menarik.

3. Sketch

Jika Anda pengguna OS Mac, Sketch merupakan salah satu aplikasi terbaik untuk desain interface website. Sketch menyediakan fitur UI library, sehingga Anda dapat menyimpan elemen-elemen desain yang Anda buat. Fitur tersebut penting bagi seorang web designer untuk membantu membuat desain yang konsisten.

Setelah mendesain, Sketch juga menyediakan tools built-in exporting untuk otomatis mengekspor desain Anda menjadi berbagai format.

4. Dreamweaver

Dreamweaver

Dreamweaver dari Adobe ini juga bisa Anda pakai untuk mendesain website. Aplikasi ini dapat membantu Anda bekerja lebih efisien. Beberapa fitur seperti, Smart Code Hinting, Highlight Syntax, dan Live View akan memudahkan Anda memudahkan Anda untuk langsung mendapatkan source kodenya. Jadi, aplikasi ini sangat cocok bagi Anda yang membuat website dengan HTML.

Aplikasi ini juga dapat digunakan untuk berkolaborasi, sehingga tim lain juga dapat melihat hasil pekerjaan Anda. Yang menarik, Dreamweaver juga memiliki fitur responsive design untuk membantu Anda membuat desain yang responsif.

5. Invision Studio

Alat yang satu ini juga bisa Anda coba mendesain UI website. Invision menyediakan fitur prototyping yang membantu Anda untuk berkolaborasi dengan tim lain. Dengan fitur tersebut, orang lain dapat melihat dan memberikan komentar langsung pada desain.

Menariknya, dengan aplikasi ini, Anda juga dapat membuat demo website yang kompleks. Misalnya menambahkan efek transisi untuk menampilkan prototipe pada client Anda.

Invision juga menyediakan beberapa fitur yang mempermudah web designer dalam merancang website. Fitur-fitur tersebut di antaranya, drawing tools, navigation panel, UI library, review and sharing tools, dan fitur comment.

Anda pun dapat dengan mudah merancang layoutmembuat unique graphic, animasi, font tulisan, tabel, dan lain sebagainya. Anda juga bisa mengimport foto untuk Anda edit. Desain Anda selanjutnya bisa di-eksport ke dalam bentuk kode agar dapat ditampilkan di halaman website. Beberapa tools web design mampu mengubah layer, font, dan gaya paragraf ke dalam bentuk CSS.

Sumber:https://www.google.com/amp/s/www.niagahoster.co.id/blog/web-designer/