HWR-Chat: Grafische Benutzeroberfläche
Warning: preg_match(): Compilation failed: group name must start with a non-digit at offset 8 in /www/htdocs/w0102873/mediawiki/includes/MagicWord.php on line 739
Aus It2010-g1
Admin (Diskussion | Beiträge) (→Anmeldung) |
Admin (Diskussion | Beiträge) (→Profil) |
||
| Zeile 1: | Zeile 1: | ||
| + | [[File:HWR-Chat-Logo.png|50px|right]] | ||
==Allgemein== | ==Allgemein== | ||
Die allgemeine Ansicht sollte in den Farben der [http://www.hwr-berlin.de/ HWR-Homepage] sein. Also rot, weiß und grau. Auch das Logo soll klar sichtbar sein. | Die allgemeine Ansicht sollte in den Farben der [http://www.hwr-berlin.de/ HWR-Homepage] sein. Also rot, weiß und grau. Auch das Logo soll klar sichtbar sein. | ||
| Zeile 28: | Zeile 29: | ||
Die Kontaktliste sollte ähnlich der Anmeldung aussehen.<br> | Die Kontaktliste sollte ähnlich der Anmeldung aussehen.<br> | ||
Beispiele für Anmeldungsbeispiel 5<br><br> | Beispiele für Anmeldungsbeispiel 5<br><br> | ||
| − | + | <gallery perrow="6" heights="300"> | |
| + | Datei:contacts01.png|Beispiel1 | ||
| + | Datei:contacts02.png|Beispiel2 | ||
| + | </gallery> | ||
| + | <br><br> | ||
Statusanzeige: <br> | Statusanzeige: <br> | ||
| Zeile 44: | Zeile 49: | ||
''Abstimmung zur GUI: '' | ''Abstimmung zur GUI: '' | ||
Es soll die zweite Variante implementiert werden. Als zusätzliches Feature soll es in der Konfigurationsdatei möglich sein, auch das erste Design auszuwählen (Priorität: Niedrig). <br> | Es soll die zweite Variante implementiert werden. Als zusätzliches Feature soll es in der Konfigurationsdatei möglich sein, auch das erste Design auszuwählen (Priorität: Niedrig). <br> | ||
| − | + | <gallery perrow="6" heights="300"> | |
| + | Datei:contacts02.png|Beispiel2 | ||
| + | </gallery> | ||
===Chat-Fenster=== | ===Chat-Fenster=== | ||
| + | [[Image:Chatfenster1.jpg|miniatur|links|150x150px|Nachrichtenfenster]] | ||
| + | |||
| + | |||
'''Anmerkung Benni:''' Also heisst das nicht eigentlich "Chat", warum schreibt Nico das "Chatt"? Hab ich das falsch verstanden?, ich habs auf der Hauptseite schon geändert... | '''Anmerkung Benni:''' Also heisst das nicht eigentlich "Chat", warum schreibt Nico das "Chatt"? Hab ich das falsch verstanden?, ich habs auf der Hauptseite schon geändert... | ||
| − | Falls Nico nicht schon angefangen hat: Ich denke das Chatfenster sollte erscheinen wenn man doppelt(oder einmal) auf einen Kontakt / Gruppe klickt, das Fenster ist dann eigenständig und ragt nicht irgendwie aus der Kontaktliste raus oder? Der Name und der Status sollte in einem Feld über dem eigentlichen Textfenster angezeigt sein; unter dem aktuellen Textfenster, das den gesamten | + | Falls Nico nicht schon angefangen hat: Ich denke das Chatfenster sollte erscheinen wenn man doppelt(oder einmal) auf einen Kontakt / Gruppe klickt, das Fenster ist dann eigenständig und ragt nicht irgendwie aus der Kontaktliste raus oder? Der Name und der Status sollte in einem Feld über dem eigentlichen Textfenster angezeigt sein; unter dem aktuellen Textfenster, das den gesamten Nachrichtenverlauf(scrollbar?) zeigt, sollte ein Eingabefeld mit senden Button sichtbar sein....oder?? |
'''Anmerkung Nico:''' ich bin ein Falschschreiber... nur zu verbessert meine murkstexte ;) was das Fenster angeht - dachte ich sowas wie bei icq oder sonstigen messagern... muss ich halt mal schaun wie ich das mit den threads hinbekomme, sollte aber alles möglich sein... Irgendwer sollte auch eine Schnittstelle programmieren die sich um die Verbindung server client kümmert, sodass dort so sachen drin sind die man nurnoch aufgreifen muss... ich mach da mal nen mündlichen vorschlag, zu komplikationativ das zu schreiben ;) | '''Anmerkung Nico:''' ich bin ein Falschschreiber... nur zu verbessert meine murkstexte ;) was das Fenster angeht - dachte ich sowas wie bei icq oder sonstigen messagern... muss ich halt mal schaun wie ich das mit den threads hinbekomme, sollte aber alles möglich sein... Irgendwer sollte auch eine Schnittstelle programmieren die sich um die Verbindung server client kümmert, sodass dort so sachen drin sind die man nurnoch aufgreifen muss... ich mach da mal nen mündlichen vorschlag, zu komplikationativ das zu schreiben ;) | ||
| + | |||
| + | '''Anmerkung Christian:''' Links ein per Hand skizzierter Entwurf, wie ein Chat-Fenster aussehen könnte. Oben die wichtigsten Angaben zum Kontakt im Überblick. Darunter das Chat-Feld. Darunter eine Leiste mit den wichtigsten Funktionen, so auch der Dateiversand. Hier können bei Bedarf also auch weitere Funktionen ergänzt oder gestrichen werden. Und unten das Eingabe-Fenster. Denk so ist das recht üblich und intuitiv bedienbar. | ||
| + | Kritik oder ergänzende Ideen können gern gepostet werden. | ||
| + | |||
| + | ===Dateitransfer=== | ||
| + | [[Image:Dateitransfer1.jpg|miniatur|links|150x150px|Dateitransfer]] | ||
| + | [[Image:Dateitransfer2.jpg|miniatur|links|150x150px|Dateitransfer Anfrage]] | ||
| + | |||
| + | '''Anmerkung Christian:''' Links zwei per Hand skizzierter Entwürf zum Dateitransfer. Die obere Skizze zeigt die mögliche Darstellung während der Dateiübertragung. Oben sieht man ob gesendet oder empfangen wird, sowie den Kontakt, mit dem die Datei ausgetauscht wird. Darunter der Dateiname und Übertragungsfortschritt - wieviel bereits übertragen wurde. Ist dies problemlos umsetzbar? Als Statusfeld hab ich gedacht sowas wie "Warte auf Bestätigung" oder "Datei wird übertragen" oder so. Hab ich noch was wichtiges vergessen? | ||
| + | In der zweiten Skizze ist eine Anfrage zur Dateiübertragung zu sehen. Hier erachte ich den Dateinamen und die Größe als wichtigste Angaben, außerdem sollte noch vermerkt sein, wer mir die Datei schicken will. Sind hier noch weitere Angaben wünschenswert. Ergänzend zum Kontaktnamen geben da manche Messenger noch die IP-Adresse des Kontaktes an, das hab ich bei uns aber weggelassen. | ||
| + | |||
| + | Kritik oder ergänzende Ideen können gern gepostet werden. | ||
| + | |||
| + | ===Profil=== | ||
| + | [[Image:Profil1.jpg|miniatur|links|150x150px|Profilseite]] | ||
| + | [[Image:Profil2.jpg|miniatur|links|150x150px|Profil bearbeiten]] | ||
| + | [[Image:Profil3.jpg|miniatur|links|150x150px|Profil Eintrag bearbeiten]] | ||
| + | |||
| + | '''Anmerkung Christian:''' Die erste Skizze zeigt eine mögliche Profilseite eines beliebigen Kontaktes. Neben dem Nick-Name sollte auch der richtige Vor- und Nachname des Kontaktes angegeben werden. Auch sinnvoll wäre die (freiwillige) Angabe des Geburtsdatums, woraus sich automatish das Alter errechnen lässt. Die Angabe einer Mail-Adresse und Telefonnummer sollte auch dabei sein. Ergänzend können wie vorgeschlagen Wohnort und Hobbies (ein Eingabefeld, Angaben durch Komma getrennt) angegeben werden. Rechts oben soll, sofern verfügbar, ein Bild des Kontaktes dargestellt werden. Auch gut fänd ich ein Feld zur Funktion des Kontaktes. In der Skizze hab ich "Student" als grünen Button dargestellt, ergänzend würde ich "Dozent" (orange) und "sonstiger Hochschul-Mitarbeiter" (gelb) vorschlagen - so sieht man auf einem Blick wo der Kontakt einzuordnen ist. | ||
| + | Unten dann noch die Angaben zum Studiengang und der Jahrgangsstufe. Und sofern man hier die eigene Profilseite betrachtet, kann man unten direkt einen Bearbeiten-Button hinzufügen. | ||
| + | |||
| + | Über diesen erreicht man dann die in der zweiten Skizze dargestellte Seite. Diese ist zur besseren Orientierung im Groben mit der normalen Profilseite identisch, jedoch neben den Datenfeldern um einen Edit-Button ergänzt. Studiengang, Jahrgang und das Funktionsfeld würde ich als Auswahlliste vorschlagen, um hier unterschiedliche Schreibweisen zu verhindern. | ||
| + | |||
| + | Skizze drei zeigt ein mögliches Editier-Fenster, dass man bei Klick auf ein Edit-Feld erreichen könnte. | ||
| + | |||
| + | Kritik oder ergänzende Ideen können gern gepostet werden. | ||
| + | |||
| + | '''Anmerkung Christian:''' Zwei Ergänzungen sind mir eben selbst noch aufgefallen: | ||
| + | * Auf der Profilseite, könnte man noch das Feld Geschlecht ergänzen. | ||
| + | * Auf der Kontakt Bearbeiten Seite sollte unten noch "Passwort ändern" ergänzt werden. | ||
==Server== | ==Server== | ||
