Editeur de tutoriels en off-line

Darktib Message lu Posté le 07 Juil 2008 à 17:23 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
La nouvelle version de Gamecorp est en train d'arriver, vous aurez pu voir toutes les nouveautés dans le sujet crée a cet effet, et ce topic va contenir toutes les informations sur cet nouveauté. Une fois terminé je posterai peut etre des tutoriels et des topic dans la section making-of.

Pour accélerer le developpement, un compte Sourceforge à été crée à cette adresse. Un forum est disponible ici

Présentation :


Cet éditeur est destiné à l'édition des tutoriels hors-connexion. Actuellement, lorsque vous écrivez un tutoriel, vous etes obligés de tout rédiger d'un coup ou d'utiliser un éditeur de texte, et ce en devant entrer manuellement les balises. Pour les petits tutoriel cela peut ce faire, mais si vous voulez rédiger un énorme article sur l'art de changer les noms de fichiers dans l'explorateur Windows, article divisé en plusieurs parties, vous serez ennuyé si à la fin de la rédaction vous appuyez par inadvertance sur la touche 'Retour arrière'... Tout serait à retaper...
Mais avec cet éditeur plus de risques !
Non seulement vous pourrez éditer en rentrant les balises, éditer sans rentrer de balises (comme sur Microsoft Word), enregistrer, ouvrir, etc...

La première chose importante de l'éditeur est les deux modes d'éditions. Dans celui par défaut, en 'rich text', vous pouvez par exemple sélectionner une phrase que vous voulez mettre en évidence, puis cliquer sur le bouton 'Mettre en gras'; les changements sont immédiats... aucune balise [b][/b] n'apparait, par contre le texte est réellement en gras. L'autre mode d'édition, similaire à celui proposé en ligne sur GameCorp, vous propose de rentrer les balises (que ce soit manuellement ou en cliquant sur un bouton), le tout avec coloration syntaxique du phpBB. Bien entendu vous pouvez à tout moment changer entre texte riche et édition directe du phpBB (un seul clic suffit).

Pour les aficionados des skins graphiques de FireFox, l'éditeur intègre déjà un tel systeme vous permettant de tout changer a part la forme de la fenêtre. Ces skins seront facile à créer, il suffit de connaitre les bases du CSS (Cascading Style Sheets), la syntaxe des skins étant pareille.

De plus cet éditeur sera multi-plateforme. A noter que pour l'instant seul la version Windows existe, mais une fois l'éditeur terminé j'installerai Linux pour pouvoir compiler. Sur Mac par contre j'aurai besoin de l'aide d'un membre car je n'ai pas ce système.

Et dernière nouvelle : ce logiciel sera sous licence GPL ! Notez cependant que les sources ne seront disponible qu'une fois le développement terminé.

Avancement
Mise en forme basique (gras, italique, souligné, barré)100%
Mise en forme évoluée (liens hypertexte, taille, police, couleur, alignement)90%
Mise en forme complexe (blocs)40%
Smileys100%
Images95%
Tableaux0%
Enregistrement / chargement fichiers95%
Convertisseur Html / PhpBB90%
Interface75%
Systeme de skins100%
Skin 'Yellow'Abandonné
Icônes70%
Plugins65%
Installateur0%
Extension de fichier et ouverture par double-clic50%
Export Pdf et impression0%


Le convertisseur phpBB -> html supporte les balises suivantes: b, i, u, s, color, size, url, img, code(50%), nocode, center, right, left.
Le convertisseur html -> phpBB supporte les controles suivants: gras, italique, souligné, barré, alignement, couleur, taille, liens hypertexte, images.

Suggestions :


- Mettre le curseur entre deux balises quand on applique un attribut du texte sans sélection, ce uniquement dans le mode d'édition du code phpBB. Par exemple, cliquer sur le bouton de mise en gras sans sélection, le programme va insérer les balises [b][/b] puis mettre le curseur au milieu. Suggéré par Daru13
IMPLÉMENTÉE.
- Proposer l'ouverture du dernier tutoriel édité lors du démarrage de l'éditeur. Suggéré par killpatate.
IMPLÉMENTÉE.
- Possibilité de voir le code html.Suggéré par Warshadow
IMPLÉMENTÉE.
- Auto-complétion en mode PhpBB. Suggéré par killpatate
IMPLÉMENTÉE.
- Possibilité d'ajouter des images à partir du panneau des images. Suggéré par killpatate
EN COURS.
- Ajouter un bouton pour fermer les tutoriels. Suggéré par Angelis
IMPLÉMENTÉE.
- Faire en sorte que la distinction entre le mode richtext et le mode phpbb soit plus visible. Suggéré par killpatate
IMPLÉMENTÉE.
- Action pour fermer automatiquement la dernière balise phpBB ouverte. Suggéré par killpatate
IMPLÉMENTÉE.
- Afficher une image en mode texte riche, afin que l'emplacement des vidéos et des flashs soit plus visible.Suggéré par Mod
EN COURS.


Screenshots :


Image


N'hésitez pas à proposer vos commentaires / suggestions !

Téléchargements:

Beta 8
Mise à jour du : 07 / 06 / 2009.
Dernière édition le 12 Juin 2009 à 09:28
MageNoir Message lu Posté le 07 Juil 2008 à 18:05 Bulle
Avatar de MageNoir
Membre Avancé

Messages : 724
GCPoints : 16803
Fort sympatique, encore un truc qui ressemble au Sdz !


Personellement, je n'aime pas le fond, j'imagine que c'est pour donner le coté 'Design Game Corp', mais bon...
Un bon vieu fond blanc y'a rien de mieu, non ?


Intéréssant en tout cas.
*=*=* M@G€NO!R *=*=*
Daru13 Message lu Posté le 07 Juil 2008 à 19:50 Bulle
Avatar de Daru13
Membre Elite

Messages : 2884
GCPoints : 108090
C'est vrai que le fond comme ça c'est chiant au niveau de la lisibilité je trouve =/.
Sinon, c'est super, vivement la suite :happy: !



stilobique Message lu Posté le 07 Juil 2008 à 22:05 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Sa serait sympa de voir le rendu sur une page type Web, si tu vois ce que je veut dire :D

Si les titre pourrait être définit au niveau du design, il me semble que mod voulait mettre quelque modification.

Sinon vraiment cool j'ai hâte d'essayer ; prévue pour quand ? Je peut tester par la suite si tu veut !

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Darktib Message lu Posté le 08 Juil 2008 à 16:35 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
Je vais mettre en ligne la version beta.

Sinon j'ai encore amélioré les blocs code et les styles graphiques. Celui par défaut, qui se nomme 'Yellow', a été amélioré.
Pour le fond je l'ai éclairci, ca rend un peu mieux maintenant. De toute facon ne vous inquietez pas, les skins ca se change en 2 clic - et ce pour l'utilisateur (dans la section Affichage il y a un bouton 'changer de style graphique...' :wink: ). Si l'aspect de la barre de menus vous parait sale c'est parce que j'ai fait le fond avec une capture d'écran en jpg de gamecorp... (mais je compte carrément enregistrer une page de GC pour pouvoir faire du pixel-perfect)

Petit screen:
Image


Et la beta 1:
http://www.megaupload.com/fr/?d=BFO4UXVZ
Il n'y a pas d'enregistrement/sauvegarde (meme si le programme vous demande d'enregistrer!). Il me semble que niveau colo syntaxique les balises url sont trop claires.
Profitez en pour regarder l'histoire des skins, leur syntaxe etc... Note : pour enlever un skin, créez un fichier txt, renommez le en qss, et choisissez le lors de la fenetre de changement de skins.
Warshadow Message lu Posté le 08 Juil 2008 à 16:57 Bulle
Avatar de Warshadow
Membre Novice

Messages : 20
GCPoints : 5061
Quelques petites remarques, j'ai testé en surface :

- Faut virer ce fond jaune, un fond blanc c'est bien mieux, ou alors de la même couleur que le fond du site.
- J'ai mis du texte en "Code", puis je l'ai retiré. Mon texte s'est retrouvé sur fond noir.
- Il faudrait avoir la possibilité de voir directement le "code source" de la page, si on le souhaite.

Voila, je dis ça sans avoir vraiment lu le topic, donc excusez moi si je dis des trucs inutiles... :proud:
Darktib Message lu Posté le 08 Juil 2008 à 17:12 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
Le fond jaune se vire en 2 clics. Mais en tout cas c'est noté.
Pour le texte en code qui devient noir c'est un probleme html - résolu sur la version actuelle.
La beta 1 date d'hier en fait...10 heures de décalage entre la beta 1 et la version actuelle et pas mal de modifications^^
Pour le code de la page tu fait Tutoriel->to html string ou un truc du genre ( deuxieme texte en partant du haut^^). Cette action est tres utile pour le debugage mais sera peu etre déplacée dans le futur.
stilobique Message lu Posté le 08 Juil 2008 à 20:18 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Je vais testé sa ; j'édite dans une bonne demi heure !


Bon, finalement cela n'as pas été très long, les fonctionnalité sont encore assez restreinte ! En tout cas un petit truc sympa à faire c'est rajouter la possibilité de lui demander d'ouvrir automatiquement le dernier article !
Sinon que dire d'autre... pour la prochaine version à tester la possibilité d'enregistrer et toute les balises, sa permet de commencer à essayer un vrai article :cool: (qui sera d'ailleurs un vrai :proud: ).
Dernière édition le 08 Juil 2008 à 20:33

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Darktib Message lu Posté le 09 Juil 2008 à 19:10 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
Je poste une beta un peu plus avancée.

Pour les balises il reste les plus dures, par exemple les tableaux ou spoilers.
Pour l'ouverture du dernier article je ferai ca une fois lenregistrement/ ouverture terminé, c'est une bonne idée.

J'ai amélioré le skin, mais la beta 2 (celle que je poste) n'en est toujours pas a la version actuelle (elle ne date que d'un quart d'heure^^)
Et le code marche dans cette démo.
stilobique Message lu Posté le 09 Juil 2008 à 20:30 Bulle
Avatar de stilobique
Newser

Messages : 2387
GCPoints : 841900
Tu pourrait faire un fichier texte avec les nouveauté et correction ?? Préssé que tu termine de corrige tout sa en tout cas :wink:

(___/)
(='.'= )Voici Lapin. Copiez et collez Lapin dans votre signature
(")_(") pour l'aider à concrétiser sa domination du monde.
Aeon Syx Message lu Posté le 10 Juil 2008 à 20:49 Bulle
Avatar de Aeon Syx
Membre Confirmé

Messages : 660
GCPoints : 26061
Ca a l'air sympa je vais tester. Des fois que j'ai un truc à écrire un jour :rolleyes:
Image
Darktib Message lu Posté le 18 Juil 2008 à 17:37 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
J'ai implémenté les bloc de citation...reste juste a tester sur d'autres ordis et de faire le convertisseur html pour ces blocs.

Ca a été plus vu que le html c'est chiant. mais vraiment a un point...
Le skin a avancé sinon.
Mod Message lu Posté le 18 Juil 2008 à 17:42 Bulle
Avatar de Mod
Webmaster

Messages : 4954
GCPoints : 2100823
SI tu galères vraiment sur l'HTMl, je suis à disposition :wink: .
Darktib Message lu Posté le 18 Juil 2008 à 17:45 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
Merci, mais j'arrive a me débrouiller...^^
Par contre j'ai des questions niveau Gamecorp:

1. Peut-on mettre le texte en forme dans une balise code? (gras, etc...)
2. Peut on mettre un bloc dans un autre ?( spoiler dans citation, code danss spoiler, dans citation, etc...)
3. Peut on mettre en forme les liens hypertexte?

Voila les grandes interrogations qui me permettront de mieux faire l'éditeur. A noter que le rendu dans l'éditeur ne sera pas tout a fait identique a celui dans le navigateur, sauf normalement pour ceux qui utilisent WebKit (moteur web different)
Dernière édition le 18 Juil 2008 à 17:46
Mod Message lu Posté le 18 Juil 2008 à 18:01 Bulle
Avatar de Mod
Webmaster

Messages : 4954
GCPoints : 2100823
1 - Non (même si à cause de bugs c'est possible pour l'instant).
2 - Oui (même si à cause de bugs ce n'est pas toujours possible). Exception : la balise code qui affiche le code.
3 - Oui.

Voili, voilou...
Darktib Message lu Posté le 18 Juil 2008 à 18:11 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
OK Merci.
Un release arrivera peut etre la semaine prochaine...
Mod Message lu Posté le 18 Juil 2008 à 18:15 Bulle
Avatar de Mod
Webmaster

Messages : 4954
GCPoints : 2100823
Il faut bien vu que tu as dit que tu allais bosser dessus pendant tes vacances :proud: .
Darktib Message lu Posté le 22 Juil 2008 à 18:43 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
:neutral:

Bon, voici un apercu des blocs de citation:
Image


L'aspect n'est pas forcement super beau, mais ca c'est le moteur web qui déconne (le comble c'est qu'IE ne déconne meme pas sur ce point :lol:)
Falco Message lu Posté le 22 Juil 2008 à 18:46 Bulle
Avatar de Falco
Explorateur

Messages : 135
GCPoints : 20545
Super comme outil !
J'avais bien aimé ce genre de logiciel pour le SDZ, c'est pratique :smile:
Darktib Message lu Posté le 25 Août 2008 à 14:45 Bulle
Avatar de Darktib
Membre Ultime

Messages : 4017
GCPoints : 347288
Hop, voici la beta 3. Principal ajout : la fenetre de configuration.

http://www.megaupload.com/fr/?d=50FS1MBR
Répondre
GameCorp - Site d'apprentissage et d'entraide à la création de jeux vidéo.
XHTML Valid 1.1 - Page générée en 0.0682 secondes