Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Site Web] AutoTimer

Un site pour passionnés de voitures d'exception et de collection.

    8 août 2015 à 13:37:54



    Bonjour à tous !

    Moi c'est Wargeek83, j'ai 22 ans. Pour la plupart, vous me connaissez sûrement pour le sujet sur Le Sombre, mon rappeur d'ami et d'autres pour les avoir aidé sur le forum PHP.

    Je vais ici vous expliquer la base du projet que vous avez sous les yeux, AutoTimer.
    J'espère avoir des critiques constructives de votre part. Merci d'avance. ;)

    En savoir plus sur le projet


    Genèse

    Récemment, mon père (passionné de voitures d'une certaine époque) a manifesté son besoin de trouver un site où ses semblables pourraient trouver leur bonheur. Sachant que j'ai des capacités (bien que très modestes de mon point de vue) dans ce domaine, il a alors maintes fois insinué que je pourrais créer quelque chose de la sorte.

    Je m'y suis attelé pendant 2-3 mois, le développement a commencé en Mars si j'ai bonne mémoire. Le site fût publié ce 18 Juin.

    Généralités et avancement

    Le site est développé avec le trio incontournable HTML5/CSS3, PHP et Javascript.

    Les fonctionnalités que vous pourrez trouver actuellement sont :

    • Une liste de news, vous informant sur les événements et activités dont nous avons connaissance,
    • des articles faisant office de portraits des propriétaires qui nous ont accordés du temps (nous les remercions encore pour cela d'ailleurs) et de leur(s) fidèle(s) monture(s),
    • des "Vu à ..." : cette fonctionnalité particulière nous permet de vous présenter des voitures que nous avons aperçu au détour d'un déplacement, nous prenons donc un peu de temps pour les photographier et les partager.
    • des projets (en travaux), pour les personnes voulant partager leur avancés sur le travail qu'ils accomplissent sur un véhicule qui en a bien besoin, une restauration par exemple.

    J'ai travaillé récemment sur un diaporama Javascript. Bien que rudimentaire, celui-ci m'a demandé pas mal de temps à mettre en place, d'autant plus que je n'ai pas encore finit le cours sur Javascript que l'on peut trouver sur OC.

    Objectifs

    Nos objectifs sont en fait simples : présenter à une communauté d'amateurs (dans le sens le plus valorisant du terme) des projets sympathiques dans une ambiance bon enfant, ne se prenant pas au sérieux pour laisser place à un peu d'humour (certes un peu spécial parfois).
    Pour l'instant, le site est essentiellement alimenté par nos petites mains novices mais nous aimerions pouvoir donner ce pouvoir à la communauté. En effet, la communauté fera vivre le site.
    En terme de rentabilité, si tant est que ce soit le but (ce qui n'est pas du tout le cas) coûte plus qu'il n'en rapporte. Comme la plupart des passions ...
    A terme, nous aimerions qu'AutoTimer soit une référence du milieu des collectionneurs ou au moins une visite agréable pour l'utilisateur.

    Le projet et son originalité

    Nous visons tous les passionnés de voitures dans l'optique que ceux-ci aiment les modèles d'une autre époque et qui ont déjà fait leur preuve.
    Tout le projet a été construit dans l'optique de devenir communautaire.

    En gros, l'image que nous avons de la chose est simple, vous imaginez une 4L qui évoluera en même temps que mes capacités.

    J'espère que ce projet plaira aux personnes que le sujet intéresse !

    Bien que ce topic est aussi fait pour, un onglet "Contact" est disponible pour remonter les bugs.


    Merci à tous pour vos retours ! :D

    Edit : Correction des fautes qui m'ont sautées aux yeux. N'hésitez pas à les pointer du doigt. ;)

    -
    Edité par Pascal Prugna 14 octobre 2015 à 10:28:08

    • Partager sur Facebook
    • Partager sur Twitter

    Pascal Prugna | Développeur Web

      13 août 2015 à 10:36:23

      Bonjour à tous ! :D

      La visionneuse d'images est finie !
      J'améliorerai l'esthétique et optimiserai le code plus tard.



      Pour l'instant, je me suis attelé à une administration fenêtré en AJAX.

      Si vous avez des idées d'améliorations, n'hésitez pas. ;)

      -
      Edité par Pascal Prugna 13 août 2015 à 10:47:01

      • Partager sur Facebook
      • Partager sur Twitter

      Pascal Prugna | Développeur Web

        17 août 2015 à 0:13:20

        Bonjour à tous !

        En ce moment je travailles sur l'interface d'administration afin qu'elle soit plus user friendly.
        Mon père n'étant pas très habile en informatique il faut donc lui faciliter la tâche. J'ai donc décidé de faire une administration dynamique à grand coup de JavaScript afin que les résultats soient visible en temps réel.


        J'espère pouvoir proposer un système de commentaire et de profil prochainement.

        J'aimerais également rendre le code open-source si jamais des passionnés de voitures sont aussi fan de développement ... Quoi ?! On sait jamais ... :-°. D'ailleurs si quelqu'un à des pistes ou des conseils pour m'orienter, je suis preneur.

        Je vais améliorer les pop-in dont la visionneuse d'image fait parti ainsi que revoir leur design et l'optimisation.

        Merci à ceux qui suivent le projet (même si vous êtes bien silencieux :ninja:).

        -
        Edité par Pascal Prugna 17 août 2015 à 0:41:34

        • Partager sur Facebook
        • Partager sur Twitter

        Pascal Prugna | Développeur Web

          18 août 2015 à 18:06:24

          Sympas comme projet :)

          Surtout que les personnes ayant de belles voitures sont heureux d'en parler et créer un site pour cela est une très bonne idée :D Un réseau social pour les voitures en quelque sorte.

          La question de la légalité se pose toujours ^^ Pour le "vu à" : as tu le droit de prendre une voiture dans la rue en photo et de la publier sur un site ? S'il n'y a pas la plaque d'immatriculation sur la photo il me semble que c'est ok mais pas sûr.

          • Partager sur Facebook
          • Partager sur Twitter
          Découvre tout le background de leagueoflegends sur omégatheque ! Il y a même des vidéos sur les différents skins, des liens vers les streamers et webtvs les plus connus ! :D
            18 août 2015 à 18:21:58

            Bonjour Lymke. :)

            Techniquement le droit de propriété n'est pas aussi "dur" que le droit intellectuel. Il permet de prendre le bien d'autrui sans problème et vu que les voitures sont un bien et que ça ne porte pas atteinte à la vie privée ni à la dignité de son propriétaire pourquoi s'en priver ... :soleil:

            Et effectivement, pour éviter tout problème, je dissimule soigneusement les plaques d'immatriculations même avec l'accord des propriétaires.

            Je ne veux pas que le site devienne une base de données de plaques pour voleurs de voitures. :pirate:

            Merci pour ton retour ! ;)

            -
            Edité par Pascal Prugna 18 août 2015 à 18:23:04

            • Partager sur Facebook
            • Partager sur Twitter

            Pascal Prugna | Développeur Web

              24 août 2015 à 11:37:09

              Bonjour à tous !

              En parallèle de l'amélioration des fenêtres modales d'Autotimer, nous vous présentons la page Facebook !

              J'espère que vous serez nombreux à aimer et à partager.

              Merci à vous tous. ;)
              • Partager sur Facebook
              • Partager sur Twitter

              Pascal Prugna | Développeur Web

                22 septembre 2015 à 15:39:50

                Bonjour à tous !

                Je suis heureux de vous annoncer qu'AutoTimer a passé la barre des 1000 visites ! :D

                Avec presque 600 visiteurs uniques, nous avons donc dépassé un pallier que nous pensions atteindre bien plus tard cette année, voire l'année prochaine.

                Merci à ceux qui ont accordé un peu d'importance à AutoTimer ! ;)

                • Partager sur Facebook
                • Partager sur Twitter

                Pascal Prugna | Développeur Web

                  22 septembre 2015 à 17:09:41

                  GJ :D
                  • Partager sur Facebook
                  • Partager sur Twitter
                  Découvre tout le background de leagueoflegends sur omégatheque ! Il y a même des vidéos sur les différents skins, des liens vers les streamers et webtvs les plus connus ! :D
                    27 septembre 2015 à 18:03:29

                    Bonjour à tous !

                    J'ai commencé le taf sur le Responsive. :D


                    J'en ai profité pour améliorer légèrement le design histoire de faire un peu moins "vide".

                    Si vous avez des idées d'améliorations ou de fonctionnalités que vous aimeriez voir, n'hésitez pas. ;)

                    Je suis ouvert aux critiques, aussi bien négatives que positives (ça fait avancer plus vite :-°).

                    -
                    Edité par Pascal Prugna 27 septembre 2015 à 18:05:04

                    • Partager sur Facebook
                    • Partager sur Twitter

                    Pascal Prugna | Développeur Web

                      14 octobre 2015 à 10:43:55

                      Salut à tous !

                      Ca fait un moment que je n'ai rien posté mais je suis un peu overbooker ces derniers temps. (travail, recherche de contenu pour le site, écriture des articles, etc ...)

                      Bref, aujourd'hui je vais profiter de cette accalmie pour vous montrer quelques petites nouveautés.

                      J'ai étendu le Responsive aux articles, l'affichage des information sur l'auteur et la date passe donc au-dessus de l'image d'en-tête.
                      Le problème de base était que ce petit encart se superposé avec l'image d'en-tête. Et c'était pas forcément beau...



                      Ensuite, j'ai enrichi l'interface des messages que nous recevons dans l'interface d'administration.





                      Merci JavaScript ! :p

                      Le prochain objectif que je me suis fixé est d'améliorer la galerie d'images que vous retrouver dans certains articles.
                      Le problème se situe au niveau du chargement de la page.
                      En effet, en voulant accélérer le chargement de la page j'active mes scripts après le chargement complet de celle-ci.
                      Le soucis c'est que quand j'ai 200 images dans la galerie, les scripts ne s'active qu'après le chargement de l'intégralité des images. Ca fait un peu long... :-°

                      Du coup, la solution de secours pour les images s'active et, au clique, vous redirige bêtement sur l'image elle-même, soit l'action par défaut du lien...

                      -
                      Edité par Pascal Prugna 14 octobre 2015 à 16:45:55

                      • Partager sur Facebook
                      • Partager sur Twitter

                      Pascal Prugna | Développeur Web

                        10 novembre 2015 à 15:22:35

                        Salut à tous !

                        Hier j'ai effectué une mise à jour du site qui améliore grandement le chargement des images, du coup même si vous consultez un article qui comporte 200 images (et ça arrive souvent) le chargement est beaucoup plus raisonnable. Soit une dizaine de secondes si tout va bien. Disons que si vous n'avez pas une connexion 56k ça devrait aller. ^^

                        J'ai aussi profiter d'être plongé dans le code pour rajouter un modeste favicon qui représente notre bien aimée logo.



                        A bientôt. ;)

                        -
                        Edité par Pascal Prugna 10 novembre 2015 à 15:25:16

                        • Partager sur Facebook
                        • Partager sur Twitter

                        Pascal Prugna | Développeur Web

                          10 novembre 2015 à 15:36:14

                          Salut,

                          perso je trouve la couleur du gris pas très jolie, ya moyen de trouver une couleur plus adaptée.

                          Tu peux rajouter un petit effet jquery lorsque l'on clique sur le bouton "remonter en haut de page" avec :

                          $('html,body').animate({scrollTop: 0}, 'slow');
                          • Partager sur Facebook
                          • Partager sur Twitter
                            10 novembre 2015 à 15:52:43

                            Salut !

                            Je pense que t'as raison mais n'étant pas encore très familier avec JavaScript je vais attendre encore un poil avant de m'attaquer à JQuery.
                            J'ai tout juste réussi à construire un lecteur d'image avec JS et je pense que je peux encore m'améliorer.

                            Dans tous les cas l'utilisation de JQuery est prévue. Merci pour l'astuce. ;)

                            -
                            Edité par Pascal Prugna 9 juin 2016 à 10:17:31

                            • Partager sur Facebook
                            • Partager sur Twitter

                            Pascal Prugna | Développeur Web

                              10 novembre 2015 à 15:58:23

                              Tu peux également dans tes formulaires (connexion par exemple) utiliser l'attribut required de html5 afin de vérifier que les champs ne soient pas vides.

                              Et afficher des messages d'erreurs en cas d'erreur

                              [EDIT] autant pour moi, ce n'est pas encore codé l'espace membre.

                              Bonne continuation alors

                              -
                              Edité par romsVLM 10 novembre 2015 à 15:59:32

                              • Partager sur Facebook
                              • Partager sur Twitter
                                10 novembre 2015 à 16:02:38

                                Exact, la connexion me sert essentiellement à utiliser l'administration pour le moment. Je devrais pas tarder à coder l'espace membre mais disons que les fonctionnalités méritent d'être améliorées.

                                Merci pour tes conseils et d'avoir prit le temps de répondre. ;)

                                -
                                Edité par Pascal Prugna 17 mars 2016 à 16:01:55

                                • Partager sur Facebook
                                • Partager sur Twitter

                                Pascal Prugna | Développeur Web

                                  9 juin 2016 à 10:28:57

                                  Salut à tous !

                                  Après un long moment d'inactivité, je suis heureux de revenir sur ce sujet.

                                  Je voulais vous annoncer que nous sommes bientôt à 2000 visiteurs uniques et quasiment le double de visites !

                                  Et sur Facebook, le nombre de Likes vient de dépasser la centaine ! En route sur les 200 ! :lol:



                                  Récemment, j'ai du faire quelque compromis sur le site.
                                  Par exemple, la visionneuse avait tendance à être un poil capricieuse. D'un point de vue utilisateur c'est pas top ...

                                  Du coup, j'ai décidé d'utiliser Lightbox en attendant de faire une refonte de la visionneuse.

                                  En parallèle, j'ai fait une modif du design (dont il me reste pas mal de chose à voir et corriger) mais grosso modo le design devrait rester similaire.

                                  La petite feature inutile mais indispensable c'est la vignette "Nouveau" qui signal un nouvel article après publication pour que les utilisateurs ne loupent aucun article.

                                  J'ai aussi ajouter quelques icônes pour égayer un peu ce design obscure.

                                  Merci d'avoir prit le temps de lire mon post et à bientôt sur AutoTimer !

                                  -
                                  Edité par Pascal Prugna 9 juin 2016 à 10:34:10

                                  • Partager sur Facebook
                                  • Partager sur Twitter

                                  Pascal Prugna | Développeur Web

                                    3 juin 2017 à 19:40:42

                                    Salut à tous !

                                    Après une longue période d'inactivité et un changement de pseudo, voici la nouvelle version d'AutoTimer sous Bootstrap 4.

                                    romsVLM m'avait suggéré d'utiliser jQuery à l'époque. C'est maintenant chose faite. Maintenant que j'ai posé des bases solides, je vais pouvoir ajouté de nouvelles fonctionnalités.

                                    Il est prévu un espace membre, un outil de publication communautaire et forcément un bon vieux forum des familles.

                                    Une fois chose faite, je pourrais me concentrer sur le design qui manque d'identité.

                                    N'hésitez pas à critiquer ouvertement, je mords pas. :D

                                    -
                                    Edité par Pascal Prugna 3 juin 2017 à 19:41:13

                                    • Partager sur Facebook
                                    • Partager sur Twitter

                                    Pascal Prugna | Développeur Web

                                      6 juin 2017 à 9:26:07

                                      Salut, déjà le design est bien mieux qu'avant mais je pense que tu peux encore l'améliorer. Attention au responsive design, ton menu disparaît lorsque l'on change de résolution.
                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                        6 juin 2017 à 9:55:10

                                        Merci pour le signalement, je vais travailler là-dessus.
                                        Je finis le système d'inscription et de connexion et je m'occupe du responsive :)
                                        • Partager sur Facebook
                                        • Partager sur Twitter

                                        Pascal Prugna | Développeur Web

                                          11 septembre 2017 à 1:25:50

                                          Salut à tous !

                                          Amis de la communauté, je vais avoir besoin de votre aide !
                                          Récemment AutoTimer est devenu communautaire ! Ce qui signifie que les utilisateurs (en plus de s'inscrire et de se connecter, oui c'est génial :-° ) peuvent rédiger du contenu pour le site.

                                          Le but du test, serait de tester le système d'inscription, de connexion, de faire mumuse avec l'éditeur de contenu, et peut-être poster deux-trois commentaires (parce que ça aussi c'est nouveau). A l'issu de vos tests, faites part de vos suggestions d'améliorations ou de fonctionnalités qui pourraient être sympa, que ce soit en terme d'UI ou d'UX.

                                          Merci beaucoup ! ^^

                                          -
                                          Edité par Pascal Prugna 11 septembre 2017 à 1:26:45

                                          • Partager sur Facebook
                                          • Partager sur Twitter

                                          Pascal Prugna | Développeur Web

                                            13 septembre 2017 à 11:51:26

                                            Je suis désolé, mais il y a un gros souci au niveau du choix des couleurs de ton site.

                                            Ce Orange du texte passe très mal avec le gris foncé. Et il y a trop de gris c'est bien triste.

                                            • Partager sur Facebook
                                            • Partager sur Twitter
                                              13 septembre 2017 à 13:00:59

                                              T'as pas à être désolé. ^^

                                              Si t'as des idées d'améliorations, je suis preneur ! :D
                                              • Partager sur Facebook
                                              • Partager sur Twitter

                                              Pascal Prugna | Développeur Web

                                                13 septembre 2017 à 16:38:16

                                                Juste un exemple vite fait pour si jamais tu veux rester dans les tons gris :

                                                je trouve déjà ça plus vivant

                                                • Partager sur Facebook
                                                • Partager sur Twitter
                                                  13 septembre 2017 à 21:56:45

                                                  Merci pour ton retour et d'avoir prit le temps de faire une petite maquette, je vais faire quelques modifs allant dans ce sens et demander ce que la communauté en pense. ;)

                                                  • Partager sur Facebook
                                                  • Partager sur Twitter

                                                  Pascal Prugna | Développeur Web

                                                    24 septembre 2017 à 22:08:31

                                                    Bonjour à tous !

                                                    Quelques petites nouveautés:

                                                    • nombre de vues,
                                                    • nombre de commentaires,
                                                    • modification des commentaires,
                                                    • correction de quelques bugs concernant les commentaire,
                                                    • protocole HTTPS,
                                                    • et quelques boutons pratiques histoires d'éviter les scrolls inutiles. ^^

                                                    Vous pouvez suivre l'actualité d'AutoTimer sur notre page Facebook : https://www.facebook.com/autotimer.net/

                                                    Et quelques petites images pour illustrer tout ça :

                                                    • Partager sur Facebook
                                                    • Partager sur Twitter

                                                    Pascal Prugna | Développeur Web

                                                    [Site Web] AutoTimer

                                                    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                                    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                                    • Editeur
                                                    • Markdown