Bookflix and Chill

Earlier this week I stumbled upon a video which was doing the rounds on EduTwitter. A school library, inspired by a number of other schools with Netflix displays, had created a visual for their school library. “Bookflix” had been born.

 

Inspired, I set out to use what I knew about PowerPoint and simple animation to create my own version. It was a little bit popular.

A number of EduTwitter users asked me to explain how I created my version, especially as you can select the books to find additional information. It was rather complicated, but I have broken it down into steps. 70 steps. Be thankful – it’s 129 less than in Whitby.

If you have any questions, I am always available @LukeJamesTeach – however, if you follow the steps and don’t cut corners, you should have a working resource with none of the trial and error I “enjoyed” during my half term.

There is a template at the bottom of this page, should you wish to use it.

1) Create a blank PowerPoint slide, save this file as ‘Bookflix’. Ensure that the file is saved on your school server, otherwise you will only be able to access the file on one PC.

Remember, if you create ‘Bookflix’ at home, you will need to change any hyperlinks in order to make the PowerPoint work at school.

Now, go to ‘Transitions’ and make sure that ‘On Mouse Click’ is not selected.

Go to ‘Slide show’, select ‘set up slide show’ and select ‘Loop continuously until ‘Esc’’.

Finally, select ‘Rehearse Timings’, wait until the timer reads 0:00:46 and press ‘Esc’, then select ‘Yes’.
01
This will serve as your homepage for your Bookflix file.

2) Go to “Design”, “Format background”, “Colour” and set the colour to black.
02

Use ‘f5’ if you are unsure that you have completed this step correctly. You should now have an entirely black screen to serve as a background.

3) Using https://fontmeme.com/netflix-font/ , create a logo with the text ‘bookflix’.
03

Copy and paste [Right click on the logo, copy, return to the PowerPoint, right click, paste] the logo onto the black PowerPoint slide, positioning it in the top left corner.
04

4) Insert a text box [Insert, text box, drag the text box around the location you want your text to appear] next to the ‘bookflix’ logo.

Change to text colour to red, font to Calibri (Body) and font size to 20.
05

Type “Browse” and check the positioning of your writing.
06

5) Using the shape tool [Insert, shape, triangle], create a small triangle next to your browse text. If the shape is too small to be moved accurately, zoom in using the zoom tool at the bottom right of the page.
Set the colour of the shape to red [Shape fill, red].
07

6) Using the text box tool [Insert, text box], create a text box in the top right of the page.
Set the text colour to white, the font to Calibri (body) and font size to 20.
Type “Search”.
08.png

7) Visit https://goo.gl/images/CkszFP , Copy and paste the image [Right click, copy, return to the PowerPoint, right click, paste] and position/resize the image next to ‘search’.
09

8) Create a text box, set the font colour to white, the font type to Calibri (Body), font size to 18 and select ‘bold’ [B].
Write “Trending Now” and position below ‘Bookflix’.
10

9) Repeat this step for “Top Picks For You” and “New Releases”.
11.png

10) Visit google, then copy and paste a book cover of your choice. (Be sure that your google search is set to “labelled for reuse” to avoid pesky lawsuits.)
12

11) Click on the book cover, then select ‘Animations’.
Click ‘Add animation’, then scroll down and select ‘Lines’.
A quick animation will play, showing the book moving downwards.
13

12) Change the ‘start’ (Right hand corner) to “with previous” and the ‘Delay’ time to five seconds.
14

13) Now, move the red circle from below the book, to the left of the book. This changes the path that the book cover will travel on. We want the book to scroll off the page, so move it just off the black rectangle.
15

14) Copy and paste a second book cover, placed next to the first.
16

15) Select the book and select “Animations”, “Add Animation”, then scroll down to and select “Lines”.
17

16) Change the “start” (top right) to “with previous”.
18

17) Change the movement path so that the book will move to where the first book was located.
19

18) Now would be a good time to check that your file is working correctly.
Press “f5” and watch. After five seconds, both front covers should move to the left, one off screen and the other to replace its position. If you waited for 46 seconds, the file should restart without needing any input from yourself.

19) Repeat steps 14-18 for the remaining books on this row, including one book which begins off screen.
20

20) Paste a new book cover underneath “Top Picks For You”.
21

21) Select “Animations”, “Add Animation”, scroll down and select “Lines”.
22

22) Set ‘start’ (Top right corner) to “After previous” and ‘delay’ to 5 seconds.
23

23) Change the movement path so that the book will move off the screen.
24

24) Paste a second book cover next to the previous.
25

25) Select “Animations”, “Add animation”, then scroll and select “lines”.
26

26) Set ‘start’ to “with previous”.
27

27) Change the movement path so that the book will move to where the first book was located.
28

28) Repeat steps 24 – 27, including one book which begins off screen.
29

29) Now would be a good time to check your file is working.
Press “f5”. After five seconds, your first row should all move once to the left. Five seconds after this, the second row should all move to the left.

30) Paste a new book cover underneath “New releases”.
30

31) Select “Animations”, “Add Animation”, scroll down and select “Lines”.
31

32) Set ‘start’ (Top right corner) to “After previous” and ‘delay’ to 5 seconds.
32

33) Change the movement path so that the book will move off the screen.
33

34) Paste a second book cover next to the previous.
34

35) Select “Animations”, “Add Animation”, scroll down and select “Lines”.
35

36) Set ‘Start’ to “With previous”.
36

37) Change the movement path so that the book will move to where the previous book cover was.
37

38) Repeat steps 34 – 37, including one book which begins off screen.
38

39) Now would be a good time to check your file works.
Press “f5”. After five seconds, your first row should all move one to the left, the second row should be five seconds after and the third row five seconds after that.

NOTE: At this point, it becomes difficult to show steps using screenshots. If you have followed the previous steps, you should have plenty of practice with all of the steps I will be explaining moving forwards.

40) Now select the first book in the first row. Select “Animations”, “Add animations”, Scroll and select “Lines”.

41) Set ‘start’ to “After previous” and ‘delay’ to 5 seconds.

42) Change the movement path to start (green) where the book cover had moved to and end (red) in its original starting position.

43) Select the second book in the first row. Select “Animations”, “Add animations”, scroll and select “Lines”.

44) Set ‘start’ to “with previous”.

45) Change the movement path to start (green) where the book cover had moved to and end (red) in its original starting position.

46) Repeat steps 43 – 45 for the remaining books on the first row.

47) Check the file.
Press “f5”. The three rows should all move to the left, five seconds apart, then the first row should return to its original position.

48) Select the first book in the second row. Select “Animations”, “Add animations”, Scroll and select “Lines”.

49) Set ‘start’ to “After previous” and ‘delay’ to 5 seconds.

50) Change the movement path to start (green) where the book cover had moved to and end (red) in its original starting position.

51) Select the second book in the second row. Select “Animations”, “Add animations”, scroll and select “Lines”.

52) Set ‘start’ to “with previous”.

53) Change the movement path to start (green) where the book cover had moved to and end (red) in its original starting position.

54) Repeat steps 43 – 45 for the remaining books on the second row.

55) Check the file.
Press “f5”. The three rows should all move to the left, five seconds apart, then the first row should return to its original position. After a further five seconds, the second row should return to its starting position.

56) Select the first book in the third row. Select “Animations”, “Add animations”, Scroll and select “Lines”.

57) Set ‘start’ to “After previous” and ‘delay’ to 5 seconds.

58) Change the movement path to start (green) where the book cover had moved to and end (red) in its original starting position.

59) Select the second book in the third row. Select “Animations”, “Add animations”, scroll and select “Lines”.

60) Set ‘start’ to “with previous”.

61) Change the movement path to start (green) where the book cover had moved to and end (red) in its original starting position.

62) Repeat steps 43 – 45 for the remaining books on the third row.

63) Check the file.
Press “f5”. The three rows should all move to the left, five seconds apart, then the three rows should return to their starting positions, five seconds apart. This process should then repeat automatically.

You now have a working front page. You may wish to leave your file like this – I’ve chosen to take it a step further and add functionality. I would suggest completing this step on a work computer, as the hyperlinks need to be organised at school.

64) Create a file on a shared server called “Bookflix”.

65) Create a new PowerPoint file, editing it to look similar to the following:
39

66) Save this file, with an appropriate name, in your new “Bookflix” folder.

67) Return to your original PowerPoint file.

68) Right click the appropriate book cover, then click “link”. Select the powerpoint file you have just created.

69) Check your file. Press “f5”. When you click on the book cover, you should be taken to your new information page. When you press “Esc”, you should be returned to the homepage.

70) Repeat steps 64 – 69, creating a new PowerPoint for each new book cover.

You should now have a working, functional Bookflix page for your children to enjoy. Use it permanently in your school library, use it to help children select new books to read, or use it as part of a reading display – remember, the file can only be opened on one computer at a time!

You could also use the pre-made template below (you must set the hyperlinks for each book – steps 68 – 70), but where would the fun be in that?

Bookflix

8 Replies to “Bookflix and Chill”

  1. Thank you very much ! I’m teacher in a school library, in France. I was looking at a way to achieve the “booklix” look for a big poster (I have no screen to show a presentation). So i used your awesome file and did some modifications : I translated into french, added a slide with 3 more categories and another with a big cathcing title and some funny messages about the fact it was free 😉 You can see the resultas here : https://drive.google.com/drive/folders/1d7pabKnXEZqNjPgTUo5vqacEJTwD9Uv-?usp=sharing thank you again ! I shared it with many colleagues in France, so don”t be surprised if you have many visits from my country 😉

    Like

  2. Thank you so much for sharing this. I have made a Bookflix PowerPoint for our library screen and for one of of our display boards.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s