Posts

Memahami Cara Kerja Arsitektur NodeJS

Ketika Client mengirimkan Tugas/Permintaan ke aplikasi NodeJS, permintaan tersebut akan dikirim ke Antrian dan akan diproses setiap Antrian yang datang, karena NodeJS menggunakan Single Thread, dan dampaknya adalah setiap Permintaan yang masuk ke aplikasi NodeJS akan disimpan dalam antrian sebelum dieksekusi. Event Loop akan melakukan proses dan setelah itu akan mengirimkan pekerjaan proses ke C++ Threadpool dimana sebenarnya kode program akan dieksekusi di C++ Threadpool, misalnya untuk Sumber Daya Eksternal seperti koneksi ke file, database dll, prosesnya akan dieksekusi di dalam C++ Threadpool dan setelah proses selesai, mereka akan melakukan Callback dan akan diterima oleh Event Loop kemudian akan mengirimkan Respons ke Client.

Pemrograman

Sabtu, 29 Maret 2025 | 2 minutes Read

Implement BlocObserver untuk Debug dan Mengetahui Proses State Management Bekerja

BlocObserver BlocObserver adalah class abstract untuk memantau perilaku instance Bloc. Disini kita dapat melacak kapan saja suatu tindakan atau triggered baik dari user atau event saat pertamakali dijalankan. dan dalam contoh ini debugging Bloc akan lebih seru ketika kita tau proses nya bekerja. Baca Juga: Pengenalan Bahasa Pemrograman DART onChange Kita perlu override method onChange di dalam bloc untuk melihat perubahan ketika ada state baru pada saat pertama kali dijalankan. Seperti yang kita lihat, function onChange memiliki satu argument paramenters yaitu Change. Untuk parameters Change disini merepresentasikan perubahan dari satu state ke state yang lain. Parameters Change terdiri dari currentState dan nextState. Sekarang setiap kali ada state baru terjadi perubahan yang di emitted dan disanalah tempat yang menarik untuk kebutuhan logging/analytics dengan begitu kita akan tau secara spesifik. Satuhal yang perlu kita ketahui disini sebelum melakukan operasi apapun di dalam method onChange kita perlu memangil super.onChange terlebih dahulu. onTransition Jika kita ingin mengamati bloc setiap kali ada event yang ditambahkan dan penambahan state baru, kita perlu override terlebih dahulu method onTransition.Transition terjadi ketika ada event baru yang ditambahkan dan state baru yang di emitted dari EventHandler yang di jalankan.Transition dipanggil sebelum Bloc state di perbaharui.Itulah mengapa penggunaan Transition ini adalah tempat yang bagus untuk menambahkan logging/analitik di masing-masing bloc.Seperti biasa sebelum memasukan operasi yang lain kita perlu memanggil super.onTransition terlebih dahulu. onError Untuk mengetahui kesalahan di dalam bloc yang terjadi kita perlu override method onError terlebih dahulu untuk mengetahui kesalahan yang di timbulkan ketika dijalankan.onError akan dipanggil setiap kali terjadi kesalahan dan memberitahu BlocObserver.onError.Seperti biasa sebelum memasukan operasi yang lain kita perlu memanggil super.onError terlebih dahulu. onEvent Seperti namanya, setiap kali ada tindakan yang ditambahkan ke dalam bloc, method onEvent ini akan ke trigger.Ini juga merupakan tempat yang bagus untuk menambahkan logging/analitik begaimana event dari bloc itu bekerja. Example Untuk menampilkan cara kerja BlocObserver saya telah menambahkan sample code yang ada di github saya dan bisa dilihat disini class HomeBloc extends Bloc { HomeBloc({required FoodRespository foodRespository}) : _foodRespository = foodRespository, super(const HomeState()) { on(mapEventToState); } final FoodRespository _foodRespository; Future mapEventToState(HomeEvent event, Emitter emit) async { try { final listFood = await _foodRespository.listFood(); emit(HomeState(food: listFood, status: HomeStatus.success)); } on Exception catch (e) { emit(state.copyWith(message: e.toString(), status: HomeStatus.failure)); } }

Rabu, 02 November 2022 | 4 minutes Read

Pengenalan Bahasa Pemrograman DART

About Dart Dart merupakan bahasa pemrograman general-pupose yang dirancang oleh Lars Bak dan Kasper Lund dan dikembangkan oleh Google. Bahasa ini dirancang untuk mempermudah developer untuk mengembangkan app nya untuk disegala platform/multiplatform. Dart salah satu bahasa pemrograman dengan menggunakan gaya pemrograman bersifat OOP (Object Oriented Programming). Dart sendiri menggunakan gaya sintaks bahasa C yang dikompile ke dalam bahasa javascript. Baca Juga: Mengenal Unit Test, Widget Test, Integration Test Why Choose Dart 1. Optimasi UI Dart memang di kembangkan dengan bahasa pemrograman yang di khususkan untuk pembuatan antarmuka pengguna atau juga disebut UI. Dan pada bahas ini sangat mudah dipelajari dengan sintaks yang familiar dengan bahasa pemrograman lainnya. 2. Produktif Development Di Dart mempunyai fitur yang namanya Hot Reload yang fungsinya untuk merload / merefresh output secara instant tanpa mengulangi proses debug ulang saat aplikasi berjalan. Dan fitur ini sangat bermanfaat bagi para developer untuk memanfaatkan waktu semaksimal mungkin karna tanpa harus debug ulang yang prosesnya bisa memakan waktu lumayan. 3. Cepat di Semua Platform Dart bisa suport di multiplatform misal ARM, ARM 64 untuk mobile, Desktop dan Backend, atau kompile dengan JavaScript untuk Web. Dart ini mengkompile aplikasi sesuai dengan Engine murni sesuai starup instant. Macam - Macam Platform yang dibuat dengan Dart Pada bahasa pemgrograman Dart memungkinkan anda dapat menggunakan kode-kode sederhana ataupun aplikasi yang berfitur lengkap, baik pada platform mobile, web, command line script, dan aplikasi aplikasi pada platform server. Teknologi kompiler pada dart sangat flexible tergantung anda menargetkan ke sasaran platform apa. dan berikut sasaran platform kompiler pada Dart: 1. Dart Native (VM JIT dan AOT) Pada Dart Native ini untuk target platform/perangkat seperti mobile/seluler, desktop, web, server dan lainnya. Beberapa tahun lalu Google telah merilis teknologi baru yaitu Flutter yang fungsinya untuk membuat aplikasi multi-platform dengan UI toolkit yang popular dengan menargetkan build secara native baik mobile atau desktop. Alur Kerja Dart VM JIT Dart VM memiliki kompiler just-in-time(JIT) yang mendukung interpretasi murni (seperti yang diperlukan pada IOS) dan optimasi runtiem. Optimasi Kode Dart AOT Pada saat aplikasi digunakan untuk produksi, apakah anda mempublikasikan aplikasimu ke Play Store/App Store, anda dapat menggunakan kompiler AOT ini untuk kompile ke aplikasi ARM dan ARM 64. Aplikasi yang di kompile dari AOT sangat lancar dan cepat. 2. Dart Web (JavaScript) Pada Dart Web memungkinkan anda menjalankan platform web yang digukung oleh JavaScript dengan Dart Web. Jadi pada Dart akan dikompile ke dalam bahasa JavaScript yang dimengerti oleh browser umumnya. Dan sekarang Flutter juga support ke web platform. Alur Kerja Development yang cepat (Dart Dev Compiler) Dart dev Compiler atau dartdevc adalah kompiler Dart ke JavaScript yang dioptimalkan. Anda dapat menggunakan webdev, sebagai alat yang mendukung tugas seperti me run, debug dan development. Code Produkso yang doptimalkan (Kompiler Dart JS) Dart Js atau dart2js yaitu suatu alat kompile pada bahasa Dart untuk mengkonversikan ke JavaScript. Memulai membuat program pertama dengan Dart Pada bahasa pemrograman Dart init sintaks hampir sama dengan C++, C#, Java, dan JavaScript. Jika anda sebelumnya sudah pernah mempelajari bahasa pemrograman lain. pasti tidak asing lagi dengan sintaks pada Dart. Berikut contoh kode sederhana dan kode pertama dengan Dart: main(){ print("Hello, World!"); } jika kode tersebut dijalankan maka akan menghasilkan output berikut: Hello, World! Untuk Anda yang inin mencoba membuat program pertama dengan menggunakan Dart dan tanpa harus menginstalnya silahkan ke Try Dart untuk mencoba dengan bahasa Dart. Sekian pembahasan tentang pengenalan bahasa pemrograman dart, jika anda masih kebingungan silahkan tinggalkan jejak di form bawah ini. Terimakasih telah berkungjung

Pemrograman

Senin, 10 Oktober 2022 | 3 minutes Read

Mengenal Unit test, Widget test, Integration test pada Flutter

Semakin banyak fitur yang dimiliki dalam sebuah aplikasi, semakin sulit menguji dengan manual. Pengujian otomatis membantu memastikan bahwa pengujian aplikasi anda bekerja dengan benar sebelum anda mempublikasikannya, sambil mempertahankan fitur dan kecepatan memperbaiki bug. Pengujian otomatis terdapat 3 kategory: A unit test tests a single function, method atau class. A widget test (dalam framework IU lain disebut sebagai uji component). menguji satu widget An integratioin test menguji aplikasi lengkap atau sebagian besar aplikasi. Secara umum, aplikasi yang telah teruji dengan baik memiliki banyak pengujian unit dan widget, yang dilacak berdasarkan cakupan kode, ditambah integration test yang cukup untuk mencakup semua khusus penggunaan yang penting. saran ini didasarkan pada fakta bahwa ada trade-off antara berbagai jenis test.

Rabu, 09 Maret 2022 | 3 minutes Read

Apa itu TDD (Test-Driven Development) ??

Sebelum kita membahas apa itu Test-Driven Development kita akan berkenalan terlebih dahulu yang pertama kali memperkenalkan testing atau pengujian sebelum implementasi fitur oleh Kent Beck pada tahun 1996 melalui metodologi Extreme Programming, jadi praktik test first programming ini nantinya yang akan dikenal sebagai Test-Driven Development (TDD). Test-Driven Development (TDD) adalah pendekatan yang digunakan pada pengembangan perangkat lunak di mana programmer melakukan interleave proses pengujian dan pengembangan code pada dasarnya, programmer membangun code secara bertahap bersama dengan QA untuk incrmenet masing-masing code tersebut.

Kamis, 28 Oktober 2021 | 2 minutes Read

The History DIY Custom Mechanical Keyboard | Lily58 Split Keyboard

Hello sobat DIY, kali ini admin akan berbagi pengalaman mengenai DIY Custom Mechanical Keyboard jadi sebenarnya awal mulai nimbrung di mechanical keyboard kemarin akhir bulan puasa 2020, pada saat itu ada teman biasa saya panggil bang dayat namanya yang post foto di grub telegram dengan niat menyumbangkan sebuah Mechanical Keyboard dengan type VX7(Vortex Series 7) jadi pada saat itu saya tertarik dengan keyboard yang disumbangkan teman dengan catatan keyboard tersebut butuh keycaps supaya bisa digunakan jadi teman itu merekomendasikan untuk membeli keycaps DA Gaming(Digital Alien Gaming) kebetulan ada dijual bekas dengan harga 100K dan puji syukur alhamdulillah keyboardnya masih awet sampai sekarang dan proses upgrade case. Vortex Series 7 sebelum terjun ke DIY/membuat custom keyboard pada saat menggunakan VX7 sebelumnya first impression pada saat menggunakan mechanical keyboard tampil beda dari keyboard yang lain dimana sebelumnya mechanical keyboard sekilas cuma dengar nama dari beberapa teman kaloq keyboard itu untuk kalangan elit gitu tetapi pada saat sudah mengetahui lebih dalam dunia perkeyboardtan akhirnya memutuskan untuk DIY mechanical keyboard kebetulan diajak build bareng sama teman yang memberi VX7. jadi jarak memulai menggunakan VX7 dengan DIY itu sekitar 2 minggu sempat menggunakan VX7 selama 2 minggu untuk menikmati bagai mana rasanya menggunakan mechanical keyboard ternyata nyaman sesuai selera tangan, dan baru menycoba terjun ke build custom mechanical keyboard kebetulan searah dengan jurusan kuliah ambil Elektro dan SMK juga Elektronika jadi pengalaman terjun langsung ke build keyboard gak terasa sulit gitu. pada awal mulai build keyboard kami memutuskan langsung untuk build keyboard model split/terpisah yitu Lily58 namanya dimana Lily58 ini ditemukan oleh orang jepang jadi pada awal mulai kami terkendala karena jalur pcb atau jalur komponen (schema) yang digunakan itu multi layer/jalur bawah atas untuk menghubungkan komponen 1 dengan yang lain, sedangkan pengalaman dari SMK sebatas rancang 1 layer oleh karena itu saya dan teman itu memutuskan untuk memberanikan diri mengubah/translate dari multilayer menuju single layer jadi saya sendiri mencoba translate dan teman itu me review hasil translate yang saya sudah kerjakan sekaligus riset model jalur pcbnya. dalam proses riset sekaligus translate multi layer ke single layer itu kurang lebih menghabiskan waktu sekitar 1 minggu jadi star mulai hari jum'at dan pas hari sabtu kebetulan ada jadwal liburan remaja teman rumah ke 3 pantai gili dan camp 1 malam disana, pada saat itu juga saya memutuskan membawa laptop supaya riset/proses translate tetap berjalan. sambil menikmati suasana pantai akhirnya progres translate sudah mencapai sekitar 50% itu untuk split yang sebelah kanan, belum lagi untuk yang sebelah kiri, setelah beberapa hari kemudian kami mulai membeli perlengkapan di toko elektronika terdekat buat persiapan build seperti PCB, dioda, resistor, jack TRRS, reset button, dan barang yang tidak ada dijual disan kita memutuskan untuk beli online seperti pro micro, port TRRS, baut, oled. karena peralatan build minim seperti solder dll akhirnya bertamu kerumah teman biasa saya panggil bang rizal, tempat biasa rakit" barang elektronika dan IoT. jadi singkat cerita selama 1 minggu itu seluk beluk keyboard Lily58 ini kami berdua dapat banyak ilmu pengetahuan dari proses translate yang multi layer menjadi single layer dan pada akhirnya bang rizal biasa build multi layer pcb jadi hasil riset 1 minggu sekilas terbuang jauh setelah melihat hasil teman yang mencoba menyederhanakan multi layer yang dibuat orang jepang tersebut. PCB design by bang Rizal for LombokGeeks(grub telegram) tetapi kami berdua tetap semangat walaupun hasil riset 1 minggu itu tidak kita gunakan jadi kita berfokus dengan hasil yang sudah disederhanakan oleh teman tersebut dan setelah proses penyederhanaan selesai kita mencoba untuk mencetak lubangnya terlebih dahulu dengan alat CNC kebetulan teman itu mempunyai alat tersebut. Pada saat proses cetak menggunakan CNC tersebut ada beberapa kesalahan yang dialami yaitu beberapa mata bor patah buat ngelubangin karena baru pertama kali mengetahi cara penggunaannya dan singkat cerita proses cetak menggunakan CNC selesai. selanjutnya masuk tahap cetak jalur komponen multi layer yaitu pertama kita mencetak jalurnya terlebih dahulu menggunakan printer HP laser jet dengan kertas foto, karena tinta printer ini berbeda dari tinta printer lainnya. setelah proses cetak selsesai kemudian kertas foto itu kita tempelkan pada PCB fiber double layer kemudian di panasin kertas fotonya dngan setrika supaya tinta yang ada pada kertas foto tersebut berpindah ke papan PCB, nah pas setrika pertama gagal/rusak karena ada beberapa jalur yang tidak nempel pada pcb. selanjutnya proses cetak kedua menggunakan setrika dan al hasil berhasil dengan sempurna jalur" komponen nempel semua dan berita anehnya saya salah cetak layout yang sebenarnya untuk design jalur pcb bawah saya tempel di pcb bagian atas jadi kebalik dan eksperiment dinyatakan gagal/rusak. proses selanjutnya percobaan setrika ke tiga dan al hasil berhasil tetapi dengan catatan ada beberapa jalur rusak dan bisa di akalin dengan tinta sepidol permanent. kemudian lanjut ke setrika bagian bawahnya juga al hasil berhasil jadi terlihat hasil kerja keras proses cetak selam 3x berulang, tetapi itu baru setengahnya. setelah proses setrika selesai kemudian kita lanjutkan dengan melarut PCB dan karena bahan kimia yang digunakan untuk larutan pcb ini sudah lama jadi proses melarut itu menghabiskan waktu sekitar 6 jam kebayangkan 6 jam menunggu dengan pikiran yang penasaran bagai mana hasil kahirnya. lily58 pcb design jadi star larut dari jam 1 malam sampai jam 6 pagi dalam proses menunggu saya browsing" supaya tidak tidur dan selesai dengan sesuai yang di inginkan kemudian lanjut lagi proses larut lagi untuk sebelah kiri, karena jalur pcb hasil design sebelah kanan tidak bisa di mirror untuk sebelah kiri jadinya perlu proses buat jalur lagi supaya bisa digunakan tetapi sebelumnya karena sudah cetak bolongan menggunakan CNC jadi untuk yang sebelah kiri ini saya design jalurnya menggunakan spidol permanet yang ada. lily58 pcb design kemudian dilanjut lagi proses pelarutan pcb yang tadi dan star dari jam 6 smpai jam 10 pagi smbil ditinggal tidur dan pada saat bangun ternyata belum kelar juga hasil pelarutannya. jadi hasil dari desing multi layer sampai pelarutan pcb menghabiskan waktu sekitar 3 hari start mulai dari setelah jum'at sampai hari minggu siang dan al hasil eksperiment yang berhasil cuma 1 pasang dari 2 pasang yang diharapkan. kemudian lanjut lagi pada hari senin dan memutuskan untuk membeli pelarut pcb bahan kimia yang mirip seperti batu bara kemudian lanjut pelarutan dirumah bang dayat dan 1 menit langsung kelar proses pelarutan jadi dari 11 jam pelarutan sebelumnya bisa kelar dalam 1 menit dengan catatan pelarut sebelumya menggunakan bahan kimia cair yang sudah lama. setelah pelarutan selesai kemudian lanjut lagi dengan menghubungkan jalur pcb dari buttom layer ke top layer menggunakan beberapa urat kabel, proses ini menghabiskan waktu 1 setengah hari dan dilajut lagi dengan solder komponen seperti dioda, dll. dan singkat cerita sebelah kanan menggunakan jalur pcb dan sebelah kiri menggunakan pcb hanweiring jadi jalurnya dibuat manual dengan kabel, karena proses build 1 pasang keyboard lily58 ini butuh perjuangan seperti sebelumnya akhirnya bang dayat memutuskan untuk build persi handwiring karena menunggu design sebelah kiri mesti dibuat dari awal dan pada akhirnya lebih cepat selesai handwiring dibanding proses yang saya kerjakan seperti sambung kabel antara buttom layer dan top layer untuk sebelah kanan, dilanjut lagi dengan pcb wiring sebelah kanan. pada saat sudah selesai kemudian lanjut lagi proses flash firmware nya menggunakan Qmk_firmware dan al hasil sebelah kanan pada jalur row 2 bermasalah, jadi sudah kebayangkan proses build ke pcb sebelumnya menghabiskan 3 hari belum lagi lika liku menunggu pcb larut 11 jam, dan pada akhirnya hasil row 2 tidak berfungsi dengan baik, singkat cerita akhirnya memutuskan bongkar lagi dan larut semya jalur supaya bisa pcb wiring dan singkat cerita berjalan dengan normal dan hasil pcb wiring versi saya dan hanwiring versi bang dayat untuk keyboard Lily58 seperti gambar dibawah ini. Lily58 custom mechanical keyboard by bang dayat Lily58 custom mechanical keyboard by bang anwar jadi keyboard yang sudah di build ini dalam tahap proses upgrade to the next version untuk anda yang tertarik build keyboard pribadi mari dicoba karena tidak ada salahnya untuk mencoba wawasan baru yang bermanfaat untuk kita sendiri atau yang bermanfaat bagi banyak orang jika serius untuk di produksi. pengalaman yang kami dapatkan dari DIY custom mechanical keyboard ini banyak sekali dari model kerja keyboard, jalur" pro micro, cutsom key keyboard dll. dan yang paling lain dari yang lain custom keyboard mechanical ini kita bisa mengatur fungsi tombol sesuai selera tangan kita dan sesai selera kita jadi 1 tombol bisa kita kasih fungsi jadi 4 buat delete, sepasi, enter, caps lock juga bisa inilah yang disebut keyboard pribadi karena belum tentu orang lain sama selera tanganmu setelah menggunakan keyboard ini. jadi perjuangan dari build custom keyboard ini membuka pintu untuk semua jenis keyboard yang mau di build terasa mudah bagi yang sudah mencoba build dari 0. sakian dulu ulasan mengenai The History DIY Custom Mechanical Keyboard kali ini semoga yang baca dapat wawasan juga mengenai how to build custom keyboard dan semoga bermanfaat adapun link tutorial dari segi teknikal kunjungi link dibawah ini. UNK build by herpiko: https://github.com/herpiko/unk last TULISAN INI DARI KEYBOARD LILY58 MECHNICAL KEYBOARD

Rabu, 12 Agustus 2020 | 7 minutes Read

Google Program: Developer Student Clubs (DSC) Lead Sudah Dibuka

Jika anda adalah seseorang yang ingin memimpin, sangat bergairah dengan teknologi, menyukai pemecahan masalah, dan terdorong untuk memberikan kembali kepada komunitas anda, maka Developer Student Clubs sangat tepat untuk anda. Formulir minat untuk tahun akademik 2020-2021 mendatang sekarang sudah tersedia. Siap mendaftar? Daftar di: goo.gle/dsc-leads Apa itu Developer Student Clubs? Developer Student Clubs (DSC) adalah grub komunitas berbasis universitas untuk mahasiswa yang tertarik dengan teknologi pengembang Google. Dengan program yang bertemu langsung dan online, siswa dari semua program sarjana dan pascasarjana dengan minat untuk tumbuh sebagai pengembang dipersilakan. Dengan bergabung dengan DSC, siswa menumbuhkan pengetahuan mereka di lingkungan pembelajaran peer-to-peer dan membangun solusi untuk bisnis lokal dan komunitas mereka. Kenapa saya harus bergabung? Kembangkan keterampilan anda sebagai pengembang dengan konten pelatihan dari Google Pikirkan proyek anda sendiri, lalu pimpin tim rekan-rekan anda untuk mengukurnya Bangun prototipe dan solusi untuk masalah lokal Berpartisipasi dalam kompetisi pengembang global Menerima akses untuk memilih acara dan koferensi Google Dapatkan pengalaman berhargaa Apakah ada Developer Student Clubs dekat saya? Developer Student Clubs sekarang ada di 68+ negara dengan 860+ grub. Temukan club di dekat anda atau pelajari cara memulai Clubs anda sendiri disini Kapan saya perlu mengirimkan formulir Pendaftaran? Anda dapat menyaakan minat melalui formulir hingga 15 Mei, 11:59pm PST. mulai disini Pastikan untuk mempelajari lebih lanjut tentang kriteria program DSC. Lead DSC bekerja pada proyek-proyek yang bermakna di seluruh dunia. Tonton video ini tentang bagaimana satu pimpinan bekerja untuk melindungi komunitasnya dari banjir yang berbahaya di Indonesia. Demikian pula, baca kisah ini tentang bagaimana timah hitam lain membantu memodernisasi perawatan kesehatan di Uganda. Kami menantikan kehadiran. sekelompok petunjuk baru ke Developer Student Clubs. Punya teman yang menurut anda cocok? Lewati artikel ini. Semoga semua siswa pengembang menjadi yang terbaik di jalur menuju pengembangan produk dan komunitas yang hebat.

Kamis, 07 Mei 2020 | 2 minutes Read

Spesifikasi iPhone SE 2020 Lengkap | Kuasaiteknologi

iPhone SE generasi kedua (juga dikenal sebagai iPhone SE (2020) dan 2020 iPhone SE) adalah smartphone yang dirancang, dikembangkan, dan dipasarkan oleh Apple Inc. ini adalah bagian dari iPhone generasi ke-13, di samping iPhone 11 dan 11 model Pro / Pro Max. Diumumkan pada 15 April 2020 iPhone SE langsung menggantikan seri iPhone 8, sementara juga menjadi penerus iPhone SE generasi pertama. Pesanan dimulai pada 17 April 2020, dan telepon kemudian dirilis pada 24 April 2020. Baca Juga: Review iPhone 6s Plus full spesifikasi Spesifications: Size Dengan layar diagonal 4,7 in (120 mm), generasi kedua iPhone SE adalah di antara smartphone in-produksi terkecil pada saat dirilis. Namun, itu masih tiga puluh persen lebih besar dari generasi pertama SE, yang layar diagonal diukur pada 4 in (100 mm). Hal ini menyebabkan seorang jurnalis menyatakan bahwa iPhone SE generasi kedua adalah "paku di peti mati" untuk pnsel kecil setelah peningkatan cepat dalam ukuran di semua model smartphone dalam beberapa tahun trakhir. Hardware iPhone SE menggabungkan Apple A13 Bionic system-on-chip (SoC) dengan coprocessor gerak M13 dan mesin saraf generasi ketiga. Ini tersedia dalam tiga konfigurasi penyimpanan internal 64GB, 128GB, 256GB. SE memiliki peringkat IP67 (kedap debu / 30 menit pada kedalaman 1 m) yang sama untuk ketahanan terhadap debu dan air seperti pada iPhone 8. Ponesl ini tidak memiliki perangkat keras ultra-wideband (chip Apple U1) yang ditemukan di iPhone 11 dan 11 Pro. Meskipun ukuran ponsel lebih kecil yang dapat menyebabkan pelambatan termal yang meningkat, A13 SoC beroprasi pada puncak frekuensi CPU yang sama seperti pada iPhone 11. Display iPhone SE menampilkan layar Retina HD yang sama dengan ditemukan pada iPhone 8, dengan true Tone dan gamut warna lebar (Display P3). 3D Touch yang ditemukan pada iPhone 8 telah diganti dengan Haptic Touch pada iPhone SE, yang tidak berfungsi untuk notifikasi. Ia dapat memutar konten HDR10 dan Dolby Vision meskipun tidak memiliki tampilan siap-HDR, dilakukan dengan mengonversi konten HDR agar sesuai dengan tampilan sementara masih memiliki beberapa peningkatan untuk rentang dinamis, kontras, dan gamut warna lebar dibandingkan dengan konten standar. Camera iPhone Se memiliki kamera belakang 12 MP tunggal, mirip dengan sistem kamera tunggal iPhone 8, yang mampu merekam video 4K pada 24 fps, 30 fps atau 60 fps, video HD 1080p pada 30 fps atau 60 fps atau 720p Video HD pada 30 fps. Kamera memiliki aperature f/1.8 fokus otomatis, stabilitasi gambar optikm dan blitz True Tone quad-LED. Ponesl ini juga dapat mengambil Panorama hingga 63 MP, dan mengambil foto dalam mode burst. Kamera depan 7 MP dengan aperature f/2.2 dan autofokus, yang mampu merekam video HD 1080p pada 30 fps. Antarmuka kamera mengadopsi "QuickTake" dari 11 dan 11 Pro, yang memungkinkan pengguna untuk menekan tombol rana untuk mengambil video. Baik Kamera depan dan belakang iPhone SE mendukung mode Potrait dan Potrait Lighting, dan Smart HDR ditampilkan di kamera belakang. Dibandingkan dengan iPhone 8, procesor baru SE menambahkan dukung untuk video rentang dinamis yang diperpanjang hingga 30 fps, perekaman stereo dan stabilisasi video sinematik. Namun, penggunaan perangkat keras yang lebih lama untuk hasil sensor dalam beberapa keterbatasan; iPhone SE tidak mendukung fitur Night Mode atau Deep Fusion pada iPhone 11 dan 11 Pro. Implementasi SE mode Potret berbeda dari iPhone XR, karena kamera tidak dapat menghasilkan peta kedalaman melalui penggunaan piksel fokus dan sebagai gantinya bergantung pada pembelajaran mesin berbasis perangkat lunak. Software iPhone SE pada awalnya dikirim dengan iOS 13.4 dan mendukung Apple Pay dan Apple Card. Baca juga: iPhone SE generasi kedua powerful smartphone Full Spesificatioins: General Brand · Apple Inc Network · GSM 850 / 1800 / 1900 / 2100 · HSDPA 850 / 900 / 1800 / 1900 / 2100 · LTE bands 1, 2, 3, 4, 5, 7, 8, 12, 13, 17, 18, 19, 20, 25, 26, 28, 29, 30, 38, 39, 40, 41, 42, 46, 48, 66, 71 Model · A2275(United State/Canada), A2296 (Global) A2298(Chine) Colors · Black, White, Product Red Release Date · April 24, 2020 Display Type · 4.7 in (120 mm) Retina HD display with IPS technology, 1334 x 750 pixel resolution (326 ppi, 1400:1 contrast ratio (typical), 625 cd/m max. brightness (tipical, with dualion exachange-strengthened glass and Haptic Touch Size · 1334 x 750 pixels, 4.7 inches (120 mm) Type · Smartphone Size Height · 138.4 mm Width · 67.3 mm Dimension · 7.3 mm Weight · 148 g Features Operating System · iOS 13.4 CPU · Hexa-core (2x high power Lightning cores at 2.65 GHz + 4x low-power Thunder cores at 1.82 GHz) System on chip · Apple A13 Bionic Battery · 1,821 mAh, 6.96 Wh, 3.82 V Internal rechargeable li-ion Non removable Other · Face Time audio or video calling, IP67 IEC standard 60529 (splash, water, and dust resistant) Charging · Fast charging up to 18W Qi wireless charging Data Modem · Dual SIM with eSIM Gigabit-Class LTE with 2x2 MIMO LTE · Yes Sound · Stereo speakers WiFi · Yes Bluetooth · Bluetooth 5.0 Memory Memory and Storage · 64, 128, or 256 GB. 3GB of LPDDR4X RAM Camera Rear camera · 12 MP, with six-element lens quad-LED "True Tone" flash with Slow Sync, autofocus, IR filter, Burst mode (photography), f1/1.8 aperature 4K video recording at 24, 30, or 60 fps; 1080p at 30 or 60 fps; 720p at 30 fps, slow-motion video (1080p at 120 or 240 fps), timelapse with stabilization, panorama, face detection, Smart HDR, digital image stabilization, optical image stabilization, cinematic video stabilization (4K, 1080p, and 720p), Potrait mode and Potrait lighting Front camera · 7 MP, f/2.2 aperature, burst mode, scposure control, face detection, auto-HDR, auto image stabilization, Retina flash, 1080p HD video recording, cinematic video stabilization (1080p and 720p), Potrait mode and Potrait lighting

Sabtu, 02 Mei 2020 | 5 minutes Read

iPhone SE Generasi Kedua Powerful SmartPhone

Cupertino - Apple beberapa minggu lalu mengumumkan iPhone SE generasi kedua, iPhone baru yang kuat dalam. layar Retina HD 4,7 inci, dipasangkan dengan Touch ID untuk keamanan terkemuka di industri. iPhone SE hadir dalam desain yang ringkas, diciptakan kembali dari dalam ke luar, dan merupakan iPhone yang paling terjangkau. Introducing the second-generation iPhone SE, a powerful and compact new smartphone. iPhone SE baru ini ditenagai oleh A13 Bionic yang dirancang oleh Apple, chip tercepat dalam sebuah smartphone, untuk menangani tugas yang paling berat. iPhone SE juga dilengkapi sistem kamera tunggal terbaik yang pernah ada dalam iPhone, yang membuka manfaat fotografi komputasional termasuk mode Portrait, dan dirancang untuk tahan terhadap elemen dengan debu dan tahan air. Iphone SE hadir dalam tiga warna yang indah - Hitam, putih (PRODUCT) RED dan akan tersedia untuk pre-order mulai Jumat, 17 April, mulai dari hanya Rp. 6.049.278,90 ($399)AS. "Iphone SE pertama menjadi hit dengan banyak pelanggan yang menyukai kombinasi unik ukuran kecil, kinerja kelas atas dan harga terjangkau, iPhone SE generasi kedua yang baru dibangun berdasarkan gagasan hebat itu dan meningkatkannya dalam segala hal termasuk sistem kamera tunggal terbaik untuk foto dan video hebat - sambil tetap sangat terjangkau" kata Phil Schiller, wakil presiden senior Apple Pemasaran di seluruh Dunia. IPhone SE menampilkan terdepan di industri A13 Bionic yang memungkinkan masa pakai baterai yang hebat, mengambil mode Portrait yang memukau dan foto-foto HDR yang cerdas, merekam video yang luar biasa dengan audio stereo, sangat bagus untuk permainan dan penjelajahan web yang sangat cepat, dan dibangun dengan fitur yang sama fitur keamanan industri terkemuka yang diharapkan pelanggan. Popular Design with 4.7-inch Display iPhone SE memiliki aluminium aerospace-grade dan desain kaca yang tahan lama dengan bagian depan serba hitam, dan tersedia warna hitam, putih dan (PRODUCT) RED. Lapisan kaca belakang termasuk logo Apple terpusat dan dibuat menggunakan proses warna tujuh lapis rona yang dan opacity yang hebat, menghasilkan kedalaman warna yang kaya dengan pita aluminium yang serasi warna. Tahan air dan debu dengan peringkat IP67 untuk ketahanan air hingga 1 meter selama 30 menit. iPhone SE comes in three beautiful colors, black, white and (PRODUCT)RED, and is designed to withstand the elements with dust and water resistance. Layar Retina HD 4,7 inci dengan True Tone menyesuaikan white balance agar sesuai dengan cahaya sekitar untuk pengalaman menonton yang lebih alami dan seperti kertas. Tampilan gamut warna cerah lebar Retina HD menawarkan akurasi warna yang aling luar biasa, dan mendukung Dolby Vision dan pemutaran HDR10. iPhone SE menggunakan Haptic Touch untuk tindakan cepat seperti menganimasi foto langsung, mempertinjau pesan, mengatur ulang aplikasim dan llainnya - serta menu kontekstual. iPhone SE juga dilengkapi tombol beranda yang sudah dikenal yang dirancang dengan kristal safir agar tahan lam dan untuk melindungi sensor, serta cincin baja untuk mendeteksi sidik jari pengguna untuk Touch ID. menggunakan Touch ID adalah alternatif yang mudah, pribadi dan aman untuk memasukkan kode sandi untuk membuka kunci iPhone, mengisi kata sandi menggunakan Keychain iCLoud, masuk ke aplikasi Otoritasi menggunakan keychain iCloud, masuk ke aplikasi, otorisasi pembelian App Store, dan melakukan transaksi Apple Pay. A13 Bionic - The Fastest Chip in a Smartphone Diperkenalkan dengan iPhone 11 dan iPhone 11 Pro, A13 Bionic adalah chip tercepat yang pernah ada dalam smartphone dan memberikan kinerja yang tak tertandingi untuk setiap tugas yang ditangani iPhone SE. Sempurna untuk fotografi, bermain game, dan pengalaman augmented reality, A13 Bionic membuat setiap tindakan terasa lancar. A13 Bionic, the fastest chip in a smartphone, comes to iPhone SE enabling great battery life, power and efficiency. A13 Bionic dibangun dengan fokus pada pembelajaran mesin, dengan 8-core Neural Engine yang berdedikasi mempu 5 triliun operasi per detik, dua Machine Learning Accelerators pada CPU dan Machine Learning Controller baru untuk menyeimbangkan kinerja dan efisiensi. Bersama-sama, A13 Bionic dan iOS 13 memungkinkan aplikasi cerdas baru yang memanfaatkan pembelajaran mesin dan Core ML. Dibangun untuk efisiensi, A13 Bionic juga memungkinkan daya tahan baterai yang hebat untuk iPhone SE. iPhone SE adalah pengisian nirkabel yang mampu dengan pengisian daya bersertifikat Qi dan juga mendukung pengisian cepat, memberi pelanggan hingga 50 persen biaya hanya selama dalam 30 menit. Kecepatan unduh kilat tersedia dengan Wi-Fi 6 dan LTE kelas Gigabit. Dual SIM dengan eSIM memberikan fleksibilitas bagi pengguna untuk memiliki dua nomor telepon terpisah pada satu perangkat saat bepergian ke luar negeri atau untuk digunakan sebagai lini bisnis. New Camera Experience Powered A13 Bionic iPhone SE menghadirkan sistem kamera tunggal terbaik yang pernah ada di iPhone dengan kamera selebar 12/megapiksel f/18.8, dan menggunakan prosesor sinyal gambar dan Neural Engine A13 Bionic untuk membuka lebih banyak lagi manfaat fotografi komputasional, termasuk mode Potret, semua enam efek Pencahayaan Potret dan Kontrol Kedalaman. iPhone SE takes amazing photos with Smart HDR, stunning portraits with Portrait mode including all six Portrait Lighting effects, and with QuickTake, users can easily transition to video recording without switching out of Photo mode Menggunakan pembelajaran mesin dan estimasi kedalaman monokuler, iPhone SE juga mengambil Potret yang menakjubkan dengan kamera depan. Smart HDR generasi terbaru hadir untuk iPhone SE, dengan cerdas menerangi subjek yang dikenali dalam bingkai untuk gambar yang tampak lebih alami dengan sorotan yang menakjubkan dan detail bayangan. Video bahkan lebih mendalam dengan perekaman audio stereo dan stabilisasi video sinematik di kamera depan dan belakang. Kamera belakang mendukung pengambilan video berkualitas tinggi pada 4K hingga 60fps, dan jangkauan dinamis yang diperluas datang ke iPhone SE untuk detail sorotan lebih lanjut hingga 30fps. Pelanggan juga dapat memanfaatkan video QuickTake di kamera depan dan belakang, memungkinkan perekaman video tanpa beralih dari mode Foto. Dengan fitur Kamera dan Foto canggih di iOS 13, pengeditan asli bahkan lebih komprehensif dan intuitif melalui alat canggih yang dulunya hanya tersedia untuk pengeditan foto. Semua yang Apple Tawarkan iPhone SE memberi pelanggan akses ke ekosistem produk, layanan, dan aksesori Apple yang kuat. Pengguna dapat memanfaatkan hampir 2 juta aplikasi di App Store, termasuk aplikasi pihak ketiga terbaik dan pengalaman AR, tetap mengikuti perkembangan terkini dengan Apple News, menikmati serial asli, film dan dokumenter dari para pendongeng terhebat dunia dengan Apple TV +, streaming lebih dari 60 juta lagu dari artis favorit mereka di Apple Music, melakukan penyimpanan foto, file dan kontak di iCloud dengan kemampuan untuk mengakses konten disemua perangkat Apple pelanggan. iPhone SE features the best single-camera system in an iPhone capturing high quality video up to 4K 60fps on the rear camera, cinematic video stabilization on the front and rear camera, and studio audio recording. Dengan konektor Lightning, iPhone SE juga kompatibel dengan lebih dari 25.000 aksesoris Lightning, termasuk aksesori kamera, audio dan speaker, dok, CarPlay dan banyak lagi. iPhone SE dibangun dengan fitur keamanan terkemuka di industri yang sama dengan yang doharapkan pelanggan dari Apple - melindungi privasi dan memberi pelanggan kendali atas informasi mereka. Misalnya, Touch ID dan Secure Enclave melindungi data sidik jari, Intelligent Tracking Prevention on Safari membantu mengentikan pengiklan yang mengikuti pengguna dari situs ke situs, Foto menggunakan pembelajaran mesin untuk mengatur foto pada perangkat dan banyak lagi. iPhone SE dengan iOS 13 memberikan pengalaman yang mulus dengan integrasi perangkat lunak dan perangkat keras tidak seperti smartphone lainnya. iOS 13 mengadirkan tampilan dramatis dengan mode Gelap, cara yang lebih pribadi untuk masuk ke aplikasi dan situs web dengan Masuk dengan Apple, dan pengalaman Maps yang semuanya baru yang memberikan navigasi yang lebih cepat dan lebih akurat serta citra tingkat jalan yang indah dengan Look around. Harga dan Ketersediaan iPhone SE akan tersedia dalam model 64GB, 128GB dan 256GB dalam warna hitam, putih dan (PRODUCT) RED mulai dari $399(AS). Pelanggan juga bisa mendapakan iPhone SE seharga $9,5 per bulan atau $229 dengan berdagang dari apple.com, di aplikasi Apple Store dan Apple Stores. iPhone SE tersedia melalui pengecer resmi apple dan operator tertentu(harga dapat bervariasi). iPhone SE tersedia untuk pre-order di apple.com dan aplikasi Apple Store mulai pukul 5 pagi PDT pada hari Jumat, 17 April, dan akan tersedia dari Apple, Pengecer Resmi Apple dan operator terpilih pada Jumat, 24 April, di AS. dan lebih dari 40 negara dan wilayah lainnya. Apple TV + tersedia di aplikasi Apple TV di iPhone, Apple TV, iPod touch, Mac dan platform lainnya termasuk onlince (tv.apple.com) dengan harga $4,99 per bulan dengan uji coba gratis tujuh hari. Plenaggan yang membeli iPhone SE dapat menikmati Apple TV + satu tahun gratis. Pelanggan dengan pertanyaan tentang iPhone SE atau iPhone mana yang tepat untuk mereka dapat menghubungi Spesialis di 1-800-MY-APPLE atau memulai obrolan dalam pesan langsung dari aplikasi Apple Store. Siapapun yang membeli secara online dari Apple akan menerima pengiriman rumah tanpa kontak gratis dan opsi untuk berdagang di iPhone mereka saat ini untuk mendapatkan kredit untuk pembelian iPhone. Pelanggan mendapaktan 3% Uang Tunai Harian ketika mereka membeli iPhone SE dari Apple dengan Apple Card. Pelanggan dapat memperpanjang generasi terbatas mereka dengan AppleCare + dan AppleCare + dengan pencurian dan Kehilangan, dan mendapatkan akses prioritas 24/7 ke dukungan teknis. Sebagian dari hasil untuk iPhone SE (PRODUCT) pembelian RED akan langsung ke COVID-19 Response Global Fund yang baru didirikan - menyediakan dana untuk negara-negara yang membutuhkan APD, perawatan diagostik, peralatan lab, komunikasi keselamatan publik, dukungan rantai pasokan, dan lainnya serta hibah HIV/AIDS yang menyediakan program pengujian, konseling, pengobatan dan pencegahan dengan fokus khusus pada penghapusan penularan virus dari ibu ke bayi mereka.

Sabtu, 02 Mei 2020 | 8 minutes Read

Fitur Utama yang Dimiliki VueJs | JavaScript

Virtual DOM DOM singkatan dari Document Object Model merupakan model yang mnggambarkan halaman HTML atau XML. DOM berbentuk struktur hirarki pohon yang menghubungkan masing-masing element HTML/XML(node). Contoh: Kode HTML di atas jika dilihat dari sudut pandang DOM memiliki root node html, node html memiliki dua child node yaitu head dan body. Node head memiliki satu child yaitu title, sedangkan node body memiliki dua child yaitu h1 dan p. Javascript memiliki kemampuan untuk mengakses dan memanipulasi semua DOM tersebut secara langsung. const h1s = Array.from(document.getElementsByTagName('h1')) console.log(h1s[0]); Namun alih-alih memanipulasinya secara langsung, Vue memilih pendekatan lain yaitu membuat abstraksi objek virtual dari DOM kemudian memanipulasinya baru kemudian merender atau menampilkan hasilnya. Pendekatan ini lebih efektif dan cepat dibandingkan langsung memanipulasi DOM-nya sebagaimana yang dilakukan pustaka lain semisal JQuery. Component Base Vue menggunakan pendekatan berbasis komponen, dimana setiap tampilan atau bagian dari tampilan merupakan komponen. Melalui pendekatan ini, tampilan yang komplek dapat dipecah menjadi beberapa bagian dan setiap bagian itu bisa digunakan kembali pada bagian lainnya. Hal ini akan membuat kode lebih efisien dan bersih. Kode komponen pada Vue ditulis menggunakan kode Javascript sebagai sebuah object. Template berkaitan dengan poin sebelumnya, template merupakan kode yang dijadikan dasar dari suatu komponen dann biasanya berupa kode-kode HTML biasa. Penulisan template pada Vue bisa sangat fleksibel dan out of the boc. Kita bisa tuliskan tag template tag HTML yang id-nya telah didaftarkan,, bisa juga dipisahkan pada file tersendiri yang umumnya menggunakan ekstensi Vue, dsb. Modularity Komponen pada Vue bisa dipecah menjadi modul-modul kecil. Hal ini akan memudahkan pengembangan untuk mengelola kodenya terutama pada proyek aplikasi yang besar. Reactivity Secara default, Vue mendukung reactivity yaitu perubahan data pada suatu bagian tertentu akan mempengaruhi bagian yang lain. Fitur ini akan memudahkan developer dalam mengembangkan aplikasi karena cukup fokus pada flow data dan template. Routing Routing merupakan kebutuhan untuk pembuatan aplikasi enterprise karena menyangkut bagaimana suatu halaman pada aplikasi tersebut diakses oleh pengguna melalui web browser. Meski bukan pada core-nya, namun Vue menyediakan pustaka yang didukung secara resmi untuk menangani routing aplikasi, yaitu Vue router https://router.vuejs.org. State Management Oleh karena vue berbasis komponen, maka diperlukan pendekatan terpusat untuk menyimpan state atau data aplikasi yang bisa dibaca dan dimodifikasi oleh semua komponen yang membutuhkannya. State management juga bukan core pada Vue seperti halnya routing, namun pustaka yang menangani state ini juga didukung secara resmi yaitu vuex https://vuex.vuejs.org.

Rabu, 22 April 2020 | 2 minutes Read

Made in Figma: Desain Berdasarkan Tren

Tahun ini adalah tahun yang besar untuk desain, untuk anda, dan untuk kami. Semakin banyak orang, di lebih banyak tempat, berpartisipasi dalam proses desain dan fitur-fitur baru seperti desain sistem analisis pintu terbuka untuk mengukur nilai pekerjaan desain. Desain berevolusi sebagai industri dan kerajinan dan ketika tahun 2019 berakhir, kami ingin tahu tentang selera dan kecendrungan mereka yang mendesain dalam Figma. Jenis huruf, gaya, dan pantone apa yang paling populer? Ukura bingkai apa yang paling umum? seperti apa, pada level file, bagi tim untuk mendesain bersama? Jadi, menggali data produk anonim (rincian metodologi di bawah) untuk melihat apa yang bisa kami pelajari. beberapa hasil yang diharapkan dan beberapa mengejutkan, tetapi semuanya membuat kami lebih bersemangat tentang masa depan desain. Seperti apa 2019 di Figma: Gaya file: Warna dan font favorit Anda Figma menyediakan ruang untuk semua fase desain, mulai dari eksplorasi bentuk bebas hingga prototipe lengkap. Font, gaya, dan warna memainkan peran penting dalam menciptakan sesuatu yang sepenuhnya mengekspresikan produk dan merek. Keep it cool Di luar warna abu-abu (lima besar digambarkan di bawah), pelanggan Figma tetap tenang tahun ini dengan banyak warna hijau dan biru. Warna non-abu-abu yang paling umum digunakan adalah #009688 dengan dua warna biru tua, #455A64 dan #009688 selanjutnya. Warna-warna ini jauh dari warna Panton 2019 tahun ini, Living Coral (#FF6F61). Google Font Berkuasa Dalam Figma, anda dapat memilih lebih dari 900 font yang sudah diinstal sebelumnya atau menambahkan font khusus. Tidak mengherankan, tiga font teratas pada tahun 2019 adalah Monsterrat, Open Sans, dan Lato yang semuanya adalah font Google. Karena font tersebut sangat tersedia dalam Figma, font Google mewakili enam dari 10 font yang paling sering digunakan. Meskipun tidak keluar dari kotak, teks SF Pro, Tampilan SF Pro dan Proxima Nova juga masuk 20 besar. Meskipun kami tidak terkejut melihat kedua font Apple UI sqebagai pesaing teratas, kami terkejut mengetahui Arial melampaui Helvetical dalam perlombaan font sistem. 90% dari semua penggunaan font terkonsentrasi di 11 teratas (10 teratas di atas + Roboto, default). Kami menantikan untuk melihat bagaimana penggunaan tipe berevolusi dari waktu ke waktu seiring desainer terus mendorong batas kreativitas dan keterbacaan. Melampaui 10 besar Font Awesome, font ikon pertama, berada di peringkat #31 Lumayan di dunia yang didominasi karakter. Old New-but-goodie, Times New Roman, tidak masuk 50 besar (peringkat #55). Dan, kita harus melampaui 20 besar untuk mendapatkan font Serif pertama kami, Playfair Display (peringkat #22). Getting heavy Menemukan font yang tepat tidak cukup sendiri. Gaya teks adalah faktor kunci dalam membawa desain ke ekspresi penuh dan kami melihat beberapa preferensi yang jelas. Pengguna Figma memiliki kemungkinan 13X lebih besar untuk memanipulasi berat jenis dari pada membuat huruf miring. Bahkan, 1/3 dari semua file Figma menggunakan gaya tebal atau tebal. Farming your design: in a frame, but not in a box Figma hadir dengan 36 opsi bingkai untuk berfungsi sebagai titik awal untuk desain file dan 33% file yang dibuat dalam Figma dimulai dengan salah satu dari frame yang telah ditentukan ini. Di antara mereka yang mulai dengan bingkai yang telah ditetapka, pengguna Figma mendesain untuk berbagai ukuran dan perangkat bingkai. Frame desktop 1440 x 1024 adalah yang paling populer, dengan frame ponsel untuk iPhone X dan iPhone 8 tepat dibelakang. engan penetrasi Windows global lebih dari tiga OS X, anda mungkin mengharapkan urutan yang berbeda. Berkolaborasi dalam Figma: lebih banyak orang, lebih banyak tempat Produk Figma dibuat berdasarkan gagasan bahwa desain akan menjadi lebih terbuka dan kolaboratif dan kami melihat itu tercermin dalam cara pengguna Figma bekerja sama. Di manapun anda dan rekan kerja anda bekerja, anda akan selalu punya rumah di wb untuk dirancang bersama. Baca juga: Desain Menggunakan Adobe Photoshop Membangun produk secara kolektif Melihat seluruh file Figma di organisasi yang lebih besar, jumlah rata-rata kolaborator per file adalah enam. Tim ini dapat berupa campuran desainer, pengembang, manajer produk, penulis, dan lainnya dari seluruh organisasi. Kami melihat ke dalam siklus hidup file untuk mempelajari bagaimana kelompok-kelompok ini bekerja bersama. File desain biasanya dimulai dengan satu pengguna, mendesain secara mandiri. Setelah rata-rata 19 hari, kolaborator pertama diundang ke file untuk meninjau, berkomentar, atau membantu merancang. Sementara pengditan terakhir dilakukan pada hari ke 52, rata-rata, kami melihat pengembang tidak hanya bergabung lebih awal untuk mempelajari dan memperluas ruang lingkup tetapi juga kolaborator lain yang terus melompat ke file untuk melihat desain atau mengambil cuplikan atau spesifikasi kode. Merancang tanpa batas Pengguna Figma berkolaborasi di banyak negara dan zona waktu banyak. Dengan hampir setiap benua terwakili, kami melihat tim bekerja sama di seluruh dunia. Secara keseluruhan, lebih dari 80% pengguna aktif Figma saat ini berada di luar Amerika Serikat. Sangat menarik melihat hub desain di Eropa Timur, Asia, dan Afrika menyala. Produk-produk desain secara historis lebih disukai Mac OS, tetapi alat agnostik OS-Figma membuka jalur kolaborasi untuk kawasan dengan keragaman platform yang lebih banyak.

Desain

Sabtu, 18 April 2020 | 4 minutes Read

Chart untuk Flutter Mobile dan Web

Banyak aplikasi yang perlu menampilkan semacam data dalam bentuk grafik. Baru-baru ini saya mencoba untuk membuat grafik di Flutter mobile dan Web dan ingin memandu anda melalui implementasi. Dalam contoh ini, kita akan menggunakan charts_flutter package. Untuk memulai, kita perlu menambahkannya sebagai dependensi di pubspec.yaml. dependencies: charts_flutter: ^0.9.0 Paket ini memiliki contoh galery yang termasuk potongan kode yang menunjukkan bagaimana menerapkan setiap contoh. Dalam postingan ini kita akan mencoba melalui membuat grafik. Hasil akhirnya adalah aplikasi yang menampilkan grafik di Flutter Mobile dan Web. Setelah kami mengimpor package pada dependency, kami perlu mendapatkan data dari sumber data kami dan mengubahnya menjadi model yang pustaka grafik. Untuk melakukan ini, kita akan mulai dengan pola repositori. kami akan membuat kelas ReportRepository dan mengambil laporan kami darinya. Data yang kami gunakan berasal dari perangkat sensor dan perangkat sensor memberi kami data getaran dan jumlah perjalanan. Setiap entri laporan akan terlihat seperti ini: { "date": "2020-01-15T19:00:00-0500", "trips": 553, "vibration": 1.08154506437768, "doors": 1161 }, Kami akan mem-parsing data dari file json lokal dan kemudian mengembalikannya sebagai daftar laporan. class Report { final String date; final double vibration; Report({this.date, this.vibration});

Pemrograman

Sabtu, 18 April 2020 | 3 minutes Read