Internet advertising and E-commerce

Week 001
In first week,master choor give us the  first assignment is need to know what is internet advertising and E-commerce?

Assignment 1-1:What is internet advertising and E-commerce?

http://en.wikipedia.org/wiki/Online_advertising

Internet advertising

1. Internet advertising, also called online marketing or online advertising, is a form of marketing and advertising which uses the Internet to deliver. Promotional marketing messages to consumers. It includes email marketing, search engine marketing (SEM), social media marketing, many types of display advertising (including web banner advertising), and mobile advertising.

2. Email marketing is directly marketing a commercial message to a group of people using email. In its broadest sense, every email sent to a potential or current customer could be considered email marketing. It usually involves using email to send ads, request business, or solicit sales or donations, and is meant to build loyalty, trust, or brand awareness. Email marketing can be done to either sold lists or a current customer database.

3. Search engine marketing, or SEN, is designed to increase a website's visibility in search engine results pages (SERPs). Search engines provide sponsored results and organic (non-sponsored) results based on a web searcher's query. Search engines often employ visual cues to differentiate sponsored results from organic results. Search engine marketing includes all of an advertiser's actions to make a website's listing more prominent for topical keywords.

4. Social media marketing is commercial promotion conducted through social media websites. Many companies promote their products by posting frequent updates and providing special offers through their social media profiles.

5. Display advertising conveys its advertising message visually using text, logos, animations, videos, photographs, or other graphics. Display advertisers frequently target users with particular traits to increase the ads' effect. Online advertisers (typically through their ad servers) often use cookies, which are unique identifiers of specific computers, to decide which ads to serve to a particular consumer. Cookies can track whether a user left a page without buying anything, so the advertiser can later re-target the user with ads from the site the user visited.

6. Web banners or banner ads typically are graphical ads displayed within a web page. Many banner ads are delivered by a server. Banner ads can use rich media to incorporate video, audio, animations, buttons, forms, or other interactive elements using Java applets, HTML5, Adobe Flash, and other programs.

7. Mobile advertising is ad copy delivered through wireless mobile devices such as smartphones, feature phones, or tablet computers. Mobile advertising may take the form of static or rich media display ads, SMS (Short Message Service) or MMS (Multimedia Messaging Service) ads, mobile search ads, advertising within mobile websites, or ads within mobile applications or games (such as interstitial ads, “advergaming,” or application sponsorship).

8. Like other advertising media, online advertising frequently involves both a publisher, who integrates advertisements into its online content, and an advertiser, who provides the advertisements to be displayed on the publisher's content. Other potential participants include advertising agencies who help generate and place the ad copy, an ad server which technologically delivers the ad and tracks statistics, and advertising affiliates who do independent promotional work for the advertiser.

9. Many common online advertising practices are controversial and increasingly subject to regulation. Online ad revenues may not adequately replace other publishers' revenue streams. Declining ad revenue has led some publishers to hide their content behind paywalls.

   http://en.wikipedia.org/wiki/E-commerce

 E-commerce

1. E-commerce (electronic commerce or EC) is the buying and selling of goods and services, or the transmitting of funds or data, over an electronic network, primarily the Internet. These business transactions occur either business-to-business, business-to-consumer, consumer-to-consumer or consumer-to-business. The terms e-commerce and e-business are often used interchangeably. The term e-tail is also sometimes used in reference to transactional processes around online retail.
2. E-commerce is conducted using a variety of applications, such as email, fax, online catalogues and shopping carts, Electronic Data Interchange (EDI), File Transfer Protocol, and Web services. Most of this is business-to-business, with some companies attempting to use email and fax for unsolicited ads (usually viewed as spam) to consumers and other business prospects, as well as to send out e-newsletters to subscribers.
3. The benefits of e-commerce include its around-the-clock availability, the speed of access, a wider selection of goods and services, accessibility, and international reach. Its perceived downsides include sometimes-limited customer service, not being able to see or touch a product prior to purchase, and the necessitated wait time for product shipping.
4. To ensure the security, privacy and effectiveness of e-commerce, businesses should authenticate business transactions, control access to resources such as web pages for registered or selected users, encrypt communications and implement security technologies such as the Secure Sockets Layer.

6. Electronic commerce draws on technologies such as mobile commerce, electronic funds transfer, supply chain management, Internet marketing, online transaction processing, electronic data interchange (EDI), inventory management systems, and automated data collection systems. Modern electronic commerce typically uses the World Wide Web for at least one part of the transaction's life cycle, although it may also use other technologies such e-mail.
7. E-commerce businesses usually employ some or all of the following practices:
8. Provide Entail or virtual store-front on websites with online catalogues
9. , sometimes gathered into a "virtual mall"
10. Buy or sell on online marketplaces.
11. Gather and use demographic data through web contacts and social media.
12. Use electronic data interchange, the business-to-business exchange of data.
13. Reach prospective and established customers by e-mail or fax (for example, with newsletters).
14. Use business-to-business buying and selling.
15. Provide secure business transactions.

Week 02

After we know what is internet advertising and E-commerce,we also need to know the history of internet advertising and E-commerce.So,the second assignment is find the history of internet advertising and E-commerce.and the background.

HISTORY OF INTERNET ADVERTISING AND E-COMMEERCE

http://www.marketingtechnews.net/news/2013/sep/11/online-advertising-history-1993-present-day-infographic/

Internet Advertising

Today, online advertising industry is a global behemoth, but it started from very humble beginnings.

The very first online ad was a marketing email sent on May 3, 1978 to a list of 400 ARPAnet users, offering information about a new computer system called the DECSYSTEM-2020. Despite the generally negative reactions, and the fact that commercial activity was banned by the ARPAnet terms of use, email and forum-based marketing grew rapidly.

THE TIMELINE HISTORY OF ONLINE ADVERTISING

1. First ever internet advertising sold in setember 1993.The first clickable web advertising was sold by Global Network Navigator to a silicon valley law firm.

2. In 27 October 1994, AT&T buy first ever banner advertising on Wired's website, made by Modem Media.In this time, the Internet users worldwide is 16M in 1995.

3. Next in July 1996, First reference to PPC by website directory Planet Oasisi

4. In 1998 GoTo.com (renamed overture in 2001, and acquired by Yahoo! In 2003)created the first seacrh advertising keyword auction.

5. In October 2000, Google launches adwords with 350 customers.In the next two year, the internet users worldwide is 558M in 2002

6. In 4 February 2006, Facebook has been a large player in this initiative. In 2006, Facebook signed on to a marketing promotion with J.P. Morgan Chase, as well as an advertising contract with Microsoft to provide banner ads and sponsored links on Facebook.

7. In September 2007, AsSense for Mobile is introduced, giving sites optimized for mobile browsers the ability to host the same advertising as standard website

8. In November 2007, Facebook allows advertisers to target demographics of users for advertising

9. In April/June 2008, ExitExchange.com is awarded patent for POP-UP advertising after 8 years

10. In March 2009, Google launches beta test of interest-based advertising on partner sites and on YouTube

11. In 30september 2009, Internet advertising overtakes TV for the first time

12. In 13 April 2010, Twitter launches promotinal trends&promotional tweets.In this time, the internet users worldwide is 1.2 B in 2012.

13. In January 2012, Facebook put advertising into newsfeeds

14. In 22 July 2013, Google launches Enhanced Campaigns to target mobile devices more effectively

Week 03

In this week,we need to shoot one of the FAVOURITE BRAND in market and go to the FAVOURITE BRAND website to print-screen.After we print-screen put into the Microsoft word.We also need to the Research of our FAVOURITE BRAND'S COMPETITOR and research the most of Award winning Brand 's Website,this two website also need to print-screen and put into the Microsoft Word.

This is my favourite brand website

This is we print-screen the website and put into the Microsoft Word

Week 04

In week 4 we start to create our Company.first,we need to create the logo for our company,our lecture give us one week to finish the logo.

   
After one week, i was finish the logo for my Company .My company is doing graphic design,the logo  you can see is simple,i was use the first word "T" to design this logo.


Week 05
After the we finish to do the logo,we go to the next process is create the internet advertising for our company.Our need to create six different size internet advertising at different sizes from small to big sizes.We need to finish this internet advertising in two week.

Week 07

In week 07 we start to do the internet advertising using the search of i favourite brand website,i used the information form the Milo website and we just need to change the position follow the  Award winning Brand 's Website.

This is original Milo website take form my search favourite brand

Our lecture say cannot design look like the competitor website 

Computer graphic

Search of logo

PlayStation  Logo (PS)

PlayStation
^    ^
|     |
P    S

The Play Station, often shortened as PS, is a popular series of video game consoles manufactured by Sony Computer Entertainment. Originally launched on December 3, 1994 in Japan, PlayStation has now become one of the largest and most successful brands worldwide in the gaming industry and consumer electronics.

DESIGN ELEMENTS OF PLAYSTATION LOGO

Shape and Colors of the PlayStation Logo:

When the PlayStation brand was being conceptualized in 1994, more than three dozen logo concepts were presented for final selection. The iconic PlayStation logo depicts an incorporated PS using four bright colors that symbolize joy, passion and excellence. It was created by Japanese designer Manabu Sakamoto who also designed a few other logos for Sony, including the famous VAIO logo.

The PlayStation logo is regarded as one of the most instantly recognizable and memorable logos in the gaming industry.

Font of the PlayStation Logo:

The PlayStation logo features a custom typeface also designed by Sakamoto specifically for the company.

LETTER MARK

Letter-marks are exclusively typographic. They use a symbol representing the company through the use of its initials or the brands first letter. Many companies choose to use this type of logo because their initials can better graphically illustrate the company better than the full name (name is too long), the name is hard to pronounce, or it’s just not distinct enough to carry its own weight. Some companies and organizations that use letter marks include Hewlett-Packard, Chanel and General Electric.

Another search of Logo
Fire Fox logo
History of the Logo

The original logo was the Phoenix Icon for the Mozilla Phoenix Browser. Mozilla Phoenix Browser is a replacement browser for the bloated Mozilla Suite. Mozilla Suite is a market name for Mozilla and its code named Sea Monkey. Mozilla Suite was a cross-platform integrated Internet suite. Its development was initiated by Netscape Communications Corporation, before their acquisition by AOL. In relation with that Mozilla browser was then rebirth to name Phoenix. Phoenix represents state of Burning.

Later sometime in 2003, the name Phoenix was changed into Fire-bird - fiery bird. Fire-bird logo was all the same as Phoenix. But there was an issue of copyright issues relating to the name. In 2004, Fire-bird was changed to Firefox.

According to Jon Hicks, Firefox is actually a CUTE Red Panda but it didn't bring to mind the right imagery of the browser.

The final design was sketched by the designer Stephen Descroches  which Daniel Burka made the concept and rendered by Jon Hicks.  

Inspiration of Firefox Logo

Firefox Logo was inspired by a Bible Story about Samson. When Samson had revenged against Philistines, Samson tied the foxes with flaming ropes to the cornfields of the Philistines. The cornfields were burnt. See the illustration below by the painting the scene in a storybook.

Firefox Elements and Meaning

The primary elements of the logo were:

1. Fox with tail on fire ( actually it is Red Panda with the tail of fire )
The red panda (Ailurus fulgens, or shining-cat), is a small arboreal mammal native to the eastern Himalayas and southwestern China.

Meaning: Fox represents the viewing the internet.

2. Earth Globe ( actually it is Planet Mozilla)

Meaning: It represents world and internet

About Mozilla Firefox
Mozilla Firefox is one most popular internet Browsers in the world. Mozilla Firefox is an Open Source and Free web browser developed for Microsoft Windows, Mac OS X, and Linux coordinated by Mozilla Corporation and Mozilla Foundation. Firefox uses the Gecko layout engine to render web pages, which implements current and anticipated web standards.

Graphic design 01

HISTORY OF GRAPHIC DESIGN
Hundreds of graphic designs of animals by the primitive people in the chauvet cave, in the south of France, which were drawn earlier than 30,000 BC, as well as similar designs in the Lascaux cave of France that were drawn earlier than 14,000 BC, or the designs of the primitive hunters in the Bhimbetka rock shelters in India that were drawn earlier than 7,000 BC, and the Aboriginal Rock Art, in the kakadu national park of Australia, and many other rock or cave paintings in other parts of the world show that graphics have a very long history which is shared among humanity. This history together with the history of writing which was emerged in 3000-4000 BC are at the foundation of the Graphic Art.    
1)http://en.wikipedia.org/wiki/History_of_graphic_design

WHAT IS GRAPHIC DESIGN
Graphic design is suppose you want to announce or sell something, amuse or persuade someone,explain a complicated system or demonstrate a process.In other words,you have a message you want to communicate.how do you"send"it?you could tell people one by one or broadcast by radio or loudspeaker.That verbal communication. But if you use any visual medium at all-if you make a poster,type a letter,create a business logo,a magazine ad, or an album cover, ever make a computer
printout-you are using a from of visual communication called graphic design. 

Logo

 -logo is a graphic mark, emblem, or symbol commonly used by commercial enterprises, organizations  and even individuals or are composed of the name of the organization.logo also easy to let people to  remember the brand and company.

Website

-Website are containing several subject or company related webpages and data files accessible  through a browser. Each website has its own unique web address  which can be reached through an  internet connection.website also can let people to know more information in subject or company.

Icon

-Small pictorial symbol used in a graphical user interface or in web documents to identify a file, folder,  program, or device. An icon is 'activated' by clicking on it with a pointing device to start an operation or  to make a choice.

Product Packaging

-Packaging is the technology of enclosing or protecting products.but the important is product packaging  design With a creative and appealing package design,you can may your product sell a lot.



Poster

-poster it convey a clear message to the people, and generated valuable comments to the presenter,  Beautifully poster not only to get attention of customers but also influence to found more information.

Brochure

-brochure a small book or magazine containing pictures and information about a product or service. 

Book Design     

-book design are combine the content, style, format, design, and sequence of the various components of a  book into a coherent whole.Good book cover design also can let many people to buy.

Business card

-a small card printed with the owner’s informtions. For example, his name and contact number.

Advertising

-Advertising is the business of producing advertisements for commercial products or services.

Billboard

-billboard is a large outdoor board for displaying advertising.billboard more are let motorists look  because billboard always put in next to the road.




week 2
THE ELEMENT OF GRAPHIC DESIGN

the elements of graphic design are used,and often combined,to create graphic work.They should not be confused wait principle design,such as balance and white space,but rather components such as color,type and images.

WHAT IS ELEMENT OF GRAPHIC DESIGN

presented here is a list of the most commonly used elements of graphic design
-shapes
-lines
-color
-typo
-art,photos,illustrator
-texture

Shapes

From ancient pictographs to modern logos, shapes are at the root of design. They are used to establish layouts, create patterns, and build countless elements on the page.the design software like illustrator,
creating and manipulating can giving designers to design shapes ever thing then want.

what we used shapes?
Organize ,connect, separate
Symbolize an idea
Create movement
Create texture and depth
Convey mood or emotion
Provide emphasis
Provide a framework

Lines

Lines are used to divide space, direct the eye, and create forms. At the most basic level, straight lines are found in layouts to separate content, such as in magazine, newspaper, and website designs. This can of course go much further, with curved, dotted, and zigzag lines used as the defining elements on a page and as the basis for illustrations and graphics. Often, lines will be implied, meaning other elements of design will follow the path of line, such as type on a curve.


Use of lines
Organize
Texture
Guide the eye
Provide movement
Make a statement


Color

Color is an interesting element of graphic design because it can be applied to any other element, changing it dramatically. It can be used to make an image stand out, to show linked text on a website, and to evoke emotion.Graphic designers should combine their experience with color with an understanding of color theory.

color models

Color Models: CMYK

cyan,magenta,yellow and key(black)

Colour Models: RGB

color swatch book 

color separation

Typo

Typography is one of the most important tools for a graphic designer.

Typography can take you back to a different time, set a mood, set a tone of voice, organize pages, create unity between objects etc.

Art

Art is a very important part in graphic design,any designer using art to create their design or works.Art have combine creativity,to emote,have you own style.If designer have a good art sensitive
,you works will be more professional to inspire people.
  

photos



Illustrator

Illustrator is a one design software are always use by designer to done them  work.

Illustrator is easier than ever,a lot of design need to illustrator than very useful software,
example,this software use in design logo,magazine,advertising and name card.Illustrator are often carried out as a large-scale industrial process,

Texture 

Texture is the look or feel of a surface. You can add richness and dimension to your layouts with texture. Visual texture creates an illusion of texture on a printed publication or web page. Texture can create mood and personality and Provoke emotion.








GRAPHIC DESIGN FINAL PROJECT:POP UP BOOK
My pop up book is for travel purpose in Kuala Lumpur or highlight the popular places and buildings in KL. I only choose a few popular places or buildings to recommend. The first place that I want to recommend is KLCC, the most popular building in Malaysia and also is the representation building of our country. If you live in Malaysia, you must know KLCC. Next, the building I want to recommend  is Merdeka square, because  Merdeka Square is very important for all of our people in Malaysia. So, I want to let more people to know the Merdeka square.The last one i want to recommend is Aquaria KLCC, because it is the first aquaria in Malaysia.

First i want to teach you how to make  KLCC  pop up building? 
you just need to follow my step.

First Step is:
You need to think how is the KLCC building look like and how to make in pop up, first i draw the basic model and the part i want to pop up.

Later cut down the basic model and outside the paper.

Make the the basic model pop up.

Do four times the basic model.

Cut down the Model background .

All the things are done you can stick together like this.


 Step 2:
The model are success, now i can try to put into the Ai,first i take down the model picture and use pen tool the draw the basic line of the model.

Also use the rulers.

.

Try to put the KLCC building picture in to the modal and background.

Step 3  

Now i know the KLCC building look like in Ai.but, i want to make in real.so,i go to found the real one KLCC building pictare and cut into my model.

 

This is do the background.

put into the KLCC building.

This is the final look like.

 Next is how to make KICC page design:

Final process:

 
THE SECOND ONE IS HOW TO MAKE MERDEKA POP UP BILDDING


Step 1:
I also need to think how is the Merdeka building look like and how to make in pop up. First, i try to draw the model and the part i want to pop up. 

That I cut the window.

Make in pop up.

I colors

 Step 2:
The model are success,i put into the illustrator and use pen tool to .

 

I put the real one Merdeka building into the illustrator.

I cut down the front door is for the part need to pop up

Left and right also done the same things.

Now is put the back ground.

Also use the rulers.

This is the final look like .

Next, is to do Merdeka page design:

Final process:

 THIRD ONE IS HOW TO MAKE SHARK HEAD POP UP:

Step 1:
First,i found the the shark head pop up form the internet and i change the shark head look like become more nice.

That, I cut in out.

Stick the shark head.

Later i stick the shark head,i color the shark head.

Step 2:
Now i put the model into the illustrator and make in become real look like.

 

  

 

This is the final look like of the shark head.

Next,is to design Aquaria KLCC page:

Final process:

FINAL PROCESS:VIDEOS