One can represent numeric data (for instance, number 10) on the computer in several different ways, such as:
The binary system ("1010") - the system inherent to all computer hardware
The hexadecimal system ("a") - used by computer programmers
The decimal system ("10") - used by regular users
Text is represented on the computer using the so called character encoding tables, such as ASCII, Windows, Unicode, etc). Each character has its numeric value assigned to it - e.g. letter "a" would be represented by "01100001" in the binary system, "97" using the decimal system, and "61" using the hexadecimal system.
Still images and motion pictures also need to be digitized before they can be processed by the computer. This is done through digital cameras and digital camcorders or by scanning print images using a scanner. To convert analogue video footage, one needs to employ a video card with an A/D converter (analogue->digital) used to convert, for instance, footage recorded on a tape (VHS or otherwise).
There are two main types of image file formats - bitmap and vector.
Bitmap images (a.k.a raster images) are saved as a map of pixels on the screen with the following information for each pixel:
its location on the screen (x and y coordinates)
its color
Its biggest disadvantage is that it cannot be scaled without the decrease in quality. For instance, when you zoom in on a bitmap picture, the size of the individual pixels increases and thus the image becomes pixelated (you start seeing the individual squares (bitmaps) of the image. See the example below which shows what happens to ea raster picture when you zoom in on it (source: Wikipedia):
Vector images are saved completely differently. Instead of having a map of all the pixels with their corresponding colors, vector images contain a series of instructions on what shapes to draw in what color, thickness, transparency, etc. This allows for seamless scaling.
Consider the example below (source: wikipedia):
In order to display images on the web, one must save them in one of the following file formats:
Can you tell which of the formats listed above are bitmap and which are vector?
Zoom in on the coat of arms of Trnava below (source: Wikipedia - mouse over the images for full credit) - the one on the left is a PNG file, the other one is an SVG . What do you notice?
In order to save disk space, image file formats for the web use compression to decrease the file size and thus speed up the displaying of webpages. There are two main types of compression:
Lossy - where the file size is decreased at the expense of the image quality
Lossless - where the file size is decreased while maintaining the original image quality
Here is an image which compares lossless vs. lossy compression, with the same source image file saved using lossy compression on the left (JPEG format) and using lossless compression on the right (PNG). (source: wikipedia):
Binary translator (Converting between various number systems)
Web developer tools (Conversion of all kinds)
Diacritics remover/adder (Slovak language)
Vectr.com - an online editor that lets you save your work as SVG, PNG, and JPG.
Vecteezy - another online editor that lets you save your work as SVG, PNG, and JPG.
Inkscape - a robust desktop application comparable to Corel Draw. Works with MacOS, Linux and Windows.
Paint.NET - Windows-only; easy to use
The GIMP - laden with features; may have a learning curve to start with; cross-platform (MacOS as well)
Pinta - cross-platform bitmap editor (MacOS as well)
Paint++ a $5 alternative to Microsoft Paint on MacOS
Send me an email (netiquette counts) where you will include the following:
Your favorite color (one of the named HTML colors) and its RGB notation together with its hexadecimal code. Send me also a picture of this color (use the snipping tool for taking a screenshot - Windows+SHIFT+S). You may want to use the HTML Color converter for this.
What color cartridges (cyan, magenta, yellow, black) would be used to print this color on a color printer? Which one would be used most?
Translate your name (First name and last name) to binary using the binary translator above and paste your name in the email. How many bytes will it take to save it? How many bits?
Which is your favorite ALT character? (insert the character itself as well as its keyboard shortcut e.g. "á = ALT+160"). When trying out the ALT characters, make sure you use the numeric keypad on the right-hand side of the keyboard.
Send me an email (netiquette counts) where you will include the following:
Attach a picture of your favorite artwork by a Slovak artist from www.webumenia.sk
Provide a link for an interesting magazine/book/pamphlet you came across in the Bratislava University Library Digitization project (click on the flag at the top right to switch the language to English). Alternatively, you can browse the World Digital Library instead. Include a screenshot of the publication you've chosen - you can take a snippet of the screen by pressing Windows+Shift+S.
Make sure all text you copied off the web (such as the artist's name) has all formatting removed (CTRL+SHIFT+V pastes text without its formatting, clicking the icon "Remove formatting" removes the formatting from a selection - see the picture below.)
Send me an email (netiquette counts) where you will include the following:
the coat of arms of the town/village you'd like to visit during the Week without walls trip as an SVG vector image (if not available, send me the flag of the country the place is located in).
a modification of the SVG file where you change some fill colors using the "Inspect" feature of the web browser — make a change, then take a screenshot with the following keyboard shortcut" Windows+Shift+S, which will trigger the "Snippet Tool" which allows you to select an area of the screen to take a screenshot of and then takes the screen shot and saves it in the clipboard. Then, paste it to your email (CTRL+V). Alternatively, you can use the PrtScrn button (make sure you're not zoomed in too much) and then paste it to Paint where you crop it using the crop tool. Then select all (CTRL+A), copy it (CTRL+C) and paste it into the email.
a photograph of the place you'd like to go to at the end of the school year during the Week without walls saved using an appropriate format featuring lossy compression - please, identify the the place as well as the file format of the photograph{e.g. JPEG, SVG, GIF.. etc.}.
a clip art picture of an activity you'd do at the place you'd like to go to for the Week without walls, featuring lossless compression and a transparent background - please, identify the file format.
an animated diagram describing some process (e.g. Physics, Biology, Chemistry, ...) saved in a format compatible with all web browsers - please, identify the file format.
a line drawing {can be a graphic, etching or litography, as well) of a specific place you'd like to visit during the Week without walls trip - please, identify the file format.
a historic map including the place you'd like to visit during the Week without walls. Send me a link to the map as well a snippet of the map showing the place you'd like to visit {see map portals in the bullet list below for this}.
Bratislava University Library Digitization project (click on the Slovak flag at the top right to switch the language to English)
Web umenia - a digital catalog of artworks by Slovak authors
Slovakiana - cultural heritage of Slovakia digitized
World Digital Library - a worldwide digitization project by the Library of Congress, containing thousands of historic manuscripts.
Arcanum Maps - historic maps digitized - mostly Central Europe
Old maps online - search engine for historic maps from around the world
Using the Google Image search or the Bing image search, search for three tech-related cartoons - ones that include keyboard shortcuts in them. Memes are permissible as well, but make sure the language is appropriate.
In order to refine the image search, click on the "Tools" button to see additional search options. Under "Type" look for clipart and/or line drawing. This will most likely get you what you are looking for. See the screenshot below.
Post the three cartoons in the following document. Make sure the cartoons aren't in the document already.
You will create three tessellations using vector graphics in MS Word:
Read on tessellations here - pay attention to the difference between regular, semi-regular and irregular tessellations.
Create three tessellations - one using only a regular shape (varying colors), one semi-regular (using multiple regular shapes) and one that is irregular.
You will use the predefined shapes in MS Word. If you wish to draw a regular shape, you must hold the SHIFT key while drawing the shape. Remember that for tessellations using only one kind of regular shape, it needs to be a shape whose measure of interior angles is a multiple of 30. To calculate the size of the interior angles of a regular polygon, use the following formula:
(number of sides-2)*180/ number of sides
Make sure you are holding the SHIFT key when selecting objects to group together.
Make sure you fit each tessellation on one sheet of A4.
Save the 3-page long document as a PDF file and email it to me.
↑ ↓ → ← move the selected shape in the given direction
CTRL+ ↑ ↓ → ← fine movement of the selected shape in the given direction
ALT+ ← → rotate the selected shape in the given direction (left -counterclockwise; right - clockwise)
SHIFT + ↑ ↓ grow/shrink the selected shape vertically
SHIFT + ← → grow/shrink the selected shape vertically
Take a picture of yourself and then try to remove the background, so that it ends up being transparent. For this, you will need to open your JPEG file for editing in a bitmap editor that supports the so-called Magic Wand or has a built-in background removal filter.
You can use, for instance, Paint.NET (Windows only) which is also installed on the school computers.
Open the JPEG file with your picture in Paint.NET
Deselect the image by pressing the Escape key (Esc).
Select the Magic Wand icon and then click anywhere on the background of the image.
When the Magic Wand selects also parts of your face, then try to decrease the Tolerance level and try clicking the background again.
When only the background is selected, then press the Delete key (not the Backspace key).
You may have to repeat this process multiple times - this depending on the complexity of the background.
Delete any leftover pixels with the eraser tool
Save the image as PNG with transparency preserved
Modify the size of the background and/or the picture of you, so that they match
Move the layer with the picture of you to the top (see the Layers window for this)
Save the image including you superimposed on a background as JPEG.
Send me both the PNG with a transparent background and the JPEG file with you superimposed on a chosen background.
Use the picture from Task 5 to investigate how symmetrical your face is. In the real world, no one's face is perfectly symmetrical. We will prove this using a bitmap editor.
Open the picture of your face looking straight ahead in a bitmap editor such as Microsoft Paint or Paint.Net. Alternatively, you can use Microsoft Word that also features some bitmap image-editing functions.
Select exactly one half of your face with the vertical line of symmetry running through your nose.
Make two copies of this selection and move them beside the original picture. Flip the second selection horizontally and align it with the first selection to form a "new version" of your face. In MS Word, you will have to use the Crop tool instead of the Select tool.
Repeat this step now with the other half of your face. You will end up with three versions of your face - the original, the left side mirrored, and the right side mirrored.
Email me all three pictures either as together in one image file or a Word document or as three separate image files.
Sometime it happens that you no longer have the original vector image that you exported to a bitmap and you need to make changes to it. There is a way to vectorize a bitmap image - sophisticated algorithms scan the pixels and look for patterns and for geometric shapes and letters, so that they can try to recreate the original vector image.
Most vectorizing programs/online services are paid-for, but there are a handful that yield satisfying results and let you convert a logo, diagram, map, etc. saved as a bitmap to a vector graphics file format, such as SVG, so that it can be scaled or further edited.
Find a bitmap coat of arms of your town or district
Upload it to one of the free vectorizing services - you may want to try all of them and see which brings the best result for the picture you chose to use.
Email me both the original bitmap image as well as its vector rendition (for instance SVG).