Page 8 sur 10

Re: Questions / Réponses

MessagePosté: Lun Mai 11, 2015 16:58
de Selexium Earth Trip
J'ai encore une question ...

Je cherche à réaliser ceci :

Image

Mais la difficulté, c'est que j'aimerais le réaliser en dynamique pour un site internet, donc PHP principalement.

J'ai récupéré la police d'écriture, j'ai tenté de faire un tableau fond noir, écrit jaune, mais ce ne rend pas du tout dans ce genre.

Y'aurait il des experts par ici ?

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 16:11
de fallen
Qu'entend tu par "dynamique" ?

Un affichage programmable pour etre en "accord" avec tes vols IG?
ou plus simplement le défilement des caractère au chargement de la page juste pour la déco?

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 16:17
de Selexium Earth Trip
En fait j'ai une base de données MySql avec les infos de mes avions, mes lignes, mes vols ... et j'aimerais afficher les informations de cette base de données à l'intérieur.

J'ai déjà les requêtes SQL prêtes et qui fonctionnent, mais je n'ai aucune idée de comment monter le tableau d'embarquement graphiquement pour y mettre les informations à l'intérieur.

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 16:38
de fallen
D'un point de vue technique je ferais ça en Java et pas en php.

Pour le coté mise en page /graphique je dirais crée un tableau sur ta page web, l'habiller des parties "fixe" et ... c'est la que je coince Image
Il doit y avoir un truc tout bête pourtant. Tu a regarder du coté des forum web/dev/graph ?

Ça m’intéresse aussi donc je vais voir de mon coté!

P.S : Sur le site D'adp ils on un tableaux dans le genre ...

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 16:45
de Selexium Earth Trip
Le problème est qu'en Java ... j'y connais rien. Déjà que mes souvenirs de PHP remontent à très loin, Java c'est bien trop pour moi ...

Je vais regarder du côté des forums oui, je pense que là, on ne peut pas échapper à une programmation lourde de type Flash/Java avec une CSS bien particulière ... bref ... Image

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 16:57
de fallen
"Flight board javascript" dans google et tu trouvera ton bonheur! (il y a des model dispo pas besoin de codé)

Peut être plus difficile de lié le tableaux a la BD mais si tu a un planning fixe pour la semaine un "simple" c/c sur les lignes adéquate devrais te donner un résultat correct je pense.

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 17:53
de Selexium Earth Trip
Super je vais regarder à ça !

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 19:07
de Maarten99
Selexium Earth Trip a écrit:Le problème est qu'en Java ... j'y connais rien. Déjà que mes souvenirs de PHP remontent à très loin, Java c'est bien trop pour moi ...

Je vais regarder du côté des forums oui, je pense que là, on ne peut pas échapper à une programmation lourde de type Flash/Java avec une CSS bien particulière ... bref ... Image


On parle d'un tableau qui s'anime quand il y a un changement de vol, ou juste quelque chose qui y ressemble visuellement avec les prochains vols ? (mais donc qui ne s'anime pas, et se mets juste à jour quand F5)

Sinon, j'ai réussi à bidouiller ça sans trop de difficultés, en utilisant une police imitant environ un effet "tableau" (je suis sûr qu'il y en a qui le font mieux, mais j'ai pris la première que j'ai trouvé) :

Image

Re: Questions / Réponses

MessagePosté: Mar Mai 12, 2015 21:20
de Selexium Earth Trip
Maarten99 a écrit:On parle d'un tableau qui s'anime quand il y a un changement de vol, ou juste quelque chose qui y ressemble visuellement avec les prochains vols ? (mais donc qui ne s'anime pas, et se mets juste à jour quand F5)

Sinon, j'ai réussi à bidouiller ça sans trop de difficultés, en utilisant une police imitant environ un effet "tableau" (je suis sûr qu'il y en a qui le font mieux, mais j'ai pris la première que j'ai trouvé) :

Image


L'exemple que tu montres est exactement ce que je veux ! Après, qu'il s'anime ou pas (F5 ou non) c'pas réellement important c'est surtout le visuel qui m'intéresse ! Ce que tu as fait est pile dans ce que je cherche !

Re: Questions / Réponses

MessagePosté: Mer Mai 13, 2015 01:32
de Maarten99
La police que j'ai trouvé : http://www.dafont.com/solari.font (j'ai utilisé la version inverse, texte noir sur fond blanc, disponible dans le même zip).

Au cas où t'as des soucis avec le code, je te mets ce que j'ai utilisé (à adapter évidemment, surtout les requêtes MYSQL) :

Le tableau :
Code: Tout sélectionner
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Departures</title>
      <link rel="stylesheet" href="tableau.css" />
      <?php include("functions.php");?>
      <?php $min_len = 4; /* Minimum length flight ID */
      $comp_ID = "FR";
      $report = "On.Time";?>
    </head>

    <body>
   <div id = "departs">
   <table>
   <caption> Departures </caption>
   <tr id = "pres_line"><td>Flight</td><td>Time</td><td>To</td><td>Gate</td><td>Remarks</td><td></td></tr>
   <?php
   try
   {
      $bdd = new PDO('mysql:host=localhost;dbname=vols;charset=utf8', 'root', '');
   }
   catch (Exception $e)
   {
        die('Erreur : ' . $e->getMessage());
   }
   $reponse = $bdd->query('SELECT num_vol, aero_arr, heure_arr, HOUR(heure_arr) AS h, MINUTE(heure_arr) AS m FROM vols WHERE HOUR(heure_arr) >= HOUR (NOW()) ORDER BY heure_arr');
   while($ligne = $reponse->fetch()){
      $num_0 = $min_len - strlen($ligne['num_vol']) ;
      //echo $num_0;
      ?>
      <tr>
      <td> <?php echo $comp_ID;
         if($num_0 >0) {
         for($i = 1 ; $i <= $num_0 ; $i++) {
         echo "0" ; }
         }
         echo $ligne['num_vol'] ;?></td>
      <td><?php
      for($i = 0; $i < 2-strlen($ligne['h']); $i++){ echo "0" ;}
      echo $ligne['h'].".";
      for($i = 0; $i < 2-strlen($ligne['m']); $i++) echo "0";
      echo $ligne['m'];?></td>
      <td><?php echo renvKar($ligne['aero_arr'],10)?></td>
      <td><?php $gate = (15*$ligne['h']+26*$ligne['m'])%43+1;
      if($gate>=10) echo "A".$gate;
      else echo "A0".$gate;?></td>
      <td><?php echo renvKar(remarks($ligne['heure_arr']),10); ?></td>
      
      
      </tr>
      <?php
   }
?>
   
   </table>
   </div>
    </body>
</html>


Avec 2 fonctions auxiliaires :

Code: Tout sélectionner
<?php function renvKar($string, $length){ // S'occupe de renvoyer une var de longueur $length (supprimer ou ajouter des car au besoin)
   if(strlen($string)>=$length){
      $r = substr($string, 0, $length);
   }
   else{
      $r = $string;
      for($i = 0; $i < $length - strlen($string); $i++) $r = $r.".";
   }
   $r = str_replace(" ",".",$r);
   $r = str_replace("-",".",$r);
   $r = str_replace(":",".",$r);
   return $r;
}

function remarks($time){ // Petite fonction pour générer plusieurs types de remarques
   $r = "On Time"; // remarque par défaut
   $now = strtotime(date("H:i:s"));
   $time = strtotime($time);
   $deltaT = $time-$now;
   if($time%51<4) $r = "Cancelled"; // chance semi-aléatoire d'un vol annulé (TODO: ajouter une composante jour)
   elseif($deltaT<0) $r="Departed";
   elseif($deltaT < 600) $r = "Boarding";
   elseif($deltaT < 2845) $r = "Boarding";
   return $r;
}
?>


Et le CSS :

Code: Tout sélectionner
@font-face {
    font-family: 'LED2';
    src: url('LEDBOARD.ttf');
   
}
@font-face {
    font-family: 'draco';
    src: url('LEDBDREV.ttf');
   
}
@font-face {
    font-family: 'solari';
    src: url('Solari.ttf');
   
}
#depart {
   background-color : #272727;
}

caption {
   background-color : #272727;
   color : gold;
   text-align : center;
   font-family : Arial, serif;
}
td{
   text-align : center;
   display : in-line;
}
table{
   position : center;
   font-family : solari, draco, LED2, serif;
   background-color : #272727;
   color : white;
   font-size : 200%;
   padding : 5px;
   margin : auto;
}
#pres_line td {
   font-family : Arial, serif;
   text-align : left;
   color : gold;
   font-size : 70%;
}


(il y a beaucoup de polices car j'en ai testé plusieurs à la suite)

Re: Questions / Réponses

MessagePosté: Mer Mai 13, 2015 07:24
de Selexium Earth Trip
Maarten99 a écrit:La police que j'ai trouvé : http://www.dafont.com/solari.font (j'ai utilisé la version inverse, texte noir sur fond blanc, disponible dans le même zip).

Au cas où t'as des soucis avec le code, je te mets ce que j'ai utilisé (à adapter évidemment, surtout les requêtes MYSQL) :

[...]

(il y a beaucoup de polices car j'en ai testé plusieurs à la suite)


Oh pu**** c'est génial !! Je vais tester cela dès ce matin !! Je te remercie infiniment ! Image

Re: Questions / Réponses

MessagePosté: Mer Mai 13, 2015 08:37
de Selexium Earth Trip
Après une petite heure à trafiquer et à adapter avec mes requêtes SQL voilà ce que ça donne :

Image

C'est tout simplement pile dans ce que je cherchais à faire ! Merci Maarteen99 !

Image

Re: Questions / Réponses

MessagePosté: Sam Aoû 08, 2015 11:05
de nico101
Bonjour,
Je cherche le site pour récupérer des avions vierges pour pouvoir les modifier après non pas en 3D mais plat comme l'exemple en dessous.

Image
merci

Re: Questions / Réponses

MessagePosté: Sam Aoû 08, 2015 12:10
de tinouss
@nico101: Voilà qui devrait te satisfaire http://jetabout.webs.com

Re: Questions / Réponses

MessagePosté: Dim Aoû 09, 2015 18:41
de nico101
Il y a t'il d'autre site pour ce genre de dessin?
comment puis-je rechercher sur internet?