aboutsummaryrefslogtreecommitdiff
path: root/_posts
diff options
context:
space:
mode:
authorAdrián Oliva <adrian.oliva@cimat.mx>2023-04-25 21:21:11 -0600
committerAdrián Oliva <adrian.oliva@cimat.mx>2023-04-25 21:21:11 -0600
commited5b1bb6739b0457a2cbc4296c5247c013dade4e (patch)
tree3930b3459ed65d9d2f181f6125b58d356b24b3e2 /_posts
parent044c3882279ffac3946ec62db9657401ee78f68b (diff)
downloadpersonal-web-ed5b1bb6739b0457a2cbc4296c5247c013dade4e.tar.gz
personal-web-ed5b1bb6739b0457a2cbc4296c5247c013dade4e.zip
Added authors option and 2 new blogs!
Each blog is for the Team Logs. Currently there's two of the 5 problems.
Diffstat (limited to '')
-rw-r--r--_posts/2023-04-17-punched-cards-team.md114
-rw-r--r--_posts/2023-04-18-3d-printing-team.md140
2 files changed, 254 insertions, 0 deletions
diff --git a/_posts/2023-04-17-punched-cards-team.md b/_posts/2023-04-17-punched-cards-team.md
new file mode 100644
index 0000000..d00a993
--- /dev/null
+++ b/_posts/2023-04-17-punched-cards-team.md
@@ -0,0 +1,114 @@
+---
+title: Punched Cards (Team)
+categories: [Technical Logs, Team]
+tags: []
+math: true
+date: 2023-04-24 11:02:03 -0600
+
+authors: [karen, jose]
+
+image:
+ path: https://codejam.googleapis.com/dashboard/get_file/AQj_6U262jpm6Qd7uxxBv1jstjtSrZPrnp58urkNJJQ5Ol7y1bJepKIazfTkMpkRzBodMQB8RiruyLu_TJY37T67YQ/punched_card.png
+ alt: ""
+---
+
+Try this problem by yourself first! Check the [Code Jam Page](https://codingcompetitions.withgoogle.com/codejam/round/0000000000876ff1/0000000000a4621b).
+
+## Overview
+
+The first problem of the team assignment was Punched Cards. The objective of the problem was, given a numerical value for rows and another for columns, to print an ascii representation of a punched card with the specified size. The algorithm essentially took the form "Print $X$ number of cells $Y$ number of times."
+
+<br>
+<div style="text-align: center;">O &nbsp; &nbsp; O &nbsp; &nbsp; O</div>
+<div style="text-align: center;">o o o</div>
+<div style="text-align: center;">...</div>
+<br>
+
+## Context
+
+A secret team of programmers is plotting to disrupt the programming language landscape and bring punched cards back by introducing a new language called Punched Card Python that lets people code in Python using punched cards! Like good disrupters, they are going to launch a viral campaign to promote their new language before even having the design for a prototype. For the campaign, they want to draw punched cards of different sizes in ASCII art.
+
+The ASCII art of a punched card they want to draw is similar to an $R \times C$ matrix without the top-left cell. That means, it has $(R \cdot C) - 1$ cells in total. Each cell is drawn in ASCII art as a period (`.`) surrounded by dashes (`-`) above and below, pipes (`|`) to the left and right, and plus signs (`+`) for each corner. Adjacent cells share the common characters in the border. Periods (`.`) are used to align the cells in the top row.
+
+For example, the following is a punched card with $R=3$ rows and $C=4$ columns:
+
+```
+..+-+-+-+
+..|.|.|.|
++-+-+-+-+
+|.|.|.|.|
++-+-+-+-+
+|.|.|.|.|
++-+-+-+-+
+```
+{: file="Punched Card. R=3, C=4."}
+
+<br>
+<div style="text-align: center;">O &nbsp; &nbsp; O &nbsp; &nbsp; O</div>
+<div style="text-align: center;">o o o</div>
+<div style="text-align: center;">...</div>
+<br>
+
+## Solution
+
+The final solution was to create two loops to start printing in the console a character, this character will depend in the next analysis.
+
+What should we print in every box?
+
+There are many characters in the output: `+`, `.`, `|` and `-`. We must see the matrix with numbers so we can see the pattern that is behind it. So, it would look something like this:
+
+| | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
+|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+| **0** | `.` | `.` | `+` | `-` | `+` | `-` | `+` | `-` | `+` |
+| **1** | `.` | `.` | `|` | `.` | `|` | `.` | `|` | `.` | `|` |
+| **2** | `+` | `-` | `+` | `-` | `+` | `-` | `+` | `-` | `+` |
+| **3** | `|` | `.` | `|` | `.` | `|` | `.` | `|` | `.` | `|` |
+| **4** | `+` | `-` | `+` | `-` | `+` | `-` | `+` | `-` | `+` |
+| **5** | `|` | `.` | `|` | `.` | `|` | `.` | `|` | `.` | `|` |
+| **6** | `+` | `-` | `+` | `-` | `+` | `-` | `+` | `-` | `+` |
+
+Once this is done, we can start creating a pattern from this, this would be the pattern:
+
+1. **Character `+`**. The column indexes in the last example where it appears are 0, 2, 4, 6 and 8, and the row indexes where it appears are 0, 2, 4, 6.
+1. **Character `-`**. The column indexes where it appears are 1, 3, 5 and 7, and the row indexes where it appears are 0, 2, 4 and 6.
+1. **Character `|`**. The column indexes where it appears are 0, 2, 4, 6 and 8, and the row indexes where it appears are 1, 3 and 5.
+1. **Character `.`**. The column indexes where it appears are 1, 3, 5 and 7, and the row indexes where it appears are 1, 3, and 5.
+1. **Special Case**. The only `.` that are not where they are supposed to be, are the ones that are in the superior left corner, but this is the only special case in this problem.
+
+In short, that means that we must ask if the column or row that we are analyzing is even or odd.
+
+1. If both (column and row) are even, we must print a `+`.
+1. If both (column and row) are odd, we must print a `.`.
+1. If the column is even and the row is odd, we must print a `|`.
+1. If the column is odd and the row is even, we must print a `-`.
+1. If the column is less than 2 and row is less than 2, we must print a `.`, only in this scenario.
+
+And with this analysis we can start coding the solution that prints the character only when needed and with a new line every time we finish the columns loop.
+
+<br>
+<div style="text-align: center;">O &nbsp; &nbsp; O &nbsp; &nbsp; O</div>
+<div style="text-align: center;">o o o</div>
+<div style="text-align: center;">...</div>
+<br>
+
+## Alternative Solutions
+
+### Box per cell
+
+Another solution was to create boxes which have the functionality of every cell in the cards, in this way we could print three cell columns and four times to create the complete card. the problem with this solution was that the borders were going to be repeated many times and we will require to delete the borders that are repeated, and we will require more process and more time to get with the solution, that's why I didn't implement this solution. The next table illustrates how it would look without fixing:
+
+
+| | 0 | 1 | 2 | 3 | 4 | 5 |
+|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
+| **0** | `+` | `-` | `+` | `+` | `-` | `+` |
+| **1** | `|` | `.` | `|` | `|` | `.` | `|` |
+| **2** | `+` | `-` | `+` | `+` | `-` | `+` |
+| **3** | `+` | `-` | `+` | `+` | `-` | `+` |
+| **4** | `|` | `.` | `|` | `|` | `.` | `|` |
+| **5** | `+` | `-` | `+` | `+` | `-` | `+` |
+
+In the last table we can see that columns two and three are repeated and do not require one of both, so that's the kind of problem that this solution gives and also that we would require a matrix to save this data.
+
+### Switch between elements
+
+In this idea it was necessary to be switching between elements, for example the symbol `+`, after that the symbol `-` and so on. The problem with this solution was that we needed many `if`.
diff --git a/_posts/2023-04-18-3d-printing-team.md b/_posts/2023-04-18-3d-printing-team.md
new file mode 100644
index 0000000..12e0fde
--- /dev/null
+++ b/_posts/2023-04-18-3d-printing-team.md
@@ -0,0 +1,140 @@
+---
+title: 3D Printing (Team)
+categories: [Technical Logs, Team]
+tags: []
+math: true
+date: 2023-04-24 13:46:27 -0600
+
+authors: [adriz, salma]
+
+image:
+ path: https://codejam.googleapis.com/dashboard/get_file/AQj_6U1yXmbP6Nf5PONAMbqVd5eyM5BBSbjggzDn9H6vS3ATQiqbGVrfZ0ABoAbBkn8IWocYoj1rdJim6VkTTOP4/3d_printing.png
+ alt: "3 printers with their own ink levels."
+---
+
+Try this problem by yourself first! Check the [Code Jam Page](https://codingcompetitions.withgoogle.com/codejam/round/0000000000876ff1/0000000000a4672b).
+
+## Overview
+
+In this technical log, we will discuss different algorithmic solutions to a Google Code Jam problem where we are given three printers with different amounts of ink in their cartridges. The objective is to find a color that can be printed by all three printers using the ink they have. The color must be composed of four non-negative integers representing the amount of cyan, magenta, yellow, and black ink needed, adding up to the number of units needed to print a D.
+
+<br>
+<div style="text-align: center;">O &nbsp; &nbsp; O &nbsp; &nbsp; O</div>
+<div style="text-align: center;">o o o</div>
+<div style="text-align: center;">...</div>
+<br>
+
+## Context
+
+We are given three printers with their own ink levels. Ink levels are measured in units. Each printer has four different colors: Cyan, Magenta, Yellow and Black. We want to select a color defined by the number of units of cyan, magenta, yellow and black needed to form the color. Every printer must have sufficient ink to print a big D that requires $10^6$ units of ink to be printed. Representing this problem in mathematical terms will help us find the solution.
+
+Suppose the printer $i$ has a cyan ink level of $C_i$, a magenta ink level of $M_i$, yellow ink level of $Y_i$ and black ink level of $K_i$. What we want to find is $c$, $m$, $y$ and $k$ integers such that
+
+$$
+\begin{eqnarray}
+& c \leq C_i \qquad
+ m \leq M_i \qquad
+ y \leq Y_i \qquad
+ k \leq K_i , \qquad
+ \forall i , \ 1 \leq i \leq 3 .
+\end{eqnarray}
+$$
+
+Notice that if $c \leq C_1$, $c \leq C_2$, $c \leq C_3$, then $c \leq \min \\{ C_1,\ C_2,\ C_3 \\}$. Thus, it is sufficient to find $c$, $m$, $y$ and $k$ integers such that
+
+$$
+\begin{eqnarray}
+& c \leq \min \{ C_1,\ C_2,\ C_3 \} , \qquad
+ m \leq \min \{ M_1,\ M_2,\ M_3 \} , \\
+& y \leq \min \{ Y_1,\ Y_2,\ Y_3 \} , \qquad
+ k \leq \min \{ K_1,\ K_2,\ K_3 \} .
+\end{eqnarray}
+$$
+
+On the other hand, we also need that
+
+$$
+\begin{eqnarray}
+& c + m + y + k = 10^6 .
+\end{eqnarray}
+$$
+
+Finally, we have an extra restraint. Every cartridge has between 0 and $10^6$ units of ink. This is everything we need to find a solution to our problem.
+
+<br>
+<div style="text-align: center;">O &nbsp; &nbsp; O &nbsp; &nbsp; O</div>
+<div style="text-align: center;">o o o</div>
+<div style="text-align: center;">...</div>
+<br>
+
+## Solution
+
+The main idea for the solution to this problem is to iterate through all test cases, obtaining the available ink in each level for each printer and evaluating it to find a color that can be printed by all printers. To do the latter, first we need to find the cartridges that have the least amount of ink and use that value as a base for the ink that will be used in the other two printers. Then we can add up the values of each color until the sum is exactly $10^6$, if it exceeds $10^6$ we should subtract the excess of ink, if it falls short then we should indicate that there is no color that can be used to print a D in the three printers. The final step of the process is to display the results.
+
+1. Initialize a variable for the test case counter.
+1. For each test case, do the following:
+ 1. Read the ink levels for each of the three printers.
+ 1. Find the minimum ink level for each color (CMYK) across the three printers.
+ 1. Calculate the total ink level by summing the minimum ink levels for each color.
+ 1. Check if the total ink level is $10^6$:
+ 1. If true, we have a valid result, and no further calculations are needed.
+ 1. If false, adjust the ink levels as needed to ensure their sum is equal to $10^6$:
+ 1. Calculate the difference between the total ink level and $10^6$.
+ 1. Iterate through the minimum ink levels array and do the following:
+ 1. If the difference is greater than the current color ink level, subtract the color ink level from the difference and set the color ink level to 0.
+ 1. If the difference is less than the current color ink level, subtract the difference from the color ink level and break the loop.
+ 1. If it falls short, print `IMPOSSIBLE`.
+ 1. Print the adjusted ink levels for each color (CMYK).
+
+The solution ensures that we obtain a color that can be printed by all three printers using their available ink levels, or otherwise indicate that it is impossible to print such a color.
+
+<br>
+<div style="text-align: center;">O &nbsp; &nbsp; O &nbsp; &nbsp; O</div>
+<div style="text-align: center;">o o o</div>
+<div style="text-align: center;">...</div>
+<br>
+
+## Alternative Solutions
+
+Even if the algorithm implemented for all languages is basically the same, every code we built has slight differences in their approach to input reading, output formatting, and iteration. In this section we will analyze each step of the algorithm, comparing and contrasting all the solutions.
+
+1. Initialize a variable for the test case counter.
+
+ Dart, Kotlin, Python 1, and Python 2 initialize the counter implicitly by using a loop with a range. TypeScript explicitly initializes a count variable.
+
+1. Read the ink levels for each of the three printers.
+
+ Dart, Kotlin, and Python 1 handle reading input in the main loop, whereas Python 2 and TypeScript use separate input handling. Python 2 uses a function (find_color) that takes the number of test cases and printer data as arguments, while TypeScript reads printer data as strings and then converts them into arrays of numbers.
+
+1. Find the minimum ink level for each color (CMYK) across the three printers.
+
+ Dart, Kotlin, and TypeScript use a similar approach, calculating minimum ink levels for each color directly using a conditional or Math.min() function.
+
+ Python 1 uses NumPy's amin() function to find the minimum ink level for each color, while Python 2 uses nested loops in the find_color() function to find the minimum ink levels.
+
+1. Calculate the total ink level by summing the minimum ink levels for each color.
+
+ Dart, Kotlin, and Python 2 sum the ink levels directly within the main loop, while Python 1 uses NumPy's sum() function. TypeScript uses the reduce() function to calculate the total ink level.
+
+1. Check if the total ink level is 10^6 and adjust the ink levels as needed.
+
+ All implementations follow a similar approach, using conditional statements to check the total ink level and adjusting ink levels as needed. Python 2, however, separates this logic into the find_color() function.
+
+1. Print the adjusted ink levels for each color (CMYK).
+
+ Dart, Kotlin, Python 1, and Python 2 handle output formatting within the main loop, using different ways to concatenate strings (e.g., string interpolation in Dart and Kotlin). TypeScript defines a separate loop for printing the output.
+
+### Pros and cons of each alternative
+
+
+| Language | Pros | Cons |
+|:-|:-|:-|
+| Dart | | Does not use any data structure<br>optimizations, such as lists or<br>tuples, which could potentially<br>simplify the implementation and<br>improve code readability. |
+| Kotlin | Reads input and prints output<br>within the main loop, simplifying<br>the code structure. | Does not separate the logic for<br>finding the ink levels into a<br>separate function, which could<br>make the code less modular and<br>harder to reuse or refactor. |
+| Python code 1 | Makes use of NumPy for array<br>operations, which can be efficient<br>for larger datasets. | Uses multiple for-loops to handle<br>printer input, which could make<br>the code less readable and harder<br>to maintain, especially when<br>dealing with a larger number of<br>printers. |
+| Python code 2 | Separates the logic for finding the<br>ink levels into a separate function,<br>making the code more modular<br>and reusable. | Does not use any specialized<br>libraries or built-in functions to<br>optimize the calculation of the<br>minimum ink levels, which may<br>lead to a less efficient or slower<br>solution. Nested loops in the<br>`find_color()` function make<br>the code slightly less readable. |
+| Typescript | | Uses hard-coded input values for<br>testing, making it less flexible for<br>testing with different input cases. |
+| Dart, Kotlin and<br>Typescript | Use of greedy algorithm for<br>adjusting ink levels, which leads<br>to more efficient code by<br>reducing the number of iterations. | |
+| Kotlin and Dart | | Less efficient loop for adjusting<br>the ink levels, as it could require<br>additional iterations. |
+| Python code<br>1 and 2 | Use of list comprehension in<br>reading inputs results in concise<br>code. | |
+{: width="10" height="1000" .w-75}