Services for creating interactive maps.

Create animated maps in the apppowerpoint.

To create an animated map in Power application Point you need to scan a suitable map with a good resolution, preferably in *jpeg. Contour maps are very convenient for this, because they are deprived of all the “additional” that can then be added as needed. But ordinary ones, from satin, will also do. They may have extra details that can be removed-wiped in a graphics editor, such as Photoshop. Or - "cover" the unnecessary with some element (for example, an inscription, or an autoshape, or an inserted picture).

Insert the prepared graphic file into the slide as the basis for the future map.

For mounting, select "Format - Slide Layout - Blank Slide" so that later you do not delete the layouts of labels and pictures. You can simply insert a picture on a slide (Insert - Picture - From a file; or through the icon ("Add picture") on the drawing panel (if there is none, set it through "View - Toolbars - Drawing"). If the map is supposed to be expanded to the entire slide , it makes sense to insert a picture as a background (Format - Background - fill methods (see Figure 1))

Fig1.

Next, in the new window "Picture" (tab at the top) - "picture" (button in the middle) and in the window that opens, select the prepared picture. Tip: if you choose this path, the map must be "cropped" approximately to the proportions of the monitor screen, otherwise the map will be distorted. It will not be inserted immediately, the way back is in two more steps (OK - Apply).

The base is ready. Let's fill the map with content. One of the main elements of animated maps is arrows. On their example, we will consider the main algorithms of work.

Arrows can be different. They are available on the drawing panel "Auto Shapes - Curly Arrows" or thin ones (button on the drawing panel).

If you need something special, you can draw it yourself: “Auto Shapes - Lines - Scribbled Curve (see Figure 2))

You can also draw the necessary arrow using the "Polyline" menu (ibid., "Auto Shapes - Lines").

The necessary arrows are ready. Now you can revive them. We select the object for animation and go to "Slide Show - Animation Settings - Add Effect - Input". It is better to choose "Appearance", as it is easy to adjust in the right direction. For example, if you want the arrow to point from left to right, then in the “direction” window we indicate “left” (Fig. 3.)

(Fig. 3)

Here you can also set the condition on which the action will take place: on click, or on time (the “Start” window), as well as the speed of the animation (“Speed”). You can automate the process by “linking” the animation of subsequent objects to the first one and setting time intervals (the “Time” tab, Fig. 4)

In the "Animation Settings" menu, there is another useful button "Edit - Selection". There you can change the color of the object, highlight it in some other way. For example, I sometimes resort to “Flicker”, thus drawing attention to the object (setting the amplitude and duration of the flicker is also in the “Effect Options” menu, the “Time” tab (Fig. 4)

(Fig. 4)

Or to "Transparency", so that after the arrow has performed its function, it does not obscure the map itself. If the arrow is no longer needed on the map, it should disappear - for this there is "Animation Settings - Change - Exit". It is better to use the effects "Fade", "Dissolve" and "Random Stripes".

All subsequent objects on the map are also drawn. The order of animation of objects is displayed in the "Animation settings" window (Fig. 5)

Sometimes you need to animate objects at the same time. To do this, select two (or more) arrows and select an object in the animation order settings window, click on the icon https://pandia.ru/text/78/207/images/image011_49.jpg" width="287 height=420" height ="420">

(Fig. 5)

In exactly the same way, you can animate any objects and lines (for example, a front line or a border, by dragging a drawn curve with the mouse, set the color https://pandia.ru/text/78/207/images/image006_85.jpg" width="25" height="18 src="> , you can turn a solid line into a dashed line, and animate it so that it draws itself on top, bottom or side, or simply emerges from nothingness (Fade effect).

Aft of the arrows, on the map you can select the necessary territory. To do this, select "Scribbled Curve", and circle the area with the mouse, closing the curve. Then, in the line color menu, select "No lines", in the color menu of the resulting autoshape https://pandia.ru/text/78/207/images/image013_65.gif" width="37" height="26 src="> - fill methods - pattern), but in this case transparency will not work, and the “spot” will cover the territory with all cities, rivers, roads, etc.

The proposed set of autoshapes can also be successfully used to saturate the map with objects. If you follow the rules - "diamonds" can be designated tanks, rectangles - troops.

Signatures and inscriptions on the map can also be animated in the ways discussed above, as well as highlight ("Flicker"), and hide ("Exit").

Sometimes it may be necessary to introduce some special icon into the map (saber cannons, ships, etc.). Option 1 - find what you need on the Internet. If it doesn't work - option 2: scan. Further process in the graphics editor Photoshop (much can be done in Paint).

Let's analyze the most common problem - how to make a scanned drawing (for example, a boat) as if "cut out", To do this, open it in Paint, and "cut" along the contour (button https://pandia.ru/text/78/207/images /image015_33.jpg" width="467 height=98" height="98">

(fig.6)

Click on the white background on the inserted image (it will become transparent).

You can move an object from one place to another. For example, show the path of movement of troops. To do this, select: "Animation settings - Add effect - Movement paths", draw the trajectory of the object moving along the slide with the mouse, and set the movement time (in the "Order" window, click on the Pskov region icon. href="/text/category/pskovskaya_obl_/ " rel="bookmark">Pskov region Alekseev Yury Nikolaevich

A presentation is a great way to convey information in a concise and accessible way. We strive to make it beautiful and unforgettable, informative and impressive. However, template slides, popular stock pictures and charts are already pretty boring for everyone. Using outdated techniques and graphics, you will no longer be able to produce an effect on the viewer. Below we will look at a few fresh ideas, which will help to convey your information in an interesting and understandable form for everyone.

1. "People" (or about infographics)

Almost all people perceive dry statistics badly. After all, the numbers themselves do not tell us anything. Therefore, it is very important to present information in such a way that it is perceived on an intuitive level, and the viewer would not have to make a lot of effort to understand and realize it. Infographics come to the rescue - i.e. a way of presenting numerical or statistical information in a graphical form.
Let's say we want to talk about the fact that only 20% of people with a valid driver's license own a car. Of course, you can write about it in text or make a pie chart, as in this example:

Or you can present the information more clearly. 20% is 1/5th, that is, 2 people out of 10 or 4 people out of 20. Let's take advantage of this and make a slide in which everything will be obvious:

By adding figures of people and cars, we turned the statistics into an interesting image that not only attracts attention, but also helps to present to the viewer how much it is - twenty percent. While the usual diagram does not have such properties, and generally resembles "pac-man" 🙂

2. Big numbers

Another way to effectively present digital information- make the numbers huge. Literally! Let's compare two slides:

The location of the information on the first slide allows us to insert a photo of a cute dog, but on the other hand, this dog takes attention away from the content. The second slide makes you think about the numbers. Here we must build on the task of the narrator: if the goal is to evoke an emotional reaction, then we use the first slide, if we focus on facts, the second.

3. Dark background

Typically, presentations use a light, calm background. Most often this is justified, but do not be afraid of a dark background. It can be stylish and beautiful! For watch presentations, jewelry, "luxury" brands, tech and more, a dark background will work just fine. It is not necessary to use black, there are a whole lot of beautiful dark shades.

4. Weighing

When we need to compare two products, evaluate the pros and cons, show the pros and cons, we make lists. And sometimes such reasoning needs to be displayed right on the slides. The question arises: how to make these studies visual for the viewer and at the same time push him to make the “right” decision? In this case, you can use a little trick and depict scales on the slide. You can use stylized scales, Themis scales, market scales - everything that allows the imagination and style of a particular presentation. In PowerPoint, it's nice to use the Balance SmartArt object.
Do you need an iPhone? Let's take a look at the slides:

Both slides have the same arguments, but in the first case we don't get the impression that we should buy an iPhone. But the second example with weights clearly inclines us to buy =)

5. Cards

We show any geographical data on maps! If we work with clients from other countries, cities, regions, we boldly place a map on the slide and mark these locations with color. Within one city, you can draw a metro map with the designation of stations where our points of sale are located. Even the most beautiful bulleted list will not give the effect that a regular map does. And, of course, if we make a map showing how to get to our office schematically, customers will be very grateful.

For example, consider two slides:

On the first slide, there is simply a list of airfields, on the second - the same airfields, but with reference to the map. Obviously, in terms of perception, the second slide is much more convenient.

6. Drawing

When was the last time you held a pencil in your hands? What for? you rightly ask. After all, everything is much more convenient and faster on a computer. However, using hand-drawn objects in a presentation can have an unexpected and very powerful effect! Such a move will be useful for designers, wedding and holiday decorators, furniture manufacturers, and many others.
Suppose we have a furniture store and we want to sell a sofa. How to show the client that our sofa is exactly what he was looking for? Of course, it is necessary to list all its advantages and specifications but buying is an emotional act. First of all, we need to make a person want to have this sofa at home. Many companies already use the method when the client can upload a photo of his interior and insert products from the store there, choosing the right ones. Unfortunately, this will not work in the presentation. But sometimes abstract interior items drawn with a regular white marker will advertise the store better than any photos:

In the above example, we filled the interior of a potential client with simple items that everyone has and, of course, placed our sofa in the center of the composition. “Flat” details complete the picture of the interior, give it a feeling of comfort, but at the same time do not distract attention from the main thing. The advantage of abstract images is that they leave a lot of room for fantasy and imagination. After all, each person represents his own interior.

Of course, it is not necessary to literally draw with a marker on a printed picture (although this is quite acceptable, it is just not convenient for everyone). Any graphics editor allows you to achieve a similar effect.

7. Flowcharts

When it becomes necessary to describe a process in a presentation, lists are often used. In rare cases, pictures are added to them. But a list of 5 or more items is already perceived by the viewer badly. What if there are more? Take the time to create a beautiful and visual flowchart that explains in detail the essence of the process. It will significantly save customers time and reduce the number of questions.
Thus, it is possible to schematically depict the work of a workshop or department, the principle of operation of a device, the process of interaction between departments, or, as in our case, the process of ordering a presentation at the Mikhail Tsarev Studio:

Be creative, look for new ideas and don't be afraid to surprise!
P.S. All data and statistics used in the examples are fictitious, and any coincidences are random 😉

Preparing interactive maps is now very popular. There are great opportunities to use ready-made interactive maps online from the Internet, but in the lesson we can be let down by speed. In addition, we can prepare our interactive maps based on those learning objectives that we set before us. The proposed demo version of the map can be easily used for interactive whiteboard with proper setup. So, let's start creating an interactive map. Step one. Insert the main card. In this case, a map of Russia. Astvatsaturov G.O., Armavir more


Attention! For interactive map it is more expedient to set up not an object, but a whole slide. Step two. In the change of slides we find the "rectangle out" mode. With it, the effect of changing cards is the most rational. In the "change slides" we also remove the checkmarks from the "on click" and "automatic" modes. Step three. Now we need to create hyperlinks. They will be selected objects - a particular region, even a locality. In our particular case, we select Krasnodar region and Karelia. We select them with a polyline. We get objects that will later become hyperlinks. Note! A solid fill is required so that the hyperlink appears not only along the path, but throughout the entire object. Set the format of the resulting image to 100% transparency. Further


Step four. On separate slides we place the maps of regions we need. Let me remind you that the change of all slides in the "rectangle out" mode. Step five. We make each of the selected objects hyperlinks to the corresponding maps. The recommended action of a hyperlink is "on hover". In this mode, the operation of the interactive map is most effective. If necessary, we can continue to deepen the content, that is, move from the map of the region to the map of the city ( locality). From here - to individual objects. Step six. Do not forget to place “back buttons” on all maps both on the main map and on the map, for example, of the region. So what do we get? Further









Purpose of work: To learn how to create a multi-level interactive map using PowerPoint.

Exercise:

1. Master the basic functions of PowerPoint.

2. Learn how to insert the components needed to create an interactive map in PowerPoint.

4. Be able to create "return buttons".

Work order:

1. Open the PowerPoint program in the Microsoft Office folder by clicking: Start - Programs - Microsoft office - PowerPoint . The main program window will open. 2. Click: File - New - New Presentation . 3. In the windowLayout Contents chooseBlank slide. 4. Insert the main map of the project into the program, for which do:Insert - Picture - From File and specifying the address of the map, download it (Fig. 1). 5. In the main menu, perform the following algorithm: slide show slide change . In the window that opens, find the mode P rectangle outside . With it, the effect of changing cards is the most rational. Then uncheck the modes On Click And Automatically . Mark Apply to all slides.

Fig.1 Main window of the program PowerPoint.

6. To ensure the interactivity of the map, you should select the objects that will be linked by hyperlinks to the attached slides. The execution algorithm is as follows: Insert - Picture - Auto Shapes. In the windowAutoShapes choose:Basic Shapes - Polyline . With the help of the cross-shaped cursor that appears, we outline the boundaries of the object on the map. Be sure to close the line to get the whole object. 7. To remove the fill and make the selected area invisible, place the cursor on the object and right-click. In the window that opens, select AutoShape format. In the window that opens (Fig. 2), set Fill transparency 100%. Then do: Line Color - Other Colors (fig.3) – Line transparency 100% - Approx.

Rice. 2. Program window. Rice. 3. Program window Colors . AutoShape Format

8. Click: Insert - Create Slide . 9. In the windowLayout Contents chooseEmpty slide . 10. Insert a drawing (map, photo, table, graph, etc.) into the opened slide, which will be a hyperlink. For this inrun the following algorithm: Insert - Picture - From File and enter the file address. 11. Return to the main map, for which click the left mouse button in the windowStructure on the first slide. 12. C using a hyperlink, you should link the selected objects of the main map with the attached slides. To do this, place the mouse cursor on one of the selected objects and right-click. In the window that opens, select Hyperlink . 13. In the window that appears Adding a hyperlink (fig.4) choose Link to a location in the document . Select a location in the document slide 2 (or other associated with this object) . Similarly, hyperlinks are created with other objects. In attached slides, you can also highlight objects and set hyperlinks to other slides, etc.

Fig.4. Program window Adding a hyperlink.

14. For the normal functioning of the interactive map, back buttons should be placed on the attached slides, providing a transition to the main map. The algorithm is as follows: in the window Structure click the left mouse button on the image of the second slide, and then successively click Slide Show - Action Buttons - Action Button: Back .Use the cursor to select a place on the slide for the back button. A window will appear Setting up an action (Fig.5). Install in the window By mouse click the following settings: Follow the hyperlink The first slide is OK. 15. To test the functioning of the interactive map, press: Slideshow - Start showing. We carry out a check.

Rice. 5. Program window Setting up an action

Astvatsaturov G.O., Armavir The preparation of interactive maps is now very popular. There are great opportunities to use ready-made interactive maps online from the Internet, but in the lesson we can be let down by speed. In addition, we can prepare our interactive maps based on the learning objectives that we set for ourselves. The proposed demo version of the map can easily be used for an interactive whiteboard with proper settings. So, let's start creating an interactive map. Step one. Insert the main card. In this case, a map of Russia. more Attention! For an interactive map, it is more expedient to set up not an object, but a whole slide. Step two. In the change of slides we find the "rectangle out" mode. With it, the effect of changing cards is the most rational. In the "change slides" we also remove the checkmarks from the "on click" and "automatic" modes. Step three. Now we need to create hyperlinks. They will be selected objects - a particular region, even a locality. In our particular case, we will single out the Krasnodar Territory and Karelia. We select them with a polyline. We get objects that will later become hyperlinks. Note! A solid fill is required so that the hyperlink appears not only along the path, but throughout the entire object. Set the format of the resulting image to 100% transparency. Step four. On separate slides we place the maps of regions we need. Let me remind you that the change of all slides in the "rectangle out" mode. Step five. We make each of the selected objects hyperlinks to the corresponding maps. The recommended action of a hyperlink is "on hover". In this mode, the operation of the interactive map is most effective. If necessary, we can continue to deepen the content, that is, move from the map of the region to the map of the city (settlement). From here - to individual objects. Step six. Do not forget to place “back buttons” on all maps both on the main map and on the map, further, for example, the region. So what do we get? We point to the necessary objects. In this case, to Karelia or the Krasnodar Territory. Remember to set the arrow mode to "visible" so that the transition to other slides is carried out quickly. A hyperlink to a locality is made by a transparent Pavlovskaya rectangle. In fact, it is not visible. In our case, this is Krasnodar. Point to the name of the city... Map of the Russian Federation A hyperlink to a settlement is made by a transparent rectangle. In fact, it is not visible. In our case, this is Petrozavodsk. Pointing at the name of the city... Map of the Russian Federation So, we have two "return buttons" of different levels: one - the Russian Federation, the other on the region Map of the Russian Federation Map of Karelia View of Krasnodar from space So, we have two "return buttons" of different levels: one - the Russian Federation, another for the region Map of the Russian Federation Map of the Krasnodar Territory Materials of the following sites were used in the development: http://www.south.ru/yug.htm http://vip.karelia.ru/viewtopic.php?t=37372&posto rder=asc&start=650& http://mapsshop.ru/product_117.html