Monday, 19 May 2008
Week 12 : Final Week!
this week we going to have a presentation for exthernal panels.
a lot more to do and prepare for this presentation..
Good luck to all the Groups and hope the Apache Corporation can do well and win in the Limkokwing Future Projects competition! Cheers!
Saturday, 17 May 2008
Week 11
We going to have a final presentation for LKW Future Projects on Friday
so.i and group do the final check up and practice for presentation of the projects.
we have set up a booth for our corporation for the lkw future project exibition.
the Multimedia department have produce a A0 size board and install 3 unit computers to show our product of this LKW projects.
the A0 size showing the interactive Screen and information hub for the future lkw projects
1 unit computer showing BlueZone
1 unit computer showing Apache Corporation Website
1 unit computer showing the Video Showreel of Apache corporation ( Architecture )
Friday, 16 May 2008
Individual Report : After Effects
After Effects : Architecture Showreel of Apache Corporation
Our piece for the Apache Corporation showreel is to show the architecture product from Apache Corporation and to create a motion identity for the company. It is a new building for Limkokwing University London in future propose in the future project by the Apache Corporation. “A growing organism create disposition to enquiry “is the concept of this projects. The first things come to my mind is Green. The environment now days is getting worst specially pollutions everywhere. So, Going Green will be my main subjective of this showreel.
Research : Mekanisim: “let’s Green the city” http://www.youtube.com/watch?v=IuKz2bAFZn8
From my research of design, I am inspiration from a motion graphic entitled “Lets Green the City” by Mekanism. It is a big environmental awareness initiative from Pacific gas & Electric or PG&E for all the locals. One of my favourite is the one about solar power. The pacing is snappy, the writing is clever and the hybrid visuals are fun. The designer using the nature recourses like sun, tree, grass, animals, river, and others elements of nature to compose into this short video. Solar power from sun goes through different objects to another and back to the nature, and there is a clear message sent to viewers.
For me, it might not an advance or high fashion of motion graphic design and motion. I also knew that the danger of making something look old on purpose is that it can just look bad, especially in the new competitive technology era now days, but I am trying to add on some elements to make it interesting.
In this project, we are going to animated and build a 3D model for the new building in 3D Max for Limkokwing future projects. So we can show how this building is is build from different angle and how the building going to look like included the interior. Me and my group mate working together with architecture department of Apache Corporation to understand this building well and the way to build this new building in London.
Going Green to Nature, so I will use natural green objects likes tree, leaf, and grass as my main graphic in this showreel. Associate the concept of this project, using the natural scene, trees are all growing out from the ground just like a building start building from the basement from ground to the top. With this, I am trying to compose to the showreel and lead to the building and end with the ident of the Apache Corporation. The main color for this showreel will be using the natural color like green, light blue and others soft nature colors.
Our idea was that this showreel will start from a big field with grass and trees starting to grow accordingly and lead to the construction place for the new building. In between the motion, there are some titles to show on screen like “Going green”, “growing organism create disposition to enquiry” and some message for viewers.
Once we had combined our inspiration with our storyline, I and my group mate began the tasks of pre production. 3D modeling was done, storyboards and rough animation started as well. After animated the 3D building model, we had put into Adobe After effects for motion editing. Things changed for better every time we edited and rendered. Besides all of the animation and compositing, the hardest part for me was corporate the motion graphic with the company ident. However, keeping with the same concept for this project, things overcome and a 60 second company show reel had done.
As a beginner in motion graphic, I am trying to do from basic movement in production and learn as much as we could about some techniques in after effects for better production in future. Besides designs matter, from my researches, i realize that motion graphic now days is getting common and becoming one of the important media especially in advertisement.
Advertisement on Televisyen or online is mostly done in motion graphic or special effects video design elements. A good and attractive motion graphic manage to attract people to view them and read the message or information that trying to send to people. That’s why there are many companies are all creating thier motion identity and showreel of thier company now days. I am getting interested in this motion graphic and typography design.
References
Mekanisim: “let’s Green the city” http://www.youtube.com/watch?v=IuKz2bAFZn8
Motion Grapher , http://motionographer.com/page/6/, 13 May 2008
Motion Design , http://www.digicult.it/en/category.asp?cat=motion+design, 13 May 2008
After Effects – Articles and tutorials, http://www.mographwiki.net/After_Effects#Articles_and_Tutorials, 14 May 2008
Motion graphics, http://createdigitalmotion.com/tag/motion-graphics/, 14 may 2008
Motion Graphics, http://cybmotion.com/tag/motion_graphics/, 14 May 2008-05-16
Digital Media, http://digitalproducer.digitalmedianet.com/
Media Spy, http://www.mediaspy.com/
Individual Report : Multimedia Production
Multimedia training centre london is a place for people who are intersted in multimedia to turn themselves to professional in multimedia. The public espacially students can register themselve and learn or training on multimedia like graphic design, video editing, photo shooting, motion graphic compositing, mobile media and others.
Website is one of the main platform to promote and provide information about the training centre. A professional training centre is going to have a proper but not fancy website to show their information and message to public clearly and easy navigate. Besides that, this website should be attractive in design to attract more users to brownse and get more information.
There are so many website in this world but i am attracted and get some inspiratation from a design academy website – The One Academy, it is a award winning education website in the country. This website is designed in a series of similarly shapes elements along the same baseline and it shows unity in website. All the elements looks like they belong together.
White and Orange color is thier academy color and so they are using the same color as the color scheme for this website to emphesis more on thier identity. All parts in the websites had arrange clearly with diffrent background color for each section and it is easy for user to define different sections.With the colors, it create interesting contrast between the main content and background. Besides the color, this website do insert some related image and giving the mood or personality of the academy to create the feel in a learning or training centre on the website. Some graphic there do creating a unique and antique feeling of the design academy.
Although this website have many interesting content and nice picture, it also have enough space to give user’s eye a visual rest. Having space, it make the layout easy to follow and read by the users. Besides that, this websites also emphasis some sections with diffrent size in some element. This web site showing which element is most important by making the title or words bigger. It give the user sense of scale and bring the effects on the elements to come forward to them. This may help to focus users’ attention.
This website also completed with all the information of this academy. Besides the texts about the academy, there is also a gallery for users to view students products in the website. So users can know more and understand the learning level of this academy. It is a effective web context and of course i do get my inspiration and learned from this great websites for my projects.
After i analys and design my website, i decide to use both flash and html as my medium for this project. My heading and navigation bar will be do it in flash file while the content will all be in html. I and my group mate trying to get information about a training centre and complete the website. For me, it is a simple, attractive and easy navigate website. It is a place for public to get information about multimedia training centre London and next they going to learn or train thier multimedia skills in this centre.
Besides analys and do my reseach, i found this phrase when i doing my research online ,
“[Design] has never cohered into a unified profession, such as law, medicine, or architecture… Instead, design has splintered into ever-greater subdivisions of practice without any overarching concept of organization…”—John Heskett in Toothpicks and Logos: Design in Everyday Life ”
Well, i am agree with the statement above, design is always flexible and unlimited. We can design anything we want with creative way and innovative thinking, but so how, on my opinion, a professional training centre do still need to have a proper format of a website. One of the reasons of doing a proper format but not fancy website for this centre is to consider public from diffrent ages. Some older generation might be hard to naviagate some fancy website, and they still need the very simple and easy naviagate website.
References
http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.htmlhttp://www.boxesandarrows.com/view/introducing_interaction_design , 22 April 2008
http://nibis.ni.schule.de/~lepke/homepage/webdesign/webdesign.html, 22 April 2008
http://www.usability.gov/pdfs/guidelines.html 22,April 2008
http://www.adobe.com/devnet/flash/ , 22 April 2008
http://www.welie.com/index.php, 22 April 2008
http://www.welie.com/patterns/showPattern.php?patternID=action-button, 25 April 2008
Anderson, Andy. HTML & Web Design Tips & Techniques. Blacklick, OH, USA: McGraw-Hill Companies, The, 2002. p
Hricko, Mary(Editor). Design and Implementation of Web-Enabled Teaching Tools.Hershey, PA, USA: Idea Group Inc., 2002. p 18.
Assistive Technology and Resources and Product Directories, http:// communities. msn. com/ AdaptiveandAssistiveTechnology/ atresources.
Hricko, Mary(Editor). Design and Implementation of Web-Enabled Teaching Tools. Hershey, PA, USA: Idea Group Inc., 2002. p 227.
Individual Report : Mobile Media
‘BlueZone’ is a bluetooth device which is specially design for the students and staffs in the future of Limkokwing University of Creative Technology. It is to create a better interaction and communication between the University and students while developing future learning environment for the students. This devices function in any sensor touch screen smart phone and the university is fully covered by Bluetooth network.
Mobile phone is a long-range, portable electronic telecommunications device used for mobile voice or data communication over a network of specialized base stations through radio wave or satellite transmissions. Besides voices communication, most of the mobile phones provide short messenge service(SMS), Multimedia Message Service(MMS), and newer phones like the smart phones are providing internet services such as web browsing and email. A mobile phone has getting substantially all of the computing capabilities desired by most of the people in the world now days.
Countries like Japan is quickly adopts new advances in tehnoloigy. The spread of mobile communication technology and Japan is the last few years demonstrates how small mobile devices have developed to quickly become nature companions in everyday life.( Minstiry of public management home affrair, post and telecommunications, Japan) From the result of the forrester research on mobile users of the world, we believe in 2 years time, touch screen smart phone will be one of the most famous and common conveged device for peoples especially youngster. So the mobile application and the interfaces design are playing the important roles to improve and increase the interaction between mobile phone and users.
According to Peter Odum a mobile experience writer, there are few considerations for converged devices (mobile device). He said that our mobile devices now days are an ecosystem. This ecosystem should function without codependence. Secondly, a mobile device should be design for reasonable consistency. Consistent design behavior and apprearance shoud be the rule among related devices. Content is the fundamental elements that users value, so content should be drives convergence and provides a distinct convenience to users. To successfully lead user to new content or pages, we must provide intelligent discovery to delight user and provide more targeted results from a device.
Futher that, a good design of a converged deviced do not burden users with content formats, formatting and packageing of content. Though content must generally be formatted for each device hat plays it, try to design a perfect interoperat systems and things just work well. Our devices extend our abilities and should serve and enhance our flexiblility wherever we find ourselves. Devices should have greater understanding of context, and display the appropriate level of detail at the appropriate time and place. Lastly, a devices should provide users with more than one means to achieve a goal. This allows users to find thier own ways to use their devices and to access to any application or pages in their own way.
To create an interactive and attractive user interface, we always have to design for our users. Base on what they need and design some usefull application and nice interface to increase the interaction between the devices and users. After i did research on some others mobile phones’ appication’s function and some userbility interview with mobile user. I am working with my department to create a bluetooth device specially for students and it can help and improve to provide a better future education environment .
Using ‘BlueZone’ will help students to save a lot of times from some minor procedue in school like it will log in and out automatically for student in school, using it to download academic material like course work or others, increase communication between students and lecturers and others few application which will be usefull for students in future study environtment. We also did design icon for diffrents application in BlueZone and it is easy to understand by user and easy navigate. “It is a friendly user interface design”, comment from one of the students in school when we do review.
Well, direct interaction with a touchscreen is the most space sonsuming technique. Thats one touch screen smart phone will be the best console for this project. Icons that represent the options on a touch screen must be large enough to be selected by finger tip, and this is usually a larger area than an icon would need for visualisation. Displays with touchscreens therefore have a much lower density of addressale interaction elements. “Increasingly to circumvent this limitation, touchscreens work with gesture recognition: the user carries out a metaphorical movement, which the system understands as icon input” (Ben Shenirman,’ User interfacec design’,2002 ).
In conclusion, proper and usefull mobile application additional with attractive mobile interfaces designs and technology can help to improve and develop the use of mobile devices the communication technology in human daily life.
References
Seffah, Ahmed(Editor). ‘Multiple User Interfaces : Cross-Platform Applications and Context-Aware Interfaces’.Hoboken, NJ, USA: John Wiley & Sons, Incorporated, 2005. p 13.
Lindholm, Christian.’Mobile Usability : How Nokia Changed the Face of the Mobile Phone’Blacklick, OH, USA: McGraw-Hill Companies, The, 2003. p 44.
Mannecke,Brian( Editor) .’Mobile commerce: Technology,Theory and applciations’. Idea Group Inc, USA, 2002
Peter Odum ,Convergent Experiences, Diverse Devices, retrieved 18 April 2008,http://idlemode.com/2008/04/11/convergent-experiences-diverse-devices/
Smallsureface, retrieved 17 April,2008 from http://www.smallsurfaces.com/
Mobile Screen Size Trends, retrieved 18 April 2008 from http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html
Challeges of interface design for mobile deviecs, retrieved 18 April,2008 fromhttp://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/
Better interfaces coming soon to a handset near you, retrieved 18 April,2008 from http://www.mobile-weblog.com/50226711/better_interfaces_coming_soon_to_a_handset_near_you.php
Apple : iPhone : Human interface guideline for web application, retrieved 18 April 2008 fromhttp://developer.apple.com/documentation/iPhone/Conceptual/iPhoneHIG/iPhoneContent/chapter_3_section_4.html#//apple_ref/doc/uid/TP40006596-CH9-SW3
Adobe : Designing Engaging Mobile Experimences, retrieved18 April,2008 fromhttp://www.adobe.com/devnet/devices/articles/packing_lite.html
Jeff Han, Multi Touch Technology, retrieved 19 April ,2008 from http://multi-touchscreen.com/Jeff Han, Multi Touch Technology, retrieved 19 April ,2008 from http://cs.nyu.edu/~jhan/
Eagar, A. (2001), The Future of Mobile Technology, retrieved 19 April 2008, from http://website.lineone.net/~aeager/oa_futuremobiletech.pdf
Thursday, 15 May 2008
References for LKW Projects
Seffah, Ahmed(Editor). ‘Multiple User Interfaces : Cross-Platform Applications and Context-Aware Interfaces’.Hoboken, NJ, USA: John Wiley & Sons, Incorporated, 2005. p 13.
Lindholm, Christian.’Mobile Usability : How Nokia Changed the Face of the Mobile Phone’Blacklick, OH, USA: McGraw-Hill Companies, The, 2003. p 44.
Lim, Ee-Peng(Editor). ‘Advances in Mobile commerce Technologies’. Idea Group inc,USA, 2003
Mannecke,Brian( Editor) .’Mobile commerce: Technology,Theory and applciations’. Idea Group Inc, USA, 2002
Dornan, A. (2000) The Essential Guide to Wireless Communications Applications, Upper Saddle River, NJ: Prentice Hall, ISBN 0130317160 [Also available: http://proquest.safaribooksonline.com.gateway.library.qut.edu.au/?uiCode=qutau&xmlId=0-13-031716-0 ]
Communication Future, retrieved 23 March 2008, from http://www.futureforall.org/whatspossible.htm
Eagar, A. (2001), The Future of Mobile Technology, retrieved 01 April, 2008, from http://website.lineone.net/~aeager/oa_futuremobiletech.pdf
· Mobile Technology and interactive application, retrieved 01 April 2008,from http://www.todmaffin.com/index.php
Mobility Management in 4G Wireless Systems, Broadband & Wireless Networking Laboratory, retrieved 25 October, 2004, from http://users.ece.gatech.edu/~jxie/4G/
Locative Media, retrieved 25 March 2008, from http://www.waag.org/
Blue Casting, retrieved 25 March 2008, from http://www.hypertag.com
MobSharing, retrieved 25March 2008, from http://
mobilementalism.com/2005/09/02/mobsharing-comng-to-a=starbucks-near-you/
Mososo, retrieved 25 March 2008, from http://andrewwooldrdge.com/blog/2004/10/idea-podcaching.html
Peter Odum ,Convergent Experiences, Diverse Devices, retrieved 18 April 2008,http://idlemode.com/2008/04/11/convergent-experiences-diverse-devices/
Bluetooth - Frequently-asked questions, retrieved 2 April 2008, from http://www.filesaveas.com/bluetooth.html
Bluetooth,retrieved 2 April 2008, from http://www.bluetooth.com
Smallsureface, retrieved 17 April,2008 from http://www.smallsurfaces.com/
Mobile Screen Size Trends, retrieved 18 April 2008 from http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html
Challeges of interface design for mobile deviecs, retrieved 18 April,2008 fromhttp://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/
Better interfaces coming soon to a handset near you, retrieved 18 April,2008 from http://www.mobile-weblog.com/50226711/better_interfaces_coming_soon_to_a_handset_near_you.php
Apple : iPhone : Human interface guideline for web application, retrieved 18 April 2008 from http://developer.apple.com/documentation/iPhone/Conceptual/iPhoneHIG/iPhoneContent/chapter_3_section_4.html#//apple_ref/doc/uid/TP40006596-CH9-SW3
Adobe : Designing Engaging Mobile Experimences, retrieved18 April,2008 fromhttp://www.adobe.com/devnet/devices/articles/packing_lite.html
Jeff Han, Multi Touch Technology, retrieved 19 April ,2008 from http://multi-touchscreen.com/Jeff Han, Multi Touch Technology, retrieved 19 April ,2008 from http://cs.nyu.edu/~jhan/
Sunday, 11 May 2008
Mobile Interface Design
There is getting more and more peoples around the world are using the mobile phone and it become one of the important communication device to people. from the result of the forrester research on mobile users of the world, we believe in 2 years time, touch screen smart phone will be one of the most famous and common conveged device for peoples especially youngster. So the mobile application and the interfaces design are playing the important roles to improve and increase the interaction between mobile phone and users.
Futher that, a good design of a converged deviced do not burden users with content formats, formatting and packageing of content. Though content must generally be formatted for each device hat plays it, try to design a perfect interoperat systems and things just work well. Our devices extend our abilities and should serve and enhance our flexiblility wherever we find ourselves. Devices should have greater understanding of context, and display the appropriate level of detail at the appropriate time and place. Lastly, a devices should provide users with more than one means to achieve a goal. This allows users to find thier own ways to use their devices and to access to any application or pages in their own way.
To create an interactive and attractive user interface, we always have to design for our users. Base on what they need and design some usefull application and nice interface to increase the interaction between the devices and users.