3D Printing Trip in QCC

     In December 7th of 2015, I went to a field trip to Queens Community College along with my digital design class where we learn about digital manufacturing. After the bus arrived to QCC in about 30 minutes from ITHS, we were settle in a classroom in the technology building with MD.Lawrence. He show us how to use Solid Works which is a software used for designing 3D objects. We got to try using ourselves too. By making something in 2D first, then stretch it into 3d, we created many different 3D objects on the software. We were told that 3d printing is changing many industries with its additive form of creating an object, because most of the tranditional way of manufacturing requires subtractive form that takes away parts from an created object, which may be faster, but will not be cost efficient. Something that is used to be made by multiple components can be made in one time with a 3D printer and additive manufacturing. 3D printing object are simply powders bonded by some type of glue or laser layer by layer. It was said that 3D printing is widely used in the Jewelry business where they use a support material that can be dissolved in water to create support for all different special shapes of build material.

      After our lesson about 3D printing, we were brought to another classroom and the nice staffs and faculty of QCC were very nice to provide us a nice lunch of pizza. At the same time, we were provided with a chance to talk about some of the important information to know and understand for our future careers with very intelligent and experienced people from this school. It was a nice time.

Hour of Code

      After the Hour of Code last year during my 2 year of high school, we had so much fun and have learned much from it. So this year, our class decided to participate in this event again. During these time, we even had people we are professional at the technology field to talk to us about all the  thing in the field and all about programming. They have thought us a lot and have helped us to understand many of the things relating to the process of being such successful people such as they are. In this year, we will be participating the HOC event from Codecademy. We learned about both html, css, and also java script that we were never been taught yet. We need to complete the "Animate Your Name"
tutorial that teaches java script, the "About You" tutorial that teaches you about simple html script, and the "Sun, Earth, and Code" about css scripts. After the tutorials are completed, we were ask to copy all of the codes from the tutorial and create a webpage consisting all those elements. 

      This was a very amazing experience learning from these tutorials, I have learned many thing I never knew, and it is only now that I have realized that there are so many sources online that can teach you about coding in a very precise way. After I have completed the tutorials, I created three file in Dreamweaver, a html, a css, and a java script file. I have copied all the codes into my files accordingly to its types. Then I began to changing thing, troubleshooting, and decorating the webpage. I have change the the the background into one of my creation and the image into myself and changed the color of the button. Then I made the sun and earth smaller and changed its place on the website. But since the code was very complex, it took very long to have it the way I wanted, and it's still not perfect. After it had been sure that everything worked after troubleshooting, we upload it as one of the labs we have did during this class.

http://techteach.us/DD2015/HJiahua/Labs/HOC/HOC_Jiahua.html

Lab 11 Linking Prototype Pages

      For so long I have thought that Firework and Photoshop were almost the same software but with a different name. But that was only until I did this lab, I have totally changed my mind. During this lab, I was taught that Fireworks are able to create a website all by itself using images and a hot-spot to link everything together. In this lab we will be using Fireworks to make a prototype of the web pages we will be creating for project two. It serves the purpose to ensure that we all understand all the necessary steps to create the Favorite Cartoon Character website. We are required to make 4 pages, one called the master page that contains element that will exist on all other pages, one called a home page that we must decorate, a biography page where we only need to show that its a "bio" page, and a process page the says "Pro". And link them together.

      To create the lab, I first create a new document in Firework and make 4 empty pages. As that same time I have finished working on the background, the character, and banner for project two. I put the the background that I designed in Photoshop into the master page as well as the banner that says "home" on it. And since I have not finished designing the buttons for project 2 yet, I just added three text boxes on the most bottom for the use as links for the home, biography and process page. I also add a text box that says "by Jiahua Huang" and is designed to be linked to the master page. On the home page, I add the finished work of my favorite cartoon character, the minion. On the biography and process page, I just added a text that identifies the page and just link everything together. 


 http://techteach.us/DD2015/HJiahua/Labs/Lab11/Home.html

Project 2 Favorite Cartoon Characters

This is project 2 of my digital design class. After project 1 that we have used html to create a website about our top 3 favorite movies, we change it up this time and create a website without any form coding at all. Instead, we will build a website all by using Photoshop and mostly Fireworks. In this new project, we create another website about our favorite cartoon characters with 3 pages. A home page that contains an image that we drew of our character, a biography page that talks about this character, and a process page where we show how the image on the home page of our character is created with each step and explanations.

For this project, I chose minion Bob which is created within Fireworks as the major element of my website. And with the theme colors blue, gray, and yellow from the minions, I have created a background of the midnight sky with clouds and the moon. This background is placed at the master page, the page that contains the layers that will be visible in all other pages so the pages will maintain a certain consistency. On the home page I have a banner inspired by the look of the minions that I’ve created by Photoshop, the major minion (Bob) placed at the middle and the other two smaller minions (Kevin) on each side that serve as buttons to the biography and the progress page all standing on top of the moon. On the biography page, I have a similar banner, but with a different title, I have Bob at the middle, two minion shadow buttons that links to the home and progress page, and a simple biography I wrote about Bob contained on a text box. In the process page, I created 2 rectangle with a small transparency. One contains four images from the beginning all the way to the final image of how I have created this images of this minion. And the other one contains text that explains how I have created it by words. And on the right bottom, it has the same two minion shadow buttons from the biography page.

 

Lab 10 Firework GIF

      This lab is another preparation to do project 2 following lab 9. In this lab we use firework and create a GIF with an image that we are designing for project two and make it flash in a web browser by change the states using Fireworks CS6. It serves a purpose to show us how we can use firework in a different way. So I chose a image design that I have designed as a banner for the home page for my project 2 website. This is a very simple and easy lab. As long as you know the steps, it is very easy to complete.

      To create this flashing effect for the use of the browser we first create this image with Photoshop or Fireworks. Import the file along with all the layers into a new document created in Fireworks. Create another state and copy all the layers into that state. So now since both states have the same layers, change and play around with all the layers in one of the states. Make changes that are easily visible so everyone can tell a difference between them such as the colors. You can also add a hot spot or any types of behaviors to it. Set it to loop if it isn't. Then set it up as a html file and the most important step is to export it as wizard. If it is just exported in a normal way, it will not work in the browser. Also make sure it is saved as a html and images with all slices and pages.

http://techteach.us/DD2015/HJiahua/Labs/Lab10/LB10_Jiahua_DD.html

Lab 9 Wireframe

      To begin our next project in this class we have to draw a wireframe about it. Project 2 is to create a website of our favorite cartoon characters with 3 pages. A home page, biography page, and a process page. But before we do anything in the computer, we have to draw out the design that we want to be using in the actual website that we will be creating. So on paper, I drew the same banner and navigation bar for all three pages. Then I have my main character, Minion Bob on the home page along with two buttons that links to the other two pages. On the biography page, I have another minion on the left, and next to it is text that talks about minions. On the process page, I will have the steps on the top, right below the banner and navigation, and text the explains it in the bottom.

      After the wireframe is confirmed by the teacher, we used the scanner to scan all these three pages into the computer. We need to create a webpage out of it. It is very easy. All we need to do is to create a table with one row and three divisions and place the images scanned inside in order. With the same headings as usual, we add a short text explaining it on the bottom to finish this lab.

http://techteach.us/DD2015/HJiahua/Labs/Lab9/LB9_Jiahua_DD.html