Lab Treinta y Dos | Webcam Fun | Jorge Carty

Visual Representation of Lab 32
This lab was complex but interesting to make. Its concept is simple but making it sure is not. Basically, when you access the website, you will get a pop-up asking if you give permission to the site to use your camera. DON'T WORRY, I'm not going to spy on you, I don't know why I would do that but still needed to be said. If you give permissions, your camera will appear within the white canvas. As you can see, there's a button called "Take Photo" on the top left corner of the white canvas, that button is there to turn off your computer. No, but it's self-explanatory what that button's for. Once you click the button, little images will appear at the bottom, and by clicking them you will be able to download them to your computer.

This required HTML and JavaScript. We used the HTML to make the div which ends up being the white canvas and also the "Take Photo" button is also made in HTML. When it comes to JavaScript, JavaScript does the action of taking the photo and placing it at the bottom of the canvas to later on give you the chance to download it by clicking on them.

This skill is very important for a web designer because it can help create more thing out of this little idea. For example, I would combine this lab 16 to make an app that can take a picture and that you can later on edit within the same app for a faster production and comfort for the user.

JavaScript of Lab 32

Comments

Post a Comment

Popular posts from this blog

COMPARING THE DIFFERENT IMAGE FILE FORMATS by Jorge Carty Diaz

Image
1. Graphics Interchange Format (GIF) is a bitmap image that was created by US-based software writer Steve Willhite while working at the bulletin board service provider CompuServe on June 15, 1987 and now days is used by a lot of people for different purposes. 2. A raw file is the image as seen in the camera's sensor, this allows you to process the image to your liking. 3. Joint Photographic Experts Group (JPEG) have two sub formats called JPG/Exif usually used by photographic equipment and JPG/JFIF are often used in the WWW. 4. Portable Network Graphics (PNG) is a raster graphics file format that supports lossless data compression and it was created as an improvement, non-patented replacement for GIF.
Read more

My experience in the Metropolitan Museum of Art

Image
This experience was great! I loved everything i saw in the museum but of course, there are some stuff that could have been better. Let's start with the negatives so we can finish up with the positives. One negative aspect about the trip was the waiting time outside. It really was a pain to have to wait for around 30-40 minutes outside in the rain. It really didn't feel good but i believe the staff was doing everything as fast as they could to get every single student inside the museum. In the museum i got to talk to many representatives of different programs around New York and they gave us stuff like posts its, pens, little notebooks, pins, stickers, etc. These programs offered many activities, some of them paid and some others free, and these programs were really interesting because one of them offered game development classes, others musical classes and more. I was surprised by the variety of stuff you were able to sign up for, and all of them were really nice and friendly.
Read more

Lab Quince | JS Drum Kit & Clock | Jorge Carty

Image
In lab 15, I was required to create a website that allowed the user to play sounds from a drum kit using the keyboard, to be more exact, with keys like "A", "S", "D", "F", "G", "H", "J", "K", "L". Also, this lab has a clock that tells you the real-time and it's constantly updating. To develop this idea I had to design the clock and the drum kit in HTML and CSS, and add its functionality with JavaScript. For the drum kit, divs were made with specific data-keys and using audio tags that also react to data-keys which makes the sounds work, and the other makes the div get highlighted once you press a key in the drum kit. A function in JavaScript was also made in order to allow the user to spam the sounds, otherwise, the sound would play and the user would have to wait a couple of seconds to play it again. As for the Clock, it was made using divs and changing their form by modifying the radi
Read more