Digital Design Journal by Jawad Rahman

     Lab 16 implemented skills from our previous lab to make a web page with a game embedded in it. We were to make a game called "Color Sleuth", a 2 player game in which the players are presented with 4 colored tiles. While the tiles are of the same base color one is slightly different. The player gains a point if they choose the different colored tile and losses 3 points if they choose the wrong one. The 2 players take turn until one gets 10 points and wins the game. This game, like other games created so far, was created in App Lab as part of a guided lesson. In short, we set variables meant to store data such as points. We created one main, checkCorrect() , function which itself is comprised of 3 function (and many if statements that call the sub functions under certain conditions). The sub functions were:  switchPlayer() ,   updateScore() ,   setBoard() . They switched the player in control, updated the score, and (re)set the board every time...

     Lab 15 was mainly about embedding web pages in a single web page but dealt with creating a digital scene and clicker game to a much smaller extent. We were supposed to create a web page in which we would embed our clicker game and digital scene but before we could do that we needed to make sure those two things were done, which they were a while before this lab. Creating a digital scene was pretty self explanatory, the objective was to create a digital drawing using code.org's App Lab. The process, which was collaborative, required the use of abstractions, such as functions and for loops, to efficiently make a nice looking drawing. Creating a clicker game involved a more complex process that built on the skills of the digital scene. The objective was to create a game in App Lab in which the player clicks on a certain object a specific number of times to win the game. If the player were to click anything besides the object the amount of lives they had would decrease, ...

      Lab 17 had us expand our skills on making sites interactive. So far we learned to make buttons and interactive iframes but in this lab we learned how to make interactive forms. A form, in our case, was a web page with multiple input boxes. Our goal was to design a web page where the user could input information, click a button to submit their form, and receive a notification confirming their submission. First we needed to create the actual text input boxes themselves. Using the <form></form> tags we set up an area where the user could input information, however, no input boxes had been created yet. To do so we used <input></input> tags. Theses tags have 2 attributes that concerned us in the lab, the type and name . Since the input tags could be used to create various forms of input, such as buttons and text areas, we needed to make sure the type was set to text .  This made the form of input text boxes.  The name attribute didn...

I'm to the far right, in the bow tie      Recently I have participated in a CTE Expo, the second time I have done so throughout my years in Web Design so far.  A CTE Expo is a gathering of students in a CTE academy who have decent experience in their line of study and students who may be interested in joining a CTE academy. The purpose of the expo is to inform students who may be interested in joining an academy so they can decide which academy they want to join. Students already in a CTE academy are not trying to convince students to join their academy but are trying to provide interested students with knowledge they can use to make up their minds. Last year to prepare for the expo I prepared a cardboard presentation of business cards to show off how the first year of the academy is about visual design. This year was different, not a cardboard presentation but a digital presentation of the work we did this year (junior year). I made sure that my website was func...

The video game project for AP CSP was a test of our programming skills and coding skills we gained so far. The objective of this project was simply to create a video game, no restrictions being put on what the game should be. I went through many ideas of what my game should be but I eventually settled on an endless runner game where the player dodges an onslaught of asteroids in space. Being our first game, we were told to make it simple and not to make the project too ambitious. We were, after all, new to programming and a too ambitious project would've made us give up. Our video game would be created with JS but in code.org's App Lab. App Lab offered great tools for designing our UI and had many predefined functions that allowed us to start focusing on the functionality of our game right away. With that being said, I started development not in the computer but on paper first. I drafted the wireframe of my game; wireframes include the basic navigation, UI, art style (if...