Bonjour à tous,
aujourd’hui je viens vous présenter ce que j’ai développé ces dernières semaines.

Je me présente vite fait, je suis un passionné de programmation et tout particulièrement dans les langages du web. J’ai 16 ans et cela fait bientôt plus d’une année que je me suis lancé dans la programmation web.

Pourquoi avoir créé un site web d’hébergement de fichier ?
Un jour, j’avais besoin d’un espace de stockage en ligne pour montrer des images ou proposé des téléchargements de fichiers sur des forums ou à des amis. Je sais qu’il y a déjà des hébergeurs de fichiers bien plus performants tels que OneDrive ou autres, mais j’ai créé quelque chose qui est plus rapide à mettre en place si on veut montrer une simple image sur un forum. (Sachant qu’Openclassrooms propose lui d’héberger les images, mais ce n’est pas le cas de tous les forums).

J’ai ensuite j’ai un petit peu poussé la chose en créant un système de connexion et la possibilité de gérer les stockages, car je me suis dit que ça pouvait être cool que des membres de ma famille ou autres personnes en ayant besoin puisse y accéder.

Voici donc à quoi ressemble la première page quand vous arrivez sur le site, une page de connexion :

Je ne suis pas expert en graphisme me direz-vous, mais j’attends également vos conseils sur le graphisme ou autre.

Ensuite une fois connecté, voici ce qu'on peut voir:

Voici donc la page d’accueil, c’est ici que nous pouvons choisir le fichier à uploader (à envoyer sur le serveur), si nous souhaitons qu’il soit protégé ou non (C’est-à-dire que s’il est protégé, seul le membre ayant mis en ligne pourra télécharger le fichier ou l’afficher si c’est une image).

Les bandes vertes sur le côté ne sont pas forcément les mêmes chez toutes les personnes, c’est-à-dire que dans les préférences, nous pouvons choisir notre couleur de fond. La barre en bas que nous voyons au centre nous indique le nombre de pourcent qu’il nous reste de disponible. (Une infobulle en passant dessus indique un message sous forme de: "Il vous reste xx.xx% de libre."

Ici donc le gestionnaire de fichiers, pour avoir des renseignements dessus, tel que la taille, la date de mise en ligne et l’état de protection. Nous pouvons également supprimer ou télécharger le fichier.

Ensuite la page des préférences, ou nous avons la possibilité de changer la couleur de fond, le thème ou notre mot de passe.

Il y a également une page d’administration pour les personnes ayant accès, c’est l’icône se trouvant à gauche de celle des préférences. On peut y voir les membres, en ajouter, supprimer, modifier leur droit de stockage et il y aussi les informations global de l’utilisation du stockage sur le serveur.

Pour finir, j’ai aussi créé une adaptation pour mobile, voici donc un petit peu à quoi ça ressemble (Capture d’écran depuis un WindowsPhone).

Il y a encore des ajouts que je souhaite faire, tel que :

• L’upload geré par le javascript, car ici nous sommes limité à 8Mo et le temps d’attente est relativement long.
• Connaitre le nombre de téléchargement d’un fichier

Le site a été adapté afin de pouvoir être traduit. Actuellement il y a la version française, la partie anglaise a plus ou moins été traduite mais il n'y a encore pas la possibilité de l'afficher sur le site.

Je suis totalement ouvert à toutes critiques, conseil et remarques. Et si vous souhaitez également me dire des choses en privé, vous pouvez me contacter par MP.

En vous remerciant, WinXaito.

Même si la problématique est aussi simple que d'afficher une image sur un forum, quelle est la valeur ajoutée de ton service par rapport à l'existant (genre Dropbox) ?

Pour moi de façon personnel, j'héberge mes fichiers (Même si il ne m'appartiennent pas forcément, mais je sais tout de même ou il se trouve).

Ensuite, je peux l'adapter à mes besoins. J'ai bien plus de liberté.

Après je peux tout à fait comprendre qu'il ne puisse d'être aucune utilité à d'autres personnes. Mais je souhaitais tout de même vous présentez mon projet, de façon à recevoir des conseils autant niveau graphismes et autres, et ne sait-on jamais une personne peut toujours me demander si elle le souhaite un espace de stockage.

En vous remerciant.

Bonjour,

quelques informations sur ce que j'ai fait. J'ai donc fait un compteur d'affichage pour les images, et pour les téléchargements de fichier.
Ces informations sont afficher par infobulle quand on passe sur le titre du fichier.

(Toutes les dernières modification n'on pas une orthographe et un affichage dans la bonne langue.)

Je précise que ceci ne vient pas de moi (Sauf modification). http://www.css3create.com/Infobulle-avec-effet-de-transparence-en-CSS

Mais j'ai encore un problème, pour les affichages, certaines images font +2 au compteur alors que d'autre +1. Mais j'ai déjà ouvert un sujet la dessus, donc si vous avez des idées pour la résolutions de se problème, merci de m'en faire part. fr.openclassrooms.com/forum/sujet/sql-update-qui-fait-2-au-lieu-de-1

Sinon je suis toujours ouvert aux critiques que se soit au niveau du graphisme, des possibilités, l'idée général, etc.

En vous remerciant, WinXaito.

-
Edité par WinXaito 1 juillet 2014 à 17:34:17

salut,
Moi je trouve que ton design est simple et que c'est une qualité, sa change de ces animations de partout, là c'est sans fioriture on a l'essentiel ! Après comme c'est pour toi fait comme tu veux
Tu m'a donné envie de faire pareille du coup je commence à apprendre le html/css. Pour le système d'upload tu a pris un script tout fait ?
Merci d'avance !

Wudom a écrit:

salut,
Moi je trouve que ton design est simple et que c'est une qualité, sa change de ces animations de partout, là c'est sans fioriture on a l'essentiel ! Après comme c'est pour toi fait comme tu veux

Merci, c'est vrai que je n'aime pas non plus quand y a trop a ne plus s'y retrouvé.

Wudom a écrit:

Tu m'a donné envie de faire pareille du coup je commence à apprendre le html/css. Pour le système d'upload tu a pris un script tout fait ?
Merci d'avance !

Pour tout ce qui est upload, php etc. J'ai tout fait moi. Bien sur j'ai du aller chercher sur le web comment faire certain truc, mais ensuite j'ai toujours recoder en fonction. Je ne suis vraiment pas fan du copier-coller sans savoir vraiment se que le script effectue.

Et oui, je t'encourage vivement à apprendre le html/css. Car je trouve que c'est un langage relativement simple, car au tout début j'avais lu le cours sur le C. J'étais complétement perdu et déçu de la programmation en me disant que c'était bien trop compliqué pour moi, mais une fois j'ai lu le html, je l'ai trouvé relativement simple et suis parti la dedans. Ensuite quand je voyais les possibilité du PHP ça me faisait  vraiment envie, mais je trouvais que ça avais vraiment l'air dur ... mais pas temps que ça en faites. Par contre, le Javascript j'ai essayé mais j'arrive pas autant bien accroché Allais bonne chance et merci !

WinXaito

Bonsoir,
je viens vous montrer ce que j'ai apporté de plus cette fois ci,

Donc, rien de très complet mais tout de même, on a désormais la possibilité de cliquer sur ces flèches et de cliquer sur les flèches droites et gauches du clavier pour passer d'une page à l'autre. Ceci pour une raison de rapidité.

Je suis d'accord qu'on peut ne pas trouver ça forcément très esthétique alors j'ai ajouter une option dans les paramètres pour désactivé ceci.

Le problème sur le compteur d'affichage d'image est toujours présent alors si vous avez une idée je suis preneur.

Je rappelle que vos commentaires sont vraiment les bienvenues (Et oui je me sens un peu seul sur mon topic)

En vous remerciant, WinXaito

-
Edité par WinXaito 6 juillet 2014 à 19:56:18

Up, personne ne veux donner son avis ?

Sinon pour ce que j'ai avancer, maintenant l'upload se fait avec javascript. Donc la limite n'est plus à 8Mo mais à 30Mo (Bloqué par mon hébergeur).

Apparence simple, sans trop d'animations (ce qui peut être une qualité !). Ce que l'on peut faire est montrer le véritable nom d'origine du fichier (=> BDD) afin de savoir qui est comment/quoi au lieu de le supprimer par erreur. On peut aussi afficher à quelque part (à toi de voir) le lien menant au fichier en question afin de le poster facilement si l'envie prend. Je trouve que la couleur noir sur fond vert foncé ne va pas très bien mais le multi-thème est une bonne idée. Y'aura-t-il un moyen d'upload un CSS ET de le choisir comme thème (cf SdZ v3) ?

Amicalement, Mathias

lapin-math a écrit:

 Y'aura-t-il un moyen d'upload un CSS ET de le choisir comme thème (cf SdZ v3) ?

Ca peut-être une bonne idée oui.

lapin-math a écrit:

Ce que l'on peut faire est montrer le véritable nom d'origine du fichier (=> BDD) afin de savoir qui est comment/quoi au lieu de le supprimer par erreur

Comment ça, quand on se trouve dans file on voit le nom des fichiers exactes, mais je ne sais pas si ce que tu veux dire est une "Confimation" lors de la suppression ?

Sinon, voici se que j'ai dans ma BDD lors de l'upload d'un fichier:

Je ne sais pas si vous pensez qu'il serait interessant d'ajouter des informations dans la base de données ?

<< PS: Je ne sais pas pourquoi, mais quand j'upload un fichier, il se place n'importe ou au lieu de se mettre à la suite, je ne comprend vraiment pas pourquoi >>

lapin-math a écrit:

On peut aussi afficher à quelque part (à toi de voir) le lien menant au fichier en question afin de le poster facilement si l'envie prend.

Sur les images, si on clique dessus alors ça nous l'affiche et on peu copier l'URL, pour les autres fichiers je les ferai allé vers une page nous indiquant le lien pour le télécharger.

Au passage, savez-vous comment on peu faire à l'aide de flashplayer pour ajouter quelque chose dans la copie ? Comme le fait speedtest.net pour poster les images.

WinXaito a écrit:

Comment ça, quand on se trouve dans file on voit le nom des fichiers exactes, mais je ne sais pas si ce que tu veux dire est une "Confimation" lors de la suppression ?

Sinon, voici se que j'ai dans ma BDD lors de l'upload d'un fichier:

Je ne sais pas si vous pensez qu'il serait interessant d'ajouter des informations dans la base de données ?

<< PS: Je ne sais pas pourquoi, mais quand j'upload un fichier, il se place n'importe ou au lieu de se mettre à la suite, je ne comprend vraiment pas pourquoi >>

Yep, une "Confirmation" avant la suppression en cas de misclick.

lapin-math a écrit:

WinXaito a écrit:

Comment ça, quand on se trouve dans file on voit le nom des fichiers exactes, mais je ne sais pas si ce que tu veux dire est une "Confimation" lors de la suppression ?

Sinon, voici se que j'ai dans ma BDD lors de l'upload d'un fichier:

Je ne sais pas si vous pensez qu'il serait interessant d'ajouter des informations dans la base de données ?

<< PS: Je ne sais pas pourquoi, mais quand j'upload un fichier, il se place n'importe ou au lieu de se mettre à la suite, je ne comprend vraiment pas pourquoi >>

Yep, une "Confirmation" avant la suppression en cas de misclick.

Oui pour le moment il n'y en a pas, mais bien entendu c'est prévu. Et peut-être pourquoi pas demandé le mot de passe pour supprimer les fichiers "Protégé", mais peut-être serais-ce trop lent ?

WinXaito a écrit:

lapin-math a écrit:

WinXaito a écrit:

Comment ça, quand on se trouve dans file on voit le nom des fichiers exactes, mais je ne sais pas si ce que tu veux dire est une "Confimation" lors de la suppression ?

Sinon, voici se que j'ai dans ma BDD lors de l'upload d'un fichier:

Je ne sais pas si vous pensez qu'il serait interessant d'ajouter des informations dans la base de données ?

<< PS: Je ne sais pas pourquoi, mais quand j'upload un fichier, il se place n'importe ou au lieu de se mettre à la suite, je ne comprend vraiment pas pourquoi >>

Yep, une "Confirmation" avant la suppression en cas de misclick.

Oui pour le moment il n'y en a pas, mais bien entendu c'est prévu. Et peut-être pourquoi pas demandé le mot de passe pour supprimer les fichiers "Protégé", mais peut-être serais-ce trop lent ?

Faut pas non plus en faire trop au point de gâcher l'expérience de l'utilisateur. Une fois un utilisateur loggé et qu'il souhaite virer un fichier, un simple message de confirmation suffira selon moi.

lapin-math a écrit:

WinXaito a écrit:

lapin-math a écrit:

WinXaito a écrit:

Comment ça, quand on se trouve dans file on voit le nom des fichiers exactes, mais je ne sais pas si ce que tu veux dire est une "Confimation" lors de la suppression ?

Sinon, voici se que j'ai dans ma BDD lors de l'upload d'un fichier:

Je ne sais pas si vous pensez qu'il serait interessant d'ajouter des informations dans la base de données ?

<< PS: Je ne sais pas pourquoi, mais quand j'upload un fichier, il se place n'importe ou au lieu de se mettre à la suite, je ne comprend vraiment pas pourquoi >>

Yep, une "Confirmation" avant la suppression en cas de misclick.

Oui pour le moment il n'y en a pas, mais bien entendu c'est prévu. Et peut-être pourquoi pas demandé le mot de passe pour supprimer les fichiers "Protégé", mais peut-être serais-ce trop lent ?

Faut pas non plus en faire trop au point de gâcher l'expérience de l'utilisateur. Une fois un utilisateur loggé et qu'il souhaite virer un fichier, un simple message de confirmation suffira selon moi.

Très bien.

C'est quoi le site, histoire de test en temps réel ?

nathan30 a écrit:

C'est quoi le site, histoire de test en temps réel ?

Je vais faire un compte avec droit réduit pour le forum, car si vous pouvez que voir la page d'accueil c'est un peu bête je regarde ça !

Très bien, j'attends

Y'at t-il un lien ?

Bonsoir,

j'ai travailler cette après-midi pour fournir au membre du forum la possibilité d'essayer le site. Vous pouvez vous connectez avec un compte, mais vous ne pouvez ni uploader des fichiers, ni faire des modifications (Mot de passe, couleur de fond, etc.)

Voici donc une page avec les informations: http://cloud.winlap.ch/openclassrooms

Et le site: http://cloud.winlap.ch (Il faut prendre le premier lien pour obtenir identifiant et mot de passe).

Je suis impatient d'avoir vos retour

Pas sécurisé par contre...

On peut accèder à tout les fichiers...

LikeMyGeek a écrit:

Pas sécurisé par contre...

On peut accèder à tout les fichiers...

C'est à dire ?

WinXaito a écrit:

LikeMyGeek a écrit:

Pas sécurisé par contre...

On peut accèder à tout les fichiers...

C'est à dire ?

Bah on peut télécharger tout les fichiers sur le site... Un script php qui récupère tout les fichiers avec une boucle de 0 a 1000 (par ex) et tout les fichiers sont téléchargés en 10sec

Non, car il y a le mode protegé ou non, si le fichier n'est pas protégé alors tout le monde peut le télécharger, au contraire si il est en mode protegé, alors seul l'utilisateur ayant mis le fichier en ligne peut le télécharger. (Il doit être connecté au site).

Je t'invite à cliquer sur ce lien qui est un fichier protegé avec mon compte: http://cloud.winlap.ch/download/104

Voilà, si tu as d'autre recommendation n'hésite pas (Et sinon côté graphique/utilitaire un avis ?)

A la limite, ne pas renvoyer sur une erreur fichier non existant, mais plûtot fichier interdit.

Et graphiquement, j'aime le flat remple d'animation, full ajax donc voila...

Le site est sympa, 2-3 fautes d'orthographe sur les boutons (> settings). Autrement, pour des flèches sur le côté, un attribut title="" ne serait pas de refus pour savoir où on clique ^^.

La font est à changer selon moi, mettre un truc plus sympatoche

Bonjour WinXaito

J'aime la navigation, c'est très simple à utiliser donc rapide.

D'accord avec lapin-math, le fond bof bof et +1 pour title.

Une question: sera-t-il possible d'uploader plusieurs images à la fois ? Sinon ce serait à rajouter je trouve

Une autre idée, tu parles de partager tes fichiers avec ta famille, y compris des vidéos ( en limitant l'accès à une liste d'amis par ex ) ?

clenake a écrit:

Une autre idée, tu parles de partager tes fichiers avec ta famille, y compris des vidéos ( en limitant l'accès à une liste d'amis par ex ) ?

Pas mal comme idée. WinXaito je sens que le site sera super

lapin-math a écrit:

clenake a écrit:

Une autre idée, tu parles de partager tes fichiers avec ta famille, y compris des vidéos ( en limitant l'accès à une liste d'amis par ex ) ?

Pas mal comme idée. WinXaito je sens que le site sera super

J'ai prévu quelques amélioration dans le futur, notament:

• Eventuellement un deuxième design disponible utilisant pas mal de javascript
• Incrustation de dossiers (Pour du rangement)
• Un support
• Upload multiple
• Partage amélioré (Par lien, par mot de passe, ou pour l'utilisateur uniquement, et la possibilité d'envoyer le lien par mail à une personne)

Et merci de tes encouragements lapin-math ça fait toujours très plaisir

(Sinon voici une idée de deuxième design que je pourrais creer: http://archives.winlap.ch/cloud/modern/)

Donc mon idée serait de pouvoir insérer à gauche une "Tree list" en Javascript, plus précisément en m'aidant de plug-in jQuery pour la gestion des dossiers, à droite le menu (Accès au support, au statistique, upload, déconnexion, etc.) Et en bas, idéalement un petit volet refermable avec les actions possibles sur le fichiers, notamment la suppression, le partage, le déplacement de dossier et j'en passe.)

Et si vous avez des idées de bibliothèque/plug-in pouvant m'aider c'est avec plaisir

Donc vos avis sont les bienvenues, et au passage, j'ai un peu chercher une idée de nom. Je me suis dit pourquoi pas "WinCloud", le seul truc qui me dérange c'est le mot cloud qui peux faire trop référence au cloud de apple. Donc si vous avez des idées

Bonjour,

j'ai un petit peu avancer, certes moins qu'avant. He oui j'ai repris le boulot cette semaine ..
Sinon, j'ai essayer de voir un peu pour le design, voici ou j'en suis maintenant:
http://archives.winlap.ch/cloud/modern/1-2/ (C'est pas beau hein ? )

Donc pour le moment, c'est très moche. Je compte bien améliorer ça, mais ça peut toujours donner une idée.

Les archives seront classé comme tel:

• http://archives.winlap.ch/cloud/modern/1-1/ (Première version alpha)
• http://archives.winlap.ch/cloud/modern/1-2/ (Deuxième version alpha)
• ... (Bah y en a pas plus)

Sinon petit rappel, j'avais pensé au nom "WinCloud" ou "WinStorage (Un peu zarb non ?)" Sachant que le win n'est pas obligatoire, mais j'ai que ça qui me passe par la tête. Je suis volontiers preneur de vos conseils et vos avis.

Sinon pour voir toutes les nouveautés prévus, et idée du site, c'est dans le post précédent.

Dans l'attente de vos avis/remarques, je vous salue bien chère zero !
WinXaito

Comme c'est désersperrant, je crois que je vais changer ma signature ...

En grand