Bisa Bikin Website untuk Portofolio Tanpa Harus Ngoding? Gimana Tuh Caranya?

Add Comment

Bisa Bikin Website untuk Portfolio Tanpa Harus Ngoding? Gimana Tuh Caranya?

Semangat27.com - Kata siapa bikin Website Portfolio harus jago ngoding?? Kamu juga bisa dengan MUDAH membuat website melalui website builder terbaik loh GenK secara gratis

Pakai website builder, webiste portfolio kamu pasti lebih cepat jadi, bisa memilih desain terbaik dan pastinya ga usah pakai coding dulu loh~ Mimin udah rangkumin kamu website builder buat fotografer nih!! cobain yaaa...

#GenKreativv #InfoKreativv #RekomendasiKreativv #website #websitebuilder #fotografer #fotografi

Yuk kenalan dulu sama website builder! Yaitu platform yang bisa digunakan untuk bikin dan develop website tanpa harus ngoding. Website sendiri punya banyak fungsi, apalagi buat fotografer. Contohnya:

  • Bisa jadi portofolio
  • Optimalin SEO bisnis
  • Sebagai media branding
  • Online payment

Lanjut kepoin rekomendasi website builder buat fotografer yuk!

Wix 

Dengan Wix kamu bisa mempertahankan kualitas gambar di website. Wix juga punya 40+ pilihan template Ioh. Lalu, fitur pesan dan kontak terintegrasi sehingga kamu bisa makin mudah berkomunikasi dengan klien.

SITE123 

Website builder ini sangat cocok buat pemula. SITE123 punya layanan customer 2417. Di sini juaga ada fitur e-toko sehingga kamu bisa menjual hasil karya di websitemu.

Jimdo 

Pendaftaran website di Jimdo cepet banget, cuma 3 menit. Tampilan galeri fotonya sederhana dan mudah dibuat. Builder ini juga punya kelebihan yaitu, mobile friendly.

WordPress 

Di sini ada 100+ tema fotografi dan portofolio yang super keren. WordPress ramah SEO sehingga konten kamu bisa lebih optimal. Bahkan juga terkoneksi dengan komunitas secara global.

Kamu sendirit tertarik cobain yang mana website builder untuk bikin portfolio kamu agar memiliki desain terbaik dan gratis terutama untuk kamu yang tinggal di indonesia? Komen ya, dan selalu share supaya bermanfaat.

Tambahan dari komentar :

- aurorie_wings : Kalo yg biasa dipake sama banyak universitas buat bikin LMS biasanya pada pake Moodle. Tau dari dosen itu juga 😅😅 kebetulan notice kalo ada temen dari Brazil juga pake developer yg sama karena interface nya yg mirip

- limporr_ : Berdu rekomen ga?

sumber : https://www.instagram.com/p/CgyHz5zM1Wn/

Apa Itu Akun Spam/Bot? Penyebab Elon Musk Tunda Beli Twitter?

Add Comment

Apa Itu Akun Spam/Bot? Penyebab Elon Musk Tunda Beli Twitter? - Elon Musk tunda beli Twitter gara-gara akun bot? 

Perselisihan Elon Musk dan Twitter terkait kesepakatan pembelian berujung pada terancam dibatalkannya rencana akuisisi Twitter oleh Musk. Usut punya usut, permasalahan ini dipicu oleh dugaan pernyataan palsu pihak Twitter terkait jumlah akun bot. 

Hmm, apa sih sebenernya akun bot itu? Yuk kulik lebih dalam tentang akun bot melalui #CfDSDiginow di atas! #digitalsociety #digital #infografik #elonmusk #elon #tesla #twitter #twitterindonesia #twitterreceh #twittermemes #twitterquotes

Bos Tesla, Elon Musk, menyampaikan pembatalan rencana pembelian Twitter melalui kuasa hukumnya. Hal ini terjadi setelah Elon Musk dan Twitter berselisih mengenai jumlah akun bot/spam di dalam platform tersebut.

Twitter mengklaim total akun bot/spam di platformnya hanya 5% dari total pengguna aktif yang bisa dimonetisasi. Elon Musk pun meminta Twitter membuktikan klaim ini, karena menurut hasil analisis pihaknya, terdapat 20% total akun bot/spam yang beredar atau 5x lipat dari klaim Twitter. 

Elon Musk pada akhirnya menganggap Twitter gagal dalam membuktikan dan memberikan rincian informasi terkait data tersebut. 

Lantas, apa itu akun bot? 

Dalam konteks media sosial, bot mengacu pada program yang menjalankan tugas secara otomatis dengan meniru aktivitas pengguna (Hardiansyah, 2022).

Sementara akun bot di Twitter merujuk pada akun tidak autentik yang meniru cara manusia sungguhan menggunakan Twitter sehingga dapat melakukan tweet, retweet, mention, hingga membagikan informasi tertentu secara otomatis (Frenkel, 2022; Athallah, 2019). 

Beberapa akun ini diotomatisasi menggunakan program, tetapi ada pula yang dioperasikan oleh pihak-pihak dengan tujuan tertentu.

Jika dimanfaatkan dengan baik, ada banyak bot yang memudahkan pengguna, seperti bot untuk melakukan screenshot dan menyimpan video secara otomatis. Sayangnya, ada pula oknum yang menyalahgunakan bot untuk mengirim pesan spam berisikan ujaran kebencian hingga penipuan. 

Akun bot seperti inilah yang disoroti oleh Elon Musk sejak lama dan mendorong Twitter untuk memperkecil jumlah akun bot/spam yang berdampak negatif.

Kalau Smart People bagaimana, pernahkah menggunakan bot di Twitter? 

Sumber: BBC, New York Times, Bloomberg, Remotivi, Kompas, Tempo

Sumber : https://www.instagram.com/p/CgjT1YqPjx1/

Arsip Soal KSM 2021

Add Comment
Arsip Soal KSM 2021 - Selamat pagi para pejuang KSM. Kali ini semangat27 akan membagikan soal soal Kompetisi Sains Madrasah tahun 2021.

KSM atau Kompetisi Sains Madrasah merupakan suatu kompetisi dibidang sains yang diselenggarakan oleh Kementerian Agama (Kemenag) Republik Indonesia. 

Pada tahun 2012 sampai tahun 2017, KSM diselenggarakan secara konvensional. Sedangkan mulai tahun 2018 hingga sekarang Kompetisi Sains Madrasah sudah mulai dilaksanakan dengan berbasis teknologi. Dengan memanfaatkan teknologi diharapkan proses pendaftaran, seleksi administrasi sampai  pelaksanaan tes bisa lebih transparan dan memiliki nilai akuntabilitas yang lebih tinggi. 

KSM sendiri terbuka untuk beberapa jenjang pendidikan seperti MI, MTs, MA

Baiklah langsung saja berikut adalah Arsip Soal KSM 2021
Soal KSM IPS MTs 2018 Tingkat Kabupaten dan Pembahasan Rinci

PUNYA KOLEKSI SOAL KSM + JAWABANNYA?
SHARE/BAGIKAN LINK NYA DI KOLOM KOMENTAR YA



PUNYA KOLEKSI SOAL KSM + JAWABANNYA?
SHARE/BAGIKAN LINK NYA DI KOLOM KOMENTAR YA

untuk keyword artikel Arsip Soal KSM 2021
contoh soal dan jawaban ksm 2021, contoh soal ksm 2021, download soal ksm 2021

Soal KSM BIOLOGI MA 2021 Tingkat Kabupaten Kota
Soal KSM EKONOMI MA 2021 Tingkat Kabupaten Kota
Soal KSM FISIKA MA 2021 Tingkat Kabupaten Kota
Soal KSM GEOGRAFI MA 2021 Tingkat Kabupaten Kota
Soal KSM KIMIA MA 2021 Tingkat Kabupaten Kota
Soal KSM MATEMATIKA MA 2021 Tingkat Kabupaten Kota
Soal KSM IPA MTS 2021 Tingkat Kabupaten Kota
Soal KSM IPS MTS 2021 Tingkat Kabupaten Kota
Soal KSM MATEMATIKA MTS 2021 Tingkat Kabupaten Kota
Soal KSM IPA MI 2021 Tingkat Kabupaten Kota
Soal KSM MATEMATIKA MI 2021 Tingkat Kabupaten Kota

Harapannya soal-soal diatas dapat dimanfaatkan sebagai bahan belajar untuk mempersiapkan diri dalam menghadapi KSM tahun 2022. Soal diatas  di-generate secara langsung dari laman CBT KSM 2021 oleh situs infomadrasah

dan untuk menyimpan file diatas silakan :  Berikut ini

Arsip Soal OSK OSP OSN Matematika SMA 2022 + Pembahasan Rinci

Add Comment

Arsip Soal OSK OSP OSN Matematika SMA 2022 + Pembahasan Rinci - Pada saat artikel ini dibuat, beberapa pelaksanaan OSN 2022 telah dilaksanakan, dan seperti biasa semangat27.com akan mencoba untuk mengumpulkan setiap berkasnya. 

Para peserta OSN terlebih OSN Matematika SMA tahun 2023 dan 2022 yang lolos ketingkat berikutnya pasti sudah mempersiapkan diri dengan berlatih berbagaimacam soal terkait OSN Matematika SMA baik soal tahun sebelumnya OSN Matematika SMA 2021OSN Matematika SMA 2020, atau OSN Matematika SMA 2019.

Maupun diberbagai jenjang seperti Soal OSK Matematika SMA tingkat kabupatenSoal OSP Matematika SMA tingkat provinsiSoal OSN Matematika SMA tingkat nasional. Olimpiade Sains Nasional (OSN) telah berubah nama menjadi Kompetisi Sains Nasional (KSN) sehingga untuk setiap jenjangnya sering disebut dengan nama KSN-K MatematikaKSN-P MatematikaKSN-N Matematika

Nah kali ini dalam rangka untuk memudahkan teman-teman dalam belajar kami berusaha semaksimal mungkin untuk mengarsipkan seluruh soal dan pembahasan OSN Matematika SMA yang ada di internet. 

Dan untuk artikel kali ini kami mempersembahkan Soal OSK OSP OSN Matematika SMA + Pembahasan Tahun 2022 semoga bermanfaat.

Diatas merupakan preview dari salah satu berkas arsip soal Olimpiade Sains Nasional bidang Matematika SMA. Untuk berkas apa saja yang berhasil kami kumpulkan silakan baca informasinya dibawah ini.

Soal Pembahasan OSK Matematika SMA 2022 Tingkat Kabupaten Kota 

Soal dan Pembahasan KSN-K Matematika SMA 2022 Versi Pak Anang
Soal dan Pembahasan KSN-K Matematika SMA 2022 Versi Wildan B.W

Soal Pembahasan OSP Matematika SMA 2022 Tingkat Provinsi 

Soal Pembahasan OSN Matematika SMA 2022 Tingkat Nasional 

Demikian artikel kali ini, apabila ada kesulitan dalam mendownload silakan laporkan dalam kolom komentar. Orang dengan komentar teraktif akan penulis beri akses 1 link untuk mendownload semua berkas OSN / KSN semua tahun yang berhasil semangat27.com kumpulkan. 

Oya dalam rangka membantu full teman-teman para pengunjung semangat27.com, disini kami memiliki beberapa arsip soal terkait OSN Matematika yang listnya bisa di lihat disini

Baca Juga : Arsip lengkap OSN milik semangat27.com


Info Menarik OSN

Ada beberapa nama pegiat osn matematika yang membuat pembahasan jawaban secara rinci dari soal OSN matematika tahun 2022 diantaranya seperti Pak Anang, Wildan Bagus Wicaksono, dkk. 

Ada kemungkinan nama-nama diatas juga akan membuat lagi pembahasan-pembahasan lainnya. Sedikit tips bagi kalian yang ingin mencari pembahasan osn matematika mungkin bisa dengan menambahkan nama-nama tersebut dalam kata kuncinya.

Apabila kamu memiliki data lain berupa soal, jawaban, solusi pembahasan yang bisa melengkapi (atau memperbaiki) list daftar diatas bisa disumbangkan ke email andricuan27@gmail.com (akan ditulis namanya sebagai kontributor di halaman ini).

dan untuk menyimpan file pada preview diatas silakan :  Berikut ini

LINK BARANG DI FILM VIRAL YANG ADA DI SHOPEE

Add Comment

LINK BARANG DI FILM VIRAL YANG ADA DI SHOPEE - Hai berikut ini adalah daftar link shopee untuk beberapa link barang di film viral dan bisa kamu coba untuk beli. Hayu gaskeun..

Kalau ada request langsung komentar dibawah yak.

untuk memudahkan silakan gunakan ctrl + f untuk versi web dan fitur pencarian browser untuk versi mobile phone.

  1. Baju Ganga di film Gangubai Kathiawadi
  2. Rok Ganga di film Gangubai Kathiawadi
  3. Gelang Ganga di film Gangubai Kathiawadi
  4. Pemotong Rokok Cerutu Vincenzo di film Vincenzo
  5. Korek Vincenzo di film Vincenzo

Belajar Flutter : Widget, Material Design

Add Comment

Belajar Flutter : Widget, Material Design - Karena kebetulan kantor tempat bekerja akan segera berpindah dari cordova ke flutter jadi dalam waktu beberapa waktu kedepan saya akan mencoba membuat catatan kecil untuk dokumentasi pribadi tentang belajar flutter versi AImDev. Sumber referensi belajar akan tetap dituliskan agar teman-teman dapat tetap mempelajarinya secara lengkap.

Widget on Flutter

Pada saat kita membuat UI di flutter sebenarnya yang kita lakukan adalah menyusun kumpulan widget-widget sehingga membentuk wujud seperti yang kita kehendaki.

Karena (hampir) semua komponen User Interface yang ada di flutter adalah suatu widget, dari mulai komponen yang terlihat seperti Text, Button, hingga komponen yang tidak kasat mata seperti halnya Center, Coloum dan Row.

Widget dari Material Design

Tampilan yang digunakan adalah dengan material design, kalian bisa melihat dokumentasinya di situs resmi flutter https://docs.flutter.dev/development/ui/widgets/material

Untuk contoh sederhana penerapan dari material design silakan bisa dengan membuka situs sumber yang di tuliskan pada bagian bawah artikel ini.

Dalam suatu widget akan terdapat beberapa parameter yang dimilikinya. Sebagai contoh terdapat widget Scaffold yang memiliki beberapa parameter, diantaranya seperti appBar, body, floatingActionButton dan lain sebagainya yang bisa anda liat disini https://api.flutter.dev/flutter/material/Scaffold-class.html.

Sebagai penjabaran agar lebih mudah, widget Scaffold memiliki parameter floatingActionButton. Argumen atau atribut floatingActionButton yang dituliskan dalam class Scaffold sendiri berisi widget dari class FloatingActionButton.

Sekian untuk hari ini untuk sedikit dokumentasi dari belajar flutter tentang widget dan material design. Semoga bermanfaat :)

sumber :  https://jagongoding.com/android/flutter/dasar/hello-world/

Soal KSN-K Matematika SMA 2021

Add Comment

Soal KSN-K Matematika SMA 2021 - Selamat pagi para pejuang Olimpiade Sains Nasional (OSN) yang sekarang bernama Kompetisi Sains Nasional (KSN). Pada kesempatan sekarang ini blog semangat27.com akan berbagi soal-soal OSN (Olimpiade Sains Nasional) atau KSN-K (Kompetisi Sains Nasional Tingkat Kabupaten/Kota) untuk bidang Matematika SMA Tahun 2021.

Kompetisi sains nasional bidang matematika ini dilaksanakan pada tanggan 03 Juni 2021 yang lalu. Soal KSN-K Matematika SMA 2021 berisi sekitar 20 soal isian singkat yang terdiri dari 10 soal kemampuan dasar dan 10 soal kemampuan lanjut. 

Dibawah ini adalah tampilan file pdf soal OSK / KSK / KSN-K Matematika SMA 2021 Tingkat Kabupaten/Kota.

Kata kunci untuk menemukan artikel ini 

ksn matematika 2020 kabupaten, soal osk matematika 2020, pembahasan soal osn matematika 2020

Info Menarik OSN

Channel telegram KSN bidang matematika milik salah satu pegiat matematika pak anang author blog pak-anang.blogspot.com, silakan join untuk referensi belajar channel telegram http://t.me/pakanangblog.

Baca Juga : Download soal OSN KSN Matematika SMA 2021 + Pembahasan Rinci Tingkat Kabupaten

Apabila kamu memiliki data lain berupa soal, jawaban, solusi pembahasan yang bisa melengkapi (atau memperbaiki) list daftar diatas bisa disumbangkan ke email andricuan27@gmail.com (akan ditulis namanya sebagai kontributor di halaman ini).

sekian untuk artikel Soal KSN-K Matematika SMA 2021 dan Pembahasan Kunci Jawabannya
dan untuk menyimpan file pada preview diatas silakan :  Berikut ini

Tips Mengatasi Overthinking berdasarkan Pengalaman Pribadi

Add Comment
Tips Mengatasi Overthinking berdasarkan Pengalaman Pribadi - saya yakin masih banyak orang yang mengalami masalah untuk selalu memikirkan sesuatu secara berlebihan (overthinking). Namun ketika mencari solusinya, selalu saja kita diminta untuk mencari penyebabnya, menghindarinya atau segera menyelesaikannya.

Benar sekali, memang template solusinya adalah seperti itu tapi disini berdasarkan pengalaman dan kecocokan untuk solusinya, saya mencoba untuk berbagi dan menuliskannya agar dapat bermanfaat setidaknya untuk diri pribadi dimasa depan ketika lupa.

1. Cari Tahu Penyebabnya

Langkah dasar untuk mengatasi overthinking adalah mencari penyebabnya, saya yakin sudah banyak diantara anda yang tahu apa penyebab dari munculnya sikap berfikir secara berlebihan itu tapi tetap saja anda selalu overthinking.

2. Menulis

Setelah mengetahui alasannya, anda bisa mulai beralih untuk melakukan kegiatan yang meredakan berfikir secara berlebihan itu. Seperti menuliskannya agar semua yang anda pikirkan tidak selalu berada dalam fikiran anda semuanya.

Tuliskan semuanya, baik masalah atau pun solusi dari permasalahan itu. Tulis semuanya secara keseluruhan, tidak perlu terbebani dengan kerapihan. Intinya pindahkan semua yang ada dikepala anda satu per satu kedalam tulisan. 

Dari sini banyangkan penyimpanan hasil dari buah pikiran anda telah berpindah, yang semula semuanya tumpah ruah didalam pikiran anda sekarang sudah berada diluar pikiran anda. Secara perlahan simpulkan bahwa semua yang telah ku pikirkan tadi ada ditulisan ini. Dan perlahan juga anda perlu berhenti untuk memikirkannya lagi, cukup ingat bahwa semuanya sudah tertulis.

Ini simpel tapi setidaknya, semua itu sudah berada diluar diri anda tanpa anda perlu menghindarinya karena anda masih bertanggung jawab dengan menuliskannya.

3.Meditasi

Jika setelah menuliskannya anda masih berfikir secara berlebihan, maka sekarang saatnya anda menenagkan diri anda dengan bermeditasi, selaras dengan ketenangan.

Duduklah dalam posisi ternyaman anda dan aturlah nafas anda, disini anda tidak perlu khawatir karena semua sudah anda tuliskan. Saat ini yang perlu anda fokuskan adalah tetap tenang karena semua solusi sudah anda pikirkan dan percayalah hasil baik akan mengikutinya, jika tidak sesuai dengan yang direncanakan berarti langit memiliki takdir lain yang lebih bagus untuk anda.

Bukankah selama ini anda tidak pernah berada dalam keadaan yang benar-benar membuat anda tidak bisa melakukan apapun? Itu berarti sang dalang pengatur hidup ini selalu menyiapkan naskah terbaik bagi kehidupan anda. Kesedihan, kekecewaan itu adalah hal biasa termasuk perasaan yang membuat kita menjadi manusia seutuhnya.

Sekarang tersenyum dan jadilah bahagia karena hal ini walaupun kecil akan menarik energi baik yang membuat semuanya sesuai rencana anda.

4.Tetapkan batas waktu

Terakhir anda bisa mulai memberi waktu khusus untuk berada dalam kondisi memikirkannya. Lalu berkomitmenlah ketika waktu tersebut selesai anda harus segera mengambil satu keputusan.

Melalui semua ini sekali lagi anda harus tenang karena anda sudah peduli dengan menyediakan waktu khusus untuk memikirkannya.

Yak itulah dia Tips Mengatasi Overthinking berdasarkan Pengalaman Pribadi. Semoga cara ini bisa membantu saya dimasa depan dan anda pada saat membaca artikel ini. Intinya percayalah pada hasil terbaik karena kita sudah peduli dan sayang pada diri kita dengan memikirkan semua ini sebelumnya. Dari pada berfikir yang tidak-tidak malah justru menarik energi negatif lebih baik kita percaya dengan diri kita dan sang dalang pengatur alam semesta yang selalu memberi skenario terbaik untuk kita.

referensi untuk merangkai kata:
https://hellosehat.com/mental/stres/cara-mengatasi-overthinking/

Cara membuat aplikasi android dengan cordova dan framework7 Part 4 - add npm, rss reader

Add Comment

Cara membuat aplikasi android dengan cordova dan framework7 Part 4 - selamat siang, sekarang hari minggu dan mulai panas jadi mungkin kita akan singkat saja untuk lanjutan dari cara membuat aplikasi android dengan cordova dan framework7. 

Karena aplikasi yang sekarang sedang dikembangkan adalah aplikasi untuk membaca rss maka kita akan membahas sedikit tentang plugin rss reader yang ada di cordova yakni cordova-plugin-feedreader. Cara installnya kamu cukup baca saja semua ada didokumentasinya (link sumber ada dibawah) atau bisa juga poin dibawah ini

  • cordova plugin add https://github.com/shuhailshuvo/cordova-plugin-feedreader.git (run pada root)
  • FeedReader.read(url, successFunction, errorFunction) (untuk membaca rss)

sebelumnya kamu perlu menginstall package jquery terlebih dahulu yak karena memang plugin tersebut sebenarnya menggunakan jquery.

  • npm i jquery (di root)
  • kemudian import tambahkan jquery cordova framework7 pada main.js

Tapi untuk plugin feedreader ini memiliki keterbatasan yakni item yang diambil terkadang tidak sesuai dengan tag yang ada dalam xml hasil membaca rss. Jadi disini saya mengambil kode dalam plugin tersebut yang digunakan untuk membaca rss dan mengambil item sesuai kebutuhan. Dan saya akhirnya meremove plugin tersebut hehe.

Namun dalam melakukan request dalam membaca rss kamu akan menemui error ERR_CLEARTEXT_NOT_PERMITTED yang bisa kamu fixed dengan menginstall plugin cordova-plugin-enable-cleartext-traffic. caranya seperti dibawah ini

  • cordova plugin add cordova-plugin-enable-cleartext-traffic (run di root)

Yak mungkin itu saja untuk catatan kali ini semoga bermanfaat gaes.

sumber : 

https://github.com/shuhailshuvo/cordova-plugin-feedreader
https://forum.framework7.io/t/f7-v5-how-to-include-jquery/8380/3
https://www.npmjs.com/package/cordova-plugin-enable-cleartext-traffic

Cara membuat aplikasi android dengan cordova dan framework7 Part 3 - Change icon, Insert Assets dan routing

Add Comment

Cara membuat aplikasi android dengan cordova dan framework7 Part 3 - Selamat pagi teman-teman ku, hari ini kita masih akan melanjutkan proses pembuatan aplikasi android dengan cordova x framework7. Setelah kita bisa membuild aplikasi dalam bentuk apk dan bundle agar bisa di install dalam virtual device maupun device android secara langsung yang telah kita pelajari dalam part sebelumnya. Kali ini kita akan mencoba untuk memasukan komponen-komponen yang kecil-kecil tapi perlu contohnya seperti assets. Baiklah yuk langsung saja.

Sebelum menambahkan assets dalam aplikasi, kita perlu untuk menambahkan icon terlebih dahulu karena kalau tidak icon aplikasi yang kita build akan diberikan gambar default dari cordova. kira-kira seperti dibawah ini.

Baca juga : Cara membuat aplikasi android dengan cordova dan framework7 Part 2 - build android, create keystore

Change Icon

Kali ini kita akan mencoba mnggantinya dengan gambar yang sudah kita buat di canva. Jangan lupa untuk menjernihkannya melalui aplikasi remini, hilangkan background melalui remove bg online, lalu mengompress ukurannya melalui tinypng.

  • masukan asset dalam direktori root > res  > icon.png
  • insert kode <icon src="res/icon.png"/> dalam file config.xml
  • cordova build android (di root untuk build ulang apk nya)

Lebih jelasnya silakan perhatikan gambar dibawah ini. Oya kamu juga bisa mengganti setiap deskripsi sesuai kebutuhanmu seperti dalam tag <description> <author> .

Untuk perubahannya silakan perhatikan gambar dibawah ini, saya menggunakan icon dengan kombinasi warna hitam dan #A435F0.

Insert Assets

Selanjutnya kita akan mencoba untuk menginsert assets image untuk bisa dipanggil dalam file vue yang nantinya akan sebagai page. Disini saya membuat satu page bernama splash-screen.vue sebagai tampilan awal ketika membuka aplikasi, saya juga bedakan direktorinya dari direktori default yang ada dalam root/src/assets/vue/pages.

  • buat direktori uc di root/src/assets/vue/uc
  • buat file splash-screen.vue dalam uc (first page on flow)
  • buat file main-page.vue dalam uc (show after first page)

// splash-screen.vue
<template>
  <f7-page @page:init='initPage()'>
    <div class='icon' @click='$f7router.navigate("/main-page/", { transition: "f7-flip" })'>
      <img src='static/icon.png'>
    </div>
  </f7-page>
</template>
<script>
let self

export default {
  components: {},
  created(){
    self = this
  },
  methods: {
    initPage(){
      setTimeout(function(){
        self.$f7.views.main.router.navigate('/main-page/', { transition: 'f7-circle' })
      }, 500)
    },
  }
};
</script>
<style scoped>
.icon{
  position: relative;
  height: 100%;
  background-color: #EDEDEB;
}
.icon img{
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 26px;
}
</style>

// main-page.vue
<template>
  <f7-page>
    <f7-navbar class='main-navbar'>
      <f7-nav-left>
        <img class='main-icon' src='static/icon.png'>
      </f7-nav-left>
    </f7-navbar>
  </f7-page>
</template>
<script>

</script>
<style scoped>
  .main-icon{
    height: 35px;
    margin-left: 5px;
    border-radius: 100%;
    background: white;
  }
</style>
<style>
  .main-navbar .navbar-bg{
    background: #A435F0 !important;
  }
</style>

kira-kira seperti diatas coding untuk masing-masing filenya. Dalam coding bisa dilihat ada kode untuk menampilkan image <img class='main-icon' src='static/icon.png'>.

  • Letakan assets file dalam root/src/static

Dalam template framework7 yang kita gunakan dalam cordova ini, setiap file yang akan kita insert harus dimasukan dalam direktori static yang lengkapnya seperti ini root/src/static yang setelah dibuild baik dalam web atau android akan masuk dalam root/www/static. Harus dari src karena jika langsung ke dalam www file tersebut akan langsung terhapus.

Routing

Berhubung diatas kita membuat 2 file maka dibutuhkan router path untuk menghubungkannya yang bisa kita buat dalam routes.js. Oya karena path awal dalam sebuah domain ada '/' maka kalian harus targetkan file untuk first page kalian di path tersebut. Jika kalian buka routes.js pertama kali dari template framework yang sekarang digunakan maka path '/' akan mengarah pada file home.vue

  • Buka file routes.js
  • Ganti target path '/' ke first page yang sudah dibuat
  • Buat path sesuai keinginan (contoh ada pada koding dibawah)
  • Gunakan kode $f7router.navigate atau self.$f7.views.main.router.navigate untuk navigasi ke path yang telah dibuat.

// routes.js
// self edit start
import Home from './assets/vue/uc/splash-screen.vue';
import MainPage from './assets/vue/uc/main-page.vue';
// self edit end


// ------  default template -------
// import Home from './assets/vue/pages/home.vue';
import AboutPage from './assets/vue/pages/about.vue';
import FormPage from './assets/vue/pages/form.vue';
import DynamicRoutePage from './assets/vue/pages/dynamic-route.vue';

import PanelLeftPage from './assets/vue/pages/panel-left.vue';
import ColorThemes from './assets/vue/pages/color-themes.vue';
import Chat from './assets/vue/pages/chat.vue';
import Vuex from './assets/vue/pages/vuex.vue';

export default [
  // self edit start
  {
    path: '/',
    component: Home
  },
  {
    path: '/main-page/',
    component: MainPage
  },
  // self edit end
  // ------- default template ---------
  {
    path: '/about/',
    component: AboutPage
  },
  {
    path: '/form/',
    component: FormPage
  },
  {
    path: '/dynamic-route/blog/:blogId/post/:postId/',
    component: DynamicRoutePage
  },
  {
    path: '/panel-left/',
    component: PanelLeftPage
  },
  {
    path: '/color-themes/',
    component: ColorThemes
  },
  {
    path: '/chat/',
    component: Chat
  },
  {
    path: '/vuex/',
    component: Vuex
  },
];

Yak mungkin itu saja untuk dokumentasi kali ini semoga bermanfaat.

sumber : https://pinetools.com/syntax-highlighter

Cara membuat aplikasi android dengan cordova dan framework7 Part 2 - build android, create keystore

Add Comment

Cara membuat aplikasi android dengan cordova dan framework7 Part 2 - Selamat pagi para pembaca setia semangat27.com, kali ini kita akan melanjutkan proses development aplikasi android dengan menggunakan cordova yang berkolaborasi dengan framework7. Namun untuk pembahasan kali ini kita akan berfokus pada membuildnya dalam perangkat android baik dengan emulator maupun langsung di install dalam perangkat android. Baik yang versi debug maupun versi release unsigned dan signed, versi aab nya juga nanti kita akan coba buat.

Baca juga : Cara membuat aplikasi android dengan cordova dan framework7 Part 1 - Instal cordova, create project with template framework7, run on browser

Setelah menambah plaform browser, kali ini kita akan menambah platform androidnya dengan cara seperti dibawah ini.

  • cordova platform add android

Selanjutkan kita akan mencoba untuk menjalankannya melalui virtual devices yang ada dalam android studio, untuk tahapannya seperti dibawah ini. Jangan lupa untuk menginstall android studio terlebih dahulu ya.

  • Buka android studio > Configure > AVD Manager > Launch Emulator
  • cordova run android (dalam root tempat projek berada)

Sedangkan untuk membuat debug.apk kamu bisa melakukannya dengan cara sebagai berikut

  • cordova build android
  • root > platforms > android > app > build > outputs > apk > debug > app-debug.apk (Lokasi file)

Dan untuk membuat release.apk bisa dilakukan melaui cara seperti ini

  • cordova build android --release
  • root > platforms > android > app > build > outputs > apk > release> app-release-unsigned.apk (Lokasi file)

Jika kamu ingin menandatangani apk tersebut, maka kamu membutuhkan keystore. Caranya silakan simak dibawah ini dengan sebelumnya menginstal Jre Java

  • buka gitbash (run as administrator)
  • cd "/c/Program Files/Java/jre1.8.0_291/bin/"
  • ./keytool -genkey -alias mypassword -keyalg RSA atau
  • ./keytool -genkey -keystore mypassword -alias mypassword -keyalg RSA
  • c/Users/Andri/.keystore

Pindahkan keystore ke direktori platform android agar lebih mudah (root/platforms/android/mypassword.keystore). Lalu lakukan serangkaian proses untuk menandataganinya.

  • jarsigner -verbose -keystore platforms/android/mypassword.keystore platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk mypassword
  • jika diminta memasukan password makan ketikan mypassword
  • jarsigner -verify platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk
  • zipalign -v 4 platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk platforms/android/app/build/outputs/apk/release/app-release-signed.apk
  • root > platforms > android > app > build > outputs > apk > release> app-release-signed.apk (Lokasi file)

mungkin itu saja untuk kali ini, silakan kalian coba dulu install versi debug dan release di hp kalian. Khusus versi debug kalian bisa melakukan debugging melalui inspect di browser chrome dengan :

  • menancapkan device melalui usb > buka chrome > ketika di url chrome://inspect/#devices
untuk versi release kalian tidak bisa melakukannya namun versi rilis yang sudah di signed dapat kalian upload di google play.

Selain itu, kamu bisa juga membuildnya dalam bundle aab. Cara hampir mirip dengan apk release karena perlu ditanda tangani juga, namun untuk versi bundle akan lebih ringkas ketika diuplod ke google play. Dimana setiap perangkat yang mendownloadnya akan disesuaikan kebutuhan komponen penyusu apps nya seperti 64bit atau 32bit sehingga ukuran aplikasi lebih sesuai dan ringkas.
  • cordova build android --release -- --packageType=bundle (dalam root)
  • jarsigner -verbose -keystore platforms/android/mypassword.keystore platforms/android/app/build/outputs/bundle/release/app-release.aab mypassword
  • jarsigner -verify platforms/android/app/build/outputs/bundle/release/app-release.aab
  • zipalign -v 4 platforms/android/app/build/outputs/bundle/release/app-release.aab platforms/android/app/build/outputs/bundle/release/app-release-signed.aab
Ya itulah dia untuk part 2 ini dalam pembuatan aplikasi dengan cordova x framework7 semoga bermanfaat

Baca juga : Cara membuat aplikasi android dengan cordova dan framework7 Part 3 - Change icon, Insert Assets dan routing

sumber : https://www.tiktok.com/@andriimanudin27

Cara membuat aplikasi android dengan cordova dan framework7 Part 1 - Instal cordova, create project with template framework7, run on browser

Add Comment

Cara membuat aplikasi android dengan cordova dan framework7 Part 1 - Selamat pagi, kali ini penulis akan mendokumentasikan proses dalam membuat aplikasi menggunakan cordova dan framework7. Dengan menggunakan pengetahuan dalam frontend development kita dapat membangun sebuah aplikasi android dengan teknologi hybrid yang ada dalam cordova. Hayu langsung saja kita mulai.

Pertama kita perlu menginstal cordova dan framework7 secara global. Disni saya menggunakan gitbash

  • npm install -g cordova
  • npm install -g framework7-cli

Selanjutkan kita akan menggunakan template untuk membuat projectnya. Langsung kita ketika perintah untuk membuat starter template project cordova x framework7

  • cordova create <nama folder> [id aplikasi] [nama aplikasi] --template cordova-template-framework7-vue-webpack

Silakan tentukan nama folder, id aplikasi dan nama aplikasi sendiri. Masukan dalam tanda petik jika terdapat karakter spasi dalam penamaan. Sebagai contoh saya menuliskannya seperti dibawah ini

  • cordova create 'Udemy Coupon 27' com.AImDev.UdemyCoupon27 'Udemy Coupon 27' --template cordova-template-framework7-vue-webpack

Setelah berhasil dibuat, sekarang kita akan masuk kedalam direktori projek nya. 

  • cd Udemy\ Coupon\ 27/

Dalam direktoru tersebut kita akan membuat platform browser agar bisa dijalankan dibrowser karena dalam pengembangannya tidak mungkin akan langsung kita jalankan dalam emulator terlebih jika laptopmu kentang. aepi sebelumnya kita perlu melakukan npm install agar kebutuhan package dalam template terpenuhi juga dalam direktori tempat kita membuat projeknya.

  • npm i
  • cordova platform add browser

Tambahkan kode dibawah ini dalam file package.json


sekarang projek yang telah anda buat sudah bisa di jalankan dalam browser. Dari sinilah proses development akan dimulai.

sumber : 

https://www.petanikode.com/cordova/
https://medium.com/js-dojo/build-an-e-commerce-mobile-app-with-framework7-vue-vuex-and-cordova-7cf385de015d

Arsip Soal OSK OSP OSN Matematika SMA 2021 + Pembahasan Rinci

1 Comment

Arsip Soal OSK OSP OSN Matematika SMA 2021 + Pembahasan Rinci - Pada saat artikel ini dibuat, beberapa pelaksanaan OSN 2021 telah dilaksanakan, dan seperti biasa semangat27.com akan mencoba untuk mengumpulkan setiap berkasnya. 

Para peserta OSN terlebih OSN Matematika SMA tahun 2022 dan 2021 yang lolos ketingkat berikutnya pasti sudah mempersiapkan diri dengan berlatih berbagaimacam soal terkait OSN Matematika SMA baik soal tahun sebelumnya OSN Matematika SMA 2020OSN Matematika SMA 2019, atau OSN Matematika SMA 2018.

Maupun diberbagai jenjang seperti Soal OSK Matematika SMA tingkat kabupatenSoal OSP Matematika SMA tingkat provinsiSoal OSN Matematika SMA tingkat nasional. Olimpiade Sains Nasional (OSN) telah berubah nama menjadi Kompetisi Sains Nasional (KSN) sehingga untuk setiap jenjangnya sering disebut dengan nama KSN-K MatematikaKSN-P MatematikaKSN-N Matematika

Nah kali ini dalam rangka untuk memudahkan teman-teman dalam belajar kami berusaha semaksimal mungkin untuk mengarsipkan seluruh soal dan pembahasan OSN Matematika SMA yang ada di internet. 

Update 02/08/2022 Arsip Soal OSK OSP OSN Matematika SMA 2022 + Pembahasan Rinci

Dan untuk artikel kali ini kami mempersembahkan Soal OSK OSP OSN Matematika SMA + Pembahasan Tahun 2021 semoga bermanfaat.

Diatas merupakan preview dari salah satu berkas arsip soal Olimpiade Sains Nasional bidang Matematika SMA. Untuk berkas apa saja yang berhasil kami kumpulkan silakan baca informasinya dibawah ini.

Soal Pembahasan OSK Matematika SMA 2021 Tingkat Kabupaten Kota 

Soal Pembahasan OSP Matematika SMA 2021 Tingkat Provinsi 

Soal Pembahasan OSN Matematika SMA 2021 Tingkat Nasional 

Demikian artikel kali ini, apabila ada kesulitan dalam mendownload silakan laporkan dalam kolom komentar. Orang dengan komentar teraktif akan penulis beri akses 1 link untuk mendownload semua berkas OSN / KSN semua tahun yang berhasil semangat27.com kumpulkan. 

Oya dalam rangka membantu full teman-teman para pengunjung semangat27.com, disini kami memiliki beberapa arsip soal terkait OSN Matematika yang listnya bisa di lihat disini

Baca Juga : Arsip lengkap OSN milik semangat27.com


Info Menarik OSN

Ada beberapa nama pegiat osn matematika yang membuat pembahasan jawaban secara rinci dari soal OSN matematika tahun 2021 diantaranya seperti Pak Anang, Muhammad Jilan Wicaksono, Reswara Anagya Dzakirullah, Wildan Bagus Wicaksono. 

Ada kemungkinan nama-nama diatas juga akan membuat lagi pembahasan-pembahasan lainnya. Sedikit tips bagi kalian yang ingin mencari pembahasan osn matematika mungkin bisa dengan menambahkan nama-nama tersebut dalam kata kuncinya.


Apabila kamu memiliki data lain berupa soal, jawaban, solusi pembahasan yang bisa melengkapi (atau memperbaiki) list daftar diatas bisa disumbangkan ke email andricuan27@gmail.com (akan ditulis namanya sebagai kontributor di halaman ini).

dan untuk menyimpan file pada preview diatas silakan :  Berikut ini

Download soal OSN KSN Matematika SMA 2021 + Pembahasan Rinci Tingkat Kabupaten

1 Comment

Download soal OSN KSN Matematika SMA 2021 + Pembahasan Rinci Tingkat Kabupaten

Semangat27.com - apa kabar kalian para pejuang osn matematika SMA? Pasti kalian pusing kan mencari naskah soal osn matematika sma tahun 2021 resmi dalam bentuk pdf yang biasanya bertebaran secara bebas di internet sesaat setelah proses seleksinya dilaksanakan. Kalau iya berarti kita samaan wkwk.

Karena sudah menjadi kegiatan rutin bagi semangat27.com untuk mengarsipkan setiap naskah resmi baik soal maupun jawaban dalam berbagai versi para suhu bidang masing-masing olimpiade sains nasional atau yang sekarang dikenal kompetisi sains nasional.

Soal OSN KSN Matematika SMA 2021

Berhubung pada tahun 2021 masih terjadi pandemi maka dari itu banyak sekali acara yang dilakukan secara daring dan salah satunya adalah kompetisi sains nasional. Maka dari itulah akan sangat susah mencari naskah soal resmi yang biasanya cetak namun selama pandemi pelaksanaan secara daring kemungkinan besar naskah soalnya berada dalam sistem daringnya langsung.

Tapi hebatnya untuk KSN-K Matematika ada saja para pegiatnya yang berhasil mengetahui soalnya dan merumuskannya dalam berkas pdf yang previewnya bisa teman-teman lihat diatas. Dan kunci jawabannya dibawah ini.

Kunci Jawaban soal OSN KSN Matematika SMA 2021

Tidak hanya itu saja, para pegiatnya pun telah membuat pembahasan OSN KSN Matematika SMA 2021 Tingkat Kabupaten secara rinci. Dibawah ini ada beberapa versi pembahasan yang berhasil tim semangat27.com dapatkan.

Pembahasan soal OSN KSN Matematika SMA 2021 versi Pak Anang

Pembahasan soal OSN KSN Matematika SMA 2021 versi Muhammad J. W., dkk.

Download KSN-K Matematika SMA 2021 + Pembahasan

Kunci Jawaban soal OSN KSN Matematika SMA 2021
Pembahasan soal OSN KSN Matematika SMA 2021 versi Pak Anang
Pembahasan soal OSN KSN Matematika SMA 2021 versi Muhammad J. W., dkk.

Info Menarik OSN

Channel telegram KSN bidang matematika milik salah satu pegiat matematika pak anang author blog pak-anang.blogspot.com, silakan join untuk referensi belajar channel telegram http://t.me/pakanangblog. Dan catatan terakhir sebelum penulis mengakhiri artikel kali ini. 

Catatan : Soal ksn-k terdiri dari beberapa versi akan tetapi perbedaannya hanya terletak pada bilangannya saja. 

Kemungkinan ini dilakukan untuk mencegah terjadinya kecurangan tapi karena secara konsep sama jadi pembahasan soal diatas bisa sangat membantu teman-teman memahami konsep sehingga bisa lebih siap dalam menghadapi KSN ditahun-tahun kedepan.

sumber : https://www.tomatalikuang.com/2021/06/soal-pembahasan-ksn-matematika-sma-2021.html