tag:forum.selfhtml.org,2005:/self SELF-Wiki: Webprojekte planen und entwickeln – SELFHTML-Forum 2021-08-04T09:20:43Z https://forum.selfhtml.org/self/2021/jul/21/self-wiki-webprojekte-planen-und-entwickeln/1790352#m1790352 Matthias Scharwies mscharwies@selfhtml.org 2021-07-21T16:08:46Z 2021-07-21T16:08:46Z SELF-Wiki: Webprojekte planen und entwickeln <p>Servus!</p> <p>Heute morgen hat's mich gepackt und ich habe endlich</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte planen und entwickeln</strong></a></li> </ul> <p>angefasst.</p> <p>Die ersten beiden Kapitel (planen und entwerfen) habe ich zusammengafasst:</p> <ol> <li> <p><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/planen" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte/planen</strong></a> Dort wird viel von Inhalt finden und rechtlichen Sachen geredet. Evtl. passt dieser Blog-Artikel hier besser, der die Entwicklungsstufen von Design zum Code beschreibt: <a href="https://css-tricks.com/a-step-by-step-process-for-turning-designs-into-code/" rel="nofollow noopener noreferrer">a-step-by-step-process-for-turning-designs-into-code/</a> (css-tricks)</p> </li> <li> <p><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/Dateiorganisation" rel="nofollow noopener noreferrer"><strong>Dateiorganisation</strong></a> - Wie benenne ich die Dateien, welche Ordner benötige ich, .JPG ist anders als .jpg , usw. - da könnte sich <em><strong>jemand auslassen, wenn er Lust und Zeit hat</strong></em>!</p> </li> <li> <p><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/entwickeln" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte/entwickeln</strong></a> behandelt IDEs und Editoren, evtl. sollte man dort zeigen, <strong>wie</strong> man mit einem Editor umgeht. Das könnte ich <em><strong>mir auch als Youtube-Video vorstellen</strong></em>.</p> </li> <li> <p><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/testen" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte/testen</strong></a> enthält das alte Tutorial "HTML & CSS mit dem Seiteninspektor untersuchen". Dopplungen wurden entfernt - jetzt muss ich nur noch den CSS-Teil anfassen - ebenfalls als <em><strong>Grundlage für ein Youtube-Video</strong></em>, das den CSS-Garten mit dem Seiteninspektor untersucht.</p> </li> <li> <p><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/publizieren" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte/publizieren</strong></a> ist eigentlich schon eine Überleitung/Doppelung zu <a href="https://wiki.selfhtml.org/wiki/Webserver" rel="nofollow noopener noreferrer"><strong>Webserver</strong></a> und den ersten Kapiteln dort.</p> </li> </ol> <p>Also, wer mal schöpferisch tätig werden will: nur zu!</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> https://forum.selfhtml.org/self/2021/jul/21/self-wiki-webprojekte-planen-und-entwickeln/1790622#m1790622 Matthias Scharwies mscharwies@selfhtml.org 2021-08-03T05:47:36Z 2021-08-03T05:47:36Z SELF-Wiki: Webprojekte planen und entwickeln <p>Servus!</p> <blockquote> <p>Die ersten beiden Kapitel (planen und entwerfen) habe ich zusammengafasst:</p> <ol> <li><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/planen" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte/planen</strong></a> Dort wird viel von Inhalt finden und rechtlichen Sachen geredet. Evtl. passt dieser Blog-Artikel hier besser, der die Entwicklungsstufen von Design zum Code beschreibt: <a href="https://css-tricks.com/a-step-by-step-process-for-turning-designs-into-code/" rel="nofollow noopener noreferrer">a-step-by-step-process-for-turning-designs-into-code/</a> (css-tricks)</li> </ol> </blockquote> <p>Da weiß ich nicht, was man unter Webprojekte verstehen soll. Im vorhandenen Text geht es eher um eine neue Webseite, ob im WWW oder auf CD (WTF? - hab ich entfernt).</p> <p>Evtl. sollte es hier mehr um das Planen von Webseiten inkl. JS/PHP oder um einzelne Programmierprojekte gehen. Ich bin da völlig ratlos und würde diesen Artikel evtl. auf einen Absatz einstampfen wollen - was meint ihr?</p> <blockquote> <ol start="2"> <li><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/entwickeln" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte/entwickeln</strong></a> behandelt IDEs und Editoren, evtl. sollte man dort zeigen, <strong>wie</strong> man mit einem Editor umgeht. Das könnte ich <em><strong>mir auch als Youtube-Video vorstellen</strong></em>.</li> </ol> </blockquote> <p>Hab ich jetzt mal ein bisschen sortiert. Was fehlt sind Screenshots, oder besser: ein Video, wie man in einer IDE wie VisualStudio Code schreibt.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> https://forum.selfhtml.org/self/2021/jul/21/self-wiki-webprojekte-planen-und-entwickeln/1790625#m1790625 Rolf B 2021-08-03T08:04:09Z 2021-08-03T08:04:09Z SELF-Wiki: Webprojekte planen und entwickeln <p>Hallo Matthias,</p> <p>den "planen" Artikel kann man, meine ich, nicht durch den verlinkten Artikel bei CSS-Tricks ersetzen.</p> <ul> <li>Man müsste ihn erst übersetzen, und ich finde bei CSS-Tricks gerade keine Lizenzvermerke. Mutmaßlich bedeutet das, dass man den Text dort lesen, aber nicht weiterverwenden darf.</li> <li>Der Schwerpunkt von Mark Noonan liegt auf dem, was der Wiki-Artikel in Abschnitt 3 beschreibt. D.h. man könnte den Wiki-Artikel anreichern, aber nicht ersetzen.</li> </ul> <p>Publikation auf CD - wo hast Du das entfernt? Im "Publizieren" Artikel steht es noch. Aber man muss darauf hinweisen, dass eine Publikation auf CD und eine Publikation auf einem Webserver heutzutage nicht mehr ganz gleichwertig sind, weil ein Browser einem Webserver mehr vertraut als dem Filesystem des eigenen Computers.</p> <p>Ein "Webprojekt" - das ist ein Teppich, oder? </p> <p>Ich lese das so, dass es generell um die Publikation von Inhalten im Internet geht, und ich finde es gut, dass der Artikel gleich zu Anfang betont, dass eine selbst geschriebene Website nicht zwingend die richtige Lösung ist. Die Auswahl der richtigen Werkzeuge ist einer der ersten Schritte in jedem IT-Projekt.</p> <blockquote> <p>Ich bin da völlig ratlos und würde diesen Artikel evtl. auf einen Absatz einstampfen wollen</p> </blockquote> <p>Nein, keinesfalls. Man sollte darstellen, dass eine Webprojekte statische oder per Software erzeugte (also dynamische) Inhalte haben kann. Die Software kann im Browser ablaufen (JavaScript) und auf dem Webserver (Serverscript wie PHP, Perl, JS, JSP, ASP, node.js), sie kann fertig bezogen werden (CMS, JS-Libraries) oder selbst erstellt werden. Und dann kann man den Scope unserer Artikelserie eingrenzen:</p> <ul> <li>Wir geben keine Einführung in CMS</li> <li>Wir sind nur am Rande eine Seite, die serverseitige Entwicklung unterstützt (nicht, weil wir das nicht beherrschten - aber wir haben die Ressourcen nicht, um das zu dokumentieren)</li> <li>Für die grundsätzliche Vorgehensweise bei der Planung und Entwicklung eines Webprojekts ist es erstmal irrelevant, ob die Seite statisch oder dynamisch ist. Dynamische Seiten haben mehr Komplexität, aber die Aspekte der Artikelserie sind grundlegender: Barrierefreiheit, ordentliche Dateiorganisation,</li> </ul> <p>Im "entwickeln" Abschnitt gibt es ganz bestimmt brauchbare fertige Videos, die vorführen, wie man bspw. mit VS Code entwickelt. Problem ist da nur, dass jeder Entwickler seine eigenen Marotten und Methoden hat, d.h. man kann da was vorführen, aber ob das nachher zum Leser passt, weiß man nicht. VS Code ist jedenfalls ein komplexes Vieh und ich persönlich, als Visual Studio "regular" Nutzer, kenne es nicht genug, um dazu ein Tutorial machen zu können. Da steckt ja nicht nur das "drück diesen Knopf und jenen" dahinter, sondern auch idiomatische Workflows für die IDE.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2021/jul/21/self-wiki-webprojekte-planen-und-entwickeln/1790626#m1790626 Matthias Scharwies mscharwies@selfhtml.org 2021-08-03T08:09:14Z 2021-08-03T08:09:14Z SELF-Wiki: Webprojekte planen und entwickeln <p>Hallo Rolf,</p> <blockquote> <blockquote> <p>Ich bin da völlig ratlos und würde diesen Artikel evtl. auf einen Absatz einstampfen wollen</p> </blockquote> <p>Nein, keinesfalls. Man sollte darstellen, dass eine Webprojekte statische oder per Software erzeugte (also dynamische) Inhalte haben kann. Die Software kann im Browser ablaufen (JavaScript) und auf dem Webserver (Serverscript wie PHP, Perl, JS, JSP, ASP, node.js), sie kann fertig bezogen werden (CMS, JS-Libraries) oder selbst erstellt werden. Und dann kann man den Scope unserer Artikelserie eingrenzen:</p> <ul> <li>Wir geben keine Einführung in CMS</li> <li>Wir sind nur am Rande eine Seite, die serverseitige Entwicklung unterstützt (nicht, weil wir das nicht beherrschten - aber wir haben die Ressourcen nicht, um das zu dokumentieren)</li> <li>Für die grundsätzliche Vorgehensweise bei der Planung und Entwicklung eines Webprojekts ist es erstmal irrelevant, ob die Seite statisch oder dynamisch ist. Dynamische Seiten haben mehr Komplexität, aber die Aspekte der Artikelserie sind grundlegender: Barrierefreiheit, ordentliche Dateiorganisation,</li> </ul> </blockquote> <p>Danke, das werd ich mir mal mehrfach durchlesen und dann versuchen, nächste Woche etwas passendes zu entwerfen. Gerade das erste Kapitel eines Kurse sollte aktuell und vorzeigbar sein. :-)</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> https://forum.selfhtml.org/self/2021/jul/21/self-wiki-webprojekte-planen-und-entwickeln/1790640#m1790640 Matthias Scharwies mscharwies@selfhtml.org 2021-08-04T06:32:33Z 2021-08-04T06:32:33Z SELF-Wiki: Webprojekte planen und entwickeln <p>Servus!</p> <ul> <li><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/planen" rel="nofollow noopener noreferrer"><strong>Grundlagen/Webprojekte/planen</strong></a></li> </ul> <p>Ich habe mal angefangen und bin bis 1.3 zufrieden, wobei man dort noch das Wort responsiv einbringen müsste und evtl. HTTPS rauswerfen könnte.</p> <p>Das pink markierte <a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/planen#Wen_wollen_Sie_ansprechen.3F" rel="nofollow noopener noreferrer">Kapitel 1.4 </a> kann imho ganz raus. Dieser Kurs soll keine inhaltliche Themenfindung bieten.</p> <p><a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/planen#Welche_Ressourcen_stehen_zur_Verf.C3.BCgung.3F" rel="nofollow noopener noreferrer">Kapitel 1.5</a> mit dem Ressourcen ist da interessanter. Das taucht bei uns ja öfter auf, dass jemand einen Shop bauen will, aber schon beim ersten Formular stecken bleibt.</p> <p>Auch die <a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/planen#Wer_soll_sp.C3.A4ter_das_Projekt_weiter_betreuen.3F" rel="nofollow noopener noreferrer">Pflege</a> und spätere Übergabe von Projekten an einen Nachfolger ist ein wichtiges Thema.</p> <p>Beim <a href="https://wiki.selfhtml.org/wiki/Grundlagen/Webprojekte/planen#Machen_Sie_sich_einen_Plan" rel="nofollow noopener noreferrer">Kapitel 2</a> finde ich die Kategorisierung in Klassen und Block-Elemente schon zu speziell. Das gehört entweder raus oder in einen eigenen Abschnitt <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5/Element,_Tag_und_Attribut#Guter_HTML-Stil" rel="nofollow noopener noreferrer">Guter HTML-Stil</a></p> <p>(<em>Andererseits hatte ich mich grad die Tage mit <a href="/users/243" class="mention registered-user" rel="noopener noreferrer">@Felix Riesterer</a> ausgetauscht, wie viele IDs man denn wirklich braucht.</em>)</p> <hr> <h3>Blick zurück</h3><ul> <li>SELFHTML von 2006: <a href="https://web.archive.org/web/20060815154824/http://de.selfhtml.org/projekt/index.htm" rel="nofollow noopener noreferrer">Web-Projektverwaltung</a></li> </ul> <p>Dieser Artikel stellte in der alten Doku immer eine Art Anhängsel dar. Geschrieben, weil es Erklärungsbedarf gab, aber eben nicht in der <a href="https://web.archive.org/web/20060815073613/http://de.selfhtml.org/intro/index.htm" rel="nofollow noopener noreferrer">Einführung</a>, die damals das Internet und Technologien wie HTTP erklärte, sondern am Ende der Dokumentation.</p> <p>Interessanterweise gehörten die Rechtsfragen als letztes Kapitel dazu:</p> <p><a href="https://web.archive.org/web/20060823234631/http://de.selfhtml.org/projekt/recht.htm" rel="nofollow noopener noreferrer">Rechtliche Aspekte von Web-Projekten</a></p> <p>Ich hatte kurz überlegt, ob man diese drei Seiten <a href="https://wiki.selfhtml.org/wiki/Grundlagen/Rechtsfragen" rel="nofollow noopener noreferrer">Grundlagen/Rechtsfragen</a>, Impressumspflicht und Datenschutzerklärung in den Kurs integriert, bin aber wieder davon abgekommen. Es hat mit Projekt<strong>verwaltung</strong> etwas, mit dem <strong>Planen und Entwickeln</strong> von Projekten doch weniger zu tun. Wie seht ihr das?</p> <p>Bis heute abend, wobei ich noch nicht weiß, ob ich pünktlich wieder heimkomme!</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“ </div> https://forum.selfhtml.org/self/2021/jul/21/self-wiki-webprojekte-planen-und-entwickeln/1790641#m1790641 Rolf B 2021-08-04T08:30:02Z 2021-08-04T08:30:02Z SELF-Wiki: Webprojekte planen und entwickeln <p>Hallo Matthias,</p> <p>die rechtlichen Aspekte von Webprojekten sollte man durchaus erwähnen. Es gibt zu viele „Dilettanten“, die Inhalte zusammenklauen und als ihr eigenes Werk ausgeben. Es wird in 1.3 zwar angerissen. Aber auch wenn eine der Hauptgefahren im Abmahnwahn vor über 11 Jahren an Bleivergiftung gestorben ist, sollte klar gestellt werden, dass das Veröffentlichen fremden Eigentums erhebliche Kostenrisiken bieten kann und dass die Geier auf der Lauer liegen.</p> <p>Und gerade weil wir „Dilettanten“ ansprechen wollen, sollte Neulingen die Vorüberlegung durchaus ans Herz gelegt werden, ob sie überhaupt ein Thema haben, dessen Veröffentlichung im Netz lohnend ist. Die Fragen, <em>was</em> man <em>für wen</em> bringen will, sind relevant, finde ich.</p> <p>Ich bin nicht ganz sicher, ob der Begriff Dilettant im Wiki gut gewählt ist. Für mich ist die Bedeutung „jemand, der eine Tätigkeit aus Liebhaberei ausübt“ - wenn überhaupt - sehr im Hintergrund; ich verbinde damit sehr deutlich die negative Konnotation „jemand, der etwas tut, ohne Ahnung davon zu haben“, in der Nähe von „massiv mit Dunning-Kruger belastet“. Es ist gut, dass Du mit einer Fußnote auf die Wikipedia auf die positive Bedeutung hinweist, aber ich fände es besser, den Begriff zu vermeiden. Das kann natürlich auch mein persönlicher Mangel an Fremdwort-Kenntnis sein.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2021/jul/21/self-wiki-webprojekte-planen-und-entwickeln/1790642#m1790642 Der Martin 2021-08-04T09:20:43Z 2021-08-04T09:20:43Z SELF-Wiki: Webprojekte planen und entwickeln <p>Hallo Rolf,</p> <blockquote> <p>Ich bin nicht ganz sicher, ob der Begriff Dilettant im Wiki gut gewählt ist.</p> </blockquote> <p>ich bin mir ziemlich sicher, dass es <em>keine</em> gute Wahl ist - gerade wegen der Negativbedeutung, auf die du ansprichst. Ein Dilettant wird dem allgemeinen Verständnis nach als Stümper oder Pfuscher eingeordnet.</p> <p>Das ist - mit umgekehrtem Vorzeichen - dasselbe wie beim Wort "Profi" oder "professionell". Der eigentlichen Wortbedeutung nach ist ein Profi jemand, der eine bestimmte Tätigkeit beruflich ausübt. Umgangssprachlich ist aber jemand gemeint, der einfach gut ist in dem, was er tut. Das <em>kann</em>, muss aber nicht mit der beruflichen Ausübung dieser Tätigkeit zusammenfallen.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Fische, die bellen, beißen nicht. </div>