Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Interface Web FTP] SpaceFTP

Interface Web de gestion FTP

Anonyme
26 février 2013 à 11:10:39

Bonjour amis Zéros ! Je m'appelle Romain et je suis actuellementétudiant en L1 de Physique. J'ai développé une interface web qui permet de se connecter à un serveur en FTP et qui permet ensuite de gérer les fichiers/dossiers présents dessus.

Ce projet se nomme SpaceFTP et est né d'une toute petite idée, un défi si vous préférez :)

Au départ, j'avais l'intention de créer juste une petite interface personnelle, simple et rapide qui me permettait de me connecter seulement à mon hébergeur afin de modifier mon site. Puis, j'ai eu l'idée de développer une plus "grosse" interface afin de permettre à d'autres utilisateurs de se connecter à leur serveur. C'est de cette idée qu'est né SpaceFTP.

Vu qu'il n'y a pas beaucoup d'interfaces web qui permettent de gérer un serveur, j'ai pensé que mon interface pourrait interesser surement des personnes/webmasters.

Actuellement, je développe seul cette interface qui est rendu à la version 1.0.0 (première version stable). Je paufine encore le code et rajoute les dernières fonctions avant de proposer le code intégral en téléchargement gratuit.

Cette interface à pour objectif de devenir la plus complète, rapide possible. Elle propose les fonctionnalités actuelles :

  • Création/Suppression de fichiers
  • Création/Suppression de dossiers
  • CHMOD de fichiers
  • Renommage de fichiers
  • Edition de fichiers
  • Upload (chargement sur le serveur)
  • Download (téléchargement)
  • Déplacement dans les répertoires (indispensable :) )
  • Listage des fichiers et des dossiers présents sur le serveur
  • Zip du dossier courant
  • CDUP (qui permet de revenir au dossier parent)

/!\ La dernière version en date est la 2.0.0 N'hésitez pas à consulter les dernières pages du forum pour vous tenir au jus des dernières infos ;) /!\

Voici le lien vers le site : http://spaceftp.legtux.org/

Voici quelques captures d'écran :

J'attends vos avis :)

Edit : Dernier screenshot pour les personnes qui viennent d'arriver ;) ![] (http://img15.hostingpics.net/pics/968244SnapCrabSpaceFTPbrbNoticebUndefinedindexserverinbDEasyPHP5380wwwSpaceFTPdesktopphpbonlineb21bb20141019162821No00.png)

Cordialement, Neoblast1996

-
Edité par Anonyme 30 décembre 2014 à 15:01:59

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
26 février 2013 à 11:59:45

Site pas en https, aucune info sur la sécurité des infos, c'est dommages c'est le type d'utilitaire web que je cherche mais sérieux j'ai un peu peur de donner les identifiants de mon ftp a un inconnu (quelque soit son degré d'honnêteté).

Sinon d'après tes screen, niveau design il faut que tu change la police (perso je trouve que ca fait pas pro du tout le times new roman). Et sinon si c'est possibl (ce qui doit l'être) utilise des tableau "zébré" : http://twitter.github.com/bootstrap/base-css.html#tables 

Peut tu créer une page de démo avec accès par mdp et id bidon comme (user, user) juset comme page de test, bien sur tu verouille l'envoie de fichier.

Bon courage pour la suite ;)

EDIT:

Bon j'ai oser en faite, alors je n'est pas de background, ton design repose (pour le header sur des table ce qui n'est plus conseillé, préfère des ul>li (en inline).

Après pour la taille des dossiers ceci n'affiche pas la taille du contenu mais du contenant peu tu afficher pluto le contenu qui est nettement plus interessant.

Après je trouve que tes formulaires gagnerai à être affiché en ajax sans a chaque fois necessité de recharger la page ou sinon affiche les directement sans passé par un bouton, ou mieux dans un fenêtre modal (revoila bootstrap :D) http://twitter.github.com/bootstrap/javascript.html#modals

-
Edité par Anonyme 26 février 2013 à 12:08:17

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
26 février 2013 à 13:52:40

Merci pour ton commentaire !

Je vais essayer de mettre en application ce que tu me conseilles de faire ^^

Le problème c'est que je maitrise pas du tout Ajax, je n'ai jamais essayé.

Sinon pour le log au serveur, ton mot de passe et ton identifiant sont contenu dans des cookies pendant une heure. Aucunes informations ne sont gardées au-dela.

Sinon, sous quel navigateur es-tu ? Pourrais-tu m'envoyer un screen de ce que tu vois stp ?

Edit : Pour HTTPS, je ne peux pas car je suis sur un mutualisé et que je ne suis pas encore prêt à payer une ip privée

-
Edité par Anonyme 26 février 2013 à 13:57:37

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
26 février 2013 à 14:53:54

Ok c'est juste parce que j'avais pris le thème "pro" qui en faite n'a pas l'air d'avoir de css.

Sinon en retestant avec le thème normal c'est bon mais dans ce cas là ne permet pas le fait de pouvoir changer de thème si il ne sont pas actif.

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
26 février 2013 à 15:28:42

C'est corrigé !

Je m'attaque à une visionneuse d'images. Sinon pour une version de demo, je ne sais pas du tout comment je pourrais faire vu que je n'ai qu'une seule session pour moi sur mon hébergeur et que je ne peux pas créer d'autres sessions :(

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
26 février 2013 à 15:30:46

Désolé pour le re-post, c'est la v4 qui a des petites latences...

-
Edité par Anonyme 26 février 2013 à 16:23:58

  • Partager sur Facebook
  • Partager sur Twitter
26 février 2013 à 16:00:05

Vraiment simpas le système, avec l'utilisation des parametres FTP de PHP c'est plutôt correcte :p 

Bonne continuation à toi 

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
26 février 2013 à 16:22:33

Merci !

Je viens d'optimiser le code pour que le chargement de la page soit plus rapide.

Je m'attaquerai aux formulaires demain.

Edit : Finalement, je m'attaque à la visionneuse maintenant !

-
Edité par Anonyme 26 février 2013 à 17:45:20

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
27 février 2013 à 13:37:45

Bonjour tout le monde !

Nouveaux ajouts :

  • Nouvelles icones
  • Optimisation du code, supression des fonctions inutiles
  • Ajout d'un systéme vérifiant le statut des fichiers avant l'édition
  • Ajout de la fonctionnalitée "Visionneuse d'image"
  • Changement de la police d'écriture
  • Ajout du temps de la génération du script

Edit :

  • Ajout de la visionneuse d'images

Release : Nouvelle version de SpaceFTP : 1.3.2

  • Supression des switch($_GET) pour les formulaire basiques et remplacement par des fenêtres Jquery

-
Edité par Anonyme 27 février 2013 à 14:30:17

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
27 février 2013 à 18:14:08

Sympa très sympa est ce que a terme tu pense couplé cela avec un espèce d'IDE en ligne ???

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
27 février 2013 à 18:46:00

Heu non je n'y avais pas pensé. Je verrais cela plus tard, il ne me reste plus qu'à ajouter une visionneuse de vidéos, de PDF et la coloration syntaxique des codes lors de l'édition.

Sinon j'ai toujours un bug qui m'énerve : la fonction fopen() ne parvient pas à ouvir un fichier dans sa globalitée si sa taille dépasse 8500 bytes. Auriez-vous des alternatives pour contourner ce bug ? Merci d'avance et merci pour vos commentaires encourageants ^^

Que pensez-vous de la police d'écriture ? Etait celle que vous attendiez ?

-
Edité par Anonyme 27 février 2013 à 18:49:17

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
27 février 2013 à 18:53:41

Ah mais on peut déjà éditer notre code c'est deja bien. Sinon il y a sa qui pourait être sympa a implémenter http://codiad.com/.
  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
27 février 2013 à 19:10:32

Alors concernant codiad : j'avais prévu de faire une sorte d'interface couplée donc avec l'interface FTP qui permettrai de créer des projets et de pouvoir développer dans plusieurs langages. Je verrais plus tard si je le fais ou si j'integre directement un IDE.

Edit : La visionneuse de vidéos est terminée. Je n'ai pas encore mis le raccourci dans les actions liées aux fichiers vidéos.

Si vous voulez regarder une vidéo qui se trouve sur le serveur, soyez sur le bon répertoire et inscrivez ceci comme URL : http://spaceftp.legtux.org/desktop.php?action=view_movie&movie=nom_du_fichier_video.mp4

Edit :

  • Visionneuse vidéo prête
  • Changement d'icones (moins aggressives à l'oeil, plus claires)

/!\ Seuls les fichiers ayant pour extensions .ogg, .mp4 ou .webm pourront être lu pour la visionneuse de vidéos

Edit 2 :

  • Connexion sécurisée au serveur, le mot de passe est crypté pour l'authentification et le cookie ne retient pas le mot de passe. Le mot de passe décrypté n'est contenu que dans une variable de session.

-
Edité par Anonyme 28 février 2013 à 14:57:10

  • Partager sur Facebook
  • Partager sur Twitter
28 février 2013 à 16:34:18

Belle avancé, tien le à jour ton projet, ne lâche rien, moi personnellement il me dépanne quand je suis en déplacement, y'en a d'autre qui existe mais j'aime bien les projets en cours de création et qui évolue, deux personnes m'ont déjà demander ce que c(était comme site je leur ai envoyer le lien par email ;) 

J'aime bien les projets qui ont du sens ! ça change des pseudo régie de pub et autre site d'achat d'applications ! 

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
28 février 2013 à 18:08:23

Merci de ton soutien ^^ Je me suis lancé à fond dans ce projet et je ne le lacherait que lorsqu'il aura atteint la perfection !

Je pense que dans environ une semaine, une première version ipod/ipad/iphone sortira, mais je vous tiendrai informé de l'évolution des choses.

Edit : Actuellement, le site est indisponible, n'essayez donc pas d'y accéder. Le service sera rétabli d'içi 15 minutes. Encore désolé pour la gène occasionnée. Je mets ce graphique pour que vous puissiez voir l'etat de SpaceFTP en temps et en heure

http://www1.woozweb.com/chartdayservletstatehistory?ressource_id=20130219152520CFwww1282461&date_day=2013-02-28&width=600&height=160&axis_type=&axis_max_range=

-
Edité par Anonyme 28 février 2013 à 18:48:24

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
28 février 2013 à 20:20:42

L'accès à SpaceFTP est rétabli, vous pouvez de nouveau vous connecter à votre serveur via l'interface.

Pour l'accès HTTPS, j'en fais la demande à mon hébergeur. Je vous tiens au courant...

Edit :

  • Lecteur audio prêt
  • Réorganisation des icones des actions pour ne pas embrouiller l'utilisateur

Bon je vous avoue que je ne me suis pas foulé pour faire le design du lecteur audio :p j'attaque ça dés maintenant

-
Edité par Anonyme 1 mars 2013 à 10:38:58

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
1 mars 2013 à 11:54:35

Nouvelle interface du lecteur audio !

Edit : Amélioration de l'interface du lecteur audio !

Voulez vous que je fasses une vidéo pour montrer ce que ça donne ?

-
Edité par Anonyme 1 mars 2013 à 14:00:45

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
1 mars 2013 à 15:46:34

Le site est en accès HTTPS : connectez vous à l'interface via ce lien : https://spaceftp.legtux.org

Malheureusement, mon hébergeur m'a répondu cela à propos du certificat : "Le certificat SSL est signé par l'autorité CAcert qui n'est pas reconnue sur tous les systèmes (elle l'est sur les systèmes GNU/Linux). Vous pouvez ignorer l'avertissement et la connexion sera quand même sécurisée."

Nouveau : page de boot !

-
Edité par Anonyme 1 mars 2013 à 18:04:06

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
1 mars 2013 à 18:59:56

Nouvel ajout : Possibilité de créer des projets et de modifier le fichier .pro afin de renseigner le répertoire du projet ainsi que les fichiers qui compose le projet.

Edit : Changement de la police d'écriture : passage à la police Leto qui me parait plus belle :p

-
Edité par Anonyme 2 mars 2013 à 11:15:13

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
3 mars 2013 à 16:11:48

Amélioration graphique de l'interface : ajout d'un "footer" qui permet d'afficher les messages ainsi que le temps d'éxécution du script principal

  • Partager sur Facebook
  • Partager sur Twitter
3 mars 2013 à 17:35:05

J'aime bien les nouveaux graphisme, petit bémole sur les croix rouge et flèche verte que je trouve un poile décaller ( en therme de graphisme ) par rapport aux autres icon :p
  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
3 mars 2013 à 17:52:38

C'est corrigé ! Merci de ta remarque !

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
3 mars 2013 à 21:53:53

Je comptais faire une partie "Projet" ou les utilisateurs pourraient coder en c et cpp et pouvoir compiler leur programme mais malheureusement il faut utiliser la fonction php exec() et mon hébergeur à refusé de l'activer pour des raisons de sécurité. Du coup je ne sais pas si j'entame cette partie ou pas. J'attends vos avis...

Edit :

  • Correction d'un bug au niveau de l'édition. La sauvegarde effaçait la totalité du fichier ^^
  • Amélioration au niveau de l'édition, l'interface d'édition reste ouverte même aprés la sauvegarde.

Bon je me couche, faut être en forme pour la reprise du lycée demain :p Je bosserais donc un peu moins sur l'interface mais comptez sur moi pour vous tenir à jour des améliorations

-
Edité par Anonyme 3 mars 2013 à 23:00:15

  • Partager sur Facebook
  • Partager sur Twitter
3 mars 2013 à 22:57:45

Dans le même genre d'idée, la possibilité de compiler du latex en pdf à télécharger ensuite pourrait aussi être pratique car permettrait de compiler en latex depuis n'importe quel endroit sans avoir avec soi Miktex et ses 2G.Cependant, je ne sais pas comment cela peut se gérer et il se peut certainement aussi que cela se fasse à partir de la fonction php excec(). À ce moment là…

Sinon, en ce qui concerne ce projet, je le trouve vraiment bien, il a l'air fortement ergonomique et grouilles d'option en tout genre : visionnage de photos, vidéos, musique… J'ai peut-être mal lu et cette information se trouve peut-être dans les messages précédent mais cela intéresserait de savoir approximativement le temps de travail derrière tout cela : est-ce un projet d'une bonne semaine, d'un mois ou davantage d'une année ?

Encore bravo pour cette réalisation,

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
4 mars 2013 à 18:24:26

Salut, Tout d'abord merci de l'interêt que tu portes à mon projet ;) Je suis au lycéen donc je développe cette interface durant mes heures de trou et quand je suis chez moi.

Je dirais environ que le travail à commencé vraiment il y a 1 mois et demie. Ce qui représente environ une bonne cinquantaine de travail au moins.

Concernant la compilation de LaTeX en PDF, je dois utiliser la fonction PHP system() qui est aussi désactivé par mon hébergeur. Je vais essayer ce soir de négocier l'activation de cette fonction et je pense que se sera envisageable.

-
Edité par Anonyme 4 mars 2013 à 18:29:01

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
4 mars 2013 à 19:31:52

Je n'ai pas lu le topic entièrement, mais tu devrais faire un jolie script open-source, installable sur les serveurs (ça serait très intéressant) :-)

Bonne continuation sur le projet.

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
4 mars 2013 à 21:17:42

Bonsoir, "Je paufine encore le code et rajoute les dernières fonctions avant de proposer le code intégral en téléchargement gratuit." (premier message)

-
Edité par Anonyme 4 mars 2013 à 21:18:35

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
4 mars 2013 à 21:45:30

Concernant la fonction PHP system(), je viens d'envoyer ma demande.

Sinon, le site sera en maintenance de ce soir jusqu'à mercredi 18h du à une mauvaise manipulation de ma part (je suis une quiche :p ). J'ai supprimé par erreur une partie de ma page d'index et le code et sur mon pc... et je n'ai pas accés à pc pendant les jours de cours sauf mercredi.

-
Edité par Anonyme 4 mars 2013 à 21:46:17

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
5 mars 2013 à 19:24:49

Le site est accessible de nouveau ! Il ne me reste plus qu'à corriger le reste du code pour afficher les fenêtres modales Jquery.

  • Partager sur Facebook
  • Partager sur Twitter
6 mars 2013 à 1:44:49

Neo j ai une grosse idée a t apporter, envoi moi un MP des que tu peux .... 

Cordialement, 

NodeJS

  • Partager sur Facebook
  • Partager sur Twitter
Cordialement,NodeJS