Qualitätsmanagement interaktiver Medien
Donnerstag, 1. Juli 2004
die tücken des Weblogs
okay, wie ich nun festgestellt habe, kann man hier mit html rumspielen.

hoffen wir mal das JS und CSS nit geht *fg*

BTW: das ist alles nur zu Testzwecken und ein universitäres Forschungsprojekt. Nein mal im Ernst, ich spiel nur auf der Clientseite rum und dann auch nur so ein bisschen.

Here we go, fangen wir mit was einfachem an. Wie wäre es mit einem guten bild?
(Der betreiber der Webseite hat damit nichts zu tun, ich bezweifel sogar, dass er davon weiss. Aber er hat vllt nichts dagegen :D)

Achtung, draufklicken lässt es verschwinden ;)

GIVE TO ZIM!!!! (kann etwas dauern)

... comment

 
marc.plogas.fhtw-berlin, Donnerstag, 1. Juli 2004, 23:00
drollig
es geht. najo, das war eine kleine spielerei. den background kann ich nicht schwarz machen, wie ichs ursprünglich vorgehabt hatte...

der globale stylesheet hat hier shinbar priorität. obwohl meins näher am code steht :wierd:

najo. mal sehen, in ner langweiligen minute kann ich ja mal die frames rausschreiben. oder vllt sogar den content um :D

versteht ihr was ich meine?
;)

... link  


... comment
 
Hans.Mittendorfer.Uni-Linz, Freitag, 2. Juli 2004, 10:19
können Sie bitte ..
.. Ihre guten JS und CSS Ideen dokumentieren ? So, dass es z.B. auch der interssierte Blognutzer nachvollziehen kann.

Ihre Idee bringt mich nämlich auf die Idee, dass z.B. derart aufpoppende Bilder als "weblogintegrierte" Onlinepräsentation (anstatt der nimmersatten ppt-Präsentationen) eingesetzt werden könnten.

Die optische Auszeichnung des Aufrufes wäre natürlich unbedingt notwendig, als besondere Form des "Links", der Klarheit des User Interfaces wegen. Diese Funktion könnte z.B. auch ein, dem Text beigefügtes Icon erfüllen.

Im Großen und Ganzen halte ich von textintegrierten Präsentationen (d. h. in den Fließtext eingebunden, kommen dann und wann "Schaubilder" vor) mehr als von den sequentiell hintereinandergeschalteten Schaubildern à la PPT. Besonders dann, wenn es um "Lerndokumente" geht. Denn die verbindenten Texte schaffen den notwendigen Kontext zum Lernen und helfen dem Vortragenden den Faden nicht zu verlieren. Es macht auch nichts aus, wenn die Zuhörer diesen Text während des Vortrages nicht mitlesen können, wenn sichergestellt ist, dass sie ihn jederzeit nachlesen (und ev. kommentieren) können.

... also wie wär's, wenn sie diese Idee technologisch weiterentwicklen: Weblogintegrierte Präsentationen.

H. Mittendorfer

PS: ich könnte ja bei Kollegen Herzog ein gutes Wort für einen entsprechenden Bonus einlegen ;-)

... link  

 
marc.plogas.fhtw-berlin, Samstag, 3. Juli 2004, 16:02
daran habe ich noch gar nicht gedacht
aber in der tat, die technik ist simpel.
leider habe ich in den nächsten 2 wochen klausurenzeit, aber ich muss mich gelegentlich auch mal entspannen. dann kann ich ja wieder mal nen script schreiben :D

Besteht denn die Möglichkeit dafür globale JS Präsentationsfunktionen einzubinden? Und wie sieht es mit dem Stylesheet aus, immerhin hat meine globale Festlegung Vorrang vor den selbst geschriebenen.

Und: inwiefern kann man den Usern zumuten, die Bilder selbst einzubinden? Sollte dafür eine Maske in klick&forget Art erstellt werden, oder geht man von grundlegenden HTML Kenntnissen der BLOG nutzer aus?

M. Plogas

... link  

 
marc.plogas.fhtw-berlin, Montag, 5. Juli 2004, 01:14
mir ist langweilig und ich müsste lernen
2 Grundvorraussetzungen also, um wieder etwas zu scripten. Nunja, scripten werd ich jetzt nicht mehr, sonst komm ich morgen zum weiterlernen nicht aus dem Bett.
Also dann mal ne kleine Einleitung zu dem was ich gemacht hab.

Das Zauberwort hierfür heisst DHTML ein Konglomerat aus plainHTML, CSS, DOM und JavaScript.
Das ist keine neue Programmiersprache sondern lediglich die Zusammenführung mehrerer Techniken. Hmm ich fang am besten mal beim Urschleim an...
Also ich stell mir eine Webseite immer als "biologisches Wesen" vor, HTML bildet das Skellett, CSS Organe, Haut und Muskeln, DOM bildet das Nervensystem und JS schliesslich ist die Intelligenz.

Huh... klingt weit hergeholt, gell? Ich hab dazu mal nen Vortrag gemacht: hier. Soweit ich mich erinnere ist das Script auf !IE noch etwas buggy gewesen, aber es lief ja auch nur auf meinem Notebook mit IE6... :D


edit: Da ich ja Firefox User bin, hab ich das Referat eben nochmals getestet. Mit meinem FF läuft es leider nicht, wurde halt von mir damals nur für das Zielsystem programmiert. Sry, wenn partout kein IE vorhanden ist, schreib ich das Script mal um. Ansonsten: IE6 nehmen ;)


Anyhow, mit diesen Grundlagen kann ich das erklären was ich oben gemacht hab:
Zuerst habe ich einen Layer (div) mit in mein Post hinengeschrieben, der über die styleeigenschaft visibility versteckt, also unsichtbar ist. Diesem Layer habe ich feste Grösse, Position und Hintergrundeigenschaften (style="position:absolute;top:__px;left:__px;height:__px;width:__px;background-image:url(__);background-repeat:no-repeat") zugeordnet. Des weiteren hat er von mir eine id bekommen, über welche ich ihn dann später via DOM "anfassen" kann.

Der Auslöser für das Anschalten ist ein span, welches über ein onclick Event den die entsprechende Eigenschaft des Layers aus dem DOM Baum umschreibt. Also onclick="getElementById('NameDesLayers').style.visibilty = 'visible'". Wenn ich dann auf den aktivierten Layer klicke, setze ich die Eigenschaft nicht auf visible sondern auf hidden.
Das wars.

Bei Sebastian im Blog hatte ich selbiges mit der display Eigenschaft gemacht. Hierbei kann ich die objekte quasi aus der Seite "rausrendern" wenn ich die Eigenschaft auf none setze. Habe es aber schon gelöscht, weil es nicht in das blog gepasst hat.

Fragen?


BTW: Herr Mittendorfer, gibt es die Möglichkeit, eine "Code-Option" einzustellen, so dass ich HTML Code schreiben kann, der nicht gerendert wird? So könnte ich besser am Beispiel erläutern.

M.Plogas

... link  

 
marc.plogas.fhtw-berlin, Montag, 5. Juli 2004, 01:43
und da das alles langweilig ist/war beim nächsten Mal die wirklich spannenden Sachen.

Wie wäre es mit einem DOM traversal script? Najo, iss langweilig, man sieht nicht viel, aber für alle Webprogrammierer ohne Mozilla ein wahrer Segen :D

Heureka! Beim nächsten Script wird sich wohl diese wunderschöne Überschrift Qualitätsmanagement interaktiver Medien zeitweilig von diesem blog verabschieden. Auch nicht schwer, aber doch etwas anspruchsvoller als oben beschriebenes Beispiel.

... link  

 
Hans.Mittendorfer.Uni-Linz, Mittwoch, 7. Juli 2004, 11:46
Die Codeoption ..
.. die <b>nicht gerendert wird</b>
[code: "&lt;b&gt; nicht gerendert wird &lt;/b&gt;"]

H. Mittendorfer


PS: entschuldigen Sie die späte Antwort, ich hab gerade auch viel mit Klausuren zu tun.

PPS:
  1. Nehmen Sie doch einfach einen HTML-Editor à la Golive oder Dreamweaver.
  2. Kopieren Sie den Code in den Layoutmodus.
  3. Schalten Sie in den Quellcodemodus um.
  4. Kopieren Sie den entsprechenden Teil des Quellcodes
  5. und setzen Sie diesen in das Textfenster im Weblog ein.

... link  

 
marc.plogas.fhtw-berlin, Mittwoch, 7. Juli 2004, 21:46
hmm.. ich hab doch aber homesite im orginal, da geht aber nur codeansicht ;)

mal gucken, vllt find ich ja noch ne testversion von homesites "grossen kleinen bruder" auf macromedia.com :D

BTW: da hätt ich auch selbst drauf kommen können *slapt sich selbst* :D

... link  

 
katrin.ackermann.fhtw-berlin, Montag, 19. Juli 2004, 18:24
code slave
vielleicht werde ich mal deine einladung annehmen, hier auch etwas rumzuwerkeln. habe auch vor, meine persönliche scriptsammlung zu erweitern. uuuh, ich hab ja auch "bloss" einen html-texteditor... doch ehrlich gesagt bin ich gerade ganz zufrieden damit, auch mal keinen computer vor der nase zu haben, vorallem, da dieses hauptstudium ja eher lasch ist. deswegen werde ich die nächsten wochen diese dinger benutzen, die aus bedrucktem papier bestehen und ganze, auch mal längere, sätze enthalten.
schönen sommer.
katrin

... link  


... comment

Online for 7515 days
Last update: 2004.07.19, 18:24
status
You're not logged in ... login
menu
... home
... topics
... galleries

... ::collabor:: home
search
 
calendar
Juli 2004
Mo
Di
Mi
Do
Fr
Sa
So
 
 
 
 2 
 3 
 4 
 5 
 7 
 8 
 9 
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
 
recent updates
code slave
vielleicht werde ich mal deine einladung annehmen,...
by katrin.ackermann.fhtw-berlin (2004.07.19, 18:24)
hmm.. ich hab doch aber...
hmm.. ich hab doch aber homesite im orginal, da geht...
by marc.plogas.fhtw-berlin (2004.07.07, 21:46)
Die Codeoption ..
.. die <b>nicht gerendert wird</b> [code:...
by Hans.Mittendorfer.Uni-Linz (2004.07.07, 11:56)
die deutschen und das...
hrhr ein phänomen nicht nur im KIM kurs :D
by marc.plogas.fhtw-berlin (2004.07.06, 13:11)
und da das alles langweilig...
und da das alles langweilig ist/war beim nächsten...
by marc.plogas.fhtw-berlin (2004.07.05, 01:43)

xml version of this page

made with antville