Wednesday 28 March 2012

Internship: Log/Activity on 28-03-2012

                     Today, I continued my task to design the website. There were a few parts that have been changed. The parts included Home, About Us, Services, Jobs, News and Gallery. We had changed the video in the home page, cut off and added on some of the contents in About Us, Services, News and Jobs as required by Christine. In the News page, we were requested to add on an event which will display the latest event with photos that we had in our company. It should be photo albums  showcase which visitors are allow to view all the photos. However, we not yet found any suitable extension. We have to continue the task  tomorrow.  

Tuesday 27 March 2012

Internship: Log/Activity on 27-03-2012

      My task for today was continued designing the menu of the website. My coursemate and I were planned to do a drop down menu for the website. We had installed a few modules of drop down menu. Even though we had successfully installed the extensions, the drop down menu overlay with the content area and caused the menu couldnt be click. We had tried to change the code. However, we still failed to solve the problem. At last, we just used the Ninja Simple Icon Menu as the website menu.

The icons were displayed using Ninja Simple Icon Menu extension

Monday 26 March 2012

Internship: Log/Activity on 26-03-2012

      Today, my coursemates and I continued redesigned the website. I had spent my time to arrange the videos in the gallery. I put all the videos in table and use an overlap to play the videos. I had faced some problems when arranging the videos. Some of the video's descriptions were too long. So, I had to make sure that all of them were fitted in the content area. I had found a show and hide content plugin to hide some of the description. It was a nice plugin but it was not functioning when there was a page break. I have not figure out what the problem is. I will try again tomorrow.

Hiding  part of the  description


Showing the hidden description

Sunday 25 March 2012

Internship: Log/Activity on 23-03-2012

                         Today, my coursemates and I had done the website design for the whole day. We had to change the website background image and parts of the pages which were not good enough such as the gallery part, I changed the galleryxml to the simpler form. Which meant I was not using the galleryxml anymore, just displayed all the videos in article and used hyperlink to link each page. The previous version and latest version  of website were shown in figures below.
Previous version

Latest version

  

Thursday 22 March 2012

Internship: Log/Activity on 22-03-2012

          I and my game team members were had a meeting this morning, discussed on how to  improve our game based on yesterday's comments and suggestions. After the meeting, my coursemates and I started to do the flow chart. Based on the flow chart that we had drawn, we had to come out with a storyline and design the game for each level. I had started to draw the main menu interface. After finished it, I will proceed with the interface for game level.

my story lines

Flow chart of the game
         


          Well, we received a bad news about the website design in the evening. Some parts of the designs have to be change. So, tomorrow task will  be change the website's design. :-(

Wednesday 21 March 2012

Internship: Log/Activity on 21-03-2012

              Today, my coursemates and I had spent the whole morning to prepare the presentation slides. I prepared the slides for play rules, while my coursemates were prepared for the story and game background. Our game development team had our first presentation on the idea of game in the afternoon. The meeting were attended by our managing director- Madam Evelyn Lee, Christine, one of the animator in our company and other internship students. They had gave us a lot of comments and suggestions on our game. Their comments and suggestions really help us a lot  to improve our game. So far, our idea had been accepted. The next step to do is to come out with the flow chart for the ease of designing the levels and environments. Hopefully, everything will work smoothly. smiley
Example of game level

Tuesday 20 March 2012

Internship: Log/Activity on 20-03-2012

                     Today, I had done not much on the website. Some of the contents still empty because need to wait other colleagues to design the contents. We just need to put them on the website after they finished them. 
                      I also had searched some information of developing mobile game. I had found a software called Game Editor but I still not familiar with its use. I think I should do more researches on game because this will be my first time developing a game. Our game development team had a meeting on game in the afternoon. We were discussed what should we put into the presentation slide bacause tomorrow we will need to present our idea to our boss, Mr  Low. 


I had downloaded this software but haven't explore on it. 

Monday 19 March 2012

Internship: Log/Activity on 19-03-2012

             Today, my coursemates and I continued to finalize the website. Christine had took a look at the design, she wanted us to change the menu icons to a plain type so that the menu look simpler and clearer. Therefore, I had spent my time to edit the icons using photoshop and change the icons in the website. The current menu was showed in the figure below.


                 For the game development, we had a meeting in the afternoon. We discussed on the story of game again. The reason to change the story is because we need to fit the story with the characters and the designed theme. We had to decide on the concept of the game as  soon as possible because Wednesday will be the presentation day. Today's homework is to think and design the example of game level. 

Sunday 18 March 2012

Internship: Log/Activity on 16-03-2012

                      Today, I had adjusted the Gallery XML, including the font size and color so that it looked nicer and clearer. 
              On the other hand, our game development group had a meeting in ths afternoon, discussing on the division of  works. My coursemates and I responsiible to think of the storyline and the way to play the game. Other members think of the theme, color mode and character's movements for the game. We will discuss again on Monday.

Internship: Log/Activity on 15-03-2012

  Our website were almost completed, but  there were some parts which have not been adjusted and the contents are empty. After editing the contents, I had arranged and adjusted the position of contents. For the menu part, I had spent the whole afternoon to adjust the words and resize the icons.



                  Besides that, I also found a suitable video player at the frontpage. The player called flowplayer. The reason why I said it was a suitable player is because it had not watermark and the scrollbar can be hidden. 

Wednesday 14 March 2012

Internship: Log/Activity on 14-03-2012

               Same as yesterday, my coursemates and I continued our works on website development. It was almost finished. Hopefully we can finish it by this week and would not be rejected. 

                For the game development, we had decided the direction and came out with the story of the game after today meeting. The direction of the game is more on intelligence game. The background story of  the  game is about the jelly (the character) who have been  conjured by the evil side. The jelly have been separated into a few parts and been spread to diferent places. The parts of the jelly have to go through difference levels and reach the final level in order to join them back together. Christine had listened to our idea and she suggested that we could used candyland as our theme. Today's homework, research on candyland and some related games.

          I think the colors that going to be used in the game should be colorful and soft.
              

Tuesday 13 March 2012

Internship: Log/Activity on 13-03-2012

             Today, I continued designing and adjusting the position of texts and elements for the website so that it looked arranged. I had adjusted the margin of descriptions for each video so that it was fixed into the description box.

               For the game development, we had a meeting in the afternoon. We were actually stuck with the theme and type of the game. After discussed, we decided to change the type of game from an adventure cockroach  survival game to intelligence game because this type of game had  higher popularity. Examples: angry birds, cut the ropes, munch time and etc. Since we had changed thedirection of the game, so we had to re- think about the flows and the characters of the game. We had to do more researches on this type of game.     

Cut  the Ropes: Need to think of the strategy to drop the candy to feed the chameleon.

Fluffy Diver: Very cute character and sound effect.

Some extra  information: 
  1. munch time: http://itunes.apple.com/us/app/munch-time-hd/id501055324?mt=8
  2. Cut the Buttons:  http://itunes.apple.com/us/app/cut-the-buttons-hd/id474137540?mt=8
  3. Furmins:  http://itunes.apple.com/us/app/furmins-hd/id473642594?mt=8
  4. Sploosh:  http://itunes.apple.com/us/app/sploosh/id486518261?mt=8
  5. Fluffy Diver:  http://itunes.apple.com/us/app/fluffy-diver/id471785668?mt=8
All of these games are very high rating. Most of the customers commented that they are cute, having an attractive theme & color combination, good characters& environment's design. Great game play with physics and yet challenging.


Monday 12 March 2012

Internship: Log/Activity on 12-03-2012

             Today, I had plugin the Gallery XML to display the videos. As I had said before, the Gallery XML not able to fix the video's descriptions. However, I had changed the coding and image size and hence now it was  abled to fix the description. Another problem that had been solved was the articles that were too long for read. I had fixed the maximum height for the article and added a scrollbar to the articles which were exceeded the maximum height.


               
        On the other hand, we had a meeting for the game development. Every members were suggested their own ideas. 6 ideas had been suggested:
  1. dog save its owner who had been caught by alien
  2. spaceship
  3. cockroach survival game
  4. flatfish (water pollution issue)
  5. mosquito killer
  6. intelligence game (draw the path for a ball to hit its target)
        After discussed, we all think that the cockroach survival game was much interesting compared with the other games. So, we will proceed  on this idea and think of the concept and the flow of the game. Christine suggested that we could think of other insects instead of cockroach. 

Sunday 11 March 2012

Internship: Log/Activity on 09-03-2012

                Today, my coursemates and I had no much progress in designing website. We still searching for suitable extensions and  designs for each page. Beside of designing website, we also had done a report for Nestle Augmented reality. We had to do research on Nestle, came out with a report and posted in blog. In the evening, we had a discussion on mobile game development with our team members. However, we had no much ideas for the types of game that we gonna to develop. We had watched a few video clips from Youtube for the most popular mobile games in the market. So we decided to go back and think for the ideas during weekend. There will be another meeting on the coming Monday.






             Some of common games were angry birds, plants vs zombies, Ninja Fruits and so on. The top game was Words With Friends. 

Thursday 8 March 2012

Nestle- Good Food, Good Life

Nestle- Good Food, Good Life

l  Celebrate Nestle 100 years with us
-            Nestlé’s foundation was built in 1867. Nestlé's began in Malaysia in 1912 as the Anglo Swiss Condensed Milk Company in Penang.
l  Mobile apps: easy cooking with Nestle
-          Provide a step-by-step cooking guide and pictures of ingredients with descriptions in Bahasa Malaysia, Mandarin and English, a built-in kitchen timer and a virtual shopping list that can be shared through e-mail, cheat tips from the old wives club.
l  Products
-          Junior foods
-          Milk
-          Breakfast Cereals
-          Hot cereals
-          Creamers
-          Beverages
-          Coffee
-          Culinary Products (maggie)
-          Chilled Dairy
-          Ice Cream
-          Confectionery & Chocolate

l  Wellness greeting card
    - select, design and send a greeting card to friends or family members through the Nestle's official website.
l  Current AR for Nestle
1.         Cereal boxes- Using a tag cut out from the back of the cereal box, players can interact with the main RIO bird character Blu, by using a computer with a webcam, internet connection and an online augmented reality application.

2.         Kitkat- holding the wrapper up to your webcam and visiting the www.kitkat.co.uk website a special 3D video appear featuring the group "Scouting for Girls" and a song titled "Silly Song". The band will play their hit in different 3D ‘break’ environments, including a park, a train, a bedroom and a library.

3.         Lets Fans pick the next Kit Kat flavor- built an augmented reality experience and affixed it to a series of smart posters that will be set up in various cities around the world. Using the Blippar augmented reality mobile application, consumers with smart phones will be able to vote for their favorite flavor amongst a variety of others. Each day, one voter will be selected at random to win a cash prize worth roughly $150.

4.         Blippar creates daily pearls of wisdom with Nestle Shreddies-  the family favourite cereal, has teamed up with blippar, the free image-recognition app for smartphones, to make its Knitting Nanas come to life in augmented reality and offer their pearls of wisdom straight from three million cereal packs -- all through interactive 3D images.

Suggestion of AR
1.         3D Cooking Recipe
Target: Housewife, people who love to cook
Since we have cereal box for children, kitkat for working person, why don’t we think of housewife? Nestle have a lot of culinary products, like Maggie. Put the marker on the product’s label, when scan through use smartphone or iPad, a video will be showed to provide a simple cooking guide on how to cook a delicious dish by using Nestle’s products. Besides that, it also provides some nutrition tips for them.     

2.         Collection of markers for cereal box
Target: Kids, teenagers
Collect the marker that will come out every session to complete the story. Every marker having a short story like watching a drama, we have episode 1 until 5 for example, like what suggested by Boon Tek. To avoid the problem of getting the incorrect set of markers, we can release the marker by session or by month? First month come out the part 1, second month the part 2…    
In term of commercial value, I personally think that we should hide the marker inside of the box. Because if the marker is put outside of the box, I can scan through it at the supermarket, is not necessary I must buy it. As we know that a marker costs 24k, the company will suffer losses.

Internship: Log/Activity on 08-03-2012

 As usual, we still designing the website. We had showed  the website to Christine. There were some parts that were not good enough, she suggested that we could used horizontal slider to display the contents besides of a vertical slider. So, we had to find another extension to plugin to the website. However, we couldn't found any free and suitable extensions. I had found one Gallery XML, which displayed all the content included images and videos in the gallery, but there was a drawback, it couldn't fixed the descriptions for each image.
The description was too long to display!

When click on the thumbnail, video will be played. 


               Besides that, like what I had said yesterday, our boss planned to form a team to develop a mobile game, we had a meeting for this in the evening. We had formed a team of five, purpose to develop a mobile game. Christine had gave us a brief description on how to develop a game. The main thing that we should had was the theme for the game. We should know the type of the game, who will be the target player and etc. What a big challenge for us! But we would like to try out something new. Hopefully, we can do it!!

Wednesday 7 March 2012

Internship: Log/Activity on 08-03-2012

          Today, my coursemates and I continued doing the website. I had installed a few plugins used to display articles. However, only one was worked.  Besides that, our big boss, Mr Low was having a talk with us today. He plan to form a team which consists of all internship  students to develop a mobile game- a extremely new things for us but seen challenging. This might be our next project after finish design the website. Boss said we should finish our works in two week time!! Hurry up~ have to do OT already... huhu~
The last one was the truth!! hahaha~~

Tuesday 6 March 2012

Internship: Log/Activity on 06-03-2012

Like what I had mentioned yesterday, my coursemates and I were able to edit the website together in the server, so we had spent the whole day on editing the website. So far, we had finished editing the Homepage, About Us and Gallery. There are a few tabs which have not finish yet. We still thinking on how to display the contents.

         In the other hand, we had a AR meeting this morning, continued our discussion on Nestle. We had came out with a few ideas but not good enough, so we drawn mind map again. However, the mind map also did not really worked since we had less knowledge on nestle products and services. We could not really think out of the box. We had to go back and read more about Nestle.
The mind map

The mind map was looked messy and those keywords were kept on repeating such as milk, bone, koko crunch and etc. There were also some ''special' words like vampire, zombie, hospital, hunter sniper.... hahaha~  I wondered how could we relate those words with Nestle???!!!

Monday 5 March 2012

Internship: Log/Activity on 05-03-2012

                    Today, I had spent the whole morning to adjust the position of the content layout but stil unsuccessfull! This is because the template had too many css codes, it was still no effect even I had deleted some of the codes. Hence, I decided to change the template. At last, I had successfully adjusted the content layout's position. 



       In the other hand, my coursemate had also successfully upload our works to the CPanel (server) with the help from our organization's supervisor. That mean we could design and update our website together. Tomorrow we need to divide the works so that we can finish this project as soon as possible. Fighting~  


                                   

                   

Friday 2 March 2012

Internship: Log/Activity on 02-03-2012



                Today was a tiring day. My coursemates and I had discussed and drafted out the primary design of the website. There were a lot of plugins that we had found which look nice but need to pay or else there was a watermark on it. That why we had spent so much time on searching for suitable plugins. Looking for suitable plugins and templates had slowed down our progress. Hopefully, we can finish it within this week. Fighting~~


       Primary design of homepage's menu. There was a watermark at the top because it was a free version.


It's Friday!! Have a nice weekend.... always remember to SMILE~~


                 

Thursday 1 March 2012

Internship: Log/Activity on 01-03-2012

        Today, my coursemates and I had officially started our works. After discussed deeply with our manager, Christine about the flow of the website, there were seven tabs should be included  in the menu. They are Home, About Us, Services, Jobs, Articles, Work and Contact Us. There will be some sub-tabs under each tab. Although we had the design of the webpage, we were facing with some problems if we wanted to come out with the webpage exactly the same with the original design. Some of the problems were how to make an icon with a drop down list, how to display the  contents of each tab within a fixed width and height, how to combine our works if we use difference laptop and different login account to do it and etc. We had listed out all the problems and we are going to ask our company's supervisor tomorrow. 
      
                                                                         
                                                                          Nice song... Let's stop LYNAS!!