Projet diaporama pour entreprise

Version imprimable

02/06/2014, 00h37
Destiny-06

Projet diaporama pour entreprise

Bonsoir à tous, je suis actuellement en stage dans une petite entreprise de maintenance informatique, mon tuteur ma donné un projet a faire je vous explique plus en détail.

Il voudrait installer un petit écran à l'entrée qui doit afficher:

- Le logo de l'entreprise en haut à gauche.
- L'heure en temps réel en haut a droite.
- Un petit diaporama qui affiche quelques photos décrivant ses activités dans la partie droite de l'écran.
- Dans la zone de gauche les horaires d'ouvertures/fermetures.
- Dans la partie inférieur de l'écran une zone dynamique.

Objectif du projet:

Il voudrait depuis un ordinateur portable pouvoir changer des informations en temps réel (grâce a un programme en arrière plan peut être), étant donné qu'il est souvent en déplacements chez des particuliers il voudrait pourvoir saisir l'heure de départ de l'entreprise et l'heure de retour par exemple "si il doit intervenir a l'extérieur entre 10h00 et 12h00, l'écran affichera : "En déplacement de 10h00 à 12h00".

A première vue sa parait pas très complexe mais enfaite c'est que je sais pas par ou commencer et quel langage est le plus approprié pour ce type de projet: je pensais créer une IHM graphique en C++ ou je pensais me diriger vers du web en Java script/html.

Quel marche a suivre me conseillerez vous pour commencer ? Merci d'avance pour vos réponses.

Cordialement.
02/06/2014, 08h52
ternel

La zone d'affichage "dynamique" changerait comment?

Si actualiser la page régulièrement suffit, une page html suffira bien, en effet.
02/06/2014, 09h01
bretus

Bonjour,

Citation:

Envoyé par Destiny-06

A première vue sa parait pas très complexe mais enfaite c'est que je sais pas par ou commencer et quel langage est le plus approprié pour ce type de projet: je pensais créer une IHM graphique en C++ ou je pensais me diriger vers du web en Java script/html.

En C++, tu peux profiter de l'occasion pour apprendre à te servir d'une bibliothèque pour faire des interfaces graphiques, par exemple Qt (voir Qt+QML).

Après, j'aurais tendance à partir sur du HTML/JavaScript car ça peut devenir la page d'accueil d'un futur site ;)

Je commencerais par faire :
- La mise en page (les proportions et le positionnement des différentes parties en CSS)
- La mise en place des éléments simples (Le logo, l'horloge avec JavaScript)
- Le diaporama (avec un Caroussel bootstrap par exemple)
- La zone d'information pour les rendez-vous
- L'éditeur de rendez-vous
(- A la fin du stage, négocier l'ajout des quelques pages statiques qui transforme cette page en la page d’accueil d'un site web :aie:)

Du reste, penses aux portes que tu veux ouvrir avec ce stage. Sachant qu'il y a plus de personnes capables de faire des pages HTML que des applications Qt. L'idéal serait peut-être un hybride pour acquérir la double compétence :
- Une application Qt permettant d'éditer une liste de rendez-vous avec un stockage en JSON
- La page HTML/CSS ci-dessus affichée en mode plein écran dans l'application Qt (QtWebkit)
- Montrer que le code HTML/CSS/JSON peut-être mis en ligne pour former un site web

Raffinement possible : Stockage des rendez-vous en base de données (QtSql), génération du JSON à partir de la base de données, gestion de deux modes (offline : le JSON est fourni à la page HTML par l'application Qt, online : la page HTML fait appel aux données JSON)
02/06/2014, 10h16
Bousk

Honnêtement je vois pas du tout l'intérêt de faire ça en C++, sauf à dire "je fais du C++". :weird:

Tu fais une bête page PHP, tu mets une petite DB derrière, un chouilla de javascript/ajax et c'est plié en quelques heures.
02/06/2014, 12h27
Destiny-06

Citation:

Envoyé par bretus

Bonjour,

En C++, tu peux profiter de l'occasion pour apprendre à te servir d'une bibliothèque pour faire des interfaces graphiques, par exemple Qt (voir Qt+QML).

Après, j'aurais tendance à partir sur du HTML/JavaScript car ça peut devenir la page d'accueil d'un futur site ;)

Je commencerais par faire :
- La mise en page (les proportions et le positionnement des différentes parties en CSS)
- La mise en place des éléments simples (Le logo, l'horloge avec JavaScript)
- Le diaporama (avec un Caroussel bootstrap par exemple)
- La zone d'information pour les rendez-vous
- L'éditeur de rendez-vous
(- A la fin du stage, négocier l'ajout des quelques pages statiques qui transforme cette page en la page d’accueil d'un site web :aie:)

Du reste, penses aux portes que tu veux ouvrir avec ce stage. Sachant qu'il y a plus de personnes capables de faire des pages HTML que des applications Qt. L'idéal serait peut-être un hybride pour acquérir la double compétence :
- Une application Qt permettant d'éditer une liste de rendez-vous avec un stockage en JSON
- La page HTML/CSS ci-dessus affichée en mode plein écran dans l'application Qt (QtWebkit)
- Montrer que le code HTML/CSS/JSON peut-être mis en ligne pour former un site web

Raffinement possible : Stockage des rendez-vous en base de données (QtSql), génération du JSON à partir de la base de données, gestion de deux modes (offline : le JSON est fourni à la page HTML par l'application Qt, online : la page HTML fait appel aux données JSON)

Important: J'ai revu ce matin avec lui, il y a des nouveaux paramètre a prendre en compte, Il voudrait que la zone dynamique qui sera situé dans le milieu de l'écran varie toute les 10 sec: "les horaires d'ouvertures/fermeture s'affiche, puis les horaires affichés seront remplacer par le petit diaporama et sa toutes les 10 sec voilà, il ma demandait si c’était possible d'avoir un éditeur de rendez-vous sous forme d'appli sur android histoire de changer les informations de l’écran depuis son téléphone quand par exemple si il risque d’être en retard il pourrait l'afficher sur l’écran, là j'ai penser a faire un socket client/serveur vous en penser quoi ?

"Une application Qt permettant d'éditer une liste de rendez-vous avec un stockage en JSON" : la par contre j'ai pas tout saisi, je sais pas ce que c'est le JSON.

Oui je pensais me diriger vers du Web mais il a déjà un site web mais pourquoi pas :), alors j'ai appris a utiliser Qt creator il y a peu de temps donc je connait pas tout encore notamment QtWebKit que j'ai pas eu as utilisé. Il est vrai que c'est intéressant de faire un peu de web et du C++, sa me paraitrait plus formateur.
02/06/2014, 12h32
Destiny-06

Citation:

Envoyé par Bousk

Honnêtement je vois pas du tout l'intérêt de faire ça en C++, sauf à dire "je fais du C++". :weird:

Tu fais une bête page PHP, tu mets une petite DB derrière, un chouilla de javascript/ajax et c'est plié en quelques heures.

C'est vrai qu'en langage web PHP/HTML c'est simple et rapide mais je juge plus intéressant pour moi d’intégrer les deux, du C++ et du Web.
02/06/2014, 19h08
bretus

Bonjour,

Citation:

Envoyé par Destiny-06

Important: J'ai revu ce matin avec lui, il y a des nouveaux paramètre a prendre en compte, Il voudrait que la zone dynamique qui sera situé dans le milieu de l'écran varie toute les 10 sec: "les horaires d'ouvertures/fermeture s'affiche, puis les horaires affichés seront remplacer par le petit diaporama et sa toutes les 10 sec voilà, il ma demandait si c’était possible d'avoir un éditeur de rendez-vous sous forme d'appli sur android histoire de changer les informations de l’écran depuis son téléphone quand par exemple si il risque d’être en retard il pourrait l'afficher sur l’écran, là j'ai penser a faire un socket client/serveur vous en penser quoi ?

Il est tout à fait possible de faire une application Android sur la base d'une application HTML5. C'est approche utilisée par PhoneGAP/Cordova (partie compréhension dans la rubrique 5.) pour faire des applications portables sur Android, iOS, etc.

Ça repose sur le même composant "WebView" qu'avec l'approche proposée avec Qt :
- La WebView Android : http://developer.android.com/guide/webapps/webview.html
- La QWebView : https://qt-project.org/wiki/Open_Web_Page_in_QWebView

En outre, ces éléments ne sont intéressants que si il est nécessaire de passer des objets C++ au moteur JavaScript ou si on souhaite faire application Desktop (avec un installeur). Pour les cas simple, il y a une approche plus simple pour faire une application android à partir d'une application HTML5 : Les WebAPP HTML5.

Pour le cas présent, je pense qu'il faut :
1) Partir sur une approche purement HTML/JavaScript/CSS en laissant de coté dans un premier temps l'édition de l'agenda (en considérant qu'on a un fichier agenda.json statique sur le serveur).
2) Faire en sorte de charger la page HTML sous forme d'une application Android
3) Mettre en place un outil pour éditer agenda.json ou le générer côté serveur (Le plus simple consiste à faire des formulaires et du PHP car on doit avoir les données accessible depuis Android. En faisant l'éditeur avec un client lourd écrit en C++/Qt, on pourrait jouer avec DropBox pour partager le fichier, mais bon...)

Citation:

"Une application Qt permettant d'éditer une liste de rendez-vous avec un stockage en JSON" : la par contre j'ai pas tout saisi, je sais pas ce que c'est le JSON.

JSON = JavaScript Object Notation (alternative à XML particulièrement employée en web).

Citation:

Oui je pensais me diriger vers du Web mais il a déjà un site web mais pourquoi pas :), alors j'ai appris a utiliser Qt creator il y a peu de temps donc je connait pas tout encore notamment QtWebKit que j'ai pas eu as utilisé. Il est vrai que c'est intéressant de faire un peu de web et du C++, sa me paraitrait plus formateur.

[/QUOTE]

S'il y a déjà un site web, autant voir pour lui rajouter des éléments. C'est aussi formateur de s'intégrer dans l'existant.

Après, c'est votre choix :)
03/06/2014, 11h39
jblecanard

Je pense comme Bousk, faire du C++ ici ne sert à rien ! Le prétexte de se former à Qt est mauvais : le logiciel hybride résultant sera inutilement compliqué et difficilement maintenable, difficilement déployable, ce n'est pas une bonne manière de faire, à mon avis.
03/06/2014, 15h49
therwald

Comme Bousk et jblecanard, je pense que vouloir utiliser C++ ici risque au minimum de compliquer inutilement la vie à ceux qui veulent maintenir derrière toi, et très probablement, surtout vu que toit même tu te formes, de te compliquer la vie et d'augmenter inutilement ton risque d'échec.
Pour info choisir le mauvais outil pour la mauvaise raison est excellente méthode pour planter un projet...
04/06/2014, 11h42
Destiny-06

Citation:

Envoyé par therwald

Comme Bousk et jblecanard, je pense que vouloir utiliser C++ ici risque au minimum de compliquer inutilement la vie à ceux qui veulent maintenir derrière toi, et très probablement, surtout vu que toit même tu te formes, de te compliquer la vie et d'augmenter inutilement ton risque d'échec.
Pour info choisir le mauvais outil pour la mauvaise raison est excellente méthode pour planter un projet...

J'ai préféré me diriger vers du web pour l'instant, donc je récapitule : j'ai terminer de créer la page html en question, mon objectif maintenant est de pouvoir changer des informations en temps réel de la page html depuis un ordinateur portable, dans la zone la plus à gauche de la page j'ai indiquer les horaires d'ouvertures et de fermeture, il voudrait, quand il doit aller en déplacement remplacer les horaires par un message "En déplacement de 10h00 à 12h00" par exemple, étant donné que sa sera une page dynamique, je pense codé en php, l'idéal serait peut être une page de paramétrage ou il indique le message qu'il désire afficher et régler les heures et les minutes et les affiché a l'écran, vous en pensez quoi ?
04/06/2014, 12h24
Trademark

Vu que c'est un forum C++, tu trouveras plus d'aides dans les forums dédiés web, hésite pas à mettre un pointeur vers cette discussion pour éviter de tous ré-expliquer.