Skip to main content

Bagaimana membuat bahan e-learning dengan PowerPoint ?

9
Articulate Rapid E-Learning Blog - free PowerPoint tutorials and template
In a recent post we looked at ways to build interactive elearning even if using PowerPoint to build the courses. One of the demos I shared prompted lots of questions. So in today’s post I’ll show you how I created the PowerPoint interaction. This lets us look at some essential production tips when using PowerPoint to build interactive elearning.

PowerPoint Tutorials

Articulate Rapid E-Learning Blog - PowerPoint tutorials
Review the PowerPoint interaction to see how it works. I also included a link to download the PowerPoint file so that you can see how it’s assembled. This may help when viewing the tutorials above. Or quickly skim the notes below. In addition, the download can be used as a template. Feel free to replace the content with your own if you need a quick interactive module. 

Use Multiple Layouts

Use as many layouts as you need to build your course. In this template I have two layouts. One layout is for the instructions and feedback; and the other layout for the interaction.
Articulate Rapid E-Learning Blog - multiple layouts in PowerPoint
As a rule of thumb, once I get three or more slides with the same information, I try to put as much as I can on the master slide so it’s easier to edit and maintain. When you build your slides, try to determine what’s persistent and then add as much of the persistent content to the master slide.

Use Slide Titles as Metadata

I like to move the titles in the master slide up and off the slide. This lets me use the title area as a way to describe the slide, but not have that content appear in the actual slide.
Articulate Rapid E-Learning Blog - slide master titles in PowerPoint
This comes in really handy when you’re creating interactive branches and using PowerPoint’s hyperlinking because the titles of the slide are easy see. Don’t be afraid to add a lot of descriptive content to the slide title.

Add Hyperlinks to the Master Slide

In this interaction, we’re working with a single image that has multiple hyperlinks. Since we’re using the same master slide for all five slides, it makes sense to add the hyperlink to the master slide. That means I only add them once and they’re easy to edit.
Articulate Rapid E-Learning Blog - hyperlinks on the master slide in PowerPoint
  • Use transparent shapes for the hyperlinks (1).
  • Title the hyperlinks so that you know where they go (2).

Create Shapes for Hyperlinks

You can add a hyperlink to any object in PowerPoint. However, if you look at the object on the slide, there’s no way of knowing which ones have links or not. Come back to a course three weeks later and you’ll have to spend a lot of time trying to remember which objects have links and where they go.
Articulate Rapid E-Learning Blog - create shapes for hyperlinks in PowerPoint
That’s why I like to create a shape just for the links. I add the link to the shape and then in the selection pane I title the shape as a link and where it goes. This makes reviewing the slide’s links super easy.
Bonus tip: CTRL+K opens the hyperlink window.

Title Objects on the Slide

In the image above I show an example of titled hyperlinks. And in the image below I show titled objects on the slide.
It’s a good habit to title objects on the slide. The most obvious reason is that you know what each object is and what it does based on how you title it.
Articulate Rapid E-Learning Blog - PowerPoint's selection pane
The other reason is that when you leave the course and come back a while later, you’ll find it a lot easier to orient yourself to what’s there. That’s a big time saver, especially if you hand the course off to someone else to maintain.

The Cropping Tool is Your Friend

In this template, I added the image of the four people on the master slide. I created a new slide and applied the master layout. Then I pasted a copy of the image on the slide itself.
From there I was able to use the crop feature to crop to the person’s head and add the image frame.
Articulate Rapid E-Learning Blog - use the cropping feature in PowerPoint
I duplicated the first slide for each additional character. Then selected the head image (see above) and opened the cropping tool. All I had to do was move the crop box to the new head and all of the same formatting was applied.

Graphic Creation Tips

One of the best parts of PowerPoint is that you can create your own graphics by combining the shape formatting with layered objects.
Articulate Rapid E-Learning Blog - create your own graphics in PowerPoint
I created a pattern background for the slide to add a little depth and visual interest. Instead of adding it to the background, I put a shape on the slide then applied the pattern fill to the shape. This gives me the flexibility to manipulate the background.
Articulate Rapid E-Learning Blog - how to create a custom drop shadow in PowerPoint
The drop shadow under the box is a rectangle that is semitransparent and uses a soft edge. Use the edit points to create a pull away shadow for more depth. Here’s a tutorial that shows how to create that type of shadow.
Articulate Rapid E-Learning Blog - create your own graphics in PowerPoint
Layer images for more effect. In this example, I started with an office image. To make it more interesting, I pulled the woman out of the image and added a lighting effect in the corner. I also added a shape to use as a text box.
In the case of the woman in front of the table, I start with the original image of the woman in the meeting room at the desk (1). Then I added a spotlight shape on top of the original image to create a corner shadow (2). I added the semitransparent rectangle as a content holder for my title text (3).
Finally, I duplicated the image and isolated the woman by cutting out the background. Then I added the isolated woman back on top of the image. This pulls her out of the original image and puts her on top of the text box. This is a simple technique that helps create a focal point.
As you can see PowerPoint’s freeform environment makes it easy to create your own graphic effects.
Even if you don’t build the same type of interaction in PowerPoint, these production tips are generally the same ones you use to build any interactive elearning courses in PowerPoint.

Tidbits:
I’m planning my schedule for next year. If you’re interested in a workshop in your area, have your local ISPI or ASTD chapter contact me.
Related Posts with Thumbnails
    
 


9 responses to “How to Create an Interactive PowerPoint Elearning Module”

[...] Original post: How to Create an Interactive PowerPoint Elearning Module » The Rapid eLearning Blog [...]
Suggest that people leverage the rule of thirds where they can. This way people’s eyes are drawn to the spot or spots that are most relevant . This doesn’t completely jive with most typical navigation setups but it can help help when designing the central section of course content
Mike
Great article. Actually learned several things while going through the steps and the demonstration slides. I’m still trying to figure out how to create the spotlighted transparent box you used in the last section (2) for the corner shadow effect.
@Hector: it’s a shape with a radial gradient. I used two colors and then made them transparent.
Thanks Tom, just found it after I pasted your box into a blank document and viewed properties. Looking forward to your workshop later this month in Boston.
What did you used to create the tutorial? Articulate?
And what did you use to create the vidéos?
Thanks Tom! But now I really want to know how you made that tutorial. Very, very cool. Was that done in Storyline?
Hi Tom,
Brilliant tutorial! You really make Powerpoint come to life – my younger colleagues keep dismissing the software in favour of their Apple alternative, but you continually show what can be achieved with a little care and forethought.
Many thanks.
@Yannick and Amy: I made the tutorials in Storyline. Captured the videos with the screen capture feature and then built the interactive features. All of the graphics are built in Storyline, as well. I’ve had a lot of questions about the demo so I’ll do some screenrs soon and put them and the file in the user community.

Leave your two cents.

Please enter comment below: *
* indicates a required field

Comments

Popular posts from this blog

Alat - Alat Fiber Optic dan Fungsinya

1. Fusion Splicer Fusion splicer atau sering dikenal sebagai alat untuk menyambungkan serat optik ini merupakan salah satu alat yang digunakan untuk menyambungkan sebuah core serat optik, dimana serat tersebut terbuat / berbasis kaca, dan mengimplementasikan suatu daya listrik yang telah dirubah menjadi sebuah media sinar berbentuk laser. Sinar laser tersebut berfungsi untuk memanasi kaca yang terputus pada core sehingga bisa tersambung kembali dengan baik. Perlu kalian ketahui, bahwa fusion splicer ini haruslah memiliki tingkat keakuratan yang cukup tinggi, hal ini ditujukan untuk menghasilkan hasil penyambungan yang sempurna, karena pada saat penyambungan tersebut akan terjadi proses pengelasan media kaca serta peleburan kaca yang akan menghasilkan suatu media, dimana media tersebut akan tersambung dengan utuh tanpa adanya celah-celah, hal ini dikarenakan media tersebut memiliki senyawa yang sama. 2. Stripper Atau Miller Sama seperti kabel - kabel yang lain, salah satunya seperti kab

Cara Menghitung Ampere Motor 3 dan 1 Phase dengan Rumus Daya

Sering kali, anda menjumpai motor listrik untuk menggerakan mesin pada pabrik - pabrik sekarang dan kebanyakan 85% didalam pabrik menggunakan motor listrik untuk menggerakan mesinnya. motor listrik ada 2 jenis Phase yang pertama adalah 3 phase yang di mana ada tegangan R S T sedangkan yang ke dua adalah 1 Phase dimana motor listrik hanya diberi tegangan phase dan Netral aja, contohnya seperti pumpa air dirumah.     Dari motor - motor tersebut maka anda sangat perlu untuk menghitung amperenya dimana anda membeli motor 1 phase tapi kapasitas rumah anda hanya 450 Watt saja maka anda harus menghitung motor airnya harus di bawah dari 450 Watt. Plate Motor 1 Phase  Diatas adalah name plate motor 1 phase dimana   sudah di ketahui KW dan Amperenya jika hanya di   ketahui KWnya saja bagaimana seperti berikut   menghitungya:  Diket : P : 8 KW = 8 x 1000 = 8000 Watt V : 220V Ditanya : Berapa Nilai Amperenya? Rumus daya  Motor 1 Phase: P = V x I I  = P/V Keterangan : P  : Daya ( Watt ) I   : Arus

Cara Menghitung Satuan Volt, Ampere, dan Watt

Sangat penting untuk mengetahui satuan dalam bidang yang ingin anda pahami, dalam bidang listrik untuk mengetahui satuan seperti volt, ampere, dan watt. Ketika anda tidak mengetahui satuan dari bidang listrik ini sama saja dengan tidak tahu dalam teori dasar dan anda sekarang bisa memperlajari dengan jelas dalam artikel saya berikan ini. Saya akan memberikan langkah demi langkah agar mudah untuk dipahami. Pengertian Volt (Voltage) Volt (Voltage) adalah standart satuan listrik yang menunjukan atau menerangkan sebuah nilai tegangan dalam listrik. Volt atau bisa disebut tegangan hanya bisa diukur dengan alat yang bernama voltmeter atau multitester, volt mempunyai bermacam-macam nilai tegangan dan juga tipe atau karekter yang berbeda. Volt Mempunyai 2 tipe atau karakter Volt atau tegangan listrik ini mempunyai jenis 2 tipe yaitu tegangan AC atau bisa disebut tegangan bolak-balik. kemudian tegangan DC (Direct Current) atau bisa disebut dengan tegangan searah. Untuk mengatahui apa itu tegan

Cara Menentukan Ukuran Kabel Instalasi Listrik

Dalam sebuah instalasi listrik di sebuah rumah atau bangunan, penggunaan kabel listrik haruslah diperhatikan betul. Mengingat kesalahan penggunaan dan pemasangan kabel dapat membahayakan manusia atau penghuni rumah. Dalam menggunakan sebuah kabel ini dari anda harus tahu jenis kabel yang akan di pasang, berapa ukuran kabel listrik, luas penampang maupun panjang kabel listrik. Ukuran Kabel Listrik Seperti yang kita ketahui bersama bahwa fungsi sebuah kabel listrik adalah untuk menghantarkan arus listrik dari sumber listrik menuju beban daya suatu alat listrik. Yang dimaksud dengan ukuran kabel lisrik adalah luas penampang kabel . Sehingga setiap ukuran kabel listrik akan menggunakan satuan mm2 . Mengapa menggunakan ukuran kabel yang tepat sangat penting ? karena kesalahan dalam penentuan ukuran kabel dapat menyebabkan resiko yang fatal. Beberapa kode yang sering ditemukan pada sebuah kabel listrik yaitu : 1 X   1,5 mm 1 X   2,5 mm 2 X   1,5 mm 2 X   2,5 mm Keterangan : Angka sebelum kal

Jenis Kabel Listrik beserta Fungsi dan Gambarnya

Berbicara mengenai kabel listrik tentu sangat luas sekali. Kabel listrik sendiri merupakan komponen yang memiliki peran vital dalam berbagai peralatan elektronik yang kita gunakan sehari-hari. Dari kegunaannya, jenis-jenis kabel listrik ini sangat banyak dan beragam. Pemakaian jenis kabel pun harus tepat agar tidak menyebabkan konsleting listrik. Untuk itu penting sekali mengetahui jenis jenis kabel listrik berikut ini. Kabel listrik Kabel listrik merupakan sebuah komponen konduktor yang berfungsi untuk menghantarkan arus listrik ke benda-benda atau peralatan yang membutuhkan energi listrik agar dapat bekerja. Meskipun jenis-jenis kabel listrik sangat banyak, tetapi pada umumnya setiap kabel listrik terdiri dari dua bagian utama, yakni bagian isolator dan bagian konduktor. Bagian-bagian Kabel Listrik Pada kabel listrik, bahan isolator merupakan bahan yang tidak dapat menghantarkan arus listrik. Pada isolator terdiri dari pembungkus kabel yang memiliki fungsi sebagai pelindung (agar tid

Fungsi dan Cara Setting MCCB ( Moulded Case Circuit Breaker )

Mengulas lebih dalam tentang MCCB - dunia listrik sangat banyak sekali peralatan listrik sebagai pengaman untuk keselamatan dari bahaya listrik maupun untuk mengamankan sebuah motor dan peralatan listrik lainya dari bahaya short circuit. Apa itu MCCB ? MCCB adalah singkatan dari Moulded Case Circuit Breaker, sebagai pengaman terjadinya hubung singkat short circuit dan beban lebih overload agar tidak terjadinya kerusakan pada motor listrik maupun kebakaran yang disebabkan oleh short circuit yang selalu menimbulkan bunga api. MCCB biasanya digunakan oleh industri karena MCCB hanya untuk pengaman listrik 3 phase, dan motor listrik industri juga menggunakan listrik 3 phase, jadi jika anda ingin bertemu apa itu namanya mccb dan dan digunakan untuk apa mampir deh pabrik terdekat dan minta tolong untuk dilihatkan apa itu mccb. Pole MCCB Mccb memiliki macam – macam pole: 1 Pole, 2 Pole, 3 Pole, 4 Pole Mccb memiliki macam – macam kA: 36kA, 50kA, 85kA, 100kA Karakter MCCB - Hanya menggunakan 3 p

Perbedaan Antara KW, KVA, KWH, KVAr

Apa definisi KVA, KW, Watt, KWH, KVar, dan apa perbedaannya? Mungkin kita pernah menjumpai satuan listrik yang terkadang ditulis dengan menggunakan Watt, KW, atau KVA, Dan ini sering menjadi pertanyaan bagi kita, apa sebenarnya perbedaan satuan KW dan KVA, dan berapa 1 kVA, atau mungkin berapa itu 1 KVA KW? Selain itu kita juga sering mendengar istilah KWH, maka pertanyaannya, 1 KWH berapa Watt, atau 1 Kw berapa KWH? Untuk menjawab pertanyaan tersebut, berikut penjelasan mengenai apa yang dimaksud dengan KVA, KW, Watt, KWH, Kvar, dan apa perbedaannya. Apa yang dimaksud dengan KVA, KW, KVAr, dan KWH? Dalam listrik tiga fasa, terdapat 3 jenis daya listrik yang disebut juga dengan segitiga daya, yaitu: Daya Semu (KVA) Daya Aktif (KW) Daya Reaktif (KVAr) KVA KVA (Kilo Volt Ampere) untuk daya listrik yang tidak terlalu besar biasanya cukup menggunakan satuan daya VA (Volt Ampere). 1 KVA = 1000VA KVA adalah satuan daya listrik yang diperoleh dari perhitungan rumus daya, atau biasa disebut de

Pengertian Konektor RJ45 dan Fungsinya Lengkap

 RJ45 adalah konektor kabel ethernet yang kebanyakan memiliki fungsi sebagai konektor pada topologi jaringan komputer LAN (Local Area Network) dan topologi jaringan lainnya. RJ itu sendiri adalah singkatan dari Registered Jack yang merupakan standard peralatan pada jaringan yang mengatur tentang pemasangan kepala konektor dan urutan kabel, yang digunakan untuk menghubungkan 2 atau lebih peralatan telekomunikasi (Telephone Jack) ataupun peralatan jaringan (Computer Networking). Juga merupakan suatu interface fisik dari jaringan kerja (network) , untuk kegunaan telekomunikasi dan komunikasi data. Konektor RJ45 memiliki fungsi untuk memudahkan penggantian pesawat telpon atau memudahkan untuk di pindah-pindah serta mudah untuk di cabut tanpa khawatir tersengat aliran listrik dan menghubungkan konektor LAN melalui sebuah pusat network. Konektor RJ45 memiliki 8 buah pin. Pin pertama terdapat di paling kiri apabila pin RJ45 menghadap ke anda, di ikuti pin nomor 2, 3, 4 dan seterusnya. Cara pe

MENGENAL PANEL LISTRIK , JENIS DAN SPESIFIKASINYA

Pengertian Panel Listrik Panel listrik adalah suatu benda berbentuk kubus dengan berbagai ukuran ataupun bervariasi dengan sebelah sisi dibuat lubang selebar hampir sama dengan belakangnya, dan nantinya di baut penutup seperti daun pintu agar bisa dibuka dan ditutup, dan didalam panel tersebut terdapat papan yang dikaitkan dengan sisi belakang pintu di pakai baut yang nantinya papan tersebut dapat dilepas dan dipasang kembali. Pada umumnya panel listrik adalah terbuat dari plat besi dengan ketebalan 0,5 – 1 mm. Biasanya disesuaikan dengan ukuran atau besarnya panel, dan nantinya papan tersebut yang akan digunakan tempat pemasangan komponen-komponen listrik. Fungsi Panel Listrik Fungsi dari panel listrik adalah untuk menempatkan komponen listrik sebagai pendukung dari mesin-mesin listrik agar bisa beroperasi  sesuai dengan prinsip kerja dari mesin listrik itu sendiri. Untuk mengamankan komponen listrik supaya terlindungi dari pengaruh di sekelilingnya. Untuk menata komponen atau rangkai

10 Virtual appliances yang memudahkan pekerjaan Anda.

10 virtual appliances that can simplify your job By  Jack Wallen September 27, 2012, 10:43 AM PDT Takeaway:  If you’ve never worked with virtual appliances, you owe it to yourself to check them out. Here are 10 good ones that will give you an idea of what they can do for you. When you need to quickly deploy a server or test a server-based application, one of the best means of doing so is by using a virtual appliance. A virtual appliance is essentially a prebuilt virtual machine of a configured server that offers any number of features or services. There are virtual appliances for ERP, CRM, file serving, groupware, and just about every type of server you can think of. You can download complete operating systems or powerful services built on top of full-blown server OSes. I have rounded up 10 of my favorite turnkey solutions, which you can download and load up into your favorite virtual machine host to deploy or test. Since there are hundreds upon hundreds of these types o