Tampilkan postingan dengan label tutorial. Tampilkan semua postingan

Cara Membuat Website dengan Google Sites

Tidak ada komentar

  Tahap membuat website:

  1. Sketching
  2. Prototyping
  3. Coding
  4. Deploying

Sketching

Membuat rencana atau sketsa website lebih mudah dengan menulis di kertas atau buku, menggunakan pensil. Jadi mudah untuk dikoreksi. Contohnya sebagai berikut:



Prototyping

Prototyping adalah membuat protoype atau contoh produk yang mirip aslinya, bisa dijalankan atau menunjukkan alur kerjanya. Bisa dibuat dari potongan kertas/kerdus dengan tulisan yang sesuai. Atau dengan aplikasi mockup dan prototype. Bisa juga menggunaka Google Sites seperti ini. 





Coding


Membuat website sendiri dari nol, membutuhkan coding sendiri dengan berbagai jenis kode pemrograman. Bisa dengan HTML, CSS, Javascript. Atau dengan PHP, Python dan laravel. 

Akan tetapi dengan Google Sites, kita tidak perlu melakukan coding. 
Melainkan langsung memasukkan konten atau aset sesuai dengan kebutuhan. Bisa memasukkan gambar, tulisan, link, video atau kode semat (embed code). Semua itu sudah disediakan di Google Sites. 

Setelah melakukan Prototype seperti gambar di atas, dilanjutkan saja mengisi konten di dalamnya dan klik PUBLIKASIKAN. 

isi dengan konten yang dibutuhkan (ganti tulisan sesuai maksud membuat website)


Setelah selesai, klik PUBLIKASIKAN. 


Atau tampilannya menjadi rapi seperti ini:

tampilan Website Landing Page satu halaman 



Deploying


Deploying dari asal kata deploy artinya menyebarkan.
Maksudnya adalah cara menyebarkan atau membagikan link website yang sudah dibuat dari Google Sites. 

Cara langsung adalah membagikan saja link website yang sudah jadi, seperti ini:

Cara lain adalah  memperpendek link dengan aplikasi shorten link. Bisa menggunakan berbagai cara. Salah satunya dengan s.id. 

Caranya: 
  1. Buka website s.id di https://home.s.id/
  2. Copy paste link Website hasil buatan kita ke kolom yang tersedia [tidak perlu sign in]
  3. lalu Copy link yang sudah diperpendek menjadi https://s.id/w-8xL


          4. Selesai. Website kamu siap digunakan dan dibagikan dengan mudah. 


WEBSITE ini bisa di EDIT:

Caranya buka kembali ke GOOGLE DRIVE. 

Lalu klik saja tampilan website yang akan diedit. Nanti akan masuk ke halaman editor. 



Cara Membuat Kelas Online di Udemy

2 komentar

Udemy adalah platform kelas online yang terbuka untuk umum. Pengguna bisa mendaftar menjadi Student atau Instructor. 

Sejak 2019 lalu saya aktif menjadi student di Udemy dengan membeli beberapa kelas, terutama untuk belajar coding. 

Sudah lama sekali saya ingin juga membuat kelas online di Udemy, namun masih ragu dan merasa ini sulit banget. Jika melihat kualitas kelas online yang telah saya beli, kebayang kalau saya tidak bisa sebagus itu. Dan pasti saya tidak lolos kurasi oleh tim Udemy. 

Namun, dengan berjalan waktu saya melihat beberapa teman mulai mempromosikan kelas online yang dia buat di Udemy. Kelas yang dibuat dengan bahasa Indonesia. Dan tidak perlu berisi konten dengan animasi yang didesain sangat bagus dan profesional. Hal ini membuat kepercayaan diri saya naik dan yakin kalau bisa juga membuat kelas online di Udemy. 

Mulailah saya uprek lagi tuh aturan dan langkah-langkah yang sudah dijelaskan juga oleh Udemy di website-nya. Beberapa hal saya kroscek dengan teman-teman, termasuk mbak Dian Nafi yang sudah punya 5 kelas menulis di Udemy. Matur nuwun mbakyu. 

Saya sudah mengajar sekitar 100 murid di kelas online AYO BERMAIN CODING MENGGUNAKAN SCRATCH PROGRAMMING, sejak awal tahun 2020 sampai sekarang. Dengan pengalaman itu, saya yakin siap untuk membuat konten materi ajar yang cocok untuk anak-anak maupun guru atau orang tuanya. 

Skill ngedit video saya belum bagus, dan butuh waktu lama jika harus nunggu belajar video editing dulu. Saya coba mencari akal untuk membuat rekaman video yang bagus dan mudah. Yang penting wajah saya muncul dan materi bisa tampil bagus dan jelas. Maka trik itu pun jatuh ke recording ZOOM. 

Kualitas video memang tidak sempurna. Terutama jika fokus tampilan wajah. Lebih bagus merekam langsung dengan HP jika butuh video sosok trainer sih. Cuma kelas belajar coding tentu banyak sekali untuk SCREEN RECORD saja, karena langsung praktek di websitenya atau praktek ngodingnya gitu. Wajah trainer hanya muncul di kotak kecil saja, jadi ga masalah. Asal gambar website dan suara jelas. 

Nah, setelah beberapa hari membuat konten video dengan Zoom, hari ini saya selesaikan urusan printilan administratif dan kurikulum membuat kelas online di Udemy. Berikut ceritanya:

gambar ini saya buat di Canva, tentu saja, terakhir ketika mengisi landing page kursus di Udemy. Udah ada template-nya


Langkah awal biar happy adalah melengkapi BIO PROFIL dengan kalimat yang menyenangkan seperti ini :)


Sebelum melangkah lebih jauh, saya pastikan kalau akun saya bakal bisa mengakses keuangan. Jadi mbenahi ini dulu. Ikuti saja langkah-langkahnya. 


Alhamdulillah setelah mengisi dengan benar dan cepat langsung di-approve. Kemarin general error dan ditolak karena kelamaan ngisinya. Ragu-ragu melulu.


Catatan tambahan:
Untuk Payment, bisa memilih juga Paypal. 

Paypal





Saya akhirnya pindah menggunakan Paypal karena lebih cepat bisa dicairkan uangnya ke bank di Indonesia. 

Kalau di Paypal, minimal 10 dollar sudah bisa ditarik. 
Sedangkan di Payoneer, minimal 50 dollar baru bisa ditarik.

Sayangnya, uang saya sekitar 35 dollar di Payoneer, belum bisa ditarik. Karena saya berpindah metode Payment dari Payoneer ke Paypal. 

Sebaiknya, teman-teman memutuskan dulu mau memakai apa ketika membuat akun instruktur di Udemy. Supaya tidak mengalami kejadian seperti saya ya. 


Untuk awal saya berencana membuka kelas gratis dulu. Tapi ingin tahu juga tentang Pricing dan kalau mau bikin KODE PROMO. Nah ini hasilnya.

siapkan konten edukasi

Ini gambaran layout KURIKULUM yang sudah saya isi. Beberapa kali kesulitan menambahkan SECTION atau LECTURE. Karena ga tahu bedanya. Eh setelah diisi beberapa konten lalu di PREVIEW baru ngeh, oh ini Section dan ini Lecture. 



Baru bikin 2 Lecture, saya coba untuk PREVIEW as INSTRUCTOR dan inilah tampilannya, walah happy juga hati ini. Serasa aku adalah Angela Yu :)



Langkah selanjutnya adalah SUBMIT ternyata saya ditolak, karena harus mengisi Landing Page dulu



ini format mengisi Landing Page atau tampilan halaman pertama "BROSUR" kelas online kita di Udemy. 


Nah sudah jadi PREVIEW total kelas online pertama saya yang gratis. 






Setelah Landing Page beres, ternyata harus verifikasi data dulu. Dan ini ada beberapa langkah karena saya dari Indonesia


 

Nah, ini langkah alternatif proses verifikasi data pribadi kita yang berasal dari Indonesia. 


Nanti akan diarahkan ke website Persona. Siapkan foto KTP atau SIM ya. Juga nanti ada verifikasi pakai webcam juga. Jadi pas bikin ini, usahakan laptop/komputernya ga rusak tuh kameranya. 




Nah proses selesai, menunggu 3 hari. Setelah ini akan saya edit lagi hasilnya di bawah ini ya. Dengan memberikan link kelas online gratis pertama saya di Udemy





Nah lanjut. Ini hari ke-1. Saya sudah dapat email bahwa identitas telah terverifikasi dengan baik. Jadi bisa langsung Submit Course. Tinggal menunggu lagi 2 hari. Maka Free Course pertama saya bisa di enroll. Ow so happy.






Dan, hari ini mendapat email feedback. Kalau saya harus mengganti image yang tepat. Baik ukuran maupun posisi gambar jika nanti udemy dibuka di mobile phone yang layarnya kecil. 



Jadi isi course ga masalah. Yang mending diganti itu gambar di Landing Page.

as always bikinnya di canva. dan ukuran image yang beneran sesuai aturan yaitu 750x422 pixels

edit langsung, kemudian klik mark as fixed 


baru klik re-submit lagi



Semoga dah lolos kali ini. Bismillah.

Nah bener deh, esok harinya udah langsung di approve. Jadi perbaikan cuma di foto cover course aja. Harus gambar saja tanpa teks. Dan posisinya di tengah. 

Nah silahkan klik langsung ke my first free course di Udemy ya. 

Enjoy.


 

Membuat Desain Cantik Dengan Canva

Tidak ada komentar
Canva adalah aplikasi desain online yang bisa diakses gratis. Sudah digunakan oleh sejuta umat. Karena kemudahannya untuk membuat poster, slide presentasi dan terlebih lagi konten untuk media sosial.

Sudah tersedia beragam template yang tinggal diedit dan digunakan sesuai keperluan kita.

membuat desain dengan canva
Sekarang banyak elemen baru secakep ini......

Desain yang sudah jadi bisa diunduh sebagai file gambar (jpg dan png), atau file siap cetak dan e-book seperti pdf. 
Baru-baru ini, Canva membuat template baru berupa gif yaitu gambar bergerak dan bisa diunduh dalam bentuk file video mp4. 
Saya memakai Canva sudah bertahun-tahun lamanya. Tapi biasanya cuma mengedit template dengan mengganti gambar dan tulisan. 
Sekarang ini banyak postingan teman bermunculan yang menunjukkan bahwa kita bisa mendesain konten sendiri dari Canva, memanfaatkan elemen yang sudah disediakan. Cakep banget hasilnya. 
Karena penasaran, saya pun mencoba. 

Dan, beneran. Banyak sekali elemen baru yang disediakan oleh Canva. Kalau anda punya bakat dan minat atau keterampilan mendesain, akan bisa membuat konten yang bagus banget tinggal drag & drop. 
membuat desain dengan canva
nih hasilnya coba elemen baru

Karena saya ilmu desainnya cetek banget super banget, maka baru bisa membuat desain minimalis seperti contoh di atas. Tapi jika konsisten, akan terasah jugalah skill dan feeling desainnya. 
Tempo hari saya sempat ikutan teman-teman yang bekerja sebagai ilustrator atau desainer grafis. Saya pun penasaran pengen mencoba belajar menggambar seperti kedua anak saya itu. Mulai menggambar dengan photoshop di laptop atau di tablet smartphone. 
Saya ikutan menginstall aplikasi menggambar seperti Autodesk Sketchbook, Ibis Paint dan Medibang Paint. 
Tapi ya, belum ada jiwa menggambar, saya jadinya lebih banyak bengong aja gitu. Ga tau harus mulai dari mana nggambarnya. Dan menggambar apa. 
Maklum saja, pekerjaan saya lebih banyak menulisnya. 
Kalau dapat masalah begini, solusi paling mudah adalah menggunakan Canva ya. Karena belum siap juga untuk meng-hire ilustrator profesional. Maklum mamak-mamak freelancer yang kinerjanya tergantung pada stabilitas kondisi rumah tangga. *yang seprofesi dengan saya pasti can relate this hehehe
Kesimpulannya, ala saya, CANVA ini bisa diandalkan bagi kita yang ingin merapikan konten atau membuat desain dengan mudah. Syaratnya cuma satu. Harus ada akses internet. Karena canva hanya bisa digunakan secara online. 
Baik, ke depannya ada mainan baru nih, ndesain pakai Canva.
Selamat mencoba. 




How To Create a Blog From Blogspot in English Version

Tidak ada komentar

I used to teach in blogging class with Bahasa Indonesia. Today I will start different. Someone said want to learn how to make a blog with me, and the lesson should be delivered in English. I feel a little bit difficult to prepare lesson materials in English. But thanks God, Alhamdulillah, Google Support have a lot of this kind of tutorial. 


To make my class run more easier, I choose to get those tutorials here. So I just can direct my students with live streaming video meeting practice class use Google Meet. 

The resources of this tutorials are here:


Create a blog

You can create and manage your own blog with Blogger.

Create a blog

  1. Sign in to Blogger.
  2. On the left, click the Down arrow Down arrow.
  3. Click New blog.
  4. Enter a name for your blog.
  5. Click Next.
  6. Choose a blog address or URL.
  7. Click Save.


Create, edit, manage, or delete a post

You can write, edit, or delete posts and drafts any time.

Write a new post

  1. Sign in to Blogger.
  2. Click New Post New post.
  3. Create the post.
    • To check how your post will look when it’s published, click Preview.
  4. Save or publish your post:
    • To save and not publish: Click Save.
    • To publish: Click Publish.

Add labels to your post

You can use labels to organize your posts. Your readers can use your labels to filter the content they get.
  1. Sign in to Blogger.
  2. To open the editor view, click an existing post or click New post New post.
  3. On the right, click Labels Label.
  4. Enter a label or click an existing label.
    • To add more than one label to a post, separate labels with commas.
Tip: In your dashboard, next to the title, you can find your labels.

Filter your posts with labels

  1. Sign in to Blogger.
  2. In the upper right, click Labels Label.
  3. Select any number of labels.
  4. Click Apply.

Edit a post

  1. Sign in to Blogger.
  2. Under the name of a blog, click Posts.
  3. Click the title of the post.
  4. Make your changes.
    • To check how your post will look when it’s published, click Preview.
  5. For posts that:
    • Have been published: Click Update or Revert to draft.
    • Haven’t been published: Click Publish or Save.

Delete a post

  1. Sign in to Blogger.
  2. In the top left, click the Down arrow Down arrow.
  3. Click the name of a blog.
  4. Point to the post you want to delete. When it appears, click Delete Delete.

Content to avoid

Do not use:
  • Material hosted by someone else without their consent.
  • Copyrighted materials.
  • Content that violates our content policy. This includes, but is not limited to, explicit imagery posted without the subject’s consent and hateful, violent, or crude content.

Add images and videos to your blog

You can add photos, other images, and videos to any blog posts that you create.


Manage your comments

You can manage who can comment and what kinds of comments readers can leave on your blog posts in Blogger. You can also comment on other blogs. There is no limit to the number of comments you can have in a post.

Add pages to your blog

You can create pages for consistent content like “About” or “Contact.” Pages can appear on your blog as tabs at the top or links on the side.
Note: You cannot use specific posts as pages.

Step 1: Show your pages

  1. Sign in to Blogger.
  2. In the top left, click the Down arrow Down Arrow.
  3. Select the blog to update.
  4. In the left menu, click Layout.
  5. In the section you want your pages to show, click Add a Gadget.
  6. In the window, next to "Pages", click Add .
  7. Set your settings and click Save.
  8. At the top right, click Save arrangement.
To change where your pages will appear, drag the gadget to its new location.

Step 2: Create, edit, or delete pages

  1. Sign in to Blogger.
  2. In the top left, click the Down arrow Down Arrow.
  3. Select the blog to update.
  4. In the left menu, click Pages.
    • Create a new page: Click New page. Enter a page title and other information and click Save, Preview, or Publish.
    • Edit a page: Under the page you want to edit, click Edit. Update your page and click Save, Preview, or Publish.
    • Delete a page: Under the page you want to remove, click Delete and then Ok.

Create a link to another website

  1. In the top left, click the Down arrow Down Arrow.
  2. Select the blog to update.
  3. In the left menu, click Layout.
  4. In the “Pages” section, click Edit Edit.
  5. Under "Pages to show," click + Add external link.
  6. Enter the page title and URL and click Save Link.

Step 3: Select the pages to show

  1. In the left menu, click Layout.
  2. In the “Pages” section, click Edit Edit.
  3. Select the pages you wish to show.
  4. Click Save.
  5. At the top right, click Save arrangement.
There is no limit to the number of pages you can have on one blog.

Use themes to change how your blog looks

When you use one of Blogger’s themes, people can view and interact with your blog in different ways.
Choose a theme
  1. Sign in to Blogger.
  2. At the top left, click the Down arrow Down arrow.
  3. Click a blog to update.
  4. In the left menu, click Theme.
  5. Select your theme, and at the bottom, click Apply.
    • To save a copy of your theme, in the top right, click More More and then Backup and then Download.


Change the design of your blog

You can change your blog’s layout and color scheme.

Change your blog with gadgets

Use gadgets to do things like display your archive, show labels in a list, or show your profile on every page.
Add a gadget to your blog:
  1. Sign in to Blogger.
  2. Choose the blog to update.
  3. In the left menu, click Layout.
  4. In the area you want to modify, click Add a Gadget.
  5. In the window that opens, choose the gadget and click Add Add.
  6. At the bottom left, click Save.
    • To change the settings on a gadget, click Edit.

Change your blog with HTML or CSS

Use HTML
Important: Google claims no ownership or control over any content submitted, posted, or displayed by an author on or through Google services. Blog authors who add code or third-party widgets do so at their own risk.
  1. Sign in to Blogger.
  2. Choose the blog to update.
  3. In the left menu, click Theme.
  4. Under “My theme,” click More More and then Edit HTML.
  5. Make your changes and click Save.
Tip: To add page elements like pictures and a blogroll, use widget tags. Learn more about widget tags for layouts.

Use CSS
  1. Sign in to Blogger.
  2. Choose the blog to update.
  3. In the left menu, click Theme.
  4. Under “My theme,” click Customize.
  5. In the left menu, click Advanced.
  6. Click the Down arrow Down arrow and then Add CSS.
  7. Add your code, and at the bottom right, click Save Save.