http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/

Mais comme vous pouvez le voir, ce menu est développé avec jQuery, dont je ne suis pas particulièrement fan… Je l’ai donc converti pour Mootools 1.2 et voici les sources :

HTML

<div id="menu">
 <!-- Bloc menu. Toujours visible -->
<ul id="topnav">
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
</ul>
</div>
<!-- Fin menu -->

Javascript

window.addEvent('domready', function() {
 
                $$("#topnav li").each(function(el) {
                    var nvSpan = new Element("span");
                    nvSpan.innerHTML = el.get('text');
                    nvSpan.inject(el, 'top');
                });
 
                $$("#topnav li").each(function(el) { //For each list item...
                    var linkText = el.getFirst("a").html; //Find the text inside of the <a> tag
                    el.getFirst("span").html = linkText; //Add the text in the <span> tag
                });
 
                $$('#topnav li').addEvent('mouseenter', function(e) {	//On hover...
                    this.getFirst('span').tween('margin-top', '0', '-40px');
                });
 
                $$('#topnav li').addEvent('mouseleave', function(e) { //On hover out...
                    this.getFirst('span').tween('margin-top', '-40px', '0');
                });
 
            });
});
</span></a>

CSS

ul#topnav {
    width: 900px;
    width: 900px;
    display: inline-block;
    margin: auto;
    padding: 0;
    list-style: none;
    font-size: 1.1em;
}
 
ul#topnav li{
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    height:40px;
    text-align: left;
}
 
ul#topnav a, ul#topnav span {
    padding: 10px 20px;
    float: left;
    text-decoration: none;
    color: #fff;
    background: url(images/menuBg2.png) repeat-x;
    text-transform: uppercase;
    font-size: 10pt;
    clear: both;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
 
ul#topnav a{
    color: #555;
    background-position: left bottom;
}
 
ul#topnav span{
    background-position: left top;
}

Et voici l’image menuBg2.png histoire que vous ayez un modèle (à répéter sur l’axe X):

et pour infos (encore), voici cette image répétée un certain nombre de fois :

La démo est disponible ici.

Voilà, n’hésitez à me dire ce que vous en pensez ;)

NewbieContest

La sécurité informatique a beaucoup évoluée ces derniers. Avec les innovations techniques qui ne cessent de déferlées, il faut que les programmeurs soient de plus en plus prudents. La vulgarisation du piratage n’est pas pour aider ces derniers.

Beaucoup de personnes ne semblent pas encore saisir les enjeux d’une sécurité informatique obsolète (cf. Zataz.com et milw0rm.com), ou ne semblent pas vouloir s’y attarder plus que ça. Cependant, comprendre que la sécurité ne se limite pas à orienter ces utilisateurs vers un mot de passe dit « fort », un très bon site vous propose une suite de petit challenges gratuits et légaux qui ont pour but de vous faire pirater une application volontairement obsolète. Ce site, c’est NewbieContest ! Lorsque vous réussissez un challenge, selon sa difficulté, vous remportez un certain nombre de points qui vous permette de vous placer dans le classement des inscrits.

Les challenges sont répartis dans plusieurs catégories :

• Épreuves Crackme : cette catégorie contient des petits exécutables et vous devez trouver le moyen de le cracker
• Épreuves Cryptographie : cette section traite de la cryptographie. Je ne m’y suis pas penché plus que cela
• Épreuves Hacking : ici, vous devez trouver une faille et vous engouffrer dedans pour pouvoir trouver le mot de passe
• Épreuves Javascript/Java : Tout se passe autour de ces deux langages. Tous les moyens sont bons pour arriver à vos fins.
• Épreuves Logique : Il suffit de réfléchir ! Pas forcément de hack à proprement parlé, mais vous formez votre esprit à réfléchir de façon logique
• Épreuves Programmation : Pour réussir les épreuves de cette catégorie, vous devrez certainement codé un programme en local
• Épreuves Stéganographie : Ces épreuves reposent principalement sur une chaine de caractère cachée quelque part, en clair ! Reste à trouver où.

L’inscription est gratuite, et vous disposez de quelques tutoriaux pour vous former aux éventuelles technologies indispensables. Si les premières épreuves correspondent aux débutants, dés que l’on avance un peu, les choses se corsent assez rapidement (les premières épreuves peuvent même devenir lassante face aux autres !)

Je tiens à le répéter, tout cela est LEGAL puisque les applications et les codes utilisés sont créés pour ce site et n’ont pas de droits d’auteur, vous ne vous retrouverez donc pas en procés contre Adobe pour piratage de son dernier logiciel de retouche photo ! L’inscription est gratuite et ne demande aucun téléchargement, aucune information personnelle ! Rien !

Amusez-vous bien en découvrant ce monde méconnu. Quel est votre score ? Butez-vous sur une épreuve ??

Un vieux jeu vidéo

Comme quelques un d’entre vous ont pu s’en rendre compte, ça fait un petit moment que je ne suis pas venu… Tout simplement parce que j’ai fait la bêtise de me mettre à jouer à un jeu vidéo… et j’ai lâché tout le reste à côté… Oui, je sais, c’est nul, mais maintenant, c’est le grand retour !!

J’ai tout de même eu le temps de choisir quelques petits trucs à faire :)

• Une application avec AIR, histoire de découvrir un peu les langages
• Un module pour un site web avec un framework PHP et l’API Twitter (un peu plus de détails dés que ce sera officiel)
• Un design complet pour un site web

Oui, c’est un peu compliqué de tout faire en même temps, et en plus de ça, ce n’est pas rémunéré… Et je suis étudiant, et j’ai besoin d’un travail rémunéré…

Alors j’en profite pour lancer un appel :

Je recherche un job rémunéré sur un projet de développement informatique. Vous pouvez trouver mes compétences professionnelles sur Ambitious-Vision.net

N’hésitez pas à me contacter si vous avez des questions, et à bientôt sur de nouveaux billets !

Tours twitte-t-il ?

Voilà un petit évènement bien sympa sur Tours, histoire de passer une soirée cool et détendue en companie de personnes partageant la même passion que nous. Le thème principal sera, comme son nom l’indique, Twitter.

Je me suis inscrit à ce service il y a quelques mois maintenant, tout en ayant d’abord trouvé ce concept tout à fait ridicule… Mais finalement, je me suis fait prendre au jeu et me voilà maintenant presque accro. Entre veille technologique et suivi de l’actualité, Twitter peux aider assez régulièrement. Certains voient ça comme quelque chose de génial, un phénomène impressionnant, moi je vois ça comme un outil qui, comme tous les outils, fait toujours forte impression chez les gens qui racontent leur petite vie sur le net. (Facebook power !)

Bref, vous pouvez venir découvrir ce milieu ou exposer votre point de vue, dans tous les cas n’hésitez pas à venir : Tours twitte-t-il ? sur freetux.net

Première surprise, en 20 minutes, tout est prêt ! Whouahouh. J’ai eu le temps de réfléchir un peu sur mes partitions, d’annuler les ratés, et d’installer entièrement le système. Je boot pour la première fois sur mon nouveau système au bout de seulement 20 minutes. Rien d’extraordinaire, certes, mais je suis étonné qu’un système Windows s’installe aussi vite, habitué à la lenteur de XP…

De plus, durant cette installation, il a reconnu tout seul ma carte WiFi et s’est connecté tout seul au réseau pour télécharger quelques petits modules et pré-réglés mes connexions réseaux. Ainsi, il a détecté et installé également ma carte Ethernet, ma carte Bluetooth, mon lecteur multi-cartes. De fait, je n’ai pas eu besoin d’installer un seul driver pour pouvoir disposer de mon nouvel OS.

Screenshot Bureau Windows 7

Me voici donc sur un joli bureau tout clair, trop clair même et le thème est hideux : ah bah oui, je n’ai pas installé mes drivers graphiques. Seul problème, ma carte est une nVidia qui est dans un laptop, donc les drivers classiques ne fonctionnent pas toujours très bien… et c’est pourquoi j’ai l’habitude de télécharger ceux sur le site de mon constructeur.  Mais pour Windows 7, rien de prévu du côté des drivers. Je commence donc à me demander comment je vais faire. Et là, j’ai une petite notification de mon nouvel OS qui me dit qu’il y avait des nouvelles mises à jour qui sont à installées… Et là que vois-je ? Le driver de ma carte graphique. Tout propre, tout beau. Je l’installe donc et, tout fonctionne correctement. Surpris par ce succès, je me lance dans la même aventure pour ma webcam… Et ça se passe pareil, tout fonctionne très bien tout de suite ! Vous pouvez voir sur le screenshot ci-dessus les drivers de ma carte son et de mon touchpad disponibles sur Windows Update (et gratuitement !)

Mes drivers dans Windows Update

La consommation de ressources, quand à elle, semble correcte bien que je n’ai pas réellement beaucoup  poussé l’utilisation pour le moment. Donc, le démarrage est assez rapide, l’extinction aussi, mais je n’ai pas de valeurs à vous donner. Ca viendra dans un billet un peu plus tard, une fois que j’aurais eu le temps d’exploiter un peu plus la chose.

L’interface graphique est vraiment sympa, on dispose toujours du thème Aero, et nous avons la prévisualisation des fenêtres, bref, tout comme sur Vista. Les icônes sont un peu plus gros(ses) – je ne sais pas trop comment on dit, et personne n’arrive à me répondre clairement – ce qui permet, inconsciemment, de mieux ranger son bureau. Les fonds d’écran restent médiocres, mais bon, on est pas là pour ça :)

Le menu démarrer permet de voir les documents récemment ouverts (avec Paint dans l’exemple), ce qui laisse entrevoir de belles possibilités avec les logiciels tels que Office ou autres dans le même genre.

Le menu Démarrer de Seven et son historique

Voilà, c’est tout pour le moment, parce que je ne suis pas encore allez assez loin et puis ce n’est pas en deux jours que l’on peut dire si le système tourne bien ! Je vous promet de revenir avec des nouvelles dés que j’ai un peu poussé l’utilisation de la bête et que je l’aurais un peu surchargé d’opérations bien gourmandes pour voir comment il s’en sort.

Le BTS est un diplôme d’Etat niveau III (bac +2). La formation est accessible après un bac. Dans ma promotion, je côtoie des gens qui proviennent de toutes sortes filières : techniques, électroniques, STG, et scientifiques pures. Cela crée un panel de compétences très diversifiées qui donnent une classe qui ont toutes les compétences requises, cependant, les élèves une fois pris indépendamment, cette différence crée un handicap pour l’enseignement puisqu’il faut une mise à niveau dans chaque matière.
De façon assez logique, ceux venant d’une formation scientifique (comme moi) sont assez à l’aise en mathématiques où le niveau n’est pas extrèmement élevé, mais flanchent un peu au niveau de l’Eco-Droit par exemple. C’est tout le contraire pour ceux venant des formations type STG.
Il faut savoir tout de même que les formations scientifiques (pour ma part, Bac S option Science de l’Ingénieur) sont globalement plus à l’aise.

La formation se déroule donc dans un lycée et la manière d’enseigner et donc dans la continuité de nos études précédentes. Le travail à la maison est donc présent mais beaucoup plus faible que les formations en fac. On est donc très assisté par les professeurs et les cours peuvent être assez lents dans certaines matières, toujours dans l’idée de cette mise à niveau de tous les élèves.

Le contenu de l’enseignement peut être un peu déroutant pour qui souhaite se plonger dans l’informatique technique uniquement.

Nous avons donc une formation de base sur la comptabilité ainsi que sur l’économie et le droit. Ces aspects nous permettent de dialoguer avec les acteurs de l’entreprise qui nous commandera les produits. Créer un programme gérant la comptabilité sans connaître les aspects de cette dernière est forcément assez compliqué. L’économie nous permet de comprendre les concepts de base de l’entreprise et de son fonctionnement économique. Pour le droit, nous étudions le droit appliqué à l’informatique, avec tous les pré-requis que cela engendre…

Nous étudions également la gestion de projet, partie malheureusement très courte, beaucoup trop même. On apprend la durée théorique d’un projet, sans concevoir les tâches elle-même et l’ordre dans lequel elles doivent être effectuées (diagramme PERT, GANTT, etc…). C’est instructif, mais on pourrait en attendre un peu plus.

Au niveau de l’enseignement technique, pour le développement, nous apprenons l’algorithmique. Cela nous permet d’apprendre à structurer proprement et correctement notre code et d’améliorer notre raisonnement.
On applique ensuite cela au langage C# pour le procédurale et VB.Net pour l’évènementiel. Les langages sont malgré tout choisit individuellement par chaque lycée (le CNED par exemple choisit le WinDev).
Nous apprenons également le SQL pour les systèmes de gestion de bases de donnnées relationnelles, puis quelques notions réseaux.

Nous apprenons également une technique de conception et organisation des bases de données : la méthode MERISE. Toutes les notions apprises de façon autodidacte sur Internet sur le SiteDuZero sont donc à mettre à la poubelle immédiatement.

Par contre, n’oubliez pas que ce récapitulatif ne concerne que la première année du BTS. D’autres notions sont vues en seconde année telle que l’approfondissement des connaissances sur les langages orientés objet (Java pour mon lycée).

Au niveau de la poursuite après le BTS, vous avez la possibilité de continuer en école d’ingénieur (intégration en première année, après la prépa). Ces profils sont de plus en recherchés puisque les BTS ont une formation technique plus évoluées et sont souvent plus travailleurs que ceux qui sortent de prépas (épuisés par ces deux ans).

Cette formation est donc assez complète mais on sent bien que l’on est cantonné à niveau technicien, les notions ne sont pas forcément approfondies à fond.

Et vous, quelle formation avez-vous eu ?