Element Of User Exerppience (Part 1)

 Ada berapa sih Elemen dari User Experience, sudah tahu belum?. Kalu belum tahu yuk kita simak bareng.

Didalam Proses User Experince atau (UXD) mengikuti pola 5 S , apa itu pola 5 S?  yaitu :

1. Strategy
2. Scoope
3. Structure
4. Skeletone
5. Suface

Hal ini dikemukakan oleh : Jasse  Jamess Garret, sebagai pakar atau Ahli dari The Elemen Of user exprerience"

1. STRATEGY

Strategy adalah : dimana semua dimulai : apa yang ingin kita dapatkan dari Website ini? lalu, apa yang diinginkan oleh User?

2. SCOPE Adalah mengubah strategy menjadi kebutuhan : Fitur apa yang harus ada di Website?

3. STRUCTURE  Adalah memberi bentuk pada runang lingkup (scope) : Bagaimana potongan potongan website akan berprilaku dan sesuai satu sama yang lain?

4. SKELETON Adalah membuat struktur berwujud: Komponen apa yang akan memungkinkan orang untuk menggunakan website ini?

5. SURFACE Adalah menyatukan semua secara visual : tampak seperti apakah produk akhirnya?

Read More

APA BEDANYA WIREFRIME, MOCKUP, DAN PROTOTYPE?

 Apa sih yang temen-temen tahu tentang wireframe? lalu apa itu Mock up? dan Apa itu prototype. Oke temen-temen yuk kenali apa sih bedanya ketiga istilah itu. Tentunya teman-teman kalau lagi belajar UI/UX design, istilah-istilah ini harus tahu dong. Lalu apa sih bedanya dari ketiganya itu. yuk kita simak yaa..

WIREFRAME

Wire itu adalah sketsa kasar tentang tampilan situs web atau tampilan aplikasi. Biasanya ilustrasi tampilanya berwarna garis abu-abu, kotak, warna dan place holder. Boleh dibilang Mirip dengan sketsa artsitektur sebuah bangunan, sketsa sebuah bangunan yang melibatkan banya pekerjaan dari banyak peserta untuk diubah menjadi proyek yang cocok untuk digunakan pada tahap branstroming,atau desain awal.

WireFrame

lalu apa sih bedanya dengan Mocp up?

MOCK UP

Mock up adalah sebuah gambar rangka Statis dengan lebih banyak UI dan  detail visual.Jika wireframe dianggap sebagai sketsa arsitektur sebuah bangunan, mockup mirip dengan model bangunan yang lebih terlihat nyata.

Dan ini akan memberikan klien sebuah kesan yang realists, tentang bagaimana situs web taupun aplikasi akhir yang terlihat. Hal ini bagus untuk berkomunikasi, diskusi dab berkolaborasi. Jadi simplenya mock up itu gambar model yang lebih realistis seperti aslinya.

MockUp

Okey sekarang yang terakhir apa itu prototype?

PROTOTYPE

Prototype adalah mockup yang sepenuhnya interaktif dengan fungsional UI dengan dasr ketelitian yang tinggi, interaksi dan animasi yang kaya. ini adalah proses akhir dari sebuah produk web ataupun aplikasi, jadi prototype sangat idela untuk menguji potensi maslah web dan aplikasi sebelum lanjut ke pengembangan atau development. Jadi simplenya adalah presentasi dengan detail dn ketelitian yang tinggi.

Jadi sampai disini paham yaa perbedaan ketiganya tentang, Wireframe, Mockup dan prototype.

Read More

Apa USER EXPEREINCE DESIGN?

  Sebelum kita masuk ke pembahasan Tentan UX DESIGN, yuuk kita baca satu Quotes dari Steve Jobs " Design is NOT Just What is Looks Like And Feels like.Design Is HOW IS WORK".

Yuuk Kita mulai dari pembahasan tetang User Experince atau UX, sebagai analogi kita lihat ilustrasi gambar diatas, orang tua tersebut melihat permainan lucu, ada 4 hewn yang berputar sambil mengeluarkan audio berupa musik.

 Nah dalam banyangan mereka, sia Anak pastilah senang, karena membayangkan yang di lihat, akan seperti yang mereka lihat. akan tetapi bagi si Anak terebut, yang dipandang hanyalah bagian bawah dari hewan hewan tersebut, tidak sama dengan yang dilihat oleh orang tua tersebut.

 Apa yang dilihat orang tuanya adalah tampilan antarmuka dari sisi mereka, tapi bukan dari sisi anak. Akibatnya adalah pengalaman yang didapatkan atau yang dirasakan oleh orang tua berbedan yang dirasakan oleh anak. Yang menjadi pengguna produk padakasus ini adalah anak.

dengan demikian berarti apa?

ini berarti yang diharapkan (pengalaman baik oleh pengguna produk) tidak tercapai.

Ilustrasi in sangatlah mirip dengan dengan kejadian yang mungkin pernah Kita alami. Kita membangun sebuah produk yang menurut Kita akan sangat baik dan dicintai User, memberi pengalaman yang yang baik pada User. Akan tetatpi Kita lupa (mencari tahu tetap tidak lengkap dan mendalam) untuk memastikan melihat dari sisi pengguna atau User.

Nah terus apa sih hubungannya ilustrasi tersebut dengan User Expereince atau UX?

Biar tidak bingung yuk dilanjut nyimaknya.

Kita tinjau dulu yuk teori ini:

DEFINISI UX (USER EXPEREINCE)

Jesse James Garrett mendefinisikan User Experience sebagai pengalaman yang diciptakan produk untuk orang-orang yang menggunakannya dalam dunia nyata. User Experience bukan tentang cara kerja suatu produk atau jasa. User Experience adalah tentang cara kerjanya di luar, di mana seseorang bersentuhan dengannya. Setiap hal (produk atau jasa) memiliki User Experience. Namun, tugas kita bukanlah menciptakan user experience, tetapi membuat sebuah User Experience yang baik. User Experience tidak bertujuan untuk membuat user menjadi happy, tetapi menjadikan kerjanya efektif.

Jadi Masih Kebanyakan orang yang memandang bahwa User Expereince hanyalah apa yang didapat dan dilihat saja. misalnya pada sebuah website. dan yang dapat dilihat adalah hanya  tampilan visual dan fungsi yang berjalan. Yuk kita melihat gambar yang ada  di bawah ini. Pengalaman yang dirasakan user adalah sebuah iceberg, puncak gunung es. Visual design hanyalah satu bagian dari gunung es User Experience. Terdapat Concept/ User Research, Requirement/ Content , Sitemap/ Screen Flow dan Wireframe yang justru menjadi dasar sebelum kita dapat membuat Visual Design.  Jadi UX tidak hanya berbicara tentang pengalaman yang dirasakan user, tetapi Juga MELAKUKAN proses User Experience Design.

The 5 Levels Of the Process Of User Experience Design

Yuk Kita lihat teori dibawah ini agar lebih paham.

Menurut usability.gov, User experience (UX) berfokus pada pemahaman secara mendalam terhadap user, apa yang mereka butuhkan, apa yang bernilai bagi mereka, kemampuan dan keterbatasan mereka. UX juga memperhitungkan tujuan dan sasaran bisnis dari kelompok yang mengelola proyek. Best practice dari UX dapat mempromosikan peningkatan kualitas interaksi dan persepsi user dengan produk Anda dan persepsi terhadap produk dan layanan terkait lainnya.

Rex Hartson & Pardha Pyla dalam bukunya yang berjudul The UX Book mengemukankan bahwa “User Experience adalah keseluruhan efek/dampak/akibat yang dirasakan oleh user sebagai hasil dari interaksi dengan dan konteks penggunaan sebuah sistem, perangkat atau produk, termasuk pengaruh usability, usefulness dan dampak emosional sepanjang interaksi dan rasa yang diingat memori setelah interaksi. “Interaksi dengan” bersifat luas dan mencakup melihat, menyentuh, dan berpikir tentang sistem atau produk, termasuk mengaguminya dan penyajiannya sebelum interaksi fisik apa pun.”

Donald Norman, pioneer dalam bidang User Experience mendefinisikan UX: “User Experience” mencakup semua aspek interaksi end-user dengan perusahaan, layanan, dan produknya.

Dilengkapi dengan penjelasan dari www.designlab.com, yang menyatakan bahwa “UX Design bukan tentang membuat sesuatu yang cantik, tetapi tentang menciptakan produk luar biasa yang diinginkan dan dibutuhkan orang. Cara terbaik untuk melakukannya adalah dengan memahami pengguna secara mendalam dan mengingatnya di setiap langkah proses desain.“

Jika dalam bahasa sederhana User Experience dapat disebut sebagai pengalaman yang dirasakan oleh user saat berinteraksi dengan sebuah produk dan rasa yang tinggal dalam memori setelah menggunakannya, maka apakah yang disebut dengan User Experience Design?

Read More

WIREFRAME ITU APA? YUK KENALI...

 

Ketemu lagi teman teman  digital semuanya, untuk kali ini saya mau nulis tentang Wireframe untuk website. sudah Tahu apa itu wireframe. Owh iya sebelum kita lebih lanjut bicara wireframe. semoga teman teman semua sehat yaa. Seiring dengan PPKM yang masih diperpanjang yuk tetap produktif walaupun dalam kondisi dirumah. Dan mau tidak mau sekarang sudah the real digital. Welcome era digital yang sesungguhnya. Oke yuk kita lanjut.

Apa itu wireframe?

Wireframe merupkan slah satu tahapan yang penting dalam proses perancangan produk dgital. Tak terkecuali dalam prose pembuatan website. Sebelum masuk masuk ke tahap pengembangan atau develoment, web developer biasanya terlebih dahulu meminta bantuan UI/UX designer untuk membuat sebuah wireframe.

Lalu apa sih wireframe itu penjelasannya? yukk disimak

Wireframe adalah sebuah kerangka yang berfungsi sebagai atau untuk tata letak sebuah  website sedemikian rupa agar sesuai dengan keinginan dari klien sebelum masuk ke tahpan desain dan coding.

Lalu bagaimana proses pembuatan wireframe?

Pembuatan wireframe biasanya dilakukan dilakukan oleh seorang UI Designer dengan memanfaatkan software desain khusus untuk wireframe ataupun bisa dilakukan coretan khusus manual.

Apa saja Komponennya?

Adapun Komponen yang menjadi bahan untuk proses wireframe meliputi, bagian header bodycontent, footer, sidebar serta komponen tambahan yang lain nya jika ada.

Dan secara umum perbedaan mendasarnya antara wireframe dan mockup ada pada tingkatan fidelity, dimana wireframe termasuk dalam low fidelity, sementara mockup ada pada tingkatan atau level high fidelity.

KOMPONEN  WIREFRAME WEBSITE

Didalam website mempunyai komponen yang wajib ditampilkan agar pengunjung bisa semakin mudah mendapatkan dan menemukan informasi yang dibutuhkan. Yuk kita simak koponen dalam proses pembuatan wireframe.

1. LAYOUT

Pertama yang harus diprsiapkan dalam membuat wireframe website adalah antarmuka atau interface atau layout utama. Elemen yang termasuk dalam layout melipute bagian header (kepala), menu navigasi, body, pemilihan jenis dan ukuran font hingga pemilihan letak sidebar (mau ditaruh sebelah kiri atau kanan)

2. NAVIGASI

Apa itunavigasi?

Navigasi itu kalau diibaratkan dengan tempat wisata adalah bagian peta dan petunjuk arah yang biasa digunakan para pengguna untuk menjelajahi isi konten yang ada. Jadi Navigasi ini benar -benar dikonsep secara matang mulai dari proses wireframe agar kedepan lebih nyaman dan mudah digunakan oleh penngunjung.

3. ELEMEN TAMBAHAN

selain dari mebuat layout Antarmuka serta navigasi, komponen selanjutnya yang perlu disiapkan  saat membuat wireframe wibsite adalah element pendukung. Element atau bgian ini biasanya jumlahnya berbeda tiap website.

Misalnya untuk website toko online setidaknya memerlukan Fitur Form konfermasi pesanan, fiur cek resi, serta layanan chat untuk diskusi antara penjal dan pembeli. Contoh wireframe

MANFAAT DAN KEUNTUNGAN WIRE FRAME APA SAJA

Apa sih Manfaat dan keuntungannya?

salah satunya mempermudah tugas web developer adanya wireframe dalam proses pembuatan web memberiri keuntungan dari sisi klien.

apa saja manfaatnya yuk disimak:

1.Menghemat waktu untuk edit dan revisi pada saat project pembuatan website sudah selesai.

2. Membangun Kepercayaan Konsumen karena apa yang akan didapatkan sudah tergambar jelas didepan

3.Memberikan gabaran website diawal.

Oke teman teman demikian sekilas dan singka tentanng wireframe. Jangan Lupa juga untk baca artikel tentang UI dan UX

Read More

SKILL YANG DIBUTUHKAN UNTUK UI/UX DESIGNER

 

Teman-teman tahu enggak? Bahwa untuk menjadi UI/UX itu membutuhkan sebuah kemampuan atau skill tersendiri. Lalu apa saja sih skill yang dibutuhkan sebagai seorang UI designer itu? Nah skil yang harus dimiiki diantaranya :

• Skill desain grafis
• Skill desain Branding
• Creative Thinking
• Covergert thingking

Nah itu beberapa skill yang harus dimiliki oleh UI Designer didalam mendesain tampilan produk agar lebih menrik dan mudah untuk interaksi.

Sementara untuk UX designer bertanggung jawab membuat design project. Dengan cara pendekatan pengguna agar nanti produkt digunakan.Oleh sebab itu, mereka harus memiliki skill melakukan riset, analytical thinking, problem solving, critical thinking, dan creative thinking. 

Nah untuk mempermudahlagi perbedaanya yuuk kita simak dalam bentuk tabel

Sumber Tabel : Niagahoster

oke teman-teman ini dulu yaa sharingnya, semoga bermanfaat yaa.

Read More

Skill apa Saja Yang Harus diKuasai Backend Developer?

Apa saja sih sebetulnya kemampuan yang harus dimiliki oleh seorang backend developer. Tean-tean yuk kita lanjutin bhasan tentang backend developer, setelah sebeluny akita bahas tentang apa itu backend dan apa tugasnya. Kini kita lihat yuk apa saja sih skill atau kemampuan backend web developer ini.

Nah skill apa saja sih yang harus dipunyai oleh backend developer, setidaknya ada 2 kategori skill yaiyu Hardskill dan softskill:

HARD SKILL

1. Menguasai Bahasa Pemrograman Backend

 Sebetulnya banyak sekali bahasa pemrograman yang dgunakan para backend enginer di dunia, namun yang masih banyak adalah bahasa pemrograman PHP sebagai bsa pemrograan secara umum.

Masih banyak bahasa pemrograman yang bisa digunakan seperti : Ruby, python, Node js, dan lain sebagainya. Tidak perlu dikuasai semuanya tapi cukup yang kita butuhkan sesuai dengan produk yang aan kita buat.

2. Mempelajari Pembuatan basis Data

seperti yang kita ketahui bahwa basis data atau database terbagai atas 2 yaitu relational database dan non-relational.Untuk membuat database pada web server, masih banyak yang menggunakan, MSQL, Oracle, Postgre. 

Untuk Non SQL adalah datalain yang seperti Redis, Mongo DB, Casandra dan lain-lain. Disini intinyamengerti dan paham struktur database. Jikabelum makan akan kesulitan nantinya.

3. Mahir Menggunaka API

Apa sih API itu, API atau Apliction Programing Interface.yaitu antar muka yang menghubungkan antra client dan server. yaitu data dapat ditampilkan kepada user yang berasal dari server. Format yang sering digunakan untuk menampilkan API adalah XML, dan JSON. Banyak sekali dokumentasi dan Tutorial yang dapat membantu dalam mempelajari menggunakan  API dengan baik dan benar.

4.Pelajari Penggunaan Framework

Penggunaan Frame work penting untuk proses pengembangan perangkat lunak . Framework PHP merupakan framework yang banyak digunakan saat ini untuk membuat website dinamis engan metode MVC

seperti Framework PHP yaitu Laravel, CodeIgniter,Simfoni, dan lainya. Kalau PHP juga banyak digunakan untuk sistem database yang dapat disingkronkan dengan MSQL.

5. Paham Berbagi Jenis Server

Dikarenakan Backend berhubungan langsung dengan server, maka harus mengena terlebih dahulu apa itu server , serta jenisnya. Dan juga harus belajar mengenai penggunaan HTTP untuk pengembangan web server lebih lanjut.

Nah itu teman-teman skill yang hars dimiliki oleh backend developer, semoga bermanfaat yaa. 

Read More

Apa itu Backend Dan Apa Tugas nya?

Hai teman-teman waktunya nulis lagi nih, namun barangkali yang akan saya tulis ini sudah ditulis juga oleh blog atau web lain, tapi ga ada salahnya ya kalau saya  menulis lagi seputar Back end. Apa sih Back end, sebetulnya nya istilah ini seetulnya tidak asing lagi apalagi buat teman-teman yang bergelut dibidang web development. Tapi buat teman teman yang baru nih dibidang web harus tahu yaa apa itu back end.

Selain Back end sebenarnya ada juga istilah Front end, tapi kita bahas backend dulu yaa. Apa sih back end itu? ada yang sudah tahu? Nah teman teman sering kan menjelajahi sebuah landing page, marketplace, aau jenis e commerce lainya. Nah teman-teman sering dong masukin semacam data semacam alamat email, nama, dan seterusnya untuk mebuat akun tertentu. Nah data tersebut akan masuk ke dalam web yang kita kunjungi tersebut. Nah tugas dari back end tersebut adalah mengelola data tersebut. Dan itu hanya sebagian dari tugas Back end. yang masih banyak lagi.

Dengan demikina Backend adalah merancang perangkat lunak,membuat sistem yang tidak terlihat yang berhubungan dengan pengelolaaan data dari sisi server yang berhubungan dengan logika dan data base, menggunkan bahasa pemrograman seperti PHP, phyton, NodeJs, Ruby atau yang lainnya.

Lalu tugasnya Backend developer apa saja ?

Tugas dari backend developer adalah :

1. MerancangSrruktur Model Data
2. Membuat code program untuk apalikasi lebih aman
3. Mengatasi Setiap Permasalahan Yang muncul di sisi Sistem
4. Mengembngkan Code Progam dan Melakukan Testing
5. Membuat Ide Dan Konsep untuk ditambahkan pada produk aplikasi
6. Meningkatkan struktur data yang sudah ada 
7. Melakukan riset dan evaluasi pada tampilan desain website

Nah itu teman teman tentang backend developer beserta tugasnya ya, semoga bermanfaat ya.

Read More

Melanie Perkins (Founder Canva)

 

Sebagian orang mungkin sudah tak asing lagi dengan aplikasi ini yaitu CANVA, yess.. salah satu aplikasi grafis yang sangat popular saat ini, yang menyediakn ribuan templete yang bisa digunakan secara gratis dan berbayar, untuk membuat konten grafis. 

Dengan adanya aplikasi Canva tentunya sangat membantu sekali untuk pelaku bisnis online yang kesulitan untuk membuat konten design, dikarenakan tidak menguasai desain grafis, atau tidak mahir mengoperasikan aplikasi grafis, seperti Photoshop, ilustrator, dan lainya. selain itu juga harus membuat konsep design yang tidak mudah sesuai dengan tema nya.

Dengan Canva sudah bisa membuat konten grafis secara cepat karena sudah ada templete yang telah di sesuaikan dengan tema desain. Kita tinggal pilih templete yang kita inginkna kemudian mengatur konten teks sesuka kita.

So, siapakah inisiator yang membuat Canva ini, nah ini yang teman teman harus tahu. Canva sebetulnya sudah mulai popular dikalangan pencinta konten grafis. Tapi semenjak Pandemi Canva ini semakin popular ditunjang orang untuk kreatif dan bekerja dari rumah, dan dimana semua aktifitas serba digital.

MELANIE PERKINS 

Melanie Perkins adalah Pendiri sekalgus CEO dari Canva, Perkins adalah salah satu CEO wanita termuda dari perusahaan rintisan teknologi yang bernilai lebih dari A $ 1  miliar . Pada tahun 2020 , Perkins adalah wanita terkaya ketiga di Australia. Disaat Pandemi justru pendapatan Start up ini naik pesat.

Pengguna Canva naik pesat hingga 50% semenjak Pandemi, hingga akhirnya Perkins masuk posisi orang terkaya ke 3 di Australia.

MASA MUDA PERKINS

Melani Perkins lahir di Pert, Australia Barat. Melanie Perkins adalah putri dari seorang Guru kelahiran Australia dan seorang insinyur Malaysia keturunan Pilipina dan Sri Lanka. Perlins Sekloah di Sacred Heart Collage, sebuah sekolah Menengah yang terletak di Sorrento, pinggiran utara Pert.

Namun di sekolah Menengah, Perkins mempunyai cita cita menjadi Atlit Skater profesional dan secara rutin bangun jam 04.30 untuk berlatih. Di usia 14 tahun, ia mulai bisnis pertamanya. Perkins menjual Syal buatan tangan di toko toko dan pasar-pasar diseluruh Pert. Dia memuji pengalaman ini dengan mengembangkan dorongan kewirausahaan karena Perkins tidak pernah melupakan kebebasan dan kegembiraan dari membangun Bisnis. (wikipedia.org)

Pasca sekolah menengah, Perkins mendaftar di University of western Australia, mengambil jurusan Komunikasi, psikologi, dan perdagangan, Perkins juga menjadi Tutor pribadi bagi siswa siswa yang ingin belajar desain Grafis.

Perkins memperhatikan kesulitan yang dialami siswa dalam mempelajari program desain seperti Adobe Photoshop, dimana siswa memutuhkan satu semester di Universitas untuk diperkenalkan fitur dasar dari desain yang sangat kompleks ini.

Melanie perkin merasa ada peluang bisnis dalam mempermudah proses desain. Idenya saat itu adalah membuat platform desain yang tidak memerlukan pengalaman teknis. Perkins keluar dari universitas pada usia 19 tahun untuk mengejar bisnis pertamanya yaitu dengan Obrecht, Fusion Books.

Di tahun 2007 saat tahun terakhirnya di kampus, Perkins menunda studinya untuk fokus pada Fusion Yearbooks, yakni sebuah perusahaan yang fokus pada desain buku tahunan. Ia mendirikan perusahaan tersebut di ruang tamu rumahnya. Hingga saat ini, Fusion Yearbooks masih beroperasi, bahkan menjadi penerbit buku tahunan terbesar di Australia.(Kumparan.com)

Nah itu teman teman sekelumit pendiri dari Canva Melanie Perkins, biografinya sangat menginspirasi sekali apalagi perusahaan yang dibangun dimulai dari ruang Tamu nya dan juga awal membuat Canva diawali dari melihat proses belajar desain yang memerlukan waktu untuk belajar teknis, peluang dan tantangan ini yang diambil oleh Perkin hingga lahirnya Canva. semoga bermanfaat ya jangan lupa baca tokh lain seputar Tokoh IT . di eprayogo.com

Read More

LARAVEL FRAMEWORK

 

Membangun website diera sekarang rasanya sudah begtu mudahnya, dengan munculnya banyak frame work, tentu ini memudahkan  bagi para pemula untuk mempelajarai dan membangun web dengan cara mudah dan tidak terlalu banyak ngoding.

Dengan banyak nya Frame work baru yang bermunculan, tentu semakin banyak pilihan untukkita unuk membangun website. Adapaun Frame work yang saat ini popular sekali adalah LARAVEL. 

Pengembangan web akan terasa lebih mudah jika kita menggunakan tools yang tepat dan sesuai.Framework yang baik adalah framework yang sesuai dengan kebutuhan aplikasi web yang akan Anda bangun. Tidak hanya itu, framework juga harus bisa menyederhanakan proses pembuatan dan menghasilkan performa yang aplikasi web yang lebih maksimal. Dengan demikian kita mesti menggunakan Framework yang tepat.

Laravel adalah salah satu framework yang sederhana namun power full, laravel juga bisa menyerderhanakan proses pembuatan, dn menghasilkan aplikasi web yang maksimal.

Lalu apa itu laravel sesungguhnya?

Teman teman pasti tahu bahasa pemrograman PHP?  Nah Laravel adalah satu-satunya framework yang membantu Kita untuk memaksimalkan penggunaan PHP di dalam proses pengembangan website. 

PHP merupkan  pemrograman yang sangat dinamis, Namun  semenjak adanya Laravel, dia menjadi lebih powerful, cepat, aman, dan simpel. Setiap rilis versi terbaru, Laravel  selalu memunculkan teknologi baru di antara framework PHP lainnya.

Perlu diketahui Laravel itu diluncurkan sejak tahun 2011 dan mengalami pertumbuhan yang cukup eksponensial. Di tahun 2015, Laravel adalah framework yang paling banyak mendapatkan bintang di Github. Sekarang framework ini menjadi salah satu yang populer di dunia, tidak terkecuali di Indonesia. Tentu saja bagi teman teman yang sering menggunakan bahasa pemrograman PHP tentu semakin terbantu denga adanya Laravel.

Laravel lebih fokus pada end user, yang berarti fokus pada kejelasan dan kesederhanaan, baik penulisan maupun tampilan, serta menghasilkan fungsionalitas aplikasi web yang bekerja sebagaimana mestinya. Hal ini membuat developer maupun perusahaan menggunakan framework ini untuk membangun apa pun, mulai dari proyek kecil hingga skala perusahaan kelas atas.

LARAVEL UNTUK PROSES PENGEMBANGAN WEBSITE

Dengan Laravel memberikan beberapa keuntungan, antara lain yaitu

• Website menjadi lebih scalable (mudah dikembangkan).
• Terdapat namespace dan tampilan yang membantu Kita untuk mengorganisir dan mengatur sumber daya website. 
• Dalam proses pengembangan menjadi lebih cepat sehingga menghemat waktu karena Laravel dapat dikombinasikan dengan beberapa komponen dari framework lain untuk mengembangkan website.

Ada 2 tools andalan Laravel yang jarang dimiliki oleh frmework lainya yaitu COMPOSER dan ARTISAN.

Apa sih Composer dan Artisan itu?

COMPOSER

Composer adalah  merupakan tool yang di dalamnya terdapat dependencies dan kumpulan library. Seluruh dependencies disimpan menggunakan format file composer.json sehingga dapat ditempatkan di dalam folder utama website. Inilah mengapa composer terkadang dikenal dengan dependencies management.

Pertanyaannya lain, apa itu dependencies management?

Misal Kita mempunyai sebuah website yang membutuhkan sebuah library. Kita ambil contoh library untuk mengimplementasikan validasi dan proteksi untuk spamming, yaitu Google reCaptcha.

Tentu saja untuk menyediakan Google reCaptcha tidak bisa menggunakan satu library saja, tapi membutuhkan beberapa library. Anda tidak mungkin menginstall satu per satu library.

Nah... Composer membantu Kita untuk menginstall library yang dibutuhkan oleh library Google reCaptcha. Jadi jika menggunakan composer Kita tinggal menginstall library Google reCaptcha dan secara otomatis library lain akan terinstall.

ARTISAN

Apakah Sudah pernah tahu  ini sebelumnya ? Artisan adalah merupakan command line interface yang dimiliki oleh Laravel. Artisan mencakup sekumpulan perintah yang membantu Anda untuk membangun sebuah website atau aplikasi web.

Kumpulan perintah Artisan juga termasuk penggabungan dengan framework Symphony yang menghasilkan fitur add-on di Laravel 5.1 (sekarang sudah masuk ke versi Laravel 5.8). Dengan adanya fitur add-on, Kita bisa menambahkan berbagai macam fitur baru ke Laravel.

Nah itu teman teman sedikit ulasan tentang Laravel jangan lupa baca postingan yang lain juga ya seputar website.

Read More

MEMBUAT WEB TANPA CODING DENGAN ADOBE MUSE

Membuat website bagi sebagian orang masih pusing di urusan coding, karena membuat website atau membangun desain website memang dibutuhkan kemampuan coding yang memadahi.  Namun seiring kemajuan teknologi, sofware dan aplikasi, tentu membuat atau membngun sebuah web semakin dimudahkan dengan adanya Frame work amupun software yang mampu merancang dan membangun desain web tanpa harus bersusah payah meng coding.

Salah satu software yang bisa membuat desain atau tampilan web adalah "Adobe Muse" Muse adalah adalah besutan Adobe yang diantara kita sudah tidak asing lagi. Dan produk adobe yng sangat populer adalah Photoshop. Nah tentunya jika kita sudah mahr dan menguasai Photoshop, seharusnya sudah tidak kesulitan untuk membuat web, setidaknya bisa mempercepat. 

Adobe Muse adalah merupakan software tool untuk  membuat dan mempublikasikan website dinamis pada desktop dan perangkat mobile (mobile devices : Ipad, smartphone, dll.) yang memenuhi standar web terbaru – tanpa kita harus menuliskan kode(coding). Hal ini membuat Kita  sangat bebas dalam men-desain dan menggunakan beberapa tools yang sudah familiar kita gunakan serta ratusan web font. Dalam Adobe Muse CC ini kita mudah sekali untuk membuat konten interaktif, termasuk tampilan slide, form interaktif, dan masih banyak lagi yang lainnya.

Llu fitur firur apa saja sih yang bisa kit dapatkan dari Adobe Muse, yuk baiknya simak dan baca postingan ini sampai selesai yaa.

1. SIMPLE SET PLANING : Membuat Layout halaman website kita sangat mudah dan simple. Kita hanya perlu menambahkan nama, mengatur halaman, dan kita juga bisa menerapkan pengaturan format halaman pada Master Page layaknya kita bekerja dengan Adobe InDesign. Ini memudahkan kita untuk membuat layout dan sitemap website kita.
2. INTUITIVE DESIGN FEATURE  : iniadalah fitur terbaru yaitu dengan adanya panel layer. Kita bisa menggunakan panel Layers baru untuk mengontrol elemen desain kita, semudah kita melakukannya pada Adobe Photoshop atau beberapa software adobe yang lain. Beberapa tools yang sering kita jumpai seperti, Eyedropper, Smart Guide, Paste in Place, Edit Original, dan masih banyak lagi.
3. HUNDREDS OF FONTS : Dengan Fitur ini Kita bisa memilih dan menggunakan dari ratusan bentuk dan type tipografi, dan beberapa web-safe font, serta system fonts. Menu tools ini sangat familiar sekali seperti kita sedang memilih jenis font pada software adobe lainnya.  Ini adalah layanan yang bisa kita gunakan yang didukung oleh Adobe TypeKit Services.
4. ENGAGING AKTIVITY : Nah yang fitur ini Kita tinggal melakukan drag and drop untuk menambahkan navigasi yang bisa anda customize, beberapa model slide show yang bisa anda gunakana, contact form yang sudah disediakan, dan masih banyak lagi widget-widget yang sudah disediakan untuk website kita. Semua widget dalam Adobe Muse CC ini sudah mendukung Touch Enabled yang diperuntukkan  pada perangkat mobile devices.
5. EMBEDED HTML: Dengan Fitur ini kita  bisa menambahkan Google Maps, video YouTube, Facebook feed, file animasi HTML5, dan yang lainnya ke situs kita. Cukup copy dan paste kodenya ke dalam konten yang sudah kita buat dalam Adobe Muse CC dan Adobe Muse CC akan secara otomatis generate. mudah bukan ?
6. NEW SCROLL MOTION EFFECTS : Fitur ini  sangat mudah untuk kita bisa  membuat elemen scroll motion baik itu hirozontal maupun vertical dan pengaturan kecepatan yang berbeda dengan scroll mouse, atau sentuhan jari, pada desktop atau perangkat mobile, termasuk iPhone dan iPad.
7. SITE PREVIEW DAN TESTING : Dengan fitur ini Kita bisa melakukan preview tampilan baik pada versi desktop, smartphone, atau tablet. Ini memungkinkan anda untuk melakukan modifikasi atau beberapa revisi sebelum kita mempublish-nya ke dalam hosting kita. Bagaimana fiturnya legkap yaa gaes?
8. IN BROWSER EDITING  : Dengna fitur ini memungkinkan kita untuk melakukan edit, modifikasi atau revisi pada website kita, dengan feature ini, membuat website yang sempurna menjadi lebih mudah dan simple.
9. LATEST WEB STANDART : Dengan  Membangun website profesional yang muncul dengan cepat dan bagus di beberapa platform browser dan perangkat mobile. Adobe Muse kode CC memang dirilis agar  kita bisa mengambil keuntungan dari kemajuan terbaru dalam dunia standar web dan kemampuan search engine mendeteksi website kita agar lebih mudah dan gampang diakses oleh user kita. Apalagi sekarang banyak netijen yang memang ingin tampilan web yang enak dilihat, responsif, dan mudah diakses tentunya.

   
   

Read More

3 Tools UI DESIGN yang Bisa di AKses Gratis

 

Kalau bicara tentang UI design tools tentu banyak sekali ada sekitar 10 tools, tapi tentu saja semua itu gratis alias berbayar, namun teman -teman bisa akses 3 tools secara gratis. Tampilan Antarmuka atau interface website dan aplikasi mobile adalah merupankan elemen yang sangat penting yangharus diperhatikan oleh seorang developer . untuk mendapatkan visual yang bagus, tentu membutuhkan tool yang bisa mempermudah, sebetulnya ada banyak tools yang bisa digunakan . untuk kali ini ada tools yang bisa kamu akses secara gratis atau free. yuuk langsung disimak yaa..

1. Adobe XB : Pilihan tools wajib yang pertama harus dimiliki adalah Adobe XB, ini adalah aplikasi besutan dari adobe yang sudah terkenal dan tidak diragukan lagi. Adobe XB diluncurkan Tahun 2016, dan ini merupakan respon dari Adobe memenuhi permintaan dari para UI designer yang membutuhkan aplikasi untuk merancang User interface atau UI. Llu fitur fturnya apa saja ?Fitur dari Adobe XD: 1. Repead Grit Repeat grid: Berfungsi untuk membuat grid untuk item yang berulang seperti lists dan galeri foto. 
• Prototype and animation: Membuat prototipe animasi lewat linking artboards. 
• Interoperability: Dengan fitur ini, Kita dapat mengakses files dari aplikasi Adobe lainnya, seperti Illustrator, Photoshop, dan AfterEffects.
• Voice design:  Berguna untuk membuat aplikasi agar dapat beroperasi dengan perintah suara.
• Symbols: Pengguna bisa membuat simbol untuk menggambarkan logo dan buttons. 
• Responsive resize: Menyesuaikan ukuran gambar dan objek lainnya pada artboards secara otomatis. 

2. InVisionApp Aplikasi yang Kedua adalah platform yang bisa kita  manfaatkan untuk mendukung proses desain dan prototyping melalui kolaborasi dengan sesama desainer sampai ke tahapan presentasi ke klien. 

   Kita dapat membuat rancangan mockup interaktif untuk wireframes dan desain dalam satu program. Jadi sekarang Kita bisa langsung melakukan uji coba UI design website dan aplikasi ponsel hasil rancangannya  tanpa perlu repot-repot menggunakan tools tambahan lainnya. Lalu apa saja fitur yang da dalam INVision app, berikut fitur-fiturnya

   Fitur-Fitur: 

   • Prototipe desain 
   • Design sharing and presentation
   • User testing and research
   • Real-time design meetings and whiteboard
   • Project management for designer
   • Design feedback and commenting
3. MAZE  Dalam proses pembuatan desain user interface yang oke, Kita  mesti melalui tahapan uji coba untuk memastikan rancangan yang kita buat dapat berjalan dan berfungsi sesuai dengan baik.Aplikasi ini hadir sebagai salah opsi platform yang dapat Kita gunakan untuk tujuan tersebut.

   Maze adalah merupakan sebuah user testing platform yang bisa digunakan untuk menguji prototipe aplikasi dalam bentuk tampilan autentik dari sudut pandang pengalaman pengguna (user experience). Jadi simpulanya  hasil rancangan UI design yangkita buat bisa langsung dites lewat platform ini.

   Kita dapat membuat sendiri susunan tes yang cocok untuk berbagai prototipe aplikasi lewat platform Maze yang berbasis web. Maze dapat mencatat user path dari perangkat desktop maupun mobile tanpa bantuan aplikasi pihak ketiga.  lalu fitur fiturnya apa saja : 

   Fitur-Fitur:

   • Direct success
   • Indirect success
   • Bounce rate
   • Average duration 
   • Mis-click rate
   • Heat Map & Click Trail
• Individual User Session Data 

Oke teman teman semoga bermanfaat yaa, jangan lupa baca artikel lainya tentang website.

Read More

Cara Pasang Widget Tombol Whatsapp

 

Hampir semua web atau blog yang ada diinternet mencantum nomer kontak, untuk mempermudah pengunjung berinteraksi langsung, tapi dengan mencantumkan nomor, dijaman sekarang orang sudah malas untuk mencatat nomor kemudian live chat, sehingga dirasa mencantumkan nomor jadi kurang efektif. Pengunjung sekarang ingin klik atau touch langsung bisa live chat.

Nah untuk tip kali saya mau share bagaimana sih caranya biar pengunjung bisa live chat hanya dengan klik atau tekan button atau tombol bisa langsung konek, dalam hal ini yang paling sering ineraksi angsung yaa whatsapp misal.

Dengan demikian akan mempermudah pengunjung bisa live chat dengan whatsapp, tanpa harus menulis atau mencatat nomernya terlebih dahulu.

Bagaimana cara psangnya ? buat teman-teman bloger yuuk di simak

1. Langkah pertama Buka https://whatshelp.io/widget : 
2. langkah kedua : pilih whatsapp jika kamu ingin button WA jika kamu mau pasang messaging apps whastapp jika kamu ingin Messanger dari Fb pilih messanger 
3. setelah itu masukan Nomor WA kamu ya...jika memang kamu pasang tombol Whatsapp mesaging chat, jika mesanger masukan id FB kamu..oke jelas 
4. Pada add the code your website masukan alamat email , kemudian klik get button code lalu copy atau salin kode yang muncul di tema blog kamu.
   
   
   
5. Langkah berikutnya masuk  ke blogger.com – tema  – edit HTML  – Ctrl+F di dalam tema. Kemudian, tempelkan </body> di kolom pencarian
   
   
   
6. Nah alau sudah tempel kode yang sudah didapat dari Whatsapp help diatas </body> 
   
7. Nah sekarang kita liht hasilnya 
8. 
   Nah sekrang ita sudah bisa pasang widget WA chat ddi blog.
9. semoga bermanfaat yaa jangan lupa Tips top lainya 

Read More

ELON MUSK (ORANG TERKAYA SEJAGAT)

 

Sebulan yang lalu Jagat raya digegerkan dengan viralnya orang terkaya sejagat yang telah menggeser Jeff bezos CEO dari Amazon, tentu ini menjadi berida viral yang mengguncang jagat, dimana Elon Musk muncul dan viral menggeser ke posisi satu orag kaya sejagat. Lalu siapa sih Elon Musk, mungkin selama ini hanya banyak kenal Bill Gates, Jeff Bezos, dan beberapa yang lainnya.

Konon kekayaan dari Elomn Musk berdasarkan beberapa media yaitu 185 miliar dollar AS atau sekitar 2.600 triliun.Mengutip CNBC, Kenaikan harga saham Tesla pada Kamis, 7 Januari 2021, menjadikan Elon menjadi terkaya melebihi Jeff Bezos yang telah menjadi orang terkaya sejak tahun 2017.

Lalu apa saja sih bisni dari orang terkaya sejagat ini yuk kita simak.

DARI MOBIL SAMPAI ROKET

Elon Musk dalah CEO perushaan mobil Listrik TESLA, perusahaan roket spacedan salah stu pendiri perusahaan pebayaran elektronik paypal.

Berdasar info melansir Britannica Elon Musk Lahir di Afrika Selatan, 28 Juni 1971.

Ayahnya dari Afrika Selatan sementara ibunya dari Kanada.sejak muda elon telah menunjukkan Bakatnya di bidang Komputer dan Kewirausahaan. sejak usia 12 Tahun Elon telah membuat Video games, lalu elon menjualnya ke sebuah majalah komputer.

Elon Kulih di Queen's University Ontario, 

Pada tahun 1992 elon pindah ke University of Pennsyvania, dan mendapatkan gelar sarjana di bidang Fisika dan Ekonomi pada tahu 1997, kemudian mendaftarkan lagi di sekolah Pasca Sarjana di bidang Fisika di Stanford University, California.

MENDIRIKAN PERUSAHAAN PADA TAHUN 1995

Elon mendirikan Perusahaan Zip2 yaitu pada Tahun 1995, sebuah perusahaan yang menyediakan peta dan drektori bisnis untuk media atau surat kabar online, Empat Thun kemudian yaitu tahun 1999 perusahaan itu dibeli oleh sebuah produsen Komputer Compaq seharga 307 juta dollar As. Lalu Elon melanjutkan Bisnisnya dengan mendirikan perusahaan jasa keuangan online X.com, dan kemudian dikenal dengan PAYPAl, Pada tahun 2002, lelang online Ebay membeli paypal seharga 1,5 miliar dolar AS.

Akhirnya teman - teman pun tahu ya..siapa pendiri awal pay pal yang terkenal itu, yess Elon Musk.

Lalu elon pun pada Tahun 2002 mendirikan SPACEX.sebuah perusahaan yang meproduksi roket.

Lalu soal Elon yang terkenal dengan Mobil Listriknya TESLA adalah, berawal dari ketertarikanya Elon terhadap mobil Listrik. Elon menyandang dana terbesar di Tesla Motors.yang didirikan oleh perusahaan Martin Eberhard dan Marc Tarpenning.

Dan Elon dianggap membawa kemajuan Tesla, Elon telah berhasil membuat Tesla memproduksi  5000 Mobil listri per 3 minggu pada akhir juni 2018, sebuah pencaaian yang Fantastis.

Inilah yang akhirny Elon banyak dikenal dengan produk TESLA. Bahkan di Indonesia banyak tahu dan viral Elon identik dengan Tesla.

So teman teman semoga bermanfaat postingan ini ya, jangan lupa baca tokoh tok dunia lainnya hanya di eprayogo.com .

Read More

MENGENAL UI dan UX

Istilah UI ( User Interface) dan UX (User Experience) dalam pengembangan website memang sangat penting, keduanya sangat berkaitan. Lalu mana yang lebih penting antara UI dan UX, apakah hanya cukup UI atau UX.

Jadi kalau teman teman belajar website harus tahu istilah UI dan UX. Lalu apakah itu User interface dan apa itu User experence?

USER EXPERIENCE (UX)

User Expeirence (UX) adalah proses mendesain produk melalui pendekatan pada pengguna. Nah dengan pendekatan ini tentu Kita bisa menciptakan produk yang sesuai dengan kebutuhan dan keinginan pengguna.

Produk dengan desain UX yang baik adalah akan menciptakan yang menyenangkan bagi pengguna sesaat menggunakan produk Kita. Sehingga pengguna menjadi mudah dan Nyaman saat menggunakan produk.

Komponen UX itu apa saja sih? Adapun komponen UX meliputi bagaimana fitur yang disediakan pada pada produk, struktur desain, navigasi pengguna produk, aspek visual design, dan seluruh aspek aspek interaksi dengan pengguna. Dan yang jelas UX juga meliputi bagaimana kita menentukan branding, konten, dan copywriting yang sesuai dengan target pengguna.

USER INTERFACE (UI)

Nah kemudian apa sih User Interface itu? Kalau UI adalah bagian dari UX yang berupa tampilan visual dengan sebuah sistem. Dengan Tampilan tersebut memungkinkan pengguna terhubung dan berinteraksi dengan suatu produk.

Lalu apa saja sih Komponen dari UI ? Komponen UI antara lain tombol atau button, ikon typografi, tema, layout, animasi yang tampil pada produk dan visual interaktif yang lainnya.

Nah itu teman teman tentan Istilah UI (User Interface)  dan UX (User Expereince)

Next nanti akan kita bahas lagi tentang UI dan UX, semoga bermanfaat.

Read More

Pak (Bi) Subiakto" Pakar Branding Indonesia"

Subiakto Priosoedarsono atau lebih dikenal dengan panggilan Pak Bi. Saya rasa sebagian  teman teman sudah sangat Familiar dengan Pak Bi apalagi teman teman yang giat di dunia Bisnis online dan dunia Branding. Yess Netijen juluki Pak Bi ini sebagai "Pakar Branding'' dengan kiprahnya di dunia branding sebagai Praktisi sudah 51 tahun sungguh sebuah proses perjalan setengah abad dibidang branding.

 Sudah barang tentu sudah tidak diragukan lagi. So kalau teman teman inget tagline " Kopiko gantinya NGOPI'' " satu lagi Dari Mayora' dan banyak lagi tagline  yang sudah sangat melekat dikalangan masyarakat di Indonesia. Yes singkat nya slogan yang dibuat dengan nge branding dari " PREMEN SAMPAI PRESIDEN" Tentu temen temen inget slogan tagline " LANJUTAN" siapa lagi yang buat kalau bukan Pak Bi.

Pak bi sangat expert ngebranding dan membesarkan brand, membantu client menemukan DNA Brand, Brand core value, Brand Added Value, dan Brand Positioning.

BERAWAL DARI PELUKIS KOMIK

Sedikit menyadur dari web pribadi Pak Bi (subiakto.com), Bahwa Pak bi diawali dari menjadi Pelukis Komik sejak duduk di bangku SMA kelas 2 hingga tingkat 1 Sekolah Tinggi Seni Rupa Jakarta, Pak Bi memulai Kariernya profesional sebagai praktisi Branding sejak 1969.

Mengawali Karier profesional di perusahaan Modern Packaging sebagai Art Director dibawah bimbingan para ahli Manca negara seperti Norwegia , Swedia, India, Pakistan dan Singapore, membuat ketrampilan  brandingnya lewat packaging mumpuni

Selain itu sekarang Pak Bi telah banyak Membina dan menyebar Ilmu branding nya dengan membuka Workshop BISA BIKIN BRANDING, yang hingga saat ini sudah lebih dari 50 angkatan menjadi alumni BBB atau bisa bikin Brand. dengan jumlah alumni sekita 1500 alumni yang sudah tersebar di Indonesia, 

Sejak 2014 Pak Bi berkeliling Indonesia menyebar Virus Branding yang dianggap nya masih memprihatinkan, maka dengan BISA BIKIN BRAND ini Pak bi berharap bisa membranding Indonesia, memantabkan positioning Indonesia selaku pusat rempah dunia, Indonesia Spicing The world seperti yang dikutip di web pribadinya.

Read More

Alamanda Shantika Santoso

 

Sudah lama banget ingin nulis sosok yang satu ini, Kalau boleh dibilang sih menurut saya ini bisa jadi Model Model Coder wanita Indonesia. Saya rasa teman teman sudah tidak asing lagi dengan sosok yang satu ini. Kalau saya boleh bilang sekali lagi sosok ini " Wanita Coding" Indonesia, yang sudah menepis bahwa wanita kurang di bidang teknologi , ternyata sosok ini telah membuktikan dan sangat luar biasa.

Siapa lagi Kalau bukan Alamanda Shantika Santoso yang biasa dikenal Kak ala atau Mbak Ala. seorang wanita yang enerjik cerdas visioner, optimis dan sangat cinta Matematika ini, dan sangat senang belajar.

Kalau kemampuan di bidang Matematika sudah tidak diragukan lagi, dan Ala pun bisa di bidang desain dan teknologi computer , web dan skill lain dibidang teknologi.

yuk.. kita liat sosok dan profilnya. Alamanda Shantika lahir (12 Mei 1988; umur 32 tahun) merupakan seorang Founder dan Presiden Direktur Binar Academy yang Sebelumnya Alamanda merintis Go-jek bersama Nadim Makarim, alamanda menjadi Vice President of Product di Go-Jek,  yang akhirnya setelah Go-jek maju justru Alamanda mundur dari Gojek yang kemudian mendirikan sekolah coding yaitu BINAR ACADEMY. 

 Binar Academy adalah sekolah coding dengan konsep akademi tempat anak-anak bisa belajar tentang coding secara gratis. Alamanda sudah memakai teknik coding sejak usianya 14 tahun, pada saat itu ia sering membuat situs blog miliknya menggunakan teknik coding di mana hal tersebut digunakan untuk bisa menampilkan warna dan bentuk di blog-nya.

Kehidupan masa lalu Alamanda harus diterpa permasalahan ekonomi keluarganya, saat ia ingin memulai kuliah, ayahnya jatuh sakit dan terkena stroke. Akibatnya, Alamanda harus memutuskan impiannya untuk melanjutkan pendidikan ke jenjang yang lebih tinggi. Ia harus bekerja keras demi bertahan hidup, dengan keahliannya dalam teknik coding yang pernah ia lakukan saat usianya 14 tahun, ia memulai berbagai pekerjaan untuk mendesain website.

Dan sekarang Alamnda sudah mempunyai dua Kampus Binar academy di Yogyakarta dan Bsd dan juga bisnis dan investasi lain.

Read More