Tips All

Pada kali ini kita akan belajar membuat button yang menarik menggunakan HTML dan Tailwind CSS untuk membangun projek website yang modern. Pertama kita perlu membuat tag HTML sederhana terlebih dahulu untuk hyperlink yang akan kita jadikan sebuah button <a href="#" class=""> View Profile </a> Kodingan HTML di atas tersedia class untuk komponen tersebut dan belum kita berikan styling menggunakan Tailwind CSS, kita akan memberikan property seperti: panjanglebarwarna backgroundtingkat radius cornerefek hover ketika disorot cursor <a href="#" class="font-bold text-white bg-orange-400 rounded-full px-5 py-3"> View Profile </a> Saya akan menjelaskan fungsi setiap class name yang digunakan di atas sebagai berikut: font-bold digunakan untuk menjadikan text pada button tersebut menjadi lebih tebal sehingga mudah dilihat penggunatext-white untuk menjadikan warna text menjadi warna putih karena kita menggunakan warna background orange sehingga lebih mudah dibacabg-orange-400 artinya adalah kita mengatur tersebut memiliki background berwarna orange dengan angka 400 sehingga warnanya di antara terang dan gelaprounded-full kita butuhkan untuk mengatur button tersebut berbentuk halus pada setiap sudutnya Pada button tersebut kita tidak mengatur lebar dan tinggi secara manual dengan angka yang pasti, namun kita menggunakan padding untuk mengatur lebar dan tinggi dari button tersebut. Mengapa demikian? agar lebarnya menjadi lebih responsive sesuai dengan panjang dari text pada button tersebut. Maka berikut hasil dari pembuatan button sejauh ini: Selanjutnya kita perlu menambahkan sedikit interaksi agar meningkatkan user experience ketika pengguna menyorot button tersebut maka akan berubah warna sehingga berbeda dengan komponen lainnya menggunakan kode berikut: <a href="#" class="hover:bg-indigo-950 font-bold text-white bg-orange-400 rounded-full px-5 py-3"> View Profile </a> Jika kita lihat di atas maka saya baru saja menambahkan hover:bg-indigo-950 yang berarti ketika di-hover atau sorot maka warnanya berubah menjadi indigo, kamu bisa cobain save projeknya lalu lihat hasilnya pada browser favoritmu. Selanjutnya kita belajar Tailwind CSS tentang apa lagi ya? saranin langsung ke BuildWithAngga ya melalui Instagram.

Untuk menciptakan website yang baik bukanlah hal yang mudah. Dibutuhkan keahlian dari berbagai aspek yaitu pemahaman mengenai kebutuhan pengguna, desain yang interaktif & efektif, responsivitas di berbagai perangkat, serta optimasi SEO untuk meningkatkan visibilitas situs web di search engine. AI atau Kecerdasan Buatan merupakan teknologi yang memungkinkan mesin untuk meniru fungsi kecerdasan manusia, melibatkan pembelajaran dan pemecahan masalah. Untuk website developer, AI dapat membantu mereka dalam berbagai cara. AI dapat digunakan untuk otomatisasi, seperti pengujian dan pelaporan bug, mempercepat pengembangan kode dengan prediksi kode, dan bahkan membantu dalam dokumentasi sebuah program. Ini membantu website developer untuk bekerja lebih efisien dan fokus pada aspek-aspek penting lain dari website development. Saya memiliki 5 rekomendasi AI tools canggih yang dapat membantu pekerjaan website developer agar lebih efektif dan lebih efisien lagi. ChatGPT Seperti yang kita tahu, ChatGPT adalah AI yang dirancang untuk menghasilkan teks alami atau human-like berdasarkan input yang diberikan. Meskipun tidak bisa menghasilkan kode secara keseluruhan, namun ChatGPT akan sangat membantu website developer untuk memberikan efisiensi workload, eliminasi human error, menyimpan waktu, serta memberikan ruang lebih untuk kreatifitas developer. Keuntungan dalam menggunakan ChatGPT sebagai berikut: Menghasilkan code snippet atau potongan kecil kode berdasarkan apa yang diminta secara spesifik.Scanning kode untuk identifikasi kode yang rentan dan menghasilkan error, serta memberikan solusi terhadap masalah tersebut.Otomasi Unit Testing, dapat memberikan layanan unit testing yang baik untuk Quality Assurance terhadap kode yang kita pakai. Github Co-pilot Github sudah banyak diketahui oleh kalangan programmer saat ini sebagai layanan hosting serta version control. Namun, banyak yang belum tahu bahwa Github mempunyai layanan AI yaitu Github Co-pilot untuk membantu para developer dalam efisiensi pekerjaannya. Keuntungan memakai GitHub Co-pilot sebagai berikut: Merubah input yang diberikan menjadi code.Menghasilkan saran fungsi atau kode di dalam text editor.Membantu mempelajari library atau framework yang tidak familiar.Mempercepat unit testing.Dapat bekerja dalam beberapa text editor seperti Visual Studio Code, JetBrains IDEs, maupun Neovim. TabNine TabNine adalah asisten AI yang sangat dipercaya oleh jutaan developer & perusahaan top seperti Amazon, Gitlab, dan Comcast. TabNine dibuat untuk mempercepat workflow dari developer dan menurunkan biaya review untuk iterasi kode. Berikut keuntungan memakai TabNine untuk developer: Memberikan dan menyelesaikan kode/fungsi keseluruhan, baik singkat maupun lanjutan.Dapat mempelajari kode dan style dari programmer.Bekerja dengan beberapa bahasan pemrograman seperti JavaScript, TypeScript, Rust, dan Go.Tidak hanya bekerja dalam laptop programmer, namun dapat bekerja di dalam server dan Cloud. Snyk Snyk.io merupakan AI assistant untuk developer meningkatkan security atau keamanan code yang menggunakan teknologi AI Engine terbaru. Walaupun belum terlalu lama di market, Snyk mempunyai kekuatan yang tidak kalah dari pesaingnya dengan memberikan layanan analisa kode, menyorot error, dan memberikan actionable rekomendasi. Berikut keuntungan yang disediakan Snyk: Memberikan keamanan untuk build dan deployment pipelines.Mengintegrasikan repositori source code kamu dengan aplikasi keamananMencari issue dan melakukan perbaikan dengan saran perbaikan. Mintlify Dokumentasi kode adalah hal yang sangat memakan waktu dan membosankan saat proses development. Tidak seperti AI sebelumnya, Mintlify memberikan otomasi keleluasaan dan kemudahan dalam dokumentasi source code kamu agar lebih rapi dan mudah untuk berkolaborasi dengan developer lain kedepannya. Mintlify dapat melakukan scanning code yang kita punya, dan melakukan generate dokumentasi dengan bahasa natural serta melakukan penjelasan terhadap dokumentasi tersebut, bahkan melakukan otomasi pekerjaan manajemen workflows di platform popular seperti Slack, Dropbox, dan Github. Penutup Well, berikut adalah beberapa rekomendasi AI untuk membantu kamu sebagai Website Developer agar bekerja dengan lebih efisien dan efektif. Serta, dapat memungkinkan kamu lebih fokus terhadap masalah yang lebih besar dan memberikan ruang untuk lebih kreatif. Menggunakan bantuan dari AI tersebut, para Website Developer dapat meningkatkan kualitas dan efisiensi kerja mereka sehari-hari. ChatGPT dapat memberikan code snippet, mengatasi code error, maupun otomasi unit testing.GitHub Co-pilot dapat berjalan di dalam text editor dan dapat memberikan sugesti fungsi atau kode didalamnya.TabNine AI yang dapat membantu developer langsung di dalam server cloud.Snyk memberikan kemudahan untuk membantu dalam keamanan kode.Mintlify mengotomasi pekerjaan developer dalam dokumentasi kode-kode yang telah dibuat. Jika kamu tertarik untuk mempelejari Website Developer dengan lebih lanjut, silahkan dipelajari beberapa kelas gratis Website Developer yang tersedia di website BuildWithAngga.com dalam mempersiapkan karir high-demand skill dan dapat survive dengan developer lainnya. Sampai jumpa di artikel selanjutnya. Goodluck!

User Research merupakan proses yang sering kali dilewatkan oleh UI/UX Designer dalam membangun sebuah produk digital. Padahal untuk membuat suatu produk yang baik adalah sebuah produk yang dapat memahami kebutuhan, keinginan, dan perilaku pengguna. User research sering dilakukan melalui observasi, usability testing, user interview, bahkan feedback yang ada di playstore maupun appstore. Dengan begitu, sebuah produk yang dirancang dan dikembangkan akan efektif, seusia dengan kebutuhan pengguna, dan dapat bersaing dengan kompetitor pasar. Latihan Membuat User Research Sebagai UX/UI Designer maka ada beberapa tahap yang perlu dilakukan untuk melakukan User Research sehingga sesuai dengan pain-points dan target kebutuhan pengguna untuk memberikan experience terbaik terhadap produk yang kita buat. Dalam artikel ini, kita akan melakukan user research dengan FigJam. Figjam adalah sebuah produk dari Figma yang berfungsi sebagai online workspace untuk brainstorming dan kolaborasi ide. Dengan Figjam, tim dapat secara visual berkolaborasi dan berbagi ide melalui post-it digital, diagram, dan banyak lagi. Ini merupakan alat yang bagus untuk melakukan user research dan ‘How Might We’ proses. 1. Defisinikan Overview dan Background Masalah Sebaiknya sebelum kita melakukan User Research, ada baiknya untuk memberikan keterangan dan definisikan Overview seperti Platform yang dipakai, Background masalah, Goals dari User Research ini, dll). Dengan begitu, kita sebagai UX/UI Designer tahu lebih jelas dengan apa yang akan dilakukan. Kita bisa membuatnya dan mengisi kolom di Figjam seperti ini: Platform apa yang ingin dilakukan user research?Goals apa yang diharapkan akan tercapai?Later belakang masalahdan tools atau metode yang dipakai 2. Mengumpulkan ‘Voice of Users’ Pada proses pertama ini, kita bisa mengumpulkan feedbacks dari pengguna dari mana saja seperti Playstore’s reviews, user interview, bahkan survey. Untuk studi kasus ini, kami menggunakan review dan feedbacks dari playstore & appstore. Semakin banyak dan luas feedback yang diambil, maka akan baik dan banyak juga masalah yang akan kita temui di dalam aplikasi tersebut. Berikut contoh yang telah kami buat: Ketika mengumpulkan Voice of Users, kita hanya mengambil feedback yang berkaitan dengan User Experience maupun Desain Visualnya. Feedback yang berkaitan dengan Bug system atau system error, tidak perlu kita ambil. 3. Pain Points Classification Setelah kita mengumpulkan banyak Voice of Users dari metode yang kita tetapkan. Maka selanjutnya adalah melakukan klasifikasi atau mencari kesamaan untuk dikumpulkan menjadi beberapa grup poin-poin masalah pengguna. Seperti yang telah kami dibuat berikut: Proses klasifikasi atau synthesize masalah yang baik sangatlakh penting untuk mempermudah kita sebagai UX/UI designers untuk mengambil kesimpulan dan membuat suatu problem statement dari masalah tersebut. 4. Membuat Problem Statement Ketika sudah melakukan grouping atau klasifikasi poin-poin masalah pengguna. Saatnya kita dapat menyimpulkan dan membuat sebuah problem statement dari situ. Tujuannya, untuk memperjelas kebutuhan pengguna dan juga insights apa yang kita dapat dari masalah tersebut. Jika tidak, akan susah bagi UX/UI designers dan stakeholder lain untuk memutuskan apa yang akan ditindaklanjuti. Cara membuat Problem Statement: UserNeeds: Tuliskan kebutuhan pengguna berdasarkan klasifikasi pain points yang sudah dibuatInsights: Tuliskan apa yang didapat dari kebutuhan pengguna tersebut secara detailProblem Statement: Menggabungkan kalimat Need dan Insights menjadi sebuah kalimat. Hal ini cukup penting untuk memberikan penjelasan terhadap kebutuhan pengguna serta pain-points pengguna agar stakeholder maupun desainer lainnya tidak salah pengertian. 5. Prioritization Problems Prioritization Problems atau memprioritaskan masalah sangatlah penting untuk keberlangsungan product life cycle dengan memikirkan urgency dan seberapakah masalah tersebut sangat berdampak bagi produk. Pada proses ini, sangat disarankan untuk melakukannya bersama desainer lain, developer, maupun stakeholders. Dengan begitu, kita dapat mengetahui sudut pandang lain. Prioritas masalah ini biasanya dilakukan melalui voting, Voting yang paling banyak adalah masalah yang paling urgent dan harus segera dilakukan. 6. Summarize Findings Setelah dilakukan voting dan mendapatkan prioritas masalah, maka hal selanjutnya adalah membuat kesimpulan dari masalah tersebut. Kita dapat memberikan informasi seperti problem statements serta Voice of Users yang telah kita kumpulkan sebelumnya. Dan pada akhirnya, kesimpulan dapat kita teruskan ke UX Designer ataupun ke Product Designers untuk ditindaklanjuti. Kesimpulan Well, begitulah beberapa langkah yang biasa kami lakukan untuk melakukan user research yang baik dan efisien dengan menggunakan software dari Figma yaitu FigJam yang bukan hanya memberikan user experience yang baik, namun untuk dapat meningkatkan performa pertumbuhan bisnis pada produk yang kita kembangkan. Jika kamu tertarik mempelajari lebih lanjut, silahkan dipelajari beberapa kelas gratis UI UX design yang tersedia di website BuildWithAngga dalam mempersiapkan karir lebih matang dan dapat bersaing dengan designer lainnya. Goodluck.

Zaman sekarang lebih enak dalam mencari pekerjaan karena bisa dilakukan secara online tanpa harus keluar rumah dan bermacet-macetan untuk berangkat ke kantor. Banyak pekerjaan tersebut yang memiliki prospek dibayar tinggi bahkan ada yang bisa sampai tembus digaji Rp 25.000.000 per setiap bulannya, kerja dari rumah! mantap ya. Mereka yang telah merasakan benefit di atas adalah orang-orang yang telah cukup lama bekerja sebagai Freelancer untuk mengerjakan projek lokal maupun internasional. Wajar saja bayaran mereka tinggi karena biasanya dibayar dengan mata uang asing (US dollar). Jadi, apa sih Freelancer itu? Freelancer adalah seseorang yang bekerja bersama dengan klien atau perusahaan dalam jangka waktu yang sebentar misalnya paling lama hanya 3 bulan saja, sangat berbeda dengan mereka para pekerja tetap (full-time) yang bisa sampai 1-5 tahun dikontrak untuk bekerja dalam sebuah perusahaan tersebut. Mengapa orang memilih menjadi Freelancer? Kok pada milih jadi freelancer sih? bukannya lebih enak menjadi pekerja tetap ya bisa dapat kontrak hingga 5 tahun lebih lamanya? well, adapun beberapa manfaat utama apabila kita menjadi freelancer adalah sebagai berikut: bisa bekerja secara online dari rumah tanpa harus ke kantorbisa mengerjakan lebih banyak projek dan semakin besar pemasukkanbisa sekaligus bangun networking luas untuk prospek projek besar lainnyabisa mengatur jam kerja dan projek mana aja yang ingin kita kerjakan tanpa ada tekananbisa menghindari bos yang toxic dengan cara menolak dia sebagai klien kitadan masih banyak manfaat freelancer lainnya yang bisa kita dapatkan Menjadi freelancer dapat memberikan kebebasan besar kepada diri kita sehingga ketika mengerjakan suatu projek maka kita merasa lebih bahagia (sesuai passion). Perlu diingat bahwa tidak semua orang bisa menjadi seorang freelancer yang sukses, definisi sukses di sini adalah misalnya dapat menghasilkan lebih dari 10 juta per bulannya dari berbagai projek, terkadang ada saja freelancer yang hanya bisa menghasilkan 5 juta per bulannya. Kalau mau mulai jadi Freelancer harus mempersiapkan apa saja? Well, saya pribadi senang apabila kamu ingin mencoba menjadi freelancer untuk mendapatkan banyak privilege terbaik yang tidak bisa didapatkan oleh para pekerja tetap. Saya sarankan jika ingin memulai freelancing maka kamu bisa mengikuti arahan berikut: tentuin terlebih dahulu mau fokus pada niche apa misalnya UI UX designbangun skills UI UX design terbaru, jangan pelajari yang sudah kadaluwarsapelajari soft skills seperti komunikasi, negosiasi, public speaking, dan sebagainyabangun portfolio sesuai trend terbaru saat ini (riding the wave)latihan mem-filter calon klien karena klien toxic dapat membuat kamu menyerah Silahkan dicoba dulu kelima langkah di atas dan apabila sudah dilakukan semuanya maka saya rasa persiapan awal untuk memulai freelancing kamu sudah siap. Selanjutnya kamu bisa memilih beberapa platform freelancer dalam mendapatkan projek pertama mereka misalnya Upwork atau Fiverr atau juga Freelancer.com. Kesimpulan utama menjadi Freelancer Punya benefit bagus tapi sulit mencari projek di awalHarus pandai ngatur waktu dengan pekerjaan utama (backup)Selalu pelajari ilmu terbaru untuk menarik perhatian klien Apabila kamu tertarik belajar lebih lanjut dan membutuhkan arahan lebih dalam dengan strategi freelancing terbukti, kamu wajib cobain kelas Upwork: Strategy 100 Juta Pertama buatan mentor berpengalaman di website BuildWithAngga. Pada kelas tersebut kamu akan mempelajari banyak hal seperti menyusun profile menarik, memfilter pekerjaan yang tepat, negosiasi dengan klien agar dibayar tinggi, dan juga materi freelancing penting lainnya. Semoga beruntung, sampai jumpa di kelas.

Untuk menciptakan desain UI/UX yang hebat bukanlah tugas yang mudah. Para UI/UX designer wajib memahami kebutuhan pengguna dan merancang interface yang intuitif, menarik, dan fungsional. Teknologi kecerdasan buatan atau AI (artificial intelligence) telah menjadi pedoman yang berharga bagi para desainer. Dalam artikel kali ini, kami akan merekomendasikan Anda, tiga software AI yang telah membantu mengangkat standar desain UI/UX, memungkinkan pekerjaan yang lebih cerdas, cepat dan hasil yang lebih menakjubkan. 1. Khroma Khroma adalah software AI yang sangat berguna dalam pemilihan palet warna yang efektif. Software ini memahami psikologi warna dan preferensi Anda, kemudian menghasilkan kombinasi warna yang sesuai. Khroma membantu desainer dalam menciptakan tampilan yang menarik serta memudahkan pencarian warna yang cocok dengan cepat, mempercepat proses desain dan pengambilan keputusan warna untuk desain Anda. Ada pun beberapa keunggulan Khroma seperti: Generator SVG, yang memungkinkan Anda melihat bagaimana warna pilihan Anda dapat menyempurnakan gambarMenyalin kode hex untuk penerapan warna yang mudahKombinasi Warna yang Harmonis: Khroma membantu Anda menemukan kombinasi warna yang harmonis dan estetis dengan cepat. Ini sangat berguna untuk menciptakan palet warna yang menarik dan seimbang.Pemilihan Warna yang Terperinci: Khroma memberikan beragam pilihan warna dan mengizinkan desainer untuk menyesuaikan preferensi mereka. Anda dapat mencari warna berdasarkan skema warna tertentu, warna favorit, dan banyak lagi.Free dan dapat diakses secara online via Chrome 2. Framer Framer adalah software desain yang juga memanfaatkan teknologi AI. Dengan Framer, Anda dapat membuat prototipe interaktif dengan cepat dan mudah. Software ini memungkinkan Anda untuk menguji interaksi pengguna, animasi, dan alur kerja produk. Dengan bantuan AI, Anda dapat mengoptimalkan prototipe Anda dan mendapatkan wawasan yang worth-it tentang bagaimana pengguna berinteraksi dengan desain Anda. Framer mampu: Auto-Code: Software AI satu ini mampu menghasilkan kode secara otomatis berdasarkan desain yang dibuat oleh pengguna. Framer mampu mengenali pola dalam desain dan memberikan kode yang sesuai, sehingga mempercepat proses pengembangan prototipe dan mengurangi kesalahan manusia dalam penulisan kode.Auto-Animate: Fitur ini menggunakan AI untuk menghasilkan animasi yang mulus dan responsif. Software ini akan secara otomatis menganalisis perubahan setiap halaman atau elemen desain, dan menghasilkan animasi yang tepat untuk transisi antara perubahan tersebut.Komponen Siap Pakai: Framer menyediakan komponen siap pakai dan template yang memudahkan desainer untuk membuat prototipe. Ini mempercepat proses prototyping dan memungkinkan desainer untuk fokus pada ide kreatif mereka.Framer yang diakses secara free memiliki batasan fitur. Berbeda dengan Framer berbayar yang memiliki akses fitur lebih luas.Dapat diakses dengan Chrome 3. Qoqo Qoqo dapat membantu UI/UX designers untuk membuat user persona dan user journey map menjadi lebih instant. Untuk membuat user persona, Anda hanya tingal mengetik keyword pada kolom persona untuk keterangan status, umur, dan domisili. Lalu pada bagian context Anda bisa mengisinya tentang apa yang akan Anda buat dalam user persona. Contoh: Pada bagian "persona, masukkan keyword “A 32 years old career woman”Lalu di kolom context, masukkan keyword “is trying to find her business partner” lalu klik generate.AI secara otomatis menampilkan user persona lengkap dengan goals, needs, motivation, frustrations, tasks, dan opportunities berdasarkan persona dan context yang Anda berikan*.* Sama halnya dengan membuat user persona, saat membuat user journey map hanya perlu mengisi persona dan skenarionya, maka AI akan memberikan semua tahap yang dilalui pada user journey map. Dengan QoQo, Anda dapat menghemat waktu dan usaha dalam mengembangkan user persona dan user journey map yang relevan dan bermanfaat dalam proses desain UX Anda. Ada pun keunggulan QoQo yaitu: Bersaing dengan menghemat waktu tanpa memotong UX.Identifikasi Tantangan Desain: mampu mengidentifikasi elemen dan tantangan utama untuk ringkasan desain, memungkinkan desainer untuk memfokuskan upaya mereka dengan lebih efektif.Idealnya digunakan dalam kombinasi dengan riset pengguna Anda sendiri, yang merupakan bagian utama dari desain UXModel De-biasing: mengintegrasikan model de-biasing, mengurangi bias dalam hasil yang dihasilkan AI, dan memastikan wawasan yang lebih akurat dan inklusif.QoQo bisa diakses secara free, namun untuk beberapa fitur unggulan, Anda harus membayar langganan.Dapat diakses secara online via Chrome Kesimpulan Software AI seperti Khroma, Framer, dan QoQo telah membawa perubahan yang signifikan. Mereka tidak hanya mempermudah tugas para desainer, tetapi juga membantu dalam menciptakan pengalaman pengguna yang lebih baik: Khroma membantu dalam pemilihan warna yang efektif,Framer memungkinkan pembuatan prototipe yang interaktif,QoQo mempersingkat pembuatan user persona dan user journey map. Dengan teknologi AI semakin terlibat dalam workflow UI/UX, para desainer memiliki alat yang kuat untuk mencapai hasil terbaik dan meningkatkan kualitas desain mereka. Jika kamu tertarik mempelajari lebih lanjut, silahkan pelajari beberapa kelas gratis UI UX design yang tersedia di website BuildWithAngga dalam mempersiapkan karir lebih matang dan dapat bersaing dengan designer lainnya, good luck.

Jika kita ingin menumbuhkan bisnis yang kita bangun atau bisnis dari perusahaan tempat kita bekerja maka kita perlu mengetahui bagaimana brand dari bisnis kita di mata publik. Apakah brand kita bagus di mata mereka? bagian mana yang perlu kita tingkatkan kembali? apa saja yang mereka kita sukai dari produk atau jasa yang kita miliki? dan juga seterusnya. Apa itu Sentiment Analysis? Sentiment Analysis adalah salah satu proses terbaru yang menggunakan teknologi machine learning dan natural language processing (NLP) dalam mengkaji puluhan jutaan opini yang terkait sebuah produk atau layanan yang tersedia di internet dan mengkategorikan opini-opini tersebut menjadi ke beberapa kategori seperti positif (bagus untuk bisnis), negatif, atau netral. Sebagai UX researcher hal ini juga penting agar kita bisa lebih paham dalam meningkatkan aplikasi dan website yang kita bangun bersama dengan tim. Mendapatkan data kebutuhan proses sentiment analysis Untuk mengetahui bagaimana brand kita dilihat, dirasakan, dan dialami oleh orang-orang maka kita membutuhkan banyak data untuk dikelola oleh machine learning. Beberapa platform yang bisa kita andalkan untuk mengumpulkan data adalah sebagai berikut: TwitterInstagramTikTokForum TerbukaGoogle ReviewsHalaman reviews pada website/aplikasi kita Semakin banyak variasi data yang kita dapatkan maka semakin cerdas juga machine learning dalam menentukan sebuah opini, apakah positif, negative, atau neutral. Kita perlu memastikan bahwa sistem yang dibangun tidak bias karena dapat memberikan indikasi yang salah ketika kita ingin membuat keputusan sebuah bisnis. Menggunakan API umum dari setiap social media Saat ini social media masih menjadi tempat orang-orang berkeluh kesah terkait pengalaman mereka menggunakan sebuah brand tertentu, agar kita bisa mendapatkan opini-opini tersebut dengan cepat maka kita bisa menggunakan API yang telah mereka sediakan seperti platform Twitter, Facebook, TikTok, dan sebagainya. Untuk mengakses API maka kita membutuhkan bantuan programmer yang memiliki skills tersebut. Hal ini sulit dilakukan untuk orang awam namun hasilnya memiliki dampak besar yang bagus untuk perusahaan kita jika dilakukan dengan baik. Fine-Grained Sentiment Analysis Ketika menggunakan Fine-Grained Sentiment Analysis maka kita lebih mempertimbangkan sesuatu dengan lebih mendetail misalnya sangat positif, positif, netral, negatif, dan sangat negatif. Jadi bukan cuma 3 jawaban seperti basic sentiment analysis saja yaitu positif, netral, dan negatif. Hal tersebut dapat membantu kita memahami suatu produk, brand, atau jasa menjadi lebih terperinci. Sentiment analysis akan dikategorikan menjadi 5 tingkat, biasanya lebih sering kita temui pada sebuah review produk di website e-commerce. Bintang 5 menunjukkan sangat positif sedangkan bintang 1 menunjukkan sangat negatif, dan bintang 4 menunjukkan bahwa pengguna tersebut senang tapi masih belum memenuhi ekspetasi mereka. Jadi, dari sini kita sudah tahu bagian mana yang perlu ditingkatkan kembali dari sebuah produk atau jasa yang kita jual secara online, machine learning akan membantu kita untuk mendapatkan hasil yang lebih akurat dari menggunakan metode Fine-Grained Sentiment Analysis. Kesimpulan mempelajari dan menggunakan sentiment analysis Adapun beberapa kesimpulan utama yang perlu kita pertimbangkan kembali mengapa sentiment analysis bagus untuk pertumbuhan bisnis kita terutama apabila bisnis yang dibangun berfokus di dunia digital (online): Sentiment analysis menyediakan data dalam memahami customer lebih dalam berdasarkan opini yang telah mereka sampaikanBisnis dapat tumbuh lebih cepat karena membuat keputusan berdasarkan pengalaman yang dialami pengguna dan memberikan peningkatkan yang tinggiCustomer semakin betah dengan brand tersebut karena merasa lebih didengar dan diperhatikan sehingga mereka menjadi lebih loyal Well, jika kamu UI UX designer maka ilmu sentiment analysis cukup membantu pertumbuhan karirmu dalam membantu perusahaan tumbuh, dan jika kamu seorang programmer maka bisa lanjut mempelajari machine learning untuk mengelola opini-opini tersebut dan bekerja sama dengan tim sales, marketing, dan sebagainya. Mulai dari sekarang kita perlu belajar membangun website atau aplikasi yang lebih mengarah ke user-centric dibandingkan hanya berdasarkan asumsi diri kita saja, semoga beruntung dan sampai juga pada tips design dan coding menarik lainnya di BuildWithAngga.

Apabila kita ingin membuat pengguna betah menggunakan website buatan kita maka kita perlu memberikan tampilan yang menarik (eye-catching) di mata pengguna. Kita perlu memberikan styling seperti color, typography, spacing, grid system, dan lainnya sehingga website terlihat lebih modern, clean, minimalist, dan intuitive. Untuk melakukan styling tersebut maka kita perlu mempelajari lebih dalam ilmu CSS di dalam dunia website development. Apa itu CSS? CSS kepanjangan dari Cascading Style Sheets adalah sebuah bahasa style sheet yang digunakan oleh website developer dalam mengembangkan dan memodifikasi tampilan website sehingga bisa lebih menarik. CSS biasanya digunakan di dalam dokumen HTML dan juga bisa digunakan secara pisah dari HTML agar lebih mudah diorganisir dengan rapih. Apabila kita memisahkan CSS dari HTML maka perlu kita import menggunakan script HTML seperti <link rel=”stylesheet” type=”text/css” href=”css/style.css”> Kelebihan menggunakan CSS Dalam membuat layout website maka kita perlu menggunakan HTML, keterbatasan dari HTML adalah tidak bisa memberikan styling yang lebih complex lagi dibandingkan CSS misalnya membuat animasi, warna gradient, corners pada sudut element, dan sebagainya. Selain itu juga apabila kita memisahkan kodingan CSS dengan file HTML maka projek website akan lebih mudah di-maintenance oleh lebih dari satu developer saja pada perusahaan tersebut sehingga selain tampilan website yang jadi lebih menarik namun juga memberikan perfomance website tersebut menjadi lebih cepat dan membuat pengguna betah menggunakannya. Beberapa contoh yang saya lakukan dengan CSS dalam membuat projek website menjadi lebih menarik adalah sebagai berikut: Mengatur responsive design sehingga tampilan website tetap bagus pada laptop, handphone, dan layar smartTVMembuat beberapa animasi dalam meningkatkan user-experience pada website yang saya bangunMembuat reusable styling sehingga saya bisa lebih cepat menggunakan style yang sama dan berulang kepada halaman-halaman lainnya Cara menggunakan CSS pertama kita Kita beruntung karena CSS sebenarnya menggunakan bahasa Inggris yang mudah dipahami seperti jika kita ingin mengatur suatu lebar maka pakai width dan untuk tinggi pakai height, well, sudah waktunya perdalam bahasa Inggris kita juga nih. Untuk memberikan styling kepada sebuah element tertentu pada tampilan website kita maka kita perlu memberikan selector kepada element tersebut melalui file CSS kita. Misalnya kita ingin membuat button yang besar dan berwarna biru, maka kita perlu menuliskan kodingan seperti berikut: button { background-color: blue, width: 200px, height: 55px; } Jika kita perhatikan kodingan di atas maka kita telah mengarahkan styling kepada button lalu kita berikan property seperti background-color (warna background) menjadi biru ditambah juga mengatur lebar dan tinggi menggunakan pixel. Kodingan CSS di atas akan mengubah seluruh styling pada <button></button> pada dokumen HTML kita, namun apabila kamu hanya ingin mengubah pada beberapa button tertentu maka kita bisa menggunakan ‘.’ ditambah dengan nama kelas yang dimaksud, sebagai contoh berikut: .button-checkout { background-color: orange, width: 200px, height: 55px; } Kodingan diatas dapat membantu kita mengubah seluruh warna background menjadi warna oranye kepada button yang memiliki nama kelas button-checkout, oleh karena itu kita perlu memberikan attribute class=”” pada button menjadi <button class=”button-checkout”><button>. Apabila kamu ingin coba mempraktikkan kodingan CSS di atas maka bisa menggunakan software seperti visual studio code atau sublime text editor. Jika kamu tertarik untuk memperdalam ilmu CSS pada website design dan development maka silahkan mengikut beberapa kelas CSS gratis pada website BuildWithAngga sehingga tampilan website kamu bisa lebih menarik perhatian calon perusahaan tempat kamu bekerja nantinya. Kesimpulan perkenalan CSS Beberapa poin penting perlu kita ingat dalam mempelajari CSS: CSS adalah bahasa stylesheet yang digunakan website developer untuk membuat tampilan website lebih menarik dan meningkatkan user-experienceCSS wajib dipisah dari dokumen HTML agar mudah di-maintenanceCSS dapat membantu kita membuat layout lebih complex seperti menambahkan animasiCSS menggunakan bahasa Inggris sederhana sehingga mudah dipahami orang awamDengan menggunakan CSS kita bisa memberikan styling lebih cepat tanpa mengulang-ulang kembali pada styling yang samaCSS membantu kita membuat tampilan website lebih responsive di seluruh device Oiya nanti pada artikel selanjutnya kita akan bahas lebih tentang CSS seperti Internal dan External CSS, beberapa framework CSS pilihan, dan sebagainya. Pantau terus halaman tips ini untuk mendapatkan beberapa tips CSS terbaru lainnya. See you again in the next article.

Kebutuhan masyarakat dalam berbelanja secara online melalui smartphone mereka semakin tinggi dari tahun ke tahun, hal tersebut memberikan kesempatan besar kepada setiap perusahaan untuk tumbuh lebih cepat dan pesat dengan cara memberikan layanan secara online dalam menjual sebuah produk atau jasa kepada customer. Masih banyak perusahaan kecil dan besar lainnya yang belum sama sekali memanfaatkan kesempatan itu, mereka masih belum memiliki website dan beroperasi secara online dalam mempromosikan yang mereka jual saat ini. Apa dan manfaat framework PHP Framework PHP dapat membantu para website developer dan programmer dalam mengembangkan website yang modern dengan cepat. Framework PHP yang bagus biasanya telah menyediakan kumpulan module yang bisa kita gunakan dalam membangun website yang aman dan memiliki perfomance yang bagus. Dibandingkan harus tulis koding dari awal, lebih baik pakai yang sudah disediakan dan kita modifikasi saja sesuai dengan core business projek website tersebut. Pada kali ini kita akan mengenal salah satu framework PHP yang cukup terkenal dan terbukti bagus dari segi kerapihan projek, cara bekerja, keamanan, kecepatan website, dan sebagainya yaitu adalah framework Laravel buatan Taylor Otwell. Mengenal framework Laravel Startup atau perusahaan yang sudah stabil saat ini lebih banyak yang mencari seorang website developer dengan keahlian dapat menggunakan framework PHP Laravel untuk mengembangkan website mereka dengan cepat, aman, dan easy to maintenance. Laravel adalah salah satu farmework PHP yang gratis digunakan (open-source) oleh website developer dan programmer untuk mengembangkan sebuah website yang modern. Laravel menggunakan konsep model-view-controller (MVC) architectural pattern, dengan konsep tersebut maka web developer dapat menyelesaikan projek website dengan efisien dan terorganisir dengan baik dan rapih sehingga mudah dirawat (maintenance). Laravel dibangun oleh Taylor Otwell pada 9 Juni 2011 dan telah memiliki komunitas yang besar di seluruh dunia, bahkan beberapa perusahaan besar seperti Disney dan WarnerBros menggunakan framework Laravel untuk mengembangkan core business yang mereka jual. Kelebihan utama menggunakan framework Laravel Sebagai website developer maka kita tidak bisa sembarangan memilih framework karena akan digunakan untuk beberapa tahun ke depan bukan cuma seminggu atau dua minggu saja, framework yang bagus juga harus bisa digunakan bersama-sama dengan tim developer lainnya. Mempercepat proses pengembangan website yang modern tanpa harus khawatir dari segi kecepatan, keamanan, dan perawatan.Laravel dikenal memilih keamanan yang bagus seperti CSRF Protection, SQL Injection Prevention, Password Hashing, Middleware, dan sebagainya.Popularitas yang tinggi sehingga tersedia banyak forum belajar untuk kita berdiskusi dan bertanya terkait kendala pengembangan website dengan Laravel.Tersedia berbagai penyimpanan cache membuat perfomance website kita menjadi lebih ringan dari segi pengguna dan membuat mereka betah menggunakannya.Memiliki berbagai plugins bermanfaat dalam mengembangkan website seperti Jetstream, Laraform, dan sebagainya.Laravel gratis digunakan tanpa ada batasan fitur sehingga meringankan budget pengembangan website yang powerful. Memilih framework harus berhati-hati untuk menghindari serangan dari hacker yang dapat merusak website serta database pengguna, produk, dan jasa yang kita miliki. Beberapa fitur unggulan framework Laravel Selama saya mengembangkan website modern menggunakan Laravel, saya telah menemukan beberapa fitur yang cukup membantu dalam proses pengembangan website untuk klien perusahaan kecil atau besar. Artisan Command-Line Interface (CLI): Kita dapat menjalankan beberapa perintah seperti bikin table baru, melakukan testing, mengubah data pada database, dan sebagainya melalui command line. Artisan membuat para website developer semakin cepat mengembangkan sebuah projek website.Blade Templating Engine: Dengan fitur Blade maka website developer dapat menulis sintaks kode yang lebih clean dan juga ringan. Kita bisa membuat komponen yang dapat digunakan berkali-kali pada seluruh halaman website sehingga proses mengembangkan website lebih terstruktur rapih. Website yang bagus harus dapat dirawat dengan mudah.Eloquent ORM (Object-Relational Mapping): Fitur ORM membantu website developer mengelola seluruh data pada projek website dan berinteraksi dengan database. Sintaks yang diperlukan ketika menggunakan fitur ORM juga terkesan lebih simple dan mudah dipahami layaknya plain english. Web developer dapat melakukan tugas seperti querying, inserting, updating, dan deleting data. Cara memulai belajar framework Laravel Apabila kamu seorang website developer atau pemiliki bisnis yang tertarik juga mengembangkan website dengan baik, cepat, aman, dan modern. Maka saya sarankan bisa coba pelajari framework PHP yang satu ini yaitu adalah Laravel. Kamu bisa coba pelajari beberapa kelas gratis buatan mentor expert pada website BuildWithAngga. Pada kelas-kelas gratis tersebut, kita akan belajar mengenal Laravel lebih dalam lalu membuat projek sederhana sehingga kita akan mendapatkan gambaran besar tentang bagaimana framework tersebut dapat meningkatkan bisnis kita secara online. Silahkan dicoba dan semoga beruntung, see you again in the next article.

Zaman serba digital seperti saat ini dapat membantu kita menyelesaikan tugas dengan mudah dan cepat dibandingkan beberapa puluh tahun ke belakang misalnya saat ini kita sudah bisa membeli tiket kereta dan pesawat hanya dari rumah saja, tidak perlu antri berpanas-panasan ke stasiun atau bandara penerbangan pesawat. Kita saat ini lebih sering menggunakan sebuah website atau aplikasi pada smartphone kita dalam menyelesaikan tugas-tugas penting tersebut dengan mudah. Well, kita perlu tahu bahwa ada peran penting dari suksesnya projek tersebut yaitu adalah seorang UI UX Designer. Siapakah seseorang UI UX designer itu? UI UX Designer adalah seseorang yang memiliki keahlian dalam menciptakan desain aplikasi atau website menarik dan juga mudah digunakan oleh penggunanya. UI UX designer tidak bisa sembarangan membuat sebuah design karena harus dipastikan kembali bahwa pengguna tidak merasa kebingungan ketika ingin membeli tiket pesawat atau memesan makanan favorit mereka secara online melalui aplikasi di smartphone. People ignore design that ignores people. — Frank Chimero, Designer Seperti pada kutipan di atas bahwa orang-orang tidak akan betah dalam menggunakan aplikasi atau website buatan kita apabila kenyataannya tidak memberikan user experience yang baik, oleh karena itu kita perlu lebih hati-hati lagi ketika mendesain sebuah aplikasi. Contoh pekerjaan seorang UI UX designer UI UX designer bekerja sama dengan developer, marketing, sales, quality assurance, dan lainnya dalam menciptakan website/aplikasi yang mudah digunakan dan juga dapat meningkatkan pertumbuhan bisnis pada perusahaan tersebut. 1) Mendesain tampilan wireframe UI UX designer memiliki pekerjaan dalam mendesain gambaran kasar sederhana dari aplikasi yang ingin dibangun bersama-sama, gambaran kasar ini biasanya disebut dengan sebutan low/high-fidelity wireframe. Pada tampilan wireframe hanya akan terlihat beberapa komponen penting saja atau inti utama tujuan aplikasi tersebut dibangun misalnya ingin membantu orang membeli tiket bioskop secara online, jadi halaman yang dibuat hanya halaman penting saja seperti halaman browse movie, details, checkout, dan payment gateway. 2) Membuat visual design yang menarik Apabila wireframe sudah disetujui oleh beberapa pihak di dalam perusahaan maka bisa dilanjutkan proses pembuatan visual design. Pada tahap ini UI UX designer akan memberikan sentuhan design yang baik sehingga hasil akhir dari aplikasi tersebut bisa jadi lebih menarik perhatian pengguna dan membuat mereka betah menggunakannya. Semakin lama pengguna betah menggunakan aplikasi maka semakin besar juga pertumbuhan bisnis yang akan dimiliki oleh perusahaan tersebut. Beberapa tanggung jawab UI UX designer lainnya adalah sebagai berikut: Memahami brief sebuah projek aplikasi dan websiteMengumpulkan informasi terkait fitur apa saja yang perlu dibangunMeng-interview calon pengguna untuk mendapatkan feedbackMembuat wireframe, visual design, dan prototypeMelakukan usability-testing pada design bersama pengguna Kebanyakan orang berpikir bahwa UI UX designer hanya fokus membuat tampilan design menarik saja menggunakan software Figma, Adobe XD, Principle, dan lainnya. Well, faktanya mereka juga lebih sering menghabiskan waktu untuk berdiskusi dengan stakeholder seperti end-user, customers, partners, dan lainnya untuk mendapatkan banyak insights terbaru. Aplikasi yang sukses harus didasari dengan hasil riset dan desain yang baik sehingga dapat memberikan impact bagus kepada setiap penggunanya Jadi bagaimana? apakah kamu tertarik juga ingin berkarir sebagai UI UX designer di tahun 2024 ke depan? saya punya beberapa kelas online gratis untuk belajar UI UX design dari nol sampai bisa menghasilkan portfolio pertama. Kamu sekarang juga bisa kunjungi website BuildWithAngga lalu memilih alur belajar UI UX designer yang tersedia di sana dan menyelesaikan beberapa kelas gratis buatan mentor berpengalaman dari perusahaan terkenal. Semoga beruntung ya, sampai jumpa.

Pada artikel sebelumnya kita telah mengenal apa itu flowchart beserta dengan manfaat dan contohnya, saya rasa kamu sudah mengerti dan tertarik untuk belajar membuat flowchart pertama untuk sebuah projek latihan atau freelance. Saya memiliki beberapa rekomendasi software yang biasanya digunakan oleh teman-teman programmer expert saya ketika awal mereka mengerjakan module terbaru di dalam sebuah projek kecil dan besar untuk jangka panjang. Software yang akan saya bagikan memiliki keuntungan sebagai berikut: Gratis digunakan berkali-kaliTidak perlu install, dapat digunakan secara online via ChromeTersedia A.I untuk mempercepat pekerjaanDapat undang teman agar berkolaborasi 1) Miro Miro adalah sebuah web apps yang membantu designer, developer, programmer, project manager, dan lainnya dalam berkolaborasi mengerjakan sebuah projek dengan baik. Pada software miro kita dapat membuat flowchart dengan mudah dikarenakan mereka sudah menyediakan berbagai template yang biasanya sering digunakan oleh programmer lain. Keuntungan dalam menggunakan sofware Miro adalah sebagai berikut: Tidak perlu didownload dan install terlebih dahuluTersedia free trial untuk satu projekDapat berkolaborasi secara tim atau individu 2) Whimsical Whimsical hampir mirip seperti Miro, kita tidak perlu menginstallnya terlebih dahulu sehingga lebih praktis lagi dalam mengerjakan projek yang membutuhkan sebuah flowchart sederhana atau juga complex. Pada whimsical kita bisa menggabungkan flowchart dengan kebutuhan lainnya misalnya sticky notes di dalam satu dokumen sehingga lebih efisien lagi ketika berkolaborasi bersama dengan tim. Whimsical juga memberikan keuntungan bagus seperti: Tersedia A.I sehingga proses kerja lebih cepatDapat digunakan untuk lebih dari 3 projekTidak perlu menggunakan kartu kredit 3) LucidChart LucidChart telah dipercaya oleh jutaan programmer sejak dahulu kala sehingga komunitas besar lebih familiar dengan lucidchart dibandingkan software lainnya dalam membuat sebuah flowchart menarik dan mudah dipahami oleh seluruh stakeholder. Perusahaan besar seperti Adobe, Cisco, Amazon, dan lainnya telah menggunakan software lucidchart dalam membuat projek beserta flowchart sehingga mendapatkan hasil maksimal pada bisnis mereka. Sofware lucidchart bagus untuk kita gunakan karena memberikan keuntungan: Template menarik siap digunakanDapat digunakan pada berbagai deviceTersedia free-trial untuk latihan bikin flowchart Penutup Well, berikut beberapa software rekomendasi saya apabila kamu ingin latihan membuat flowchart pertama sebagai website developer atau programmer. Jujur aja bahwa saya juga sering menggunakannya ketika bekerja sebagai UI UX designer karena memang sebagai designer juga perlu latihan agar dapat berkomunikasi dengan baik bersama tim developer. Semoga bisa bermanfaat dan sampai jumpa pada tips lainnya.