I thought it would be fun to actually make a presentation using our sentiment intensity analyzer algorithum. I decided on a couple of approaches. The first one I used Doodly Art, an excellent, easy to use and reasonable-priced program. The finished product appears below. Doodly Art makes it easy to export your finished product into an MP4 file, which you can embedded into a web page. If you want to see the code, right-click this page and view page source.
Day 4: HTML 5 Presention
In this part of the lesson, we will use HTML 5, cascading style sheets and javascript to create the same sales pitch.
Planing the Presentation
I used the flexible box model as an html template. There are a header and footer and then three equal columns called nav, article and aside.
We would like a scrolling banner in the header showing our products. We also need to put a main headline stating our company name.
We have three sections. I designed it so that nav section will contain three buttons: Greeting, Product Knowledge and Research.
The article section should contain buttons for :Survey, Results, and Accuracy of the Study.
The aside section will contain buttons for the sales pitch and the closing. In the closing section there should be a link to an online order for, so the entire sale can be completed.
By pressing a button, that part of the presentation should appear on the screen. We want to make buttons that toggle by showing that part of the presentation, and then pressing it again will clear that part of the presentation.
The footer should have the name of the sales representative.
We use the code below to see our presentation. We want to make it so we can put the presentation on a laptop computer and attach it to a video projector.
Before getting the code, we need to get the pictures needed for the presentaion.
Image
File Name
confusionMatrix.png
crystal.jpg
fabricSoftner.jpg
four.jpg
lift.jpg
liquidLaundry.jpg
powder.jpg
profitEmoji.jpg
sweetheart2.jpg
research.jpg
toughDay.jpg
Cascading Style Sheet
First make sure that you have Notepad++ installed on your computer.
Open Notepad++.
Click copy text button and paste the contents. Save it an call it "myPresentation.html"
Javascript Functions
Open Notepad++. and retrieve your myPresentation.html file.
Click copy text button and paste the contents just at the end of the file. Save your myPresentation.html file.
This code executes the scrolling banner of products and includes the functions for the buttons to toggle the different parts of the presentation.
The html code
Open Notepad++. and retrieve your myPresentation.html file.
Click copy text button and paste the contents just at the end of the file. Save your myPresentation.html file.
This code is the rest of the presentation. Run the code and test out the program.
Organization of the Presentation Parts
Header
We will use the header for the company name and special deal for the month.
The header also contains a scrolling banner with Purex product.
