Lab 8 Reflection

     In Lab 8 we created a flash talk page, which was essentially a webpage with a playable video. The first thing we did was pick a topic to research from a list of topics. These topics dealt with things such as hacking, net neutrality, and Internet censorship. I chose to research TCP/IP and DNS hacking. After we chose a topic we had to research it. The research included the negative aspects and positive aspects of the subject as well as connections we can make to what we learned so far and the new things we learned from the research. The research was conducted online with Wikipedia being used as only one source and other sources being credible and noted down. After all the facts were written down we had to compile a script for the video. The scripts was to be 300 words so that the video could be 2 minutes long. To make the scripts I made 3-4 sections focusing on different aspects of my research. For example, the first part of my script was dedicated to explaining what the issue was and in the second I went more in depth about an aspect of the issue. 
     Once the script was written it came time to shooting the video. This was done through photo booth. To make sure the video could be inserted into our html file and be playable we needed to make sure the video was saved as an .mp4 file. Photo booth saved our video as a .mov so we put our .mov file in a software that converts video files and had it converted to a .mp4. After the files were settled it came time to inserting the actual video into the webpage. We did this using a new tag in HTML, the <video> tag. Within the tag we could change aspects such as height and control and most importantly tell the page where to look for the video file with the <source> tag. Finally, it was a mtter of saving, uploading, and playing the video in the browser.
     These skills are important for a web designer since these skills enable a web designer utilize video media in their sites. Some websites are enhanced with the inclusion of a video that does something such as explaining what the site is about or giving a video update about a company's latest products. Knowing how to insert videos allow you to put more than words on a website and still images on a website and enhance the user experience.

Comments

Post a Comment

Popular posts from this blog

Favicons

Image
     Favicons are small square graphics, ranging from 17 x 17 px to 28 x 28 px in preferred size, that give a graphical representation of the site the user is visiting. The favicon appear in the address bar on the left. The main reason websites use favicons is to improve their user's experience. Favicons, by giving a graphical representation of their site, make it easy for the user to recognize the site they're on while they might be switching tabs or scrolling through a list of bookmarks. A favicon adds to a website's uniqueness by making it stand out and different from other sites through use of graphics.      To create a favicon you need a favicon generator, a software where you can design your favicon. Sites may be owned by businesses that have logos to represent themselves but when it comes to favicons simply converting the image file for the logo into a .ico (file format that favicons use) may not be optimal. Favicons have a limited size, biggest size being 28 x 28 p
Read more

Favorite Teacher Project Reflection

Image
     The second project for DD this year was about creating a website in appreciation of your favorite teacher. This project was a lot like the our first project except it revolved around a teacher and not movies, otherwise, it required all the same skills we learned in the first project. Just like in the first project, the beginning steps were not in the computer, rather, they were on paper. After deciding which teacher to make the site about (Ms. Sakhno), I begun by creating wireframes both of the website itself and how the folders for the project would be organized. My website wireframe consisted of 4 pages all with relative links that took the user to all the other pages from any single page. There was a home page, which explained the purpose of the site and why the teacher I chose was my favorite, a biography page, which described the teacher's life up until now, a subject page, which discussed the subject the teacher taught, a trivia page, which displayed an infographic abo
Read more

Emoti-Con 2019 Reflection

Image
     Emoti-Con is  a conference held every year in NYC where teens across the 5 boroughs get to express themselves through technology and digital media. Teens get to showcase projects they've been working on and learn about how to improve their skills from each other and guest speakers. Teens can also learn about the path they need to take to seek a career in the industry. Projects also get entered into a competition that can win one of several digital badges. I'm on the left      I entered for Emoti-Con 2019 a month before the actual event along with the same team that I worked with for G4C and submitted Project Xeno. The actual event came on the 11th of May at NYPL and my team had prepared a poster board walking through our motives and development process just for the occasion. At the event, I got to travel around the venue looking at other people's projects. One that stood out to me was a prototype of a robot that dispenses cookies. It was completely made out of car
Read more