1. Week 1 : Project Management
  2. Week 2 : Computer-aided
  3. Week 3 : Computer Controlled Cutting
  4. Week 4 : Embedded Programming
  5. Week 5 :3D Scanning and Printing
  6. Week 6 : Electronic Design
  7. Week 7 : Computer Controlled Machining
  8. Week 8 : Electronics Production
  9. Week 9 : Input Devices
  10. Week 10 : Output Devices
  11. Week 11 : Networking and Communication
  12. Week 12 : Mechanical Design and Machine Design
  13. Week 13 : Midterm Review
  14. Week 14 : Molding and Casting
  15. Week 15 : Interface and Application Programming
  16. Week 16 : System Integeration
  17. Week 17 : Wildcard Week
  18. Week 18 : Applications and Implications, Project Development
  19. Week 19 : Invention, Intellectual property and Income
  20. Week 20 : FInal Project Requirements

Raster Vs Vector

When it comes to digital images, two main types are commonly used: raster and vector graphics. Understanding the difference between these two can help you choose the right format for your project. Raster graphics, made up of tiny pixels, are ideal for detailed and colorful images like photographs. On the other hand, vector graphics use mathematical paths, making them perfect for designs that need to be scaled without losing quality, like logos and illustrations. Both have their own strengths and weaknesses, and knowing when to use each can make a big difference in your design work.

raster

GeeksForGeeks webpage

Pixel

In Computer graphics, a pixel, dot, or picture element is a physical point in a picture. A pixel is simply the smallest addressable element of a picture represented on a screen. A majority of pictures that we see on our computer screen are raster images. The selfie that you click with your mobile phone is another example of a raster image. An image is made up using a collection of pixels referred to as a bitmap.

Bitmap

In computer graphics, a bitmap is a mapping from some domain (for example, a range of integers) to bits, that is, values which are zero or one. It is also called a bit array or bitmap index. The more general term pixmap refers to a map of pixels, where each one may store more than two colors, thus using more than one bit per pixel.

Often bitmap is used for this as well. In some contexts, the term bitmap implies one bit per pixel, while pixmap is used for images with multiple bits per pixel.

2D Design Development

Raster Vs Vector graphics

Software Used: Inkscape
Inkscape is a free and professional-grade vector graphics tool compatible with all major operating systems. It supports SVG and other industry-standard formats.



Using an Common image from the Website to show the difference between raster and vector graphics





After opening the new document, I took time to explore the Inkscape interface, which includes toolbars, menus, and the workspace. I got acquainted with the drawing tools, object manipulation options, and alignment features. By understanding the layout of the workspace, I was able to navigate and use Inkscape more effectively for vector design.





I accessed the Document Properties in Inkscape and adjusted the page size to A4 landscape orientation. This change provided a wider workspace, making it easier to arrange and work on my vector design elements.



Next I am going to import the document from the Folder which we initially stored



This is an sample of a Raster image



Next we are gonna use the Trace Bitmap toolbar from the Path menu



Then we apply the options on the Trace bit map and use the default settings on that option and give apply



Now the same image is converted to a Vector image



Raster vs Vector



Now we export that image as SVG format to get that output and attach it in the webpage below

Conversions

Vector to Raster

Printers and display devices are raster devices. As a result, we need to convert vector images to raster format before they can be used i.e displayed or printed. The required resolution plays a vital role in determining the size of the raster file generated. Here it is important to note that the size of the vector image to be converted always remains the same. It is convenient to convert a vector file to a range of bitmap/raster file formats but going down the opposite paths is harder. ( because at times we need to edit the image while converting from raster to vector)

Raster to Vector

Image tracing in computing can be referred to as vectorization and it’s simply the conversion of raster images to vector images. An interesting application of vectorization is to update images and recover work. Vectorization can be used to retrieve information that we have lost. Paint in Microsoft Windows produces a bitmap output file. It is easy to notice jagged lines in Paint. In this kind of conversion, the image size reduces drastically. As a result, an exact conversion is not possible in this scenario. Due to various approximations and editing that are done in the process of conversion the converted images are not of good quality.

3D design - fidget spinner

CAD Image 1
Parametric Modelling

This fidget spinner was designed using parametric modeling, where dimensions like diameter (22mm) and offset (5mm) were defined as adjustable parameters. This approach ensures precision, easy modifications, and scalability, allowing dynamic design updates without manual rework.

CAD Image 2
First version

Designed the outershell of the fidget spinner using the parametric modeling method.

CAD Image 3
Full Round Fillet

Designed the outershell of the fidget spinner using the parametric modeling method and applied full round fillet to the outer shell.

CAD Image 4
McMASTER-CARR

Imported the ballbearing 608 with McMASTER-CARR and assembled it with outershell

Download the Model

Image Resizing


About Xnconvert Installation

Xnconvert is a free software for converting and resizing images. To install Xnconvert, go to the download page and download the appropriate version for your operating system. Follow the installation instructions to install Xnconvert on your computer.



Importing and Resizing

Use Xnconvert to resize images

Import the images into Xnconvert and change the resolution to 800px in width

Description of Image Description of Image


Exporting

Export the resized images to the folder with image containers

For adding images, use the image container provided

Description of Image


Final output

Before the Compression

Description of Image

After the Compression

Description of Image


Video Compression

About HandBrake

HandBrake is a free and open-source tool for converting and compressing video files. To install HandBrake, visit the download page and download the appropriate version for your operating system. Follow the installation instructions to install HandBrake on your computer.

Before Installing the HandBrake, Make sure you have the .NET framework installed



Importing and Encoding

Use HandBrake to encode the video

Import the Videos into HandBrake and change the settings to according to your need





Final output

Before Encoding

Description of Image

After Encoding

Description of Image


Key Takeaways and Learnings

Download the files

You can download the encoded model by clicking on the following links.