Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Alles was NetBeans erweitert

Moderator: arittner

Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 15.07.2009, 17:01

Moin!

Ich habe ein kleines Plugin geschrieben, dass die nächsten Wochen noch deutlich ausgebaut werden soll. Wer es testen will:

Tutorial Builder Blog Eintrag und Download

Tutorial Builder - Statusbar.PNG
Tutorial Builder - Statusbar.PNG (4.81 KiB) 1297-mal betrachtet


Tutorial Builder - Gallery.PNG
Tutorial Builder - Gallery.PNG (79.71 KiB) 1297-mal betrachtet


Beste Grüße,
Josch.

PS.: Ich bekomme gerade einen riesigen Run auf meine HP :shock: . Wenn mal ein 500'er Fehler kommt, dann nicht verzagen...
PPS.: Liegt wohl an einigen Backlinks:
http://www.astracanada.net/2009/07/16/h ... -netbeans/
http://eppleton.sharedhost.de/blog/?p=786
http://it-republik.de/jaxenter/news/Net ... 50260.html
Zuletzt geändert von arittner am 17.07.2009, 09:07, insgesamt 1-mal geändert.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon Dreamlight » 16.07.2009, 07:36

Hallo Josch,
tolle Sache, dein Plugin :!: . Habe es gleich mal heute Morgen auf Windows XP getestet.

Was mir besonderst gut gefällt ist das Gropping, d. h. im Screenshot verschiedene Bereiche auswählen zu können und von denen ein eigenes Screenshot generieren zu können. Vielleicht wäre eine kleine visuelle Rückmeldung, dass ein Screenshot gemacht wurde ganz nett, war mir erstmal unsicher, ob nach 'Druck S-Abf' jetzt das Menu gespeichert wurde oder nicht. Musste dann die Galerie aufrufen, wo ich erst sah, dass das Screenshot erfolgreich generiert wurde :D .
Peter

Dream it, awaken in it...
Und wenn ihr wollt, könnt ihr das mit Dreampalace.
Kennt ihr schon MultiLingual with NetBeans oder ABC-List?
Benutzeravatar
Dreamlight
 
Beiträge: 152
Registriert: 16.01.2009, 18:11
Wohnort: Niedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 16.07.2009, 08:11

Moin!

Ja, das mit dem Feedback will ich noch rein bringen. Ich kam gut damit klar, dass der Mauscursor zweimal kurz verschwindet (unter Windows deswegen 2*, weil das OS auch auf "Druck" einen Screenshot in die Zwischenablage macht). Aber ich werde mal sehen, was ich sonst machen kann. Ungern würde ich gleich die Gallerie öffnen, weil der Tutorial Builder nicht in der Arbeitsweise stören soll, wenn man eben Abläufe in Serienbildern ablichten möchte.

Aber m.E. werden sich zwei Arbeitsweisen herauskristallisieren: a) mehrere Screenshots machen und dann daraus ein Tutorial machen oder b) ein Screenshot machen, benennen, Text dazu schreiben (ggf. Codeschnipsel hinzufügen) - dann nächster Screenshot. Für die b-Arbeitsweise wäre der Feedback ein sofortiges Anzeigen nach den SC sowieso hilfreich und somit ein hinreichendes Feedback.

Ach ja, was mir gerade einfällt als Lösung für das Feedback. Ich werde einfach in der Statuszeile neben der Snapshot-Kamera eine Zahl der Bilder in der Gallerie hinzufügen. Dann sieh man, ob ein neues hinzugekommen ist.

Was mir übrigens noch nicht wirklich gelungen ist: Für den Snapshot das Statusleisten-Symbol der Kamera auszublenden. Irgendwie reagiert die Statusleiste nicht auf die üblichen Swing-Vorgehen...

PS.: Hat jemand einen Mac? Ich würde gerne Wissen, ob dort das mit dem Menü-Clipping funktioniert, wenn man das reale Mac-Menü "On-Top" nutzt.

Beste Grüße,
Josch.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon Dreamlight » 16.07.2009, 09:01

Moin Josch

Statuszeile neben der Snapshot-Kamera eine Zahl der Bilder in der Gallerie hinzufügen

Das mit der Statusleiste ist eine gute Idee. Zuerst dachte ich an eine Lösung von Geertjan, wo er das Glasspane wie in den Browsern eingefärbt hat, aber die Statusleiste ist nicht so aufdringlich.

Ich würde es noch gut finden, wenn zusätzlich zu der Zahl beim Fotoapperat in der Statusleiste links unten eine Nachricht als Feedback anzeigen würdest (die verschwindet ja wieder nach kurzer Zeit).


Was mir übrigens noch nicht wirklich gelungen ist: Für den Snapshot das Statusleisten-Symbol der Kamera auszublenden. Irgendwie reagiert die Statusleiste nicht auf die üblichen Swing-Vorgehen...

Qualität braucht sich nicht zu schämen. Insofern denke ich ist es in Ordnung, wenn das Icon für dein Plugin zu sehen ist. Wer es nicht möchte, kann es ja weg-groppen :D .
Peter

Dream it, awaken in it...
Und wenn ihr wollt, könnt ihr das mit Dreampalace.
Kennt ihr schon MultiLingual with NetBeans oder ABC-List?
Benutzeravatar
Dreamlight
 
Beiträge: 152
Registriert: 16.01.2009, 18:11
Wohnort: Niedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 16.07.2009, 11:01

Moin!

Noch ein kleiner Hinweis. Ich habe das Plugin mit einer neuen Version ausgetauscht. Zum einen geht es auch mit Java 5 (für Mac-User wichtig) und zum anderen habe ich ein Update-Center eingetragen. Damit erhält jeder Nutzer des Plugins automatische Updates.

Am besten das alte Plugin deinstallieren und das Neue installieren. Im Auto-Update-Center seht Ihr dann in der letzten Registerzunge mein Update-Center. Wenn Ihr keine Updates mehr wollt, könnt Ihr es dort auch deaktivieren (was aber bestimmt nicht empfehlenswert ist ;-)).

Tutorial Builder - PluginCenter.PNG
Tutorial Builder - PluginCenter.PNG (25.57 KiB) 1267-mal betrachtet


Die Lizenz ist nun CDDL V1 + GPLv2 + Classpath-Exception. Sourcecode bereite ich demnächst vor (ich muss noch etwas aufräumen). Wenn die Lizenz passt, kommt das Projekt direkt nach Kenai.

Beste Grüße,
Josch.

PS.: Das Bild wurde natürlich mit dem Tutorial-Builder erzeugt :-P
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 17.07.2009, 15:27

Moin!

Update ist verfügbar:

Plugin: Tutorial Builder 1.03 verfügbar

Änderungen:

* Neben der Snapshot Kamera in der Statusleiste wird die Anzahl der Bilder in der Galerie angezeigt.
* Nach einem Snapshot gibt es eine kurze Info in der Statusleiste
* Lokalisierung in Deutsch (teilweise!)
* Lupe mit 4-facher Vergrößerung für die Bildervorschau, wenn man mit der Maus drüber wandert
* Und das Wichtigste:
Manuelle Zuschnitte mit der Maus
* Da das Ausschnittswerkzeug einer Erklärung bedarf, gibt es noch oben drauf (zum selben Preis!) eine kontextsensitive Hinweisbox. Das manuelle
Zuschneiden hat nämlich noch zwei Tastaturbefehle, die mit der Hinweisbox erklärt werden.

Beste Grüße und schönes Wochenende,
Josch.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon Dreamlight » 17.07.2009, 17:10

arittner hat geschrieben: * Da das Ausschnittswerkzeug einer Erklärung bedarf, gibt es noch oben drauf (zum selben Preis!) eine kontextsensitive Hinweisbox.

Gekauft!! :lol:


arittner hat geschrieben: * Neben der Snapshot Kamera in der Statusleiste wird die Anzahl der Bilder in der Galerie angezeigt.

Aber nur teilweise, wenn ich in der Gallery weitere Bilder erstelle.
Die Anzahl bei der Camera wird erhöht, aber keine weitere Meldung in der Statusleiste erfolgt... :cry:


arittner hat geschrieben:Änderungen:
* Lupe mit 4-facher Vergrößerung für die Bildervorschau, wenn man mit der Maus drüber wandert
* Und das Wichtigste: Manuelle Zuschnitte mit der Maus

Super!!!!!! :shock: 8)
Peter

Dream it, awaken in it...
Und wenn ihr wollt, könnt ihr das mit Dreampalace.
Kennt ihr schon MultiLingual with NetBeans oder ABC-List?
Benutzeravatar
Dreamlight
 
Beiträge: 152
Registriert: 16.01.2009, 18:11
Wohnort: Niedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 17.07.2009, 19:29

Moin!

Dreamlight hat geschrieben:
arittner hat geschrieben: * Neben der Snapshot Kamera in der Statusleiste wird die Anzahl der Bilder in der Galerie angezeigt.

Aber nur teilweise, wenn ich in der Gallery weitere Bilder erstelle.
Die Anzahl bei der Camera wird erhöht, aber keine weitere Meldung in der Statusleiste erfolgt... :cry:


Das liegt an der Optimierung der Statusleiste. Wenn zeitnah die gleichen Meldungen gemacht werden, bleiben die letzten unsichtbar, bzw. werden kürzer angezeigt. Wenn man da mit der Maus über einen sensitiven Bereich hat, ist der Text gleich wieder weg. Ich werde es über das Kamera-Icon lösen müssen. Hat aber nun eine geringere Priorität, weil man ja die Anzahl der Bilder sehen kann.

Übrigens kann man jetzt auch per Doppelklick auf das Symbol einen Screenshot auslösen.

Beste Grüße,
Josch.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon Arno.Nyhme » 21.07.2009, 12:48

arittner hat geschrieben:Ja, das mit dem Feedback will ich noch rein bringen.


kurz die fläche weiß aufblinken und ein kleiner roter rahmen um den bereich der gescreenshottet wurde der dann wieder verfliegt. (iphone macht z.b. dieses feedback beim screenshot)

dann hat man direkt die info ob man den richtigen bereich hat (man kann ja unterschiedlich screenshotten: druck oder alternativ alt + druck) vielleicht gibts ja noch ne option wo man noch mehr den bereich eingrenzen könnte (weiß nicht obs sinnvoll ist)


weitere ideen:
1) pfeiltasten zum blättern zwischen den unterschiedlichen croppingbereichen.
2) die unterschiedlichen croppingbereiche anzeigen je nachdem ob man mit der maus darübergeht (ähnlich wie elemente auswählen bei firebug)
3) im aufklappmenu noch den punkt einstellungen hinzufügen.
4) einstellbar ob bei doppelklick die galerie geöffnet wird oder ein bildschirmfoto gemacht wird.
5) die lupe sollte nicht den bereich überdecken vom screenshot (dies sieht beim erstenmal aus als ob es ein fehler beim screenshoterstellen ist) lieber die lupe links bei der galerie bei bedarf aktivieren.
6) in den tooltips sehe ich keine tastaturkürzel wie im beschreibungstext angekündigt
7) einen cropbereich sollte man auch mit mausklick und drag auswählen können --> gefunden mit dem symbol links neben der combobox
8) doppelklick in der galerie: das bild wird bildschirmfüllend geöffnet
9) doppelklick im bild: der markierte cropbereich wird ausgeschnitten
10) der tip bereich mit der gelben lampe zeigt nur einen einzigen text an :-( --> man sollte zwischen verschiedenen tipps "blättern" können.
Arno.Nyhme
 
Beiträge: 66
Registriert: 25.06.2008, 14:32

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 21.07.2009, 13:54

Arno.Nyhme hat geschrieben:
arittner hat geschrieben:Ja, das mit dem Feedback will ich noch rein bringen.


kurz die fläche weiß aufblinken und ein kleiner roter rahmen um den bereich der gescreenshottet wurde der dann wieder verfliegt. (iphone macht z.b. dieses feedback beim screenshot)

Das wäre eine nette Idee, ich muss mal schauen, wie ich das machen kann. Vermutlich nur mit heftigen HeavyWeight Windows.
dann hat man direkt die info ob man den richtigen bereich hat (man kann ja unterschiedlich screenshotten: druck oder alternativ alt + druck) vielleicht gibts ja noch ne option wo man noch mehr den bereich eingrenzen könnte (weiß nicht obs sinnvoll ist)

Dafür hat man ja die Well-Known-Regions in der ComboBox. Der Tutorial-Builder soll nur im Hintergrund ein Bild nach dem anderen aufzeichnen, und nicht die Schritt-für-Schritt Folge unterbrechen, die man für ein Tutorial benötigt.


weitere ideen:
1) pfeiltasten zum blättern zwischen den unterschiedlichen croppingbereichen.

Die ComboBox hat einen Focus, Anklicken und mit den Pfeiltasten bewegen. Die Pfeiltasten werden später noch für andere Werkzeuge benötigt, das könnte dann mehr verwirren, als helfen.
2) die unterschiedlichen croppingbereiche anzeigen je nachdem ob man mit der maus darübergeht (ähnlich wie elemente auswählen bei firebug)

Kann ich bestimmt einfach implementieren, nur die Combobox ragt ja rein, oder?
3) im aufklappmenu noch den punkt einstellungen hinzufügen.

Das kommt noch, es werden in paar Dinge einstellbar werden.
4) einstellbar ob bei doppelklick die galerie geöffnet wird oder ein bildschirmfoto gemacht wird.

s.o. (3)
5) die lupe sollte nicht den bereich überdecken vom screenshot (dies sieht beim erstenmal aus als ob es ein fehler beim screenshoterstellen ist) lieber die lupe links bei der galerie bei bedarf aktivieren.

Das nimmt mir zuviel Platz weg, ich werde die "Amica-Paint-Lupe" implementieren (ich war nur noch nicht fertig). Die Lupe springt dann in die Ecke, die am weitesten entfernt vom Mauszeiger ist.
6) in den tooltips sehe ich keine tastaturkürzel wie im beschreibungstext angekündigt

Welche Tooltips? Meinst Du das Popup-Menü? Ich hatte Strg+Umschalt+F12 verwendet, ist aber belegt. Du müsstest es erstmal in der Keymap von Hand ändern (Tools->Options->Keymap, Suche nach "Bild")
7) einen cropbereich sollte man auch mit mausklick und drag auswählen können --> gefunden mit dem symbol links neben der combobox

Das Symbol links ist ein Toggle-Button für ein Werkzeug. In diesem Fall für manueller Zuschnitt. Es entspricht vom UI damit ungefähr einer Grafikanwendung, wo man auch das Werkzeug erst aktivieren muss. Es kommen ja noch weitere hinzu...
8) doppelklick in der galerie: das bild wird bildschirmfüllend geöffnet

Da war ich mir noch nicht einig, wie ich das implementiere. In externer Anwendung, als Undocked TopComponent, als Maximized Preview-Fenster oder NetBeans per MimeType die Aufgabe delegieren (dann kommt aber nur der hässliche Bild-Viewer...)
9) doppelklick im bild: der markierte cropbereich wird ausgeschnitten

Jepp, gute Idee.
10) der tip bereich mit der gelben lampe zeigt nur einen einzigen text an :-( --> man sollte zwischen verschiedenen tipps "blättern" können.

Nein, es sind zwei Texte. Wenn das Werkzeug "Manueller Zuschnitt" aktiv ist, bekommst Du eine andere kontextsensitive Hilfe. Das wird noch mehr, je mehr Werkzeuge ich habe. Aber die ComboBox werde ich noch mit einem Text belegen. Mein HintProvider muss ich dafür nur noch ausbauen.

Aber herzlichen Dank für die vielen Ideen :-) Ich hoffe, ich konnte aber auch etwas aufklären, wohin die Richtung geht.

Beste Grüße,
Josch.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon Arno.Nyhme » 21.07.2009, 16:07

arittner hat geschrieben:
Arno.Nyhme hat geschrieben:
arittner hat geschrieben:Ja, das mit dem Feedback will ich noch rein bringen.


kurz die fläche weiß aufblinken und ein kleiner roter rahmen um den bereich der gescreenshottet wurde der dann wieder verfliegt. (iphone macht z.b. dieses feedback beim screenshot)

Das wäre eine nette Idee, ich muss mal schauen, wie ich das machen kann. Vermutlich nur mit heftigen HeavyWeight Windows.
dann hat man direkt die info ob man den richtigen bereich hat (man kann ja unterschiedlich screenshotten: druck oder alternativ alt + druck) vielleicht gibts ja noch ne option wo man noch mehr den bereich eingrenzen könnte (weiß nicht obs sinnvoll ist)

Dafür hat man ja die Well-Known-Regions in der ComboBox. Der Tutorial-Builder soll nur im Hintergrund ein Bild nach dem anderen aufzeichnen, und nicht die Schritt-für-Schritt Folge unterbrechen, die man für ein Tutorial benötigt.


die idee hier war: dass man mit einem tastenkürzel schon die wellknown bereiche schon anwählt (z.b. shift-alt-druck) wird der letzte bekannte well-known-region voreingestellt.

alternative idee. nacheinem tastenkürzel (siehe oben) wird der screenshot angezeigt, man kann dann fix mit den cursortasten die well-known-regions "durchblättern" - so in der art wie im explorertree mit links/rechts oben/unten. links wird der tree angezeigt. damit kann man dann schnell bereiche auswählen. dann enter. screenshot verschwindet und man kann weiter am die dialoge durchgehen und weitere screenshots erstellen.

arittner hat geschrieben:
Arno.Nyhme hat geschrieben:weitere ideen:
1) pfeiltasten zum blättern zwischen den unterschiedlichen croppingbereichen.

Die ComboBox hat einen Focus, Anklicken und mit den Pfeiltasten bewegen. Die Pfeiltasten werden später noch für andere Werkzeuge benötigt, das könnte dann mehr verwirren, als helfen.

nun wenn dies direkt als "rechts links" neben der combobox erscheinen würde ich es dafür schon praktischer finden. vor allem da das comboboxanklicken und dann wieder zu den cursortasten wechseln eine bewegungsunterbrechung darstellt.


arittner hat geschrieben:
Arno.Nyhme hat geschrieben:2) die unterschiedlichen croppingbereiche anzeigen je nachdem ob man mit der maus darübergeht (ähnlich wie elemente auswählen bei firebug)

Kann ich bestimmt einfach implementieren, nur die Combobox ragt ja rein, oder?


da meinte ich eher, wenn man über den screenshot mit der mausfährt (also combobox ist zu) dann wird die jeweils höchste (!?) bzw. größte region ausgewählt, die die maus berührt. also quasi intuitiv. (wie beim firebug, wenn man firebug öffnet und von dort aus ein element mit dem pfeil sucht)

auch ne idee: die combobox als tree links bei der galerie anzeigen.


arittner hat geschrieben:
Arno.Nyhme hat geschrieben:3) im aufklappmenu noch den punkt einstellungen hinzufügen.

Das kommt noch, es werden in paar Dinge einstellbar werden.
4) einstellbar ob bei doppelklick die galerie geöffnet wird oder ein bildschirmfoto gemacht wird.

s.o. (3)
5) die lupe sollte nicht den bereich überdecken vom screenshot (dies sieht beim erstenmal aus als ob es ein fehler beim screenshoterstellen ist) lieber die lupe links bei der galerie bei bedarf aktivieren.

Das nimmt mir zuviel Platz weg, ich werde die "Amica-Paint-Lupe" implementieren (ich war nur noch nicht fertig). Die Lupe springt dann in die Ecke, die am weitesten entfernt vom Mauszeiger ist.


oder die lupe ist immer rechts unterhalb des mauszeigers und fährt mit... das eigenmächtige rumspringen mag ich nicht so :-(

aber die lupe könnte ja die selbe größe haben wie ein galerie bild und halt oberhalb der bilderleiste dann erscheinen.



arittner hat geschrieben:
Arno.Nyhme hat geschrieben:6) in den tooltips sehe ich keine tastaturkürzel wie im beschreibungstext angekündigt

Welche Tooltips? Meinst Du das Popup-Menü? Ich hatte Strg+Umschalt+F12 verwendet, ist aber belegt. Du müsstest es erstmal in der Keymap von Hand ändern (Tools->Options->Keymap, Suche nach "Bild")


beim mousehoover über das kamerasymbol, und über das popup menü kommt jeweils bei mir gar kein tooltips anzeige.


daher dachte ich die tastaturkürzel dann bei den tooltips in der galerie über den symbol "fügt einen neuen zuschnitt hinzu" (besser vielleicht: "Ausschnittbereich mit Maus auswählen" ) und über den symbol "Zuschneiden" erwartet.


arittner hat geschrieben:
Arno.Nyhme hat geschrieben:7) einen cropbereich sollte man auch mit mausklick und drag auswählen können --> gefunden mit dem symbol links neben der combobox

Das Symbol links ist ein Toggle-Button für ein Werkzeug. In diesem Fall für manueller Zuschnitt. Es entspricht vom UI damit ungefähr einer Grafikanwendung, wo man auch das Werkzeug erst aktivieren muss. Es kommen ja noch weitere hinzu...


ok. wenn noch mehr hinzukommen dann macht es sinn es erst zu aktivieren wenn man draufklickt.

arittner hat geschrieben:
Arno.Nyhme hat geschrieben:8) doppelklick in der galerie: das bild wird bildschirmfüllend geöffnet

Da war ich mir noch nicht einig, wie ich das implementiere. In externer Anwendung, als Undocked TopComponent, als Maximized Preview-Fenster oder NetBeans per MimeType die Aufgabe delegieren (dann kommt aber nur der hässliche Bild-Viewer...)


mhhh.... auf jeden fall wie es bisher ist, ist das bild nicht so schön sichtbar und skaliert und daher dachte ich da dran. auf jeden fall nicht in einer eigenen anwendung, da man dann ja nicht mehr zuschneiden könnte! also das zuschneiden fenster nur in vollbild quasi

arittner hat geschrieben:
Arno.Nyhme hat geschrieben:9) doppelklick im bild: der markierte cropbereich wird ausgeschnitten

Jepp, gute Idee.
10) der tip bereich mit der gelben lampe zeigt nur einen einzigen text an :-( --> man sollte zwischen verschiedenen tipps "blättern" können.

Nein, es sind zwei Texte. Wenn das Werkzeug "Manueller Zuschnitt" aktiv ist, bekommst Du eine andere kontextsensitive Hilfe. Das wird noch mehr, je mehr Werkzeuge ich habe. Aber die ComboBox werde ich noch mit einem Text belegen. Mein HintProvider muss ich dafür nur noch ausbauen.


ok. besser bei den tips halt so wie bei allen tipps verhalten: symbol anzeigen und blättern einfügen, dann lernt man die buttons schneller kennen. und zusätzlich bei aktivierten symbol. besser sogar wenn man mit der maus über ein symbol geht, dann sollte sich der tipp verändern.


PS: ich habe den tipp geschlossen und kann jetzt leider nicht mehr nachvollziehen was beim tipp sich ändert. also noch ne option tipps einblenden hinzufügen :-)


arittner hat geschrieben:
Aber herzlichen Dank für die vielen Ideen :-) Ich hoffe, ich konnte aber auch etwas aufklären, wohin die Richtung geht.

Beste Grüße,
Josch.


gerne doch.



noch eine ideen hätte ich


viel zeit verbringt man damit aufzuschreiben welche menüpunkte man anklickt und was man auswählt was man wo auswählt etc. schön wäre hier nicht nur ein screen cast, sondern auch ein text der erscheint in der art:

Code: Alles auswählen
- Menü "Tools" auswählen
- Menüpunkt "Plugins" auswählen
- Im Dialog "Plugins" auf Tab "Settings" klicken
- bei "Configuration of Update Centers"
- auf Button Add Button "Add" klicken
- Im Dialogfeld "Update Center":
- im Feld "Namen" eingeben: "Tutorial Builder Update Center"
- mittels Tasten ALT+C den Punkt "Check for Updates automaticaly" einschalten
- im Feld "URL" eingeben: "http://www.sepix.de/fileadmin/tutorialbuilder/updates.xml"


(alternativ auch computerbild like für jeden scritt mit den jeweiligen kleinen screenshots)
Arno.Nyhme
 
Beiträge: 66
Registriert: 25.06.2008, 14:32

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 21.07.2009, 17:15

Moin!

Update 1.0.5:

Blog-Eintrag

Beste Grüße,
Josch.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 21.07.2009, 20:19

Arno.Nyhme hat geschrieben:da meinte ich eher, wenn man über den screenshot mit der mausfährt (also combobox ist zu) dann wird die jeweils höchste (!?) bzw. größte region ausgewählt, die die maus berührt. also quasi intuitiv. (wie beim firebug, wenn man firebug öffnet und von dort aus ein element mit dem pfeil sucht)

auch ne idee: die combobox als tree links bei der galerie anzeigen.

Ich werde daraus irgendwann einen Navigator basteln, dann sind alle gewünschten Features gleich mit dabei


Arno.Nyhme hat geschrieben:beim mousehoover über das kamerasymbol, und über das popup menü kommt jeweils bei mir gar kein tooltips anzeige.

In der Statusleiste füge ich noch eines hinzu. Aber PopupMenü-Einträge haben ja keine Tooltips.

Arno.Nyhme hat geschrieben:daher dachte ich die tastaturkürzel dann bei den tooltips in der galerie über den symbol "fügt einen neuen zuschnitt hinzu" (besser vielleicht: "Ausschnittbereich mit Maus auswählen" ) und über den symbol "Zuschneiden" erwartet.


Das kommt noch, das sind zZ. noch nackte Swing-Buttons. Die muss ich vom Prototyp noch umstellen ... Geduld ;-)

Arno.Nyhme hat geschrieben:mhhh.... auf jeden fall wie es bisher ist, ist das bild nicht so schön sichtbar und skaliert und daher dachte ich da dran. auf jeden fall nicht in einer eigenen anwendung, da man dann ja nicht mehr zuschneiden könnte! also das zuschneiden fenster nur in vollbild quasi

Doppelklick auf den Galerie-Header = Maximieren ;-)

Arno.Nyhme hat geschrieben:PS: ich habe den tipp geschlossen und kann jetzt leider nicht mehr nachvollziehen was beim tipp sich ändert. also noch ne option tipps einblenden hinzufügen :-)


NB neu starten ;-)


Arno.Nyhme hat geschrieben:viel zeit verbringt man damit aufzuschreiben welche menüpunkte man anklickt und was man auswählt was man wo auswählt etc. schön wäre hier nicht nur ein screen cast, sondern auch ein text der erscheint in der art:

Code: Alles auswählen
- Menü "Tools" auswählen
- Menüpunkt "Plugins" auswählen
- Im Dialog "Plugins" auf Tab "Settings" klicken
- bei "Configuration of Update Centers"
- auf Button Add Button "Add" klicken
- Im Dialogfeld "Update Center":
- im Feld "Namen" eingeben: "Tutorial Builder Update Center"
- mittels Tasten ALT+C den Punkt "Check for Updates automaticaly" einschalten
- im Feld "URL" eingeben: "http://www.sepix.de/fileadmin/tutorialbuilder/updates.xml"


(alternativ auch computerbild like für jeden scritt mit den jeweiligen kleinen screenshots)


Das ist erst in Milestone 2 oder 3. Dann kommen Texte zu den Bildern, damit der Name Tutorial Builder auch seine Berechtigung hat.

Beste Grüße,
Josch.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon arittner » 22.07.2009, 15:28

Moin!

1.0.5 ist da: Infos und Download. Oder unter Hilfe nach neuen Updates suchen.

Bild

Beste Grüße,
Josch.
JNBB/BeanDev: Das deutsche Blog zur NetBeans Platform
Bild
Sun Certified Specialist for NetBeans IDE
Benutzeravatar
arittner
 
Beiträge: 2888
Registriert: 05.08.2008, 08:20
Wohnort: Südniedersachsen

Re: Plugin: NetBeans Tutorial Builder - Screen capture und Crop

Beitragvon Arno.Nyhme » 23.07.2009, 11:08

arittner hat geschrieben:1.0.5 ist da


cool :-) funktioniert.



und je mehr man es nutzt kommen mir immer mehr ideen. sorry.
aber vielleicht ist die eine oder andere umsetzbare idee dabei :-)



1) kamerashortcut
irgendwie hab ich probleme, wenn ich folgendes machen möchte:
- ein menü auswählen und dann ein bildschirmfoto machen. das geht irgendwie nicht, da bei strg+umschalt schon alles irgendwie wieder verschwindet :-(
- besser also eine taste nehmen die das nicht verändert. da bietet sich halt die "druck"-taste an

PS: auch im dialogfeld libraries oder server (nur als beispiel) geht das tastaturkürzel STRG+SHIFT+F10 gar nicht :-(




2) wartezeit
- die zeit auch einstellbar machen: z.b. 1-20 sekunden, damit man das bild in ruhe vorbereiten kann. mit count down zähler (der aber nicht die normale statuszeile überdecken sollte da dies evtl. interessant sein könnte)
ideen:
a) im menü bildaufnehmen auch ein submenu mit den zeiten anbieten: 1,2,5,10,15,20,30,40,50,60,90,120,180 sekunden
b) klickauf die kamera und maus nach rechtsziehen. je weiter man nach rechts zieht um so mehr sekunden werden gewartet (nicht ganz so gut, da man erstmal darauf auf diesen shortcut kommen muß)




3) ausblick: andere programme
wenn man schnell ist kann man auch bildschirmfotos einer nicht netbeans umgebung machen, wenn man in der zwischenzeit z.b. den explorer davorschiebt.
verwirrend ist nun dass die automatischen regionen sich auf netbeans beziehen und nicht auf das wirkliche bild. evtl.
überlegen ob es auch möglich ist die automatischen regionen auf alle weiteren applikationen zu erweitern.
(problematisch werden dann sicherlich die plattform unterschiede von windows/linux/mac etc)

warum braucht man das? manchmal muß man z.b. auf datei ebene etwas einrichten, bei GWT möchte man das ergebnis zeigen etc.



4) benennung beim speichern
a) also wenn man abspeichert sollte auch folgender prefix möglich sein:
- tutorial name
- schrittzähler
--> schritt zähler finde ich sehr wichtig, denn beim tutorial schreiben geht man meist in schritten vor und dann ändern sich die bildschirmfotos je schritt.

b) beim speichern unter sollten schon die werte in das pattern eingesetzt sein, um dies noch anpassen zu können. aktuell sind die werte zu fest vorgegeben. das speichern pattern sollte dann in den zukünfitgen optionen diaplog einstellbar sein.
c) beim doppelklicken auf den text unter der vorschau sollte man die werte umbenennen können. alternativ dann auch (im schon vorbereiteten) properties editor
d) gespeicherte / nichtgespeicherte bilder sollten markiert sein damit man direkt sieht welches schon abgespeichert wurde (evlt. kann man ja den beim speichern unter gewählten dateinamen zu den properties hinzunehmen. und beim mouse hoover über ein mögliches speichern zeichen als tooltip anzeigen)



5) Permanenter speicher
galeriebilder sollten zwischen den starts von Netbeans zwischengespeichert werden können.


6) galerie
- umsortierung der bilder auch mit STRG+CURSOR UP / STRG + CURSOR DOWN --> oder noch besser wie im editor ALT+SHIFT+CURSOR UP / ALT+SHIFT+CURSOR DOWN
- man sollte die bildschirmfotos in projekte / gruppen / schritte teilen können.
- etvl. auch direkt einen ordner in einem projekt anlegen/zuordnen können, denn meist macht man ja von einem projekt ein tutorial und mehrere tutorials zu einem projekt
- nicht gespeicherte bilder sollten auch hier in einem temp order oder ähnlichem gespeichert sein damit die nicht weg sind, denn es kann ja sein, dass man bei einer ergänzung des tutorial textes plötzlich noch mehr detail-screenshots eines bestimmten bildes braucht
- dann wäre es gut wenn es das bild noch gibt (incl. der automatischen regionen) --> also auch zusätzlich meta-informationen zu den bildern speichern (diese als exif daten direkt im bild ist zwar möglich aber sicherlich nicht so besonders gut)



7) bereiche analysieren
sollte default an sein



8) EDITOR!
ein großer punkt fällt mir jetzt auf - es fehlt ein Tutorial Editor!
denn das meiste schreibt man auch und macht nicht nur die bildschirmfotos.


- es sollte ein editorfenster geben in dem man seinen tutorialtext schreibt. ähnlich wie das galerie fenster das wieder verschwindet wenn man es nicht benötigt. in dieses editorfenster sollte ein "intelligenter link" zu dem gerade gemachten bildschirmfoto oder zum eben gemachten zuschnitt hinzukommen. alternativ kann man das abschalten (kein einfügen bei bildschirmfoto aber bei zuschnitt) und/oder man zieht einfach aus einer galerie-palette das entsprechende bild in den text.

warum intelligent? das bild ist das gleiche, aber man kann einstellen:
- gesamter bildbereich wird direkt eingebettet 1:1
- gesamter bildbereich wird in einer festen größe (einstellbar oder mittels anfasspunkte auch veränderbar) eingebettet. ein klick öffnet das bild dann 1:1
- ein bestimmter vorschaubereich wird in einer festen größe (einstellbar oder mittels anfasspunkte auch veränderbar) eingebettet. ein klick öffnet das bild dann 1:1


export dann für:
- HTML
- PDF
- Word
- bbc code (incl. dateianhang upload ;-) für das forum hier)
- blog (gibts da ein einheitsformat für sowas?)


PS: dieses intelligente einfügen/verlinken könnte im zusammenspiel mit dem permantenen speichern auch ein einzelnes abspeichern der bildschirmfotos und ausschnitte überflüssig machen. dieses endgültige abspeichern würde dann erst beim export erfolgen.
Arno.Nyhme
 
Beiträge: 66
Registriert: 25.06.2008, 14:32

Nächste

Zurück zu NetBeans - Modules / Plugins

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste