March 23, 2020
City navigation project
Comments
(27)
March 23, 2020
City navigation project
Dr. Pooja Jaisingh works as a lead eLearning evangelist at Adobe. She has created several award-winning eLearning courses and eBooks, and regularly conducts workshops and webinars on Adobe eLearning tools and services. In her previous roles, she has worked as a teacher trainer, instructional designer, and chief learning geek. Pooja is CPLP and COTP certified. She holds a master’s degree in education and economics and a doctorate in educational technology.
Staff 75 posts
Followers: 322 people
(27)

Preview Project | Download Project

In the city navigation interaction, you can choose your Avatar and then drag and drop the Avatar to different places in the city to get an inside view of the place. You can further click the hotspots to know more about the place.

What is the example intending to do? When should the user use such a theme?
In this example, you will see the use of multi-state objects to change the state of the Avatar based on learner selection, an example of drag to navigate interaction, and use the Object Actions for drop functionality. You will also see how Shared Actions are used to create a hotspot interaction with animated appearance of the hotspot text. You can decide to use all the interactions (Avatar selection, Drag to navigate, and Hotspot text) or decide to use one of them for your course material.

See more projects>

27 Comments
2020-11-24 23:21:36
2020-11-24 23:21:36

Thank you!

Like
2020-11-24 15:01:50
2020-11-24 15:01:50

Really nice project.

Thanks for sharing it.

Like
(1)
2020-11-08 16:22:58
2020-11-08 16:22:58

Hello again, Pooja!
I tried to make a similar example to practice but I can’t make the avatar effect decrease in size when approaching the icon. In the effect of the placement object and in the dragging object I have put “Zoom in” but it doesn’t decrease. (Attached image).

How did you achieve it???

Attachment

Like
(1)
(5)
>
maria carmenu32233869
's comment
2020-11-09 06:17:04
2020-11-09 06:17:04
>
maria carmenu32233869
's comment

Hi Maria,

I’ve covered the steps to build this drag and drop interaction in this webinar recording at around 41 minute mark:

https://cpwebinar-drag-drop.meetus.adobeevents.com/

Like
(2)
>
Pooja Jaisingh
's comment
2020-11-09 12:49:17
2020-11-09 12:49:17
>
Pooja Jaisingh
's comment

Hello Poojba, thank you very much.
I’ve seen the part you tell me, and is explained how to put the action for the avatar to jump to a slide or another, but I have not seen you explain how to make the avatar decrease in size and approach the icon before jumping to the slide.

A greeting

Like
(1)
>
Pooja Jaisingh
's comment
2020-11-09 14:45:16
2020-11-09 14:45:16
>
Pooja Jaisingh
's comment

Hello again, I made it!!
I had to put in 0% in size and opacity…

Thanks

Like
(1)
>
maria carmenu32233869
's comment
2020-11-10 09:40:25
2020-11-10 09:40:25
>
maria carmenu32233869
's comment

Hi Maria,

You can select the pins (drop targets) and change the size and opacity in the Drag and Drop Inspector to 0%.

 

Like
(2)
>
maria carmenu32233869
's comment
2020-11-10 09:41:03
2020-11-10 09:41:03
>
maria carmenu32233869
's comment

Great! 🙂

Like
(2)
2020-11-04 08:59:36
2020-11-04 08:59:36

Very nice project, I love it!

Thank you very much for sharing!

Like
(2)
2020-09-02 12:57:17
2020-09-02 12:57:17

No people of color as avatars?

Like
(1)
2020-06-17 19:23:00
2020-06-17 19:23:00

It would be great to have more diverse characters as well.

Like
(4)
2020-05-04 08:52:42
2020-05-04 08:52:42

The issue with projects preview and download has been fixed. Please access the projects section to learn more about various interactions.
Like
(5)
2020-04-29 16:02:15
2020-04-29 16:02:15

Hi. Can you please fix the link or provide a new one?

tia

Like
(5)
(1)
>
huh_what
's comment
2020-05-04 06:01:22
2020-05-04 06:01:22
>
huh_what
's comment

Hi, we’ve fixed the issue. Please try downloading the project now.

Like
(3)
2020-04-28 22:04:52
2020-04-28 22:04:52

The download button is creating an error.

There has been a critical error on your website.

Learn more about debugging in WordPress.

Like
(2)
(1)
>
kimc96812752
's comment
2020-05-04 05:57:42
2020-05-04 05:57:42
>
kimc96812752
's comment

Hi, the issue has been fixed now. Please let. us know if you are still not able to download the project.

Like
(2)
2020-04-23 14:32:04
2020-04-23 14:32:04

This is really cool. I think it would be nice to add functionality so that when the markers were clicked again after being opened they would close, rather than needing to click the x

Like
(4)
(1)
>
cwberrett
's comment
2020-04-24 05:02:27
2020-04-24 05:02:27
>
cwberrett
's comment

That’s a great idea! Will surely implement it for the next interaction 🙂

Like
(3)
2020-04-20 12:56:26
2020-04-20 12:56:26

Thank you so much for this wonderful project. Learning new things with Captivate.

Like
(5)
(1)
>
Dawar_Manish
's comment
2020-04-21 12:41:32
2020-04-21 12:41:32
>
Dawar_Manish
's comment

I’m glad you liked it, Manish! 🙂

Like
(2)
2020-03-26 19:31:12
2020-03-26 19:31:12

Thank you, I can definitely use this!

Like
(4)
(1)
>
AndreaFuentes99
's comment
2020-03-27 05:29:02
2020-03-27 05:29:02
>
AndreaFuentes99
's comment

Great! Let me know what modifications you will be making to this interaction to use it in your project

Like
(3)
2020-03-25 08:09:19
2020-03-25 08:09:19

Awesome!! Thank you for sharing.

In order to be able to make such a project, I need to learn the illustrator’s skills.

Like
(5)
(4)
>
Miho Adachi
's comment
2020-03-26 05:13:02
2020-03-26 05:13:02
>
Miho Adachi
's comment

Thanks, Miho. I have used stock images for this project. You just need some basic editing skills for the stock images.

Like
(4)
>
Pooja Jaisingh
's comment
2020-03-27 06:22:50
2020-03-27 06:22:50
>
Pooja Jaisingh
's comment

Thank you for your reply. I want to master editing!

In Japan, school teachers can use Adobe Captivate for three months free of charge in response to COVID-19. So, I share the project sample page for teachers on blog and SNS.

Like
(4)
>
Miho Adachi
's comment
2020-04-24 13:13:12
2020-04-24 13:13:12
>
Miho Adachi
's comment

Project looks great, but when I hit the download link, I get this message:

There has been a critical error on your website.

Learn more about debugging in WordPress.

Like
(3)
>
huh_what
's comment
2020-09-14 14:08:23
2020-09-14 14:08:23
>
huh_what
's comment

It looks that the download issue has been fixed. Please go ahead and download the project. I just downloaded the same.

Like
(1)
Add Comment