Project Team: Jaime and Haider
We both initially started off with the idea of creating a storyline comic project rather than an informative one like our other classmates but every storyline we could think of seemed to be rather boring. We started to think of things we had in common but we ended up choosing the idea of comparing both our different cultural backgrounds. We wanted to make this comic project a bit personal so we resorted to the idea of choosing to compare both our respective countries’ cultures and customs. At first, I was set on doing the project on the United States but I suggested that we would switch it to South Korea due to the fact that majority of people already are somewhat aware of American culture. I thought it would be interesting if we were to compare South Korea and Pakistan to make it more intriguing and new.
For our following meeting, we were able to meet up during the Chinese New Year break and we decided to brainstorm ideas for our new, official topic. We both first decided how many panels we would have as well as the topics we would use. We finally agreed upon doing our comic project being about the differences of our cultural backgrounds and how at NYU Shanghai we come together with the same goal of learning Web Development as well as the same future professional goal in New York, despite our cultural differences and majors . We proceeded to sketch a few rough visuals of our project as shown below.
Following the meeting, we agreed to complete sketches for all our panels(including Greeting, Clothing, Cuisine, Weddings, as well as our final panel at NYU Shanghai) by our next meeting.
The next step was to create our panels and Haider started working on the coding for the panels and I began to work on gathering all my assets for all the photoshop images we were to create. We thought about using bitmojis as our characters at first so I began creating cartoon images with the images below to best fit the bitmojis. I began utilizing Photoshop and using the same tools and methods I had before from our previous first Photoshop assignment. I was a bit nervous to begin editing the photos because we had way too many photos to edit in. However, I began to enjoy becoming familiar with it and I started to notice that I began to become more faster with the tools.
However, we quickly changed our plan to switch to realistic photos for our images to make it more personal as we include our family members as well. Below are half of the images I used to create my final images as the other half were done on the 5th floor lab and I could not save them for documentation. I would have to say that although there were only 4-5 images I have created on Photoshop, each photo took about 1-2 hours to edit due to the fact that I used maybe 5-7 images per final image and about 15 images for the cuisine one. That is one thing I realized after the completion of this project, is that although our project looked brief and simple, there was alot of work and long hours behind it all. One thing for sure though, is that I became so familiarized with Photoshop and I started to enjoy it by the time I started to create the final NYU Shanghai image with me, Haider, Leon, and Nimrah in it. I think I had the most fun with that final image.
After all the Photoshop images were complete, I worked on inserting our greetings images into the first panel html as well and creating another sixth panel(NYU Shanghai) and started coding for it. I then started to work on the styling and design of the website. It took me about two hours to play around with the css and choose what colors, main photo, fonts, and borders to use as I take the design part very seriously!! I then proceeded to change all the previous buttons Haider had created to turn them into colorful big buttons. I proceeded to watch youtube videos, use W3schools, as well as coders’ blogs to figure out a way to make our button more bigger and more animated. It took me several hours all night to figure out how to create these simple buttons because I wanted to include shadows, gradients, and etc. Finally, I had figured out how after many minor mistakes and made sure every panel would link to the next panel after it was clicked.
In conclusion, I genuinely do not believe I will be able to do any coding without guidance from Google and Youtube videos because I do not know how I would have managed to even complete this project without help from them as well as Jiwon and Haider. After the completion of this project, I realized how crucial and helpful it was for me to work in a pair group and split the work. One thing I definitely learned to enjoy was photoshopping the photos as well as the styling of the webpage. Overall, I really enjoyed this project particularly because of our project theme and me and Haider worked extremely well as a team. I also really appreciated the genuine critics from the two TAs after our presentation and believed that if we had used those changes into our project, it would’ve made a significant difference in the experience for the users.