Système de polices

Author(s) : Julien Wieczorek – Mehdi Lakehal – Hugo Grillat

WebFontConfig = { google: { families: [ ‘Stalinist+One::latin’ ] } }; (function() { var wf = document.createElement(‘script’); wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’; wf.type = ‘text/javascript’; wf.async = ‘true’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(wf, s); })();
Les polices natives des navigateurs sont très pauvres, et peu originales (Arial, Helvetica, Times New
Roman, Verdana, Trebuchet…).
Dès qu’un webdesigner veut ajouter une typographie moins commune à son site internet plusieurs
solutions existent :
• Afficher son texte à partir d’une image, mais cette solution est lourde, et il faut refaire
l’image dès que le texte change.
La balise CSS @font-face depuis CSS 2 (1998) mais qui fut très peu incrémentée par les

navigateurs, avec de nombreux problèmes et l’obligation pour l’internaute de télécharger
préalablement la police.
• Utiliser un service web externe type Google Web Fonts ou Font Squirrel qui extrait un code
JavaScript pour pouvoir profiter de la balise @font-face
• Ou un utilitaire, sorte d’émulateur de la balise CSS, fonctionnant généralement sous Flash et/
ou JavaScprit

Sur cette dernière solution il existe plusieurs utilitaires :
• sIFR (Flash)
• sIFR Lite (Flash)
• FLIR ou Facelift (PHP + GD)
• Typeface.js (SVG/VML)
• Cufon (JavaScript)

L’outil proposé par Google : Google Web Fonts, est très complet et très simple d’utilisation. Ainsi
nous pouvons intégrer une typographie, un « compteur » nous montre la rapidité de chargement de
la police sur notre prochaine page, et le code nous ait donné en Html, @import et JavaScript.

Comment procéder pour mettre en place une typographie (police) sur un site :

Pour cela nous avons choisie de prendre Google Web Fonts.

1er Etape : Recherche d’une typo :
Susceptible d’être changé par la suite, nous avons pour l’instant pris la typo « Redressed
by Astigmatic »

2e Etape : Test de la typo (taille, etc ..) :
Permet de constater le rendu de la typo avec une phrase ou un mot, nous avons testé le mot « E-
Commerce »

3e Etape : Récupérer le code CSS :
Un code CSS est fournit à la fin de la manipulation pour qu’il soit mis directement sur le site (non
testé encore)

Pourquoi nous avons pris Google Web Fonts ?

• Un site web facile à prendre en main

Le site « Google Web Fonts » met à disposition un lot important de polices qui vont servir pour
construire son site.

• Intégration facile de polices sur un site web

Google offre la possibilité d’intégrer une ou des polices dans un site simplement en utilisant une ligne
de code (qui est le CSS) et qui est à placer dans le .

• Possibilité de télécharger les polices

Nous avons la possibilité comme sur DAFONT.COM de télécharger des polices qui peuvent par la
suite être réutilisé dans « Google Web Fonts » ou alors dans un autre comme « CUFON ».

Nous pouvons constater que beaucoup de polices ne comporte qu’un seul style, ce qui limite les
possibilités, notamment pour du print.

Le choix d’une police passe aussi par sa lisibilité à plusieurs résolutions d’écran. Les internautes
surfant avec Windows XP et n’ayant pas activé Clear Type par exemple, aurons du mal à distinguer
les polices web.

How smartphones and tablets are shiftingmedia consumption

Author(s) : Linda Abraham, CMO comScoreRené Schuster, CEO Telefónica Germany

 Tablets and Smartphones

Download the presentation (need to be logged with an google account)

CONNECTED EUROPE

How smartphones and tablets are shifting media consumption

As presented in this report, today’s digital environment is evolving in Europe, helped by the rise of devices people use to consume content at home, at work and means of transport. Not too long ago, European consumers depended only on their desktop computer or laptop to connect to the internet at work and at home. Today, a growing number of consumers are greatly helped to access a variety of digital content across a multitude of devices like tablets and smartphones.

Keywords :

  • The Rise of smartphones and tablets (42% smartphone penetration in UE5 and 39% in USA)
  • Key Players in the fragmented mobile ecosystem (Google’s Android, Apple IOS, Nokia’s  Symbian)
  • Mobile Media is booming (75% of smartphone users in the EU5 used mobile media in October 2011, an increase of 62% in the past year.)
  • Mobile commerce increase (Mobile retail is one of the fastest growing phenomena amongst smartphone users)

ANDROID GOES MAINSTREAM

In ending October 2011, Android had a better increase of users compared with its rivals, in fact the increase is 330.2% for Android system against  54.3% for IOS system (Apple)

TABLETS NOT JUST FOR MOBILE USERS

In the EU5 region, 6.6% of mobile phone owners also owned a tablet in October 2011.Spain is leading the charge in tablet adoption followed by Italy, France, United Kingdom while Germany is last.

APPLE ECOSYSTEM TAKES TOP SPOT FOR TOTAL DEVICES IN USE

Symbian and Android lead the smartphone market, but Apple takes the top position when combining smartphones, tablets and other devices with a 30% share of devices in use followed by Android with 27% and Symbian 26%.
In the Tablet market Apple with IPAD leading the market followed by Android and Microsoft (Windows system for tablet).

MOBILE LEADS BUT TABLETS GAINING STEAM

In this analysis the UK led with the highest share of connected device traffic coming from non-computer sources (Mobile, Tablet, other) at 7.7%, the majority of this non-computer traffic is from mobile phones (5.1%) and tablets (2.0 %) in the UK.
EU5 region computer usage accounted for 95.1% of all browser based page views,with mobile devices (3.2%) majority of the 4.9% of non-computer traffic, 1.4% of digital traffic for tablets, and 0.3% to other connected devices such as games consoles.
France and Italy had the lowest share of traffic coming from non-computer devices, with 2.4% of non-computer traffic with mobile and tablet devices.

TABLET USAGE SPIKES AT NIGHT

On this diagram you can observed that during a day, smartphone and tablet usage experienced the highest relative percentage of its activity in the late evening between 9-11pm.  We can see than mobile and tablet consumption were quite similar with mobile traffic showing peaks during travel hours (around 7am and 6pm). Computer-based traffic had its highest relative consumption during working hours.

DEMOGRAPHIC PROFILE

In the EU5 region, men were 25% more likely than the average mobile owner to access mobile retail sites, we can see that mobile users between 18-24 years of age were twice more on mobile retail site as the average mobile consumer, whilethose age 25-34 were nearly 75%.

SMARTPHONES OPEN UP A WHOLE NEW WORLD FOR CONSUMERS

In this analysis we can see what services are accessed by Smartphone Users in EU5 region, people accessed  bank account from their device (20.3%), folowed by online retail with 13.9%, then electronic payment services to purchasegoods (12.1%).

Conclusion :

Thanks to this this document, we can see that Smartphones and Tablets are gaining on computers more and more, and that Mobile Media is booming since the last few years . The EU5 market is fragmented across three ecosystems IOS by Apple, Android by Google and the new partnership of Microsoft/Nokia.
We can also said that consumers will continue to expect mobile commerce as a fact of life and will only accelerate their usage of mobile devices to conduct commerce transactions, that’s why e-commerce is  a growth sector and i think is going to be with us for a long time thanks to new devices like tablets and smartphones.
 
Bibliography:
 
CONNECTED EUROPE – How smartphones and tablets are shifting media consumption
Linda Abraham, CMO comScore René Schuster, CEO Telefónica Germany

Digital marketing in the arts

Author(s) : Stephanie Challener

 Digital Marketing in Arts
 
 
Digital marketing or digital marketing refers to all marketing techniques used in media and digital channels. Digital marketing includes applications related to Internet marketing (web marketing), but also those related to mobile phones, tablets, GPS and other applications and digital media. We will study in this review the different marketing techniques used in digital art today. 
 
 
 
Detroit Symphony Orchestra

Is a symphony orchestra the most famous Americans. The orchestra launched the first webcast that was broadcast around the world in April 2010. Then in October 2010, the DSO has developed mobile applications for Android and iOS devices. This allowed their first concert webcast Pops.The goal is to use technology live web streaming in the framework of a broader marketing strategy and become "the most accessible orchestra on the planet, visible as possible by anyone anywhere" said Scott Harrison, senior director of patron engagement and loyalty and also general manager for digital media. "The DSO has achieved 25% of ticket sales through the website," according to Scott Harrison. Digital Marketing was therefore a very high return on investment. The advantages of digital media marketing growth in ticket sales and recruiting more subscribers.

 

 Indianapolis Symphony Orchestra

When it began in a quest to expand beyond its main customers. "The campaign was designed to reach audiences through digital media social media marketing, mobile communications and the Internet," said Mark Newman, Vice President of Marketing and ISO communications.Social media, e-mail, website and applications for smartphones are at the heart of marketing efforts ISO."Email marketing provides a constant stream of ticket sales," says Newman. Nearly 40% of ticket sales take place online and track the sales back to the mailing.The email is as one of the main ingredients of the marketing mix to increase ticket sales, let your audience know of upcoming events, and maintain contact with customers.To varying degrees, digital media have become an essential ingredient in the marketing mix of art.In the United States, arts organizations generally consider a rate of 20% open standard. And in the UK, arts organizations typically reach a rate of 30% open, but they tend to send emails less frequently.

 

National Theatre of Scotland

Has invited people of all ages to submit ideas for five minutes of work they could produce and perform. A 24 hours broadcast games five minutes throughout Scotland, United Kingdom and elsewhere, some pre-recorded and played some live "live web" in time slots specifically designated. Within 24 hours, 1,000 participating artists received 22,000 views on the web from 6300 people in 51 countries. Mini-shows were also posted on the YouTube channel individually; bringing to 26,000 other views and continues to climb.

 

Conclusion

Consumers are spending more and more time on social media at the expense of other media. This change in behaviour required an adaptation of professionals to communicate their messages and reach their audience. With this advent, you can think, create and perform an artistic activity through social networks ? And if yes, what manifests this art form ?

Pinterest is a good asset in a social network that allows users to view, share and discover new interests "pinning" (images or videos on their own or others’ favorites). Users can upload images from their computer or "pin" things they find on the Web using the Pinterest "Pin It" or URL.It is a way to manage a part of the proceedings lives and drive traffic to pages on a website and help the company. Early research indicates that Pinterest is more effective to generate traffic from other social media sites, even on Facebook.


 

LB_Smile_Référencement.pdf

Author(s) : Smile

Introduction

There are many false ideas concerning the SEO. For example, that it is enough to pay a good person receiving benefits(provider) so that your sites / portals are automatically in the front pages of Google, or so that it is enough to work its SEO during the launch of its site then to affect nothing more in the months / years which follow.
A accompaniment in the SEO is a set of stages to respect, before the on-line publishing, during the work of conception and necessarily after all the work of implementation (follow-up, optimizations). All this so that your project can collect(harvest) most possible visibility, with the most qualified possible traffic.

  • 71,3 % of the French connect in Internet (in February, 2011)
  • 9 on 10 make searches(researches)
  • 90 % of them use Google

 

Hypotheses

Before dashing into the creation of its Web site, it is necessary to ask the good questions:
–     For  Which keywords I wish to be positioned well?
–     If I have things to be sold, while look for my customers?
–    And more exactly, how my customers will express their research?
The choice of key words for your contents is strategic. It is going to have an impact on your whole site: arborescence, contained by pages, META beacons, … All this by asking a simple question: what the Internet users could use as request to find your site?

 

Results

The Internet users reach a site of three manners:
1 – by typing directly the URL or by selecting it in a bookmark
2 – by following a link since an another site / blog / forum / networks social
3-  by a research on a search tool.

Without contents there is nothing to index, thus any possibility of reaching the Web site unless entering the direct url. It is thus essential to have some contents on our site and to choose keywords with relevance.
The contents are a good thing, but to make visible all this preparatory work, here is come the stage which will make the difference with your competitors: the popularity.

One of the means to increase this popularity it’s to use the method of "backlinks". Backlinks is external sites which an URL for your site. It will aim at increasing your fame. 

 

CONCLUSION

After several years of experience of the actors in this domain, and the observation of the evolution of engines, it seems that the quality of the bottom (wealth of contents, relevance, organization, specialization of pages) and of the shape (simplicity, respect for the standards, the application of simple rules of organization of the contents) stay the sure values: a well thought, well realized site, and well followed, should in the great majority of the cases obtain and keep a good positioning.
Near engines, the hegemony of Google allowed to stimulate Web to increase the quality by it. 

Understanding Social Media In China

Author(s) : Cindy Chiu, Chris Ip and Ari Silverman

 

 

 

Most famous social media don’t have access to China (Facebook, Twitter, YouTube …), nevertheless China has developed its own social media because it’s very important and it’s the second biggest economy in the world. Despite they’re not using the same social media than occidentals; they are doing the same thing on it. (Preparing journey  …)
First of all we are going to emphasize the importance of Social media in China.
 
Not only that, China have the world’s biggest internet user base (513 million, twice more than the United States) they also have the world’s most attractive environment for social media with 300 million more users than other people in the world. Not only they use them a lot but they also have multiple social media accounts. China’s online users spend 40% of their time on them, and more and more people are using their phone to access to them. The most famous social network is weibo. Weibo is a Chinese micro blogging website (corresponding to Facebook or twitter)                                                                
 
Social networking allows a lot of companies to develop themselves (they could embed multimedia content 18 months before Twitter). First in 1994, there were only forums and communities then, instant messaging, blogs and to finish social networks.
We can notice that the Chinese appreciate a lot the fact that they can say their opinion about anything on the web. And thanks to an independent survey we notice that 66% of Chinese relied on their recommendations from friends or family. (Instead of 38% in the USA).But they are skeptical of authority.
The fact that Chinese share their opinions about anything and everything increase the completion in China. Indeed a lot of companies hire people to write positive things about their products and discredit their competitors. Companies try to do deals with them and try to identify the writers but it’s not easy, because of the possible risk to draw the wrong conclusion about the customer’s opinion.
For exemple, thanks to the social media some companies tried to promote their product by producing a drama series dedicated on their web site. People lived it and share it with everyone single person they new
China’s social media sector owns a lot of platforms. Each one has at least two major local players. According to marketers, this fragmentation requires a lot of skills and resources, which allows managing the complexity of social media. Indeed a lot of companies have to adapt ads to Chinese customers (like Dove or Estee Lauder.)
Thanks to the development of social media, people expect individuals’ answers right now.
 

Conclusion:
 
 

To come to the conclusion, even if China doesn’t use Facebook, Twitter or YouTube, China is the biggest social media market in the world with a lot of users who own a lot of account on different social networks. Plus they spend a lot of time on it. More than other people in the world. For many people social media have become the only source of news (social arrest, natural disasters, and protest even if China ‘government tries to avoid it.). We can wonder on means that the government is going to set up to controller that. And using social media is one of the key to reach customers (brands, reach new customers, lunch products …).
If China’s social media (weibo…) are those attractive maybes we can wonder if they will work at the international ladder.
 

Authors:
 
 

 McKinsey Quarterly is a business journal of McKinsey & Company. They aim at offer new ways of thinking about management in the private, public, and nonprofit sectors.  And to help business people run their organizations more productively, more competitively, and more creatively.
Quarterly articles, written by McKinsey consultants, offer practical ideas based on the Firm’s experience with the world’s largest companies and on proprietary research and close ties to academic institutions.

responsive_FourQuestionsGuideWebMobile

Author(s) :

Four Questions Guide Web Content Management Plans
These days, costumers have many options to go online. There are computers, smartphones and tablets but also TVs, eReaders and even gaming consoles. That’s why today it’s very important for the content and collaboration (C&C) professionals to consider new strategies for their web content management (WCM).
The mobile demand is explosively growing and the American company Forrester forecasts that by 2015 in the USA alone there will be 159 million smartphones and 82 million tablets in use. It is therefore necessary to develop the mobile content which will require not only time, effort and money but also new skills, processes and in some cases even new technology will be necessary.
Furthermore a Forrster’s survey showed that the online customer experiences are no longer limited to traditional websites. Today there are 60% of online US adults who engage in the mobile channel. For the organizations it has become important to support all these channels but there are also difficulties because to satisfice the customer’s expectations you have to create tailored presentations for multiple mobile devices.
To make these processes a lot of easier for the organizations and to not waste too many time the Four Questions Guide was developed to manage the web mobile content.
First of all you have to consider whether to use mobile web, mobile apps or both. A Forrester’s survey showed that 61% of US online adults who download app on their smartphones are more likely to access to mobile internet at least daily. So for the C&C professionals these means instead of thinking about going mobile with a website or an app they should consider to deliver content to both and they should rethink what functionalities works best in apps versus mobile web. According to a survey apps are better for rich user interfaces and/or discrete functionality like for example checking your bank account or flight status. The mobile web however is more used for general information.

The second question is to consider whether to use device-specific or device-agnostic.
The use of device-agnostic means that there a fewer templates to manage and it’s easier to maintain presentation and brand consistency. But the disadvantages are that there is an increased chance mediocre experience and the use of device-agnostic doesn’t allow taking advantage of device-specific characteristics. Because the advantage of device-specific is a better customer experience. In contrast to device-agnostic, device-specific has the ability to take advantage of device-specific characteristics. But therefore there are more templates to manage and it’s harder to maintain presentation and brand consistency.

The third point of the Four Questions Guide is how to structure presentation templates.
A power and business user friendly approach is better when presentations have a great number of variations. This is given with WCM vendors like for example Adobe or SDL who allows creating global content and presentation elements in order to manage families of presentation templates that support traditional web, smartphones, tablets and other devices. But if there are fewer variations between presentations and developers maintain those variations, it’s better to use fewer presentation templates and manage device-specific requirements.

And last but not least the fourth and last point of the Four Question Guide is weather to use the technology that the existent web content management vendors provide or go with a mobile specific development and delivery platform.
Already today WCM vendors allow to manage traditional web and mobile experiences within the same the content management and development environment. But not every single portions of a company’s website may be delivered via one same WCM, that’s why WCM-based mobile functionality may only work for a portion of a website.

In summary the C&C professionals have to start thinking about multichannel content management rather than WCM. They need to design channel-agnostics content processes and architectures. Also the C&C professionals should optimize content for less real estate and bandwidth rather than more.