Ecoer Logo
hagengraf

@hagengraf

25

I'm building cozy and user friendly places in virtual and physical environments.

hive.blog/@hagengraf
VOTING POWER100.00%
DOWNVOTE POWER100.00%
RESOURCE CREDITS100.00%
REPUTATION PROGRESS0.00%
Net Worth
9.680USD
HIVE
2.580HIVE
HBD
0.903HBD
Own HP
16.973HP

Detailed Balance

HIVE
balance
2.580HIVE
market_balance
0.000HIVE
savings_balance
0.000HIVE
reward_hive_balance
0.000HIVE
HIVE POWER
Own HP
16.973HP
Delegated Out
0.000HP
Delegation In
0.000HP
Effective Power
16.973HP
Reward HP (pending)
25.531HP
HBD
hbd_balance
0.903HBD
hbd_conversions
0.000HBD
hbd_market_balance
0.000HBD
savings_hbd_balance
0.544HBD
reward_hbd_balance
0.406HBD
{
  "balance": "2.580 HIVE",
  "savings_balance": "0.000 HIVE",
  "reward_hive_balance": "0.000 HIVE",
  "vesting_shares": "27549.100523 VESTS",
  "delegated_vesting_shares": "0.000000 VESTS",
  "received_vesting_shares": "0.000000 VESTS",
  "hbd_balance": "0.903 HBD",
  "savings_hbd_balance": "0.544 HBD",
  "reward_hbd_balance": "0.406 HBD"
}

Account Info

namehagengraf
id348128
rank0
reputation0
created2017-09-02T05:58:06
recovery_accountsteem
proxyNone
invited_bynull
post_count470
comment_count0
lifetime_vote_count0
witnesses_voted_for0
last_post2021-01-25T07:51:12
last_root_post2021-01-25T07:51:12
last_vote_time2021-01-25T07:57:00
proxied_vsf_votes0, 0, 0, 0
can_vote1
voting_power9,799
delayed_votesNone
governance_vote_expiration_ts1969-12-31T23:59:59
balance2.580 HIVE
savings_balance0.000 HIVE
hbd_balance0.903 HBD
savings_hbd_balance0.544 HBD
vesting_shares27549.100523 VESTS
delegated_vesting_shares0.000000 VESTS
received_vesting_shares0.000000 VESTS
reward_vesting_balance49595.681492 VESTS
vesting_balance0.000 HIVE
vesting_withdraw_rate0.000000 VESTS
next_vesting_withdrawal1969-12-31T23:59:59
withdrawn0
to_withdraw0
withdraw_routes0
savings_withdraw_requests0
last_account_recovery1970-01-01T00:00:00
reset_accountnull
last_owner_update1970-01-01T00:00:00
last_account_update2018-02-24T13:38:09
minedNo
hbd_seconds0
hbd_last_interest_payment2019-12-01T17:33:18
savings_hbd_last_interest_payment1970-01-01T00:00:00
{
  "active": {
    "account_auths": [],
    "key_auths": [
      [
        "STM6NgLhP1H4796sGksdxShLgQtTGYKYHFxiT1nXnnFYJDbpDzmA2",
        1
      ]
    ],
    "weight_threshold": 1
  },
  "balance": "2.580 HIVE",
  "can_vote": true,
  "comment_count": 0,
  "created": "2017-09-02T05:58:06",
  "curation_rewards": 23,
  "delayed_votes": [],
  "delegated_vesting_shares": "0.000000 VESTS",
  "downvote_manabar": {
    "current_mana": 6887275130,
    "last_update_time": 1611561420
  },
  "governance_vote_expiration_ts": "1969-12-31T23:59:59",
  "guest_bloggers": [],
  "hbd_balance": "0.903 HBD",
  "hbd_last_interest_payment": "2019-12-01T17:33:18",
  "hbd_seconds": "0",
  "hbd_seconds_last_update": "2019-12-01T17:33:18",
  "id": 348128,
  "json_metadata": "{\"profile\":{\"name\":\"Hagen Graf\",\"website\":\"https://hagen.cocoate.com\",\"about\":\"I'm building cozy and user friendly places in virtual and physical environments.\",\"location\":\"Fitou, France\",\"cover_image\":\"https://hagen.cocoate.com/wp-content/uploads/2016/12/cropped-31043566760_c98c065077_o.jpg\",\"profile_image\":\"https://secure.gravatar.com/avatar/b29d58e86201517a2775e6707697b65d\"}}",
  "last_account_recovery": "1970-01-01T00:00:00",
  "last_account_update": "2018-02-24T13:38:09",
  "last_owner_update": "1970-01-01T00:00:00",
  "last_post": "2021-01-25T07:51:12",
  "last_root_post": "2021-01-25T07:51:12",
  "last_vote_time": "2021-01-25T07:57:00",
  "lifetime_vote_count": 0,
  "market_history": [],
  "memo_key": "STM52BqjE73kJzhtYU5rVRP9rd31cHPwG4u82cVv4z6qY2d5EoCDe",
  "mined": false,
  "name": "hagengraf",
  "next_vesting_withdrawal": "1969-12-31T23:59:59",
  "open_recurrent_transfers": 0,
  "other_history": [],
  "owner": {
    "account_auths": [],
    "key_auths": [
      [
        "STM6LJczRZfNt2Ky5zeNasneYCMRAsmUAvYzg6drmnQ4PDUB4EFPe",
        1
      ]
    ],
    "weight_threshold": 1
  },
  "pending_claimed_accounts": 0,
  "pending_transfers": 0,
  "post_bandwidth": 0,
  "post_count": 470,
  "post_history": [],
  "post_voting_power": "27549.100523 VESTS",
  "posting": {
    "account_auths": [],
    "key_auths": [
      [
        "STM6iumy77CGf1XjaCheAPFoNFE2BSJxJECHwka64xV6aJZzyMDPn",
        1
      ]
    ],
    "weight_threshold": 1
  },
  "posting_json_metadata": "{\"profile\":{\"name\":\"Hagen Graf\",\"website\":\"https://hagen.cocoate.com\",\"about\":\"I'm building cozy and user friendly places in virtual and physical environments.\",\"location\":\"Fitou, France\",\"cover_image\":\"https://hagen.cocoate.com/wp-content/uploads/2016/12/cropped-31043566760_c98c065077_o.jpg\",\"profile_image\":\"https://secure.gravatar.com/avatar/b29d58e86201517a2775e6707697b65d\"}}",
  "posting_rewards": 45310,
  "previous_owner_update": "1970-01-01T00:00:00",
  "proxied_vsf_votes": [
    0,
    0,
    0,
    0
  ],
  "proxy": "",
  "received_vesting_shares": "0.000000 VESTS",
  "recovery_account": "steem",
  "reputation": 0,
  "reset_account": "null",
  "reward_hbd_balance": "0.406 HBD",
  "reward_hive_balance": "0.000 HIVE",
  "reward_vesting_balance": "49595.681492 VESTS",
  "reward_vesting_hive": "25.531 HIVE",
  "savings_balance": "0.000 HIVE",
  "savings_hbd_balance": "0.544 HBD",
  "savings_hbd_last_interest_payment": "1970-01-01T00:00:00",
  "savings_hbd_seconds": "0",
  "savings_hbd_seconds_last_update": "2018-02-10T12:14:24",
  "savings_withdraw_requests": 0,
  "tags_usage": [],
  "to_withdraw": 0,
  "transfer_history": [],
  "vesting_balance": "0.000 HIVE",
  "vesting_shares": "27549.100523 VESTS",
  "vesting_withdraw_rate": "0.000000 VESTS",
  "vote_history": [],
  "voting_manabar": {
    "current_mana": 26998118512,
    "last_update_time": 1611561420
  },
  "voting_power": 9799,
  "withdraw_routes": 0,
  "withdrawn": 0,
  "witness_votes": [],
  "witnesses_voted_for": 0,
  "rank": 0
}

Withdraw Routes

IncomingOutgoing
Empty
Empty
{
  "incoming": [],
  "outgoing": []
}
From Date
To Date
2026/01/22 00:19:03
authorrove
bodyOne of my favorite author's book: <a href='/@rove/literature-charles-dickens-a-child-s-dream-of-a-star-4-5'>[Literature] Charles Dickens: A Child's Dream of a Star 4/5</a>
json metadata{"app": "beem/0.24.26"}
parent authorhagengraf
parent permlinkwiekommtmeintextaufdiewebsite-wa1nqj59rn
permlinkre-wiekommtmeintextaufdiewebsite-wa1nqj59rn-20260122t001900z
title
Transaction InfoBlock #103142566/Trx 47f228d2b31e1244354836f30e7697daf91fa2d4
View Raw JSON Data
{
  "block": 103142566,
  "op": [
    "comment",
    {
      "author": "rove",
      "body": "One of my favorite author's book: <a href='/@rove/literature-charles-dickens-a-child-s-dream-of-a-star-4-5'>[Literature] Charles Dickens:  A Child's Dream of a Star 4/5</a>",
      "json_metadata": "{\"app\": \"beem/0.24.26\"}",
      "parent_author": "hagengraf",
      "parent_permlink": "wiekommtmeintextaufdiewebsite-wa1nqj59rn",
      "permlink": "re-wiekommtmeintextaufdiewebsite-wa1nqj59rn-20260122t001900z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2026-01-22T00:19:03",
  "trx_id": "47f228d2b31e1244354836f30e7697daf91fa2d4",
  "trx_in_block": 8,
  "virtual_op": false
}
hivesurveysent 0.001 HIVE to @hagengraf- "By spending just 5-10 minutes of your time to answer an ONLINE SURVEY, you'll receive $1 worth of HIVE or STEEM (4.762 STEEM or 3.125 HIVE) as a token of our appreciation!!! Hello there! I'm Sichen DO..."
2023/11/01 19:51:18
amount0.001 HIVE
fromhivesurvey
memoBy spending just 5-10 minutes of your time to answer an ONLINE SURVEY, you'll receive $1 worth of HIVE or STEEM (4.762 STEEM or 3.125 HIVE) as a token of our appreciation!!! Hello there! I'm Sichen DONG, a research postgraduate student at the University of Hong Kong. I'm currently organizing a paid survey as part of my research study. We kindly invite Steem/Hive members to participate in a survey that focuses on the social changes you've observed since the takeover of Steemit, Inc. by Tron on February 14, 2020. We're delving into the intriguing realm of decentralized autonomous organizations (DAOs) and exploring the impact of social norms on cooperation within these communities. Please note that the survey is conducted in English. Rest assured, your participation involves no more risk than your everyday activities. You retain the freedom to withdraw from the study at any point. Your support is invaluable to our research, and we're eagerly looking forward to your participation! Ready to dive in? Access the survey via this link: https://hivesurvey.vercel.app/
tohagengraf
Transaction InfoBlock #79788822/Trx 57e405a02a523185bc5bd4da25fcc3d6d529c24e
View Raw JSON Data
{
  "block": 79788822,
  "op": [
    "transfer",
    {
      "amount": "0.001 HIVE",
      "from": "hivesurvey",
      "memo": "By spending just 5-10 minutes of your time to answer an ONLINE SURVEY, you'll receive $1 worth of HIVE or STEEM (4.762 STEEM or 3.125 HIVE) as a token of our appreciation!!! Hello there! I'm Sichen DONG, a research postgraduate student at the University of Hong Kong. I'm currently organizing a paid survey as part of my research study. We kindly invite Steem/Hive members to participate in a survey that focuses on the social changes you've observed since the takeover of Steemit, Inc. by Tron on February 14, 2020. We're delving into the intriguing realm of decentralized autonomous organizations (DAOs) and exploring the impact of social norms on cooperation within these communities. Please note that the survey is conducted in English. Rest assured, your participation involves no more risk than your everyday activities. You retain the freedom to withdraw from the study at any point. Your support is invaluable to our research, and we're eagerly looking forward to your participation! Ready to dive in? Access the survey via this link: https://hivesurvey.vercel.app/",
      "to": "hagengraf"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2023-11-01T19:51:18",
  "trx_id": "57e405a02a523185bc5bd4da25fcc3d6d529c24e",
  "trx_in_block": 30,
  "virtual_op": false
}
2021/02/01 07:51:12
authorhagengraf
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
Transaction InfoBlock #50944196/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 50944196,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2021-02-01T07:51:12",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2021/01/25 07:57:03
authorhagengraf
pending payout0.001 HBD
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
rshares500982011
total vote weight6951
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #50743092/Trx b992469983695a04f350528ce517d12569cc6603
View Raw JSON Data
{
  "block": 50743092,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.001 HBD",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5",
      "rshares": 500982011,
      "total_vote_weight": 6951,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-25T07:57:03",
  "trx_id": "b992469983695a04f350528ce517d12569cc6603",
  "trx_in_block": 15,
  "virtual_op": true
}
2021/01/25 07:57:03
authorhagengraf
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #50743092/Trx b992469983695a04f350528ce517d12569cc6603
View Raw JSON Data
{
  "block": 50743092,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-25T07:57:03",
  "trx_id": "b992469983695a04f350528ce517d12569cc6603",
  "trx_in_block": 15,
  "virtual_op": false
}
2021/01/25 07:56:00
authorhagengraf
pending payout0.001 HBD
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
rshares6701312244
total vote weight6701
votergruntbeta
weight3172 (31.72%)
Transaction InfoBlock #50743071/Trx 6c79add08f40d3aa553a222f6dd98d65fb15ad12
View Raw JSON Data
{
  "block": 50743071,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.001 HBD",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5",
      "rshares": 6701312244,
      "total_vote_weight": 6701,
      "voter": "gruntbeta",
      "weight": 3172
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-25T07:56:00",
  "trx_id": "6c79add08f40d3aa553a222f6dd98d65fb15ad12",
  "trx_in_block": 6,
  "virtual_op": true
}
2021/01/25 07:56:00
authorhagengraf
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
votergruntbeta
weight5000 (50.00%)
Transaction InfoBlock #50743071/Trx 6c79add08f40d3aa553a222f6dd98d65fb15ad12
View Raw JSON Data
{
  "block": 50743071,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5",
      "voter": "gruntbeta",
      "weight": 5000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-25T07:56:00",
  "trx_id": "6c79add08f40d3aa553a222f6dd98d65fb15ad12",
  "trx_in_block": 6,
  "virtual_op": false
}
2021/01/25 07:55:27
authorhagengraf
pending payout0.000 HBD
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
rshares6738563850
total vote weight3362
votergruntalpha
weight2824 (28.24%)
Transaction InfoBlock #50743060/Trx e387836096084f99d4ff2dd1904ab9c6e7be110c
View Raw JSON Data
{
  "block": 50743060,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5",
      "rshares": 6738563850,
      "total_vote_weight": 3362,
      "voter": "gruntalpha",
      "weight": 2824
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-25T07:55:27",
  "trx_id": "e387836096084f99d4ff2dd1904ab9c6e7be110c",
  "trx_in_block": 3,
  "virtual_op": true
}
2021/01/25 07:55:27
authorhagengraf
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
votergruntalpha
weight5000 (50.00%)
Transaction InfoBlock #50743060/Trx e387836096084f99d4ff2dd1904ab9c6e7be110c
View Raw JSON Data
{
  "block": 50743060,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5",
      "voter": "gruntalpha",
      "weight": 5000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-25T07:55:27",
  "trx_id": "e387836096084f99d4ff2dd1904ab9c6e7be110c",
  "trx_in_block": 3,
  "virtual_op": false
}
2021/01/25 07:51:15
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
Transaction InfoBlock #50742976/Trx b0f6e3371f106f7d241bb478368762704977af7a
View Raw JSON Data
{
  "block": 50742976,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-25T07:51:15",
  "trx_id": "b0f6e3371f106f7d241bb478368762704977af7a",
  "trx_in_block": 1,
  "virtual_op": false
}
2021/01/25 07:51:15
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/pexels-photo-1000445.jpeg</center> <br/><p>Gruppenchats werden ziemlich häufig genutzt. Es gibt den Familienchat, den Bürochat, den Firmenchat, den Kindergartenchat, den Schulchat der SchülerInnen (und den der Eltern), den Baustellenchat, den Projektchat, den Partychat, den Strandchat und viele, viele andere Chatgruppen. Inwieweit diese Gruppenkommunikation für die TeilnehmerInnen inhaltlich hilfreich ist oder ob sie die Lage eher verkompliziert, sei zunächst mal offen. </p> <blockquote class="wp-block-quote"><p>Die Entwicklung einer Gruppe umfasst die Verteilung der Rollen, die Bestimmung der Ziele und Aufgaben, die Bildung der Normen und Regeln, die Gestaltung der Kultur, die Verteilung von Macht, die Aufnahme neuer Mitglieder, der Umgang mit Dritten und anderen Gruppen. Jedes Handeln (aktiv und unterlassend) in der Gruppe gehört zum Prozess und ist dynamisch.</p><cite><a href="https://de.wikipedia.org/wiki/Gruppendynamik" target="_blank" rel="noreferrer noopener">https://de.wikipedia.org/wiki/Gruppendynamik</a></cite> </blockquote> <p>Vor diesem Hintergrund will ich heute der Frage nachgehen, ob es technisch möglich und sinnvoll ist, Gruppenchats so zu konstruieren, dass sie Ende zu Ende verschlüsselt sind. </p> <p>In der letzten Woche habe ich euch in die Matrix eingeladen <em>(<a href="https://blog.novatrend.ch/2021/01/18/whatsapp-threema-signal-komm-in-die-matrix-jetzt/">WhatsApp, Threema, Signal? Komm in die Matrix! Jetzt!</a>)</em>. Viele sind der Einladung nachgekommen und haben nun Fragen. </p> <p>Es ist allerdings gar nicht so einfach, diese Fragen anschaulich mit Screenshots zu beantworten und die Prozesse neutral zu beschreiben, da ja immer reale Personen damit zu tun haben. Daher folgt heute Teil 2 der Messenger Odyssee am Beispiel des Gruppenchats des Virtual Apéros. </p> <h2>Hintergrund Virtual Apéro</h2> <p>Der Virtual Apèro ist eine Veranstaltung, die Dienstags um 19:00 stattfindet. Wir treffen uns in einem Jitsi-Raum im virtuellen Konferenzzentrum, das von Novatrend kostenlos zur Verfügung gestellt wird (<a rel="noreferrer noopener" href="https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/" target="_blank">Videokonferenzen auf meet.novatrend.ch</a>). Da in der Jitsi Installation seitens Novatrend nichts geloggt wird, wollte ich ganz praktisch wissen, ob alles funktioniert. Aus dem Test ist eine regelmässige Veranstaltung geworden und wir treffen uns bald zum 50sten mal. Mehr Info gibt es in diesem Blog Post: <a href="https://hagen.cocoate.com/2020/04/16/virtueller-apero-dienstag-1900-uhr/">Virtueller Apéro, Dienstag 19:00 Uhr</a>. Du bist herzlich eingeladen.</p> <h2>Hintergrund Jitsi Videokonferenzen</h2> <p><a rel="noreferrer noopener" href="https://twitter.com/emilivov" target="_blank">Emil Ivov</a> startete 2003 das Jitsi Projekt (früher SIP Communicator). Jitsi ist eine Audio-, Video- und Text-Chat Anwendung, die Protokolle wie SIP, XMPP/Jabber, AIM/ICQ, Windows Live, Yahoo! und Bonjour unterstützt. Jitsi ist Freie Open Source Software. Bei der Anwendung <a rel="noreferrer noopener" href="https://jitsi.org/jitsi-meet/" target="_blank">Jitsi-Meet</a>, die auch Novatrend benutzt, geht es in erster Linie um Audio und Video-Kommunikation. Emil unterrichtete von 2007 - 2015 Echtzeit-Kommunikation an der Universität Straßburg. Er ist nach wie vor Projektleiter des Jitsi Projekts.</p> <p>Jeder Jitsi-Meet Raum hat einen eingebauten Gruppenchat. Dieser Chat nutzt das <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Extensible_Messaging_and_Presence_Protocol" target="_blank">XMPP</a> Protokoll und benutzt als Server <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Prosody" target="_blank">Prosody</a>. </p> <p>Im Gegensatz zu anderen Systemen werden in Jitsi keine Räume vorher definiert und konfiguriert. Sie sind einfach da! Es gibt keinerlei Registrierungspflicht und keinen Konfigurationsaufwand. Wenn du jetzt sofort einen individuellen Video-Chat führen willst, der unter deinem Namen läuft, kannst du das tun - Tippe einfach im Browser <em><strong><a href="https://meet.novatrend.ch/">https://meet.novatrend.ch/</a>[dein Name]</strong></em> ein und dein Raum ist einsatzbereit. In diesem Raum steht auch automatisch ein Gruppenchat zur Verfügung, den der bereits erwähnte Prosody Server bereit stellt. Je nach Konfiguration des Jitsi-Servers gibt es weitere Features wie beispielsweise die Einbindung des kollaborativen Editors <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Etherpad" target="_blank">Etherpad</a>. Damit können die Personen im Gruppenchat gemeinsam Textdokumente bearbeiten. </p> <p><em><strong>Hinweis:</strong> Die Lizenz von Jitsi-Meet erlaubt es, das System auch in kommerzielle Services einzubetten und so entstehen gerade viele Services, die rund um Jitsi Konferenzsysteme bauen und zusätzliche Features bereit stellen. In diesem Zusammenhang noch eine gute Übersicht über Videokonferenz Software - <a rel="noreferrer noopener" href="https://digitalcourage.de/digitale-selbstverteidigung/videokonferenzen-muessen-keine-datenschleudern-sein" target="_blank">Videokonferenzen müssen keine Datenschleudern sein</a></em></p> <p>Die Folge dieser offenen Gestaltung ist, dass Räume nur solange existieren, wie sich Personen darin befinden. Auch Gruppenchats und weitere Features existieren prinzipiell nur solange, bis der letzte den Gruppenraum verlässt. Das ist charmant, logisch, datensparsam und beinhaltet eine gewisse Vergänglichkeit.</p> <h2>Situation der Gruppe </h2> <p>Bei der Virtual Apéro Gruppe, die sich ja regelmässig trifft, kam diese Vergänglichkeit allerdings nicht so gut an, da der Gruppenchat immer wieder gelöscht wurde und man sich "aus den Augen verlor". Wir nutzten zunächst einen Gruppenchat auf Telegram, verlegten die Diskussionen zwischen den Virtuellen Apéros aber zum grössten Teil auf Twitter. Twitter bietet auch ein Gruppenchat Feature an, allerdings nur für Gruppen, die kleiner als 20 Personen sind. </p> <div class="wp-block-columns"><div class="wp-block-column"><p>Da wir mittlerweile mehr als 20 Personen sind, kam das auf Dauer auch nicht in Frage. Bis zu diesem Zeitpunkt erging es uns so, wie vermutlich vielen Gruppen, die dann mehr aus Verzweiflung als aus Überzeugung bei WhatsApp landen, weil das der kleinste gemeinsame Nenner ist und "alle" Anderen WhatsApp nutzen <em>(2 Milliarden Nutzer weltweit)</em>. Die Grafik der täglichen Nutzer in Deutschland ist aus November 2019, zeigt allerdings gut die Verhältnisse, die in den meisten Ländern etwa auch so aussehen. </p> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/daily-active-users.gif" alt="" class="wp-image-6034"/><br/><i><a href="https://www.messengerpeople.com/de/whatsapp-nutzerzahlen-deutschland/" target="_blank" rel="noreferrer noopener">https://www.messengerpeople.com/de/whatsapp-nutzerzahlen-deutschland/</a></i> </div> </div> <h3>Sicherheit?</h3> <p>WhatsApp kam in den letzten Wochen ins Gerede wegen einer bevorstehenden Änderung der Geschäftsbedingungen und der Tatsache, dass die Kommunikationsdaten weiter Teile der menschlichen Kommunikation in der Verantwortung einer privaten Firma liegen (Facebook). Das ist prinzipiell nicht ungewöhnlich, man denke nur an Telekommunikationsunternehmen wie Vodafone oder die Deutsche Telekom. Die weltweite Dominanz von Facebook bei gleichzeitiger Abwesenheit nationaler Regulierungen gibt einem allerdings schon zu denken. </p> <p>Aber um mal die Hauptsachen, die uns wichtig sind, pragmatisch herunter zu brechen: Wenn man sich in einer Gruppe online unterhält, so sollten alle Personen, die der Gruppe angehören </p> <ol><li>alle Nachrichten sehen</li><li>alle Veränderungen der Einstellungen des Gruppenraumes sehen</li><li>den Zugang neuer Personen sehen</li><li>das Verlassen einer Person aus der Gruppe sehen</li></ol> <p>Und alle Personen, die nicht zur Gruppe gehören - die geht das alles nichts an. <br>Schön wäre es, wenn die komplette Kommunikation auch noch verschlüsselt und damit abhörsicher wäre und damit stellte sich die Frage: <strong>Geht das überhaupt?</strong></p> <h3>Ende zu Ende Verschlüsselung</h3> <p>Eine <a href="https://de.wikipedia.org/wiki/Ende-zu-Ende-Verschlüsselung" data-type="URL" data-id="https://de.wikipedia.org/wiki/Ende-zu-Ende-Verschlüsselung">Ende zu Ende Verschlüsselung</a> kann man sich wie ein Band oder Kabel zwischen zwei Personen vorstellen. Nur die Personen, die die jeweiligen Endpunkte der Kommunikation darstellen, können die Nachricht entschlüsseln. Für <strong>alle</strong> anderen auf dem Transportweg muss der Inhalt verborgen bleiben.</p> <h3>Symmetrische Verschlüsselung</h3> <p>Bei zwei Kommunikationspartnern ist das noch relativ leicht zu organisieren. Beide benutzen den gleichen Schlüssel (oder Kennwort) und können so verschlüsselt verschickte Nachricht lesen. Personen, die das Kennwort nicht kennen, können die Nachricht nicht lesen. Die Variante heisst symmetrische Verschlüsselung. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/pki.gif" alt="" class="wp-image-6037"/><br/><i>Symmetrische Kryptosystem - <a href="https://de.wikipedia.org/wiki/Symmetrisches_Kryptosystem" target="_blank" rel="noreferrer noopener">https://de.wikipedia.org/wiki/Symmetrisches_Kryptosystem</a></i> <p>Dieses einfache Verfahren ist leider nicht geeignet für Gruppenchats, denn jede Person in der Gruppe müsste ja nun den geheimen Schlüssel kennen. Die Gefahr, dass der Schlüssel ausserhalb der Gruppe bekannt würde, wäre hoch.</p> <h3>Asymetrische Verschlüsselung</h3> <p>Bei dieser Variante haben die Personen keinen gemeinsamen Schlüssel. Es gibt einen öffentlichen und einen privaten Schlüssel.</p> <blockquote class="wp-block-quote"><p>Jeder Benutzer erzeugt sein eigenes Schlüsselpaar, das aus einem geheimen Teil (privater Schlüssel) und einem nicht geheimen Teil (öffentlicher Schlüssel) besteht. Der öffentliche Schlüssel ermöglicht es jedem, Daten für den Besitzer des privaten Schlüssels zu&nbsp;verschlüsseln, dessen digitale Signaturen zu prüfen oder ihn zu authentifizieren. Der private Schlüssel ermöglicht es seinem Besitzer, mit dem öffentlichen Schlüssel verschlüsselte Daten zu&nbsp;entschlüsseln,&nbsp;digitale Signaturen&nbsp;zu erzeugen oder sich zu&nbsp;authentisieren</p><cite><a href="https://de.wikipedia.org/wiki/Asymmetrisches_Kryptosystem" target="_blank" rel="noreferrer noopener">https://de.wikipedia.org/wiki/Asymmetrisches_Kryptosystem</a></cite> </blockquote> <div class="wp-block-columns"><div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Schluesselgenerierung.gif" alt="" class="wp-image-6038"/><br/><i>Von Bananenfalter - Eigenes Werk, CC0, https://commons.wikimedia.org/w/index.php?curid=14688641</i> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/pki2.gif" alt="" class="wp-image-6039"/><br/><i><a href="http://Von Bananenfalter - Eigenes Werk, CC0, https://commons.wikimedia.org/w/index.php?curid=17500027">Von Bananenfalter - Eigenes Werk, CC0, https://commons.wikimedia.org/w/index.php?curid=17500027</a></i> </div> </div> <p>Der entscheidende Vorteil asymmetrischer Verfahren ist, dass sie das Problem der&nbsp;Schlüsselverteilung&nbsp;vermindern. Bei symmetrischen Verfahren muss vor der Verwendung ein Schlüssel über einen sicheren Kanal ausgetauscht werden. Da der öffentliche Schlüssel nicht geheim ist, braucht bei asymmetrischen Verfahren der Kanal nicht abhörsicher zu sein; wichtig ist nur, dass der öffentliche Schlüssel dem Inhaber des dazugehörigen privaten Schlüssels zweifelsfrei zugeordnet werden kann. Ein weiterer Vorteil ist, dass jeder nur den eigenen privaten Schlüssel geheim halten muss.</p> <p>Ein Nachteil ist, dass asymmetrische Systeme im Vergleich zu symmetrischen Systemen langsamer arbeiten. Ausserdem ist ein Zufallsgenerator im Spiel, der keine für Dritte berechenbaren Werte liefern darf.</p> <h2>Gruppenchats in Messengersystemen</h2> <p>Mit diesem Vorwissen wird klar, dass es geheime und öffentliche Teile in der Kommunikation gibt. <br>Es stellt sich die Frage inwieweit es überhaupt sinnvoll ist, einen Gruppenchat zu verschlüsseln. Auch wenn es technisch möglich ist, liegen die Grenzen der Verschwiegenheit auch im Verhalten der Gruppenmitglieder. Je größer eine Gruppe, desto öffentlicher wird bzw. ist sie. Eine öffentliche Gruppe mit mehr als 100 Teilnehmern muß nicht wirklich verschlüsselt werden.</p> <p>Private Schlüssel sollten die private Umgebung nicht verlassen. Das ist richtig, aber natürlich nicht benutzerfreundlich. Wenn der private Schlüssel verloren geht, kann man keine Nachrichten mehr lesen. Das ist auch so gewollt :)</p> <p>Viele Messenger laden aus Bequemlichkeitsgründen die Schlüssel auf zentrale Server. Man hat dann ein Backup der Schlüssel und kann seine Nachrichten von einem zu einem anderen Device transferieren.Wenn private Schlüssel aber auf zentralen Servern gelagert werden, sind sie nicht mehr geheim. Wenn die privaten Schlüssel zusätzlich lokal mit einer Hashfunktion vor dem Upload verschlüsselt werden, so ist das schon besser. Wenn die Hashfunktion allerdings auch die Telefonnummer mit einbezieht ist es mit dem Geheimnis schon wieder so eine Sache. </p> <ul><li><strong>Telegram</strong> verschlüsselt Gruppenchats <strong>überhaupt nicht</strong>. Dadurch ist die Abwicklung für Telegram einfacher und Gruppen mit Hunderttausend Usern stellen kein technisches Problem dar. Ausserdem sind die Chats durchsuchbar, weil die Nachrichten ja im Klartext vorliegen. Alle Nachrichten können auf Telegram Servern gespeichert werden, nehmen also keinen Platz auf dem Telefon ein. Sicher ist das nicht, aber praktisch. Auch Eins-zu-Eins Chats werden in Telegram nur optional verschlüsselt. Wenn sie verschlüsselt sind, sind sie allerdings (im Rahmen der anderen Parameter) "sicher". Telegram pendelt stark zwischen Benutzerfreundlichkeit und Sicherheit, meistens zugunsten der Bequemlichkeit.</li><li>In <strong>Signal</strong> erhalten seit Oktober 2020 Gruppenchats einen sogenannten Gruppenschlüssel. Dieser Gruppenschlüssel ist allen Mitgliedern der Gruppe bekannt (symmetrisches Verfahren) und wird lokal gespeichert. Die Daten der Gruppe liegen auf Signal Servern. Es ist also eine Kombination aus symmetrischer und asymmetrischer Verschlüsselung. Das ist natürlich viel besser als bei Telegram, aber die Nachrichten und die Gruppenschlüssel werden auf zentralen Servern des Anbieters gespeichert - signal.org (<a rel="noreferrer noopener" href="https://www.heise.de/security/meldung/WhatsApp-und-Signal-Forscher-beschreiben-Schwaechen-verschluesselter-Gruppenchats-3942046.html" target="_blank">WhatsApp und Signal: Forscher beschreiben Schwächen verschlüsselter Gruppenchats</a>). Wenn man selbst einen Signal Server betreibt, ist dieses Detail kein Problem. Man kann in diesem Fall aber leider nicht mit dem zentralen Signal Server föderieren, d.h. keine Nachrichten zwischen den Servern tauschen, lebt also auf einer "Signal Insel".</li><li>In <strong>iMessage</strong> von Apple, <strong>Skype/Teams</strong> von Microsoft und <strong>WhatsApp</strong> von Facebook sind die Abläufe nicht überprüfbar, weil die Protokolle und der Quellcode proprietär und damit nicht überprüfbar sind. Bei <strong>Threema</strong> ist das ähnlich, <strong>Threema</strong> gibt sich allerdings grösste Mühe bei der Transparenz und hat als "Underdog" aus der Schweiz einen grossen Vertrauensvorschuss. </li><li><strong>Conversions</strong> (XMPP), <strong>Delta Chat</strong> (E-Mail) und <strong>Element</strong> (Matrix) sitzen ein wenig zwischen den Stühlen. Je nach Konfiguration sind sie sicherer als alle Anderen, sie föderieren untereinander und sind komplett Free und Open Source Software </li></ul> <p>In diesem Zusammenhang ist diese Aufstellung aus dem Kuketz Blog ganz hilfreich.</p> <img src="https://media.kuketz.de/blog/messenger-matrix.png" alt=""/><br/><i><a href="https://www.kuketz-blog.de/die-verrueckte-welt-der-messenger-messenger-teil1/" target="_blank" rel="noreferrer noopener">https://www.kuketz-blog.de/die-verrueckte-welt-der-messenger-messenger-teil1/</a></i> <h2>Interoperabilität in der Matrix</h2> <p>Wer schon mal im Ausland mit der Bahn gefahren ist, kennt vielleicht das Problem unterschiedlicher Spurweiten. Man muss in einen anderen Zug steigen um weiterfahren zu können. Wer schon mal versucht hat, einen europäischen Stecker in aussereuropäische Steckdosen zu stecken, kennt das Problem ebenfalls. </p> <p>Wer heute versucht eine Nachricht von Skype zu Signal zu schicken wird scheitern. Eine E-Mail dagegen lässt sich problemlos von einem beliebigen E-Mail Server an einen anderen beliebigen E-Mail Server schicken. </p> <blockquote class="wp-block-quote"><p>Als Interoperabilität bezeichnet man die Fähigkeit zum Zusammenspiel verschiedener&nbsp;Systeme,&nbsp;Techniken&nbsp;oder&nbsp;Organisationen. Dazu ist in der Regel die Einhaltung gemeinsamer technischer Normen notwendig. Wenn zwei Systeme miteinander vereinbar sind, nennt man sie auch interoperabel.</p><cite><a href="https://de.wikipedia.org/wiki/Interoperabilität" target="_blank" rel="noreferrer noopener">https://de.wikipedia.org/wiki/Interoperabilität</a></cite> </blockquote> <h3>Warum ist Interoperabilität wichtig? </h3> <div class="wp-block-columns"><div class="wp-block-column"><p><strong>Interoperabilität kann verhindern, dass durch&nbsp;Patente,&nbsp;Geschäftsgeheimnisse&nbsp;oder Fehler in der Koordination&nbsp;Monopolstellungen&nbsp;erreicht oder ausgebaut werden. </strong><br>Genau das passiert gerade bei WhatsApp. Facebook hat ein De-Facto Monopol geschaffen.</p> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-15.51.25-1024x992.png" alt="" class="wp-image-6042"/><br/><i><a href="https://matrix.org/bridges/" target="_blank" rel="noreferrer noopener">https://matrix.org/bridges/</a></i> </div> </div> <p>Das Matrix Protokoll ist dagegen interoperabel angelegt. Es gibt bereits Brücken zu fast allen relevanten Messenger Systemen. Man kann dann von einem Client wie Element eine Nachricht beispielsweise an Slack schicken und von Slack aus eine Nachricht an Element. </p> <h2>Protokoll vs. Implementierung</h2> <p>Während bei den freien Systemen zwischen Protokoll <em>(Matrix, XMPP, Signal)</em> und Implementierung <em>(Element, Conversions, Signal)</em> unterschieden wird, fällt diese Unterscheidung bei proprietären Systemen meist weg. Im günstigsten Fall bieten die proprietären Systeme eine API an, um von aussen in das System Daten/Nachrichten einspeisen zu können. Wie diese Daten verarbeitet werden, bleibt allerdings unklar. Auch bei Implementierungen freier Protokolle muss genau hingeschaut werden ob das Ergebnis immer noch den Vorgaben des Protokolls entspricht. Hinter der Element App steht beispielsweise eine Firma, die natürlich Geld verdienen will (und muss) und deren Finanzierungsquellen in der Vergangenheit teilweise unklar war. <br>Es gibt bisher leider keine Zulassungsrichtlinien für Messenger und daher sollte man prinzipiell vorsichtig sein.</p> <h2>Überprüfung der TeilnehmerInnen untereinander - Verifikation</h2> <p>Wenn man sich persönlich trifft, weiss man, mit wem man es zu tun hat. Online wird das schwieriger. Wie kann man überprüfen, ob derjenige, mit dem man chattet auch derjenige ist?</p> <div class="wp-block-columns"><div class="wp-block-column"><p>Signal löst das Erkennungsproblem über eine Sicherheitsnummer. Die Sicherheitsnummer wird bei beiden Teilnehmern angezeigt und kann verglichen werden. Sie muss übereinstimmen.</p> <p>In der Benutzeroberfläche des Signal Clients wird allerdings kein sichtbarer Unterschied zwischen verifizierten und nicht verifizierten Benutzern gemacht, so dass die Motivation Nutzer zu verifizieren relativ niedrig ist. </p> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-16.16.35.png" alt="" class="wp-image-6043"/><br/><i>Überprüfung der Sicherheitsnummer in Signal</i> </div> </div> <p>Die Verifizierung spielt bei Element/Matrix eine erheblich grössere Rolle. Vor dem Benutzernamen wird entweder ein grüner Haken angezeigt oder ein dunkles Feld. Natürlich möchte man den grünen Haken haben :) </p> <div class="wp-block-columns"><div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-16.24.17.png" alt="" class="wp-image-6044"/><br/><i>NICHT verifizierter Kontakt</i> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-16.24.06.png" alt="" class="wp-image-6045"/><br/><i>verifizierter Kontakt</i> </div> </div> <p>Die Überprüfung in Element erfolgt über eine Anfrage im Eins zu Eins Chat. Der Andere muss die Anfrage annehmen. Dann erscheint ein QR Code oder eine Liste von Icons in einer bestimmten Reihenfolge. Wenn man nebeneinander steht, kann man nun den QR-Code einlesen und der Kontakt gilt als verifiziert oder man vergleicht die Reihenfolge der Icons. Wenn man nicht persönlich beisammen ist, lässt sich das auch über eine Webcam oder das Senden des Screenshots über einen anderen sicheren Kanal (geheimer/verschlüsselter Telegram Chat, WhatsApp, Signal) erledigen. </p> <h2>Entscheidung der Gruppe </h2> <p>Aus all diesen Gründen, und vermutlich noch vielen anderen mehr, die ich gar nicht kenne, hat sich unsere Gruppe letztlich für das Matrix-Protokoll entschieden. Wir benutzen zunächst die Element App und den zentralen matrix.org Server. Das ist vom Sicherheitsaspekt her nicht der Goldstandard, aber es ist benutzerfreundlich und für uns sicher genug. Wir unterstützen damit auch keine Monopolbildung und der Chat ist werbefrei.Wir müssen keine Telefonnummer bei der Registrierung angeben und haben dank der persönlichen Verifizierung nun auch einen Grund für ein persönliches Treffen irgendwo und irgendwann :).</p> <p>Vielleicht setzen wir in der Zukunft einen eigenen Server auf, der dann mit anderen Systemen Nachrichten austauschen kann. </p> <h2>Fazit</h2> <p>Es klingt natürlich nun sehr lehrbuchhaft aber wir haben in diesem Gruppenprozess tatsächlich erfahren, wie komplex die Kommunikationssituation ist und eine individuelle, benutzerfreundliche Lösung für uns gefunden. Der Verschlüsselung von Gruppenchats sind - derzeit zumindest - technische als auch interessengeleitete Grenzen gesetzt.</p> <p>Wir haben alle etwas dabei gelernt und wer weiss, wo uns das hinführt :)</p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Eine Gruppe ist viel mehr als ein Chat! </p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/25/gruppenchats-anschaulich-erklaert-virtualapero-in-der-matrix/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2021/01/pexels-photo-1000445.jpeg"],"tags":["element","matrix","virtualapero"],"canonical_url":"https://blog.novatrend.ch/2021/01/25/gruppenchats-anschaulich-erklaert-virtualapero-in-der-matrix/"}
parent author
parent permlinkelement
permlinkgruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5
titleGruppenchats anschaulich erklärt. #VirtualApero in der #Matrix
Transaction InfoBlock #50742976/Trx b0f6e3371f106f7d241bb478368762704977af7a
View Raw JSON Data
{
  "block": 50742976,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/pexels-photo-1000445.jpeg</center> <br/><p>Gruppenchats werden ziemlich häufig genutzt. Es gibt den Familienchat, den Bürochat, den Firmenchat, den Kindergartenchat, den Schulchat der SchülerInnen (und den der Eltern), den Baustellenchat, den Projektchat, den Partychat, den Strandchat und viele, viele andere Chatgruppen. Inwieweit diese Gruppenkommunikation für die TeilnehmerInnen inhaltlich hilfreich ist oder ob sie die Lage eher verkompliziert, sei zunächst mal offen. </p>\n<blockquote class=\"wp-block-quote\"><p>Die Entwicklung einer Gruppe umfasst die Verteilung der Rollen, die Bestimmung der Ziele und Aufgaben, die Bildung der Normen und Regeln, die Gestaltung der Kultur, die Verteilung von Macht, die Aufnahme neuer Mitglieder, der Umgang mit Dritten und anderen Gruppen. Jedes Handeln (aktiv und unterlassend) in der Gruppe gehört zum Prozess und ist dynamisch.</p><cite><a href=\"https://de.wikipedia.org/wiki/Gruppendynamik\" target=\"_blank\" rel=\"noreferrer noopener\">https://de.wikipedia.org/wiki/Gruppendynamik</a></cite>\n</blockquote>\n<p>Vor diesem Hintergrund will ich heute der Frage nachgehen, ob es technisch möglich und sinnvoll ist, Gruppenchats so zu konstruieren, dass sie Ende zu Ende verschlüsselt sind.  </p>\n<p>In der letzten Woche habe ich euch in die Matrix eingeladen <em>(<a href=\"https://blog.novatrend.ch/2021/01/18/whatsapp-threema-signal-komm-in-die-matrix-jetzt/\">WhatsApp, Threema, Signal? Komm in die Matrix! Jetzt!</a>)</em>. Viele sind der Einladung nachgekommen und haben nun Fragen. </p>\n<p>Es ist allerdings gar nicht so einfach, diese Fragen anschaulich mit Screenshots zu beantworten und die Prozesse neutral zu beschreiben, da ja immer reale Personen damit zu tun haben. Daher folgt heute Teil 2 der Messenger Odyssee am Beispiel des Gruppenchats des Virtual Apéros. </p>\n\n<h2>Hintergrund Virtual Apéro</h2>\n<p>Der Virtual Apèro ist eine Veranstaltung, die Dienstags um 19:00 stattfindet. Wir treffen uns in einem Jitsi-Raum im virtuellen Konferenzzentrum, das von Novatrend kostenlos zur Verfügung gestellt wird (<a rel=\"noreferrer noopener\" href=\"https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/\" target=\"_blank\">Videokonferenzen auf meet.novatrend.ch</a>). Da in der Jitsi Installation seitens Novatrend nichts geloggt wird, wollte ich ganz praktisch wissen, ob alles funktioniert. Aus dem Test ist eine regelmässige Veranstaltung geworden und wir treffen uns bald zum 50sten mal. Mehr Info gibt es in diesem Blog Post: <a href=\"https://hagen.cocoate.com/2020/04/16/virtueller-apero-dienstag-1900-uhr/\">Virtueller Apéro, Dienstag 19:00 Uhr</a>. Du bist herzlich eingeladen.</p>\n<h2>Hintergrund Jitsi Videokonferenzen</h2>\n<p><a rel=\"noreferrer noopener\" href=\"https://twitter.com/emilivov\" target=\"_blank\">Emil Ivov</a> startete 2003 das Jitsi Projekt (früher SIP Communicator). Jitsi ist eine Audio-, Video- und Text-Chat Anwendung, die Protokolle wie SIP, XMPP/Jabber, AIM/ICQ, Windows Live, Yahoo! und Bonjour unterstützt. Jitsi ist Freie Open Source Software. Bei der Anwendung <a rel=\"noreferrer noopener\" href=\"https://jitsi.org/jitsi-meet/\" target=\"_blank\">Jitsi-Meet</a>, die auch Novatrend benutzt, geht es in erster Linie um Audio und Video-Kommunikation. Emil unterrichtete von 2007 - 2015 Echtzeit-Kommunikation an der Universität Straßburg. Er ist nach wie vor Projektleiter des Jitsi Projekts.</p>\n<p>Jeder Jitsi-Meet Raum hat einen eingebauten Gruppenchat. Dieser Chat nutzt das <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Extensible_Messaging_and_Presence_Protocol\" target=\"_blank\">XMPP</a> Protokoll und benutzt als Server <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Prosody\" target=\"_blank\">Prosody</a>. </p>\n<p>Im Gegensatz zu anderen Systemen werden in Jitsi keine Räume vorher definiert und konfiguriert. Sie sind einfach da! Es gibt keinerlei Registrierungspflicht und keinen Konfigurationsaufwand. Wenn du jetzt sofort einen individuellen Video-Chat führen willst, der unter deinem Namen läuft, kannst du das tun - Tippe einfach im Browser <em><strong><a href=\"https://meet.novatrend.ch/\">https://meet.novatrend.ch/</a>[dein Name]</strong></em> ein und dein Raum ist einsatzbereit. In diesem Raum steht auch automatisch ein Gruppenchat zur Verfügung, den der bereits erwähnte Prosody Server bereit stellt. Je nach Konfiguration des Jitsi-Servers gibt es weitere Features wie beispielsweise die Einbindung des kollaborativen Editors <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Etherpad\" target=\"_blank\">Etherpad</a>. Damit können die Personen im Gruppenchat gemeinsam Textdokumente bearbeiten. </p>\n<p><em><strong>Hinweis:</strong> Die Lizenz von Jitsi-Meet erlaubt es, das System auch in kommerzielle Services einzubetten und so entstehen gerade viele Services, die rund um Jitsi Konferenzsysteme bauen und zusätzliche Features bereit stellen. In diesem Zusammenhang noch eine gute Übersicht über Videokonferenz Software - <a rel=\"noreferrer noopener\" href=\"https://digitalcourage.de/digitale-selbstverteidigung/videokonferenzen-muessen-keine-datenschleudern-sein\" target=\"_blank\">Videokonferenzen müssen keine Datenschleudern sein</a></em></p>\n<p>Die Folge dieser offenen Gestaltung ist, dass Räume nur solange existieren, wie sich Personen darin befinden. Auch Gruppenchats und weitere Features existieren prinzipiell nur solange, bis der letzte den Gruppenraum verlässt. Das ist charmant, logisch, datensparsam und beinhaltet eine gewisse Vergänglichkeit.</p>\n<h2>Situation der Gruppe </h2>\n<p>Bei der Virtual Apéro Gruppe, die sich ja regelmässig trifft, kam diese Vergänglichkeit allerdings nicht so gut an, da der Gruppenchat immer wieder gelöscht wurde und man sich \"aus den Augen verlor\". Wir nutzten zunächst einen Gruppenchat auf Telegram, verlegten die Diskussionen zwischen den Virtuellen Apéros aber zum grössten Teil auf Twitter. Twitter bietet auch ein Gruppenchat Feature an, allerdings nur für Gruppen, die kleiner als 20 Personen sind. </p>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><p>Da wir mittlerweile mehr als 20 Personen sind, kam das auf Dauer auch nicht in Frage. Bis zu diesem Zeitpunkt erging es uns so, wie vermutlich vielen Gruppen, die dann mehr aus Verzweiflung als aus Überzeugung bei WhatsApp landen, weil das der kleinste gemeinsame Nenner ist und \"alle\" Anderen WhatsApp nutzen <em>(2 Milliarden Nutzer weltweit)</em>. Die Grafik der täglichen Nutzer in Deutschland ist aus November 2019, zeigt allerdings gut die Verhältnisse, die in den meisten Ländern etwa auch so aussehen. </p>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/daily-active-users.gif\" alt=\"\" class=\"wp-image-6034\"/><br/><i><a href=\"https://www.messengerpeople.com/de/whatsapp-nutzerzahlen-deutschland/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.messengerpeople.com/de/whatsapp-nutzerzahlen-deutschland/</a></i>\n</div>\n</div>\n<h3>Sicherheit?</h3>\n<p>WhatsApp kam in den letzten Wochen ins Gerede wegen einer bevorstehenden Änderung der Geschäftsbedingungen und der Tatsache, dass die Kommunikationsdaten weiter Teile der menschlichen Kommunikation in der Verantwortung einer privaten Firma liegen (Facebook). Das ist prinzipiell nicht ungewöhnlich, man denke nur an Telekommunikationsunternehmen wie Vodafone oder die Deutsche Telekom. Die weltweite Dominanz von Facebook bei gleichzeitiger Abwesenheit nationaler Regulierungen gibt einem allerdings schon zu denken. </p>\n<p>Aber um mal die Hauptsachen, die uns wichtig sind, pragmatisch herunter zu brechen: Wenn man sich in einer Gruppe online unterhält, so sollten alle Personen, die der Gruppe angehören </p>\n<ol><li>alle Nachrichten sehen</li><li>alle Veränderungen der Einstellungen des Gruppenraumes sehen</li><li>den Zugang neuer Personen sehen</li><li>das Verlassen einer Person aus der Gruppe sehen</li></ol>\n<p>Und alle Personen, die nicht zur Gruppe gehören - die geht das alles nichts an. <br>Schön wäre es, wenn die komplette Kommunikation auch noch verschlüsselt und damit abhörsicher wäre und damit stellte sich die Frage: <strong>Geht das überhaupt?</strong></p>\n<h3>Ende zu Ende Verschlüsselung</h3>\n<p>Eine <a href=\"https://de.wikipedia.org/wiki/Ende-zu-Ende-Verschlüsselung\" data-type=\"URL\" data-id=\"https://de.wikipedia.org/wiki/Ende-zu-Ende-Verschlüsselung\">Ende zu Ende Verschlüsselung</a> kann man sich wie ein Band oder Kabel zwischen zwei Personen vorstellen. Nur die Personen, die die jeweiligen Endpunkte der Kommunikation darstellen,  können die Nachricht entschlüsseln. Für <strong>alle</strong> anderen auf dem Transportweg muss der Inhalt verborgen bleiben.</p>\n<h3>Symmetrische Verschlüsselung</h3>\n<p>Bei zwei Kommunikationspartnern ist das noch relativ leicht zu organisieren. Beide benutzen den gleichen Schlüssel (oder Kennwort) und können so verschlüsselt verschickte Nachricht lesen. Personen, die das Kennwort nicht kennen, können die Nachricht nicht lesen. Die Variante heisst symmetrische Verschlüsselung.  </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/pki.gif\" alt=\"\" class=\"wp-image-6037\"/><br/><i>Symmetrische Kryptosystem - <a href=\"https://de.wikipedia.org/wiki/Symmetrisches_Kryptosystem\" target=\"_blank\" rel=\"noreferrer noopener\">https://de.wikipedia.org/wiki/Symmetrisches_Kryptosystem</a></i>\n<p>Dieses einfache Verfahren ist leider nicht geeignet für Gruppenchats, denn jede Person in der Gruppe müsste ja nun den geheimen Schlüssel kennen. Die Gefahr, dass der Schlüssel ausserhalb der Gruppe bekannt würde, wäre hoch.</p>\n<h3>Asymetrische Verschlüsselung</h3>\n<p>Bei dieser Variante haben die Personen keinen gemeinsamen Schlüssel. Es gibt einen öffentlichen und einen privaten Schlüssel.</p>\n<blockquote class=\"wp-block-quote\"><p>Jeder Benutzer erzeugt sein eigenes Schlüsselpaar, das aus einem geheimen Teil (privater Schlüssel) und einem nicht geheimen Teil (öffentlicher Schlüssel) besteht. Der öffentliche Schlüssel ermöglicht es jedem, Daten für den Besitzer des privaten Schlüssels zu&nbsp;verschlüsseln, dessen digitale Signaturen zu prüfen oder ihn zu authentifizieren. Der private Schlüssel ermöglicht es seinem Besitzer, mit dem öffentlichen Schlüssel verschlüsselte Daten zu&nbsp;entschlüsseln,&nbsp;digitale Signaturen&nbsp;zu erzeugen oder sich zu&nbsp;authentisieren</p><cite><a href=\"https://de.wikipedia.org/wiki/Asymmetrisches_Kryptosystem\" target=\"_blank\" rel=\"noreferrer noopener\">https://de.wikipedia.org/wiki/Asymmetrisches_Kryptosystem</a></cite>\n</blockquote>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Schluesselgenerierung.gif\" alt=\"\" class=\"wp-image-6038\"/><br/><i>Von Bananenfalter - Eigenes Werk, CC0, https://commons.wikimedia.org/w/index.php?curid=14688641</i>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/pki2.gif\" alt=\"\" class=\"wp-image-6039\"/><br/><i><a href=\"http://Von Bananenfalter - Eigenes Werk, CC0, https://commons.wikimedia.org/w/index.php?curid=17500027\">Von Bananenfalter - Eigenes Werk, CC0, https://commons.wikimedia.org/w/index.php?curid=17500027</a></i>\n</div>\n</div>\n<p>Der entscheidende Vorteil asymmetrischer Verfahren ist, dass sie das Problem der&nbsp;Schlüsselverteilung&nbsp;vermindern. Bei symmetrischen Verfahren muss vor der Verwendung ein Schlüssel über einen sicheren Kanal ausgetauscht werden. Da der öffentliche Schlüssel nicht geheim ist, braucht bei asymmetrischen Verfahren der Kanal nicht abhörsicher zu sein; wichtig ist nur, dass der öffentliche Schlüssel dem Inhaber des dazugehörigen privaten Schlüssels zweifelsfrei zugeordnet werden kann. Ein weiterer Vorteil ist, dass jeder nur den eigenen privaten Schlüssel geheim halten muss.</p>\n<p>Ein Nachteil ist, dass asymmetrische Systeme im Vergleich zu symmetrischen Systemen langsamer arbeiten. Ausserdem ist ein Zufallsgenerator im Spiel, der keine für Dritte berechenbaren Werte liefern darf.</p>\n<h2>Gruppenchats in  Messengersystemen</h2>\n<p>Mit diesem Vorwissen wird klar, dass es geheime und öffentliche Teile in der Kommunikation gibt. <br>Es stellt sich die Frage inwieweit es überhaupt sinnvoll ist, einen Gruppenchat zu verschlüsseln. Auch wenn es technisch möglich ist, liegen die Grenzen der Verschwiegenheit auch im Verhalten der Gruppenmitglieder. Je größer eine Gruppe, desto öffentlicher wird bzw. ist sie. Eine öffentliche Gruppe mit mehr als 100 Teilnehmern muß nicht wirklich verschlüsselt werden.</p>\n<p>Private Schlüssel sollten die private Umgebung nicht verlassen. Das ist richtig, aber natürlich nicht benutzerfreundlich. Wenn der private Schlüssel verloren geht, kann man keine Nachrichten mehr lesen. Das ist auch so gewollt :)</p>\n<p>Viele Messenger laden aus Bequemlichkeitsgründen die Schlüssel auf zentrale Server. Man hat dann ein Backup der Schlüssel und kann seine Nachrichten von einem zu einem anderen Device transferieren.Wenn private Schlüssel aber auf zentralen Servern gelagert werden, sind sie nicht mehr geheim. Wenn die privaten Schlüssel zusätzlich lokal mit einer Hashfunktion vor dem Upload verschlüsselt werden, so ist das schon besser. Wenn die Hashfunktion allerdings auch die Telefonnummer mit einbezieht ist es mit dem Geheimnis schon wieder so eine Sache.  </p>\n<ul><li><strong>Telegram</strong> verschlüsselt Gruppenchats <strong>überhaupt nicht</strong>. Dadurch ist die Abwicklung für Telegram einfacher und Gruppen mit Hunderttausend Usern stellen kein technisches Problem dar. Ausserdem sind die Chats durchsuchbar, weil die Nachrichten ja im Klartext vorliegen. Alle Nachrichten können auf Telegram Servern gespeichert werden, nehmen also keinen Platz auf dem Telefon ein. Sicher ist das nicht, aber praktisch. Auch Eins-zu-Eins Chats werden in Telegram nur optional verschlüsselt. Wenn sie verschlüsselt sind, sind sie allerdings (im Rahmen der anderen Parameter) \"sicher\". Telegram pendelt stark zwischen Benutzerfreundlichkeit und Sicherheit, meistens zugunsten der Bequemlichkeit.</li><li>In <strong>Signal</strong> erhalten seit Oktober 2020 Gruppenchats einen sogenannten Gruppenschlüssel. Dieser Gruppenschlüssel ist allen Mitgliedern der Gruppe bekannt (symmetrisches Verfahren) und wird lokal gespeichert. Die Daten der Gruppe liegen auf Signal Servern. Es ist also eine Kombination aus symmetrischer und asymmetrischer Verschlüsselung. Das ist natürlich viel besser als bei Telegram, aber die Nachrichten und die Gruppenschlüssel  werden auf zentralen Servern des Anbieters gespeichert - signal.org (<a rel=\"noreferrer noopener\" href=\"https://www.heise.de/security/meldung/WhatsApp-und-Signal-Forscher-beschreiben-Schwaechen-verschluesselter-Gruppenchats-3942046.html\" target=\"_blank\">WhatsApp und Signal: Forscher beschreiben Schwächen verschlüsselter Gruppenchats</a>). Wenn man selbst einen Signal Server betreibt, ist dieses Detail kein Problem. Man kann in diesem Fall aber leider nicht mit dem zentralen Signal Server föderieren, d.h. keine Nachrichten zwischen den Servern tauschen, lebt also auf einer \"Signal Insel\".</li><li>In <strong>iMessage</strong> von Apple, <strong>Skype/Teams</strong> von Microsoft und <strong>WhatsApp</strong> von Facebook sind die Abläufe nicht überprüfbar, weil die Protokolle und der Quellcode proprietär und damit nicht überprüfbar sind. Bei <strong>Threema</strong> ist das ähnlich, <strong>Threema</strong> gibt sich allerdings grösste Mühe bei der Transparenz und hat als \"Underdog\" aus der Schweiz einen grossen Vertrauensvorschuss. </li><li><strong>Conversions</strong> (XMPP), <strong>Delta Chat</strong> (E-Mail) und <strong>Element</strong> (Matrix) sitzen ein wenig zwischen den Stühlen. Je nach Konfiguration sind sie sicherer als alle Anderen, sie föderieren untereinander und sind komplett Free und Open Source Software   </li></ul>\n<p>In diesem Zusammenhang ist diese Aufstellung aus dem Kuketz Blog ganz hilfreich.</p>\n<img src=\"https://media.kuketz.de/blog/messenger-matrix.png\" alt=\"\"/><br/><i><a href=\"https://www.kuketz-blog.de/die-verrueckte-welt-der-messenger-messenger-teil1/\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.kuketz-blog.de/die-verrueckte-welt-der-messenger-messenger-teil1/</a></i>\n<h2>Interoperabilität in der Matrix</h2>\n<p>Wer schon mal im Ausland mit der Bahn gefahren ist, kennt vielleicht das Problem unterschiedlicher Spurweiten. Man muss in einen anderen Zug steigen um weiterfahren zu können. Wer schon mal versucht hat, einen europäischen Stecker in aussereuropäische Steckdosen zu stecken, kennt das Problem ebenfalls. </p>\n<p>Wer heute versucht eine Nachricht von Skype zu Signal zu schicken wird scheitern. Eine E-Mail dagegen lässt sich problemlos von einem beliebigen E-Mail Server an einen anderen beliebigen E-Mail Server schicken. </p>\n<blockquote class=\"wp-block-quote\"><p>Als Interoperabilität bezeichnet man die Fähigkeit zum Zusammenspiel verschiedener&nbsp;Systeme,&nbsp;Techniken&nbsp;oder&nbsp;Organisationen. Dazu ist in der Regel die Einhaltung gemeinsamer technischer Normen notwendig. Wenn zwei Systeme miteinander vereinbar sind, nennt man sie auch interoperabel.</p><cite><a href=\"https://de.wikipedia.org/wiki/Interoperabilität\" target=\"_blank\" rel=\"noreferrer noopener\">https://de.wikipedia.org/wiki/Interoperabilität</a></cite>\n</blockquote>\n<h3>Warum ist Interoperabilität wichtig? </h3>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><p><strong>Interoperabilität kann verhindern, dass durch&nbsp;Patente,&nbsp;Geschäftsgeheimnisse&nbsp;oder Fehler in der Koordination&nbsp;Monopolstellungen&nbsp;erreicht oder ausgebaut werden. </strong><br>Genau das passiert gerade bei WhatsApp. Facebook hat ein De-Facto Monopol geschaffen.</p>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-15.51.25-1024x992.png\" alt=\"\" class=\"wp-image-6042\"/><br/><i><a href=\"https://matrix.org/bridges/\" target=\"_blank\" rel=\"noreferrer noopener\">https://matrix.org/bridges/</a></i>\n</div>\n</div>\n<p>Das Matrix Protokoll ist dagegen interoperabel angelegt. Es gibt bereits Brücken zu fast allen relevanten Messenger Systemen. Man kann dann von einem Client wie Element eine Nachricht beispielsweise an Slack schicken und von Slack aus eine Nachricht an Element. </p>\n<h2>Protokoll vs. Implementierung</h2>\n<p>Während bei den freien Systemen zwischen Protokoll <em>(Matrix, XMPP, Signal)</em> und Implementierung <em>(Element, Conversions, Signal)</em> unterschieden wird, fällt diese Unterscheidung bei proprietären Systemen meist weg. Im günstigsten Fall bieten die proprietären Systeme eine API an, um von aussen in das System Daten/Nachrichten einspeisen zu können. Wie diese Daten verarbeitet werden, bleibt allerdings unklar. Auch bei Implementierungen freier Protokolle muss genau hingeschaut werden ob das Ergebnis immer noch den Vorgaben des Protokolls entspricht. Hinter der Element App steht beispielsweise eine Firma, die natürlich Geld verdienen will (und muss) und deren Finanzierungsquellen in der Vergangenheit teilweise unklar war. <br>Es gibt bisher leider keine Zulassungsrichtlinien für Messenger und daher sollte man prinzipiell vorsichtig sein.</p>\n<h2>Überprüfung der TeilnehmerInnen untereinander - Verifikation</h2>\n<p>Wenn man sich persönlich trifft, weiss man, mit wem man es zu tun hat. Online wird das schwieriger. Wie kann man überprüfen, ob derjenige, mit dem man chattet auch derjenige ist?</p>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><p>Signal löst das Erkennungsproblem über eine Sicherheitsnummer. Die Sicherheitsnummer wird bei beiden Teilnehmern angezeigt und kann verglichen werden. Sie muss übereinstimmen.</p>\n<p>In der Benutzeroberfläche des Signal Clients wird allerdings kein sichtbarer Unterschied zwischen verifizierten und nicht verifizierten Benutzern gemacht, so dass die Motivation Nutzer zu verifizieren relativ niedrig ist. </p>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-16.16.35.png\" alt=\"\" class=\"wp-image-6043\"/><br/><i>Überprüfung der Sicherheitsnummer in Signal</i>\n</div>\n</div>\n<p>Die Verifizierung spielt bei Element/Matrix eine erheblich grössere Rolle. Vor dem Benutzernamen wird entweder ein grüner Haken angezeigt oder ein dunkles Feld. Natürlich möchte man den grünen Haken haben :) </p>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-16.24.17.png\" alt=\"\" class=\"wp-image-6044\"/><br/><i>NICHT verifizierter Kontakt</i>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-23-at-16.24.06.png\" alt=\"\" class=\"wp-image-6045\"/><br/><i>verifizierter Kontakt</i>\n</div>\n</div>\n<p>Die Überprüfung in Element erfolgt über eine Anfrage im Eins zu Eins Chat. Der Andere muss die Anfrage annehmen. Dann erscheint ein QR Code oder eine Liste von Icons in einer bestimmten Reihenfolge. Wenn man nebeneinander steht, kann man nun den QR-Code einlesen und der Kontakt gilt als verifiziert oder man vergleicht die Reihenfolge der Icons. Wenn man nicht persönlich beisammen ist, lässt sich das auch über eine Webcam oder das Senden des Screenshots über einen anderen sicheren Kanal (geheimer/verschlüsselter Telegram Chat, WhatsApp, Signal) erledigen.  </p>\n<h2>Entscheidung der Gruppe </h2>\n<p>Aus all diesen Gründen, und vermutlich noch vielen anderen mehr, die ich gar nicht kenne, hat sich unsere Gruppe letztlich für das Matrix-Protokoll entschieden. Wir benutzen zunächst die Element App und den zentralen matrix.org Server. Das ist vom Sicherheitsaspekt her nicht der Goldstandard, aber es ist benutzerfreundlich und für uns sicher genug. Wir unterstützen damit auch keine Monopolbildung und der Chat ist werbefrei.Wir müssen keine Telefonnummer bei der Registrierung angeben und haben dank der persönlichen Verifizierung nun auch einen Grund für ein persönliches Treffen irgendwo und irgendwann :).</p>\n<p>Vielleicht setzen wir in der Zukunft einen eigenen Server auf, der dann mit anderen Systemen Nachrichten austauschen kann.   </p>\n<h2>Fazit</h2>\n<p>Es klingt natürlich nun sehr lehrbuchhaft aber wir haben in diesem Gruppenprozess tatsächlich erfahren, wie komplex die Kommunikationssituation ist und eine individuelle, benutzerfreundliche Lösung für uns gefunden. Der Verschlüsselung von Gruppenchats sind - derzeit zumindest - technische als auch interessengeleitete Grenzen gesetzt.</p>\n<p>Wir haben alle etwas dabei gelernt und wer weiss, wo uns das hinführt :)</p>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Eine Gruppe ist viel mehr als ein Chat! </p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/25/gruppenchats-anschaulich-erklaert-virtualapero-in-der-matrix/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2021/01/pexels-photo-1000445.jpeg\"],\"tags\":[\"element\",\"matrix\",\"virtualapero\"],\"canonical_url\":\"https://blog.novatrend.ch/2021/01/25/gruppenchats-anschaulich-erklaert-virtualapero-in-der-matrix/\"}",
      "parent_author": "",
      "parent_permlink": "element",
      "permlink": "gruppenchatsanschaulicherklrtvirtualaperoindermatrix-kutlycklc9g466sy2yt5",
      "title": "Gruppenchats anschaulich erklärt. #VirtualApero in der #Matrix"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-25T07:51:15",
  "trx_id": "b0f6e3371f106f7d241bb478368762704977af7a",
  "trx_in_block": 1,
  "virtual_op": false
}
2021/01/25 07:30:09
authorhagengraf
permlinkwhatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k
Transaction InfoBlock #50742555/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 50742555,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "whatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2021-01-25T07:30:09",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2021/01/23 10:27:15
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/04/meet_novatrend_ch-1.jpg</center> <br/><p>Seit einer Woche bieten wir dir unter der URL <a rel="noreferrer noopener" href="https://meet.novatrend.ch" target="_blank">meet.novatrend.ch</a> eine kostenlose Möglichkeit, Videokonferenzen durchzuführen. Wir nutzen die Open Source Software <a href="https://jitsi.org/jitsi-meet/">Jitsi Meet</a>. Mit <strong>Jitsi Meet</strong> lassen sichVideokonferenzen mit mehreren Teilnehmern durchführen. Für die Teilnahme an einer Videokonferenz benötigst du nur einen modernern Webbrowser oder eine Smartphone App. Wir achten deine&nbsp;Privatsphäre und versuchen eine gute Performance zu bieten. Was in einer Videokonferenz besprochen wird, bleibt privat.</p> <h2>meet.novatrend.ch nutzen</h2> <p>Die Nutzung von Jitsi Meet ist einfach, ein Benutzerkonto wird nicht benötigt.</p> <h3>Einstellungen</h3> <p>Auf der Startseite von meet.novatrend.ch ist oben rechts ein kleines Zahnrad. Dort befinden sich die Einstellungsmöglichkeiten. Bei mir wird beispielsweise die Startseite auf Englisch angezeigt, weil mein Browser als Standard-Einstellung Englisch hat. Unter dem Tab „More/Mehr“ lässt sich die Sprache umstellen. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/01-Sprache.gif" alt="" class="wp-image-5108"/><br/><i>Spracheinstellungen in Jitsi</i> <p>Ganz wichtig ist die Erlaubnis Mikrofon und Kamera nutzen zu dürfen. Auf dem Desktop wird das normalerweise im Browser abgefragt. Auf dem Telefon kann es in den Einstellungen pro App festgelegt werden. Auf iPads funktioniert die offizielle Jitsi App sehr gut. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/02-Kamera.jpg" alt="" class="wp-image-5109"/><br/><i>Kamera und Mikrofon müssen freigegeben werden</i> <h3>Raum anlegen und nutzen</h3> <p>Es lassen sich beliebig viel Räume anlegen. Wer den Namen des Raums weiss, kann an einem Meeting teilnehmen. Wenn ich beispielsweise den Raum „seafolly“ eröffne, so kann jeder diesen Raum betreten. Um das „Einladen“ zu erleichtern, kannst du Links verschicken im Format <em>https://meet.novatrend.ch/[Raumname]</em>. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/03-Raum.gif" alt="" class="wp-image-5111"/><br/><i>Raum anlegen ... und los!</i> <p>Die Bedienung von Jitsi Meet ist ähnlich, wie bei den meisten Messengern und Konferenzsystemen. Du kannst ein Handzeichen geben, wenn du etwas sagen möchtest, du kannst deinen ganzen Bildschirm oder nur ein Fenster mit anderen Teilnehmern teilen. Über ein Chatfenster kannst du Textnachrichten verschicken. </p> <p>Je nach Browser, verwendeter App und Betriebssystem sieht die Oberfläche von Jitsi etwas anders aus, du wirst dich aber schnell zurechtfinden.</p> <p><strong>Wir haben die Erfahrung gemacht, dass Jitsi am Besten im Chrome Browser und in den offiziellen Jitsi Apps für Android und iOS funktioniert.</strong></p> <p>Jitsi wird seit 2003 entwickelt und startete an der Universität in Strassbourg, Frankreich. Heute ist es eine stabile Konferenzlösung, die in immer mehr Produkten genutzt wird. </p> <div class="wp-block-embed__wrapper"> https://youtu.be/reRsL9tIZnU </div><figcaption>Kurze Einführung in Jitsi (EN) </figcaption> <p>Jitsi Meet lässt sich auch in das soziale Intranet HumHub integrieren (<em>Siehe <a href="https://blog.novatrend.ch/2020/04/06/humhub-open-source-social-media-fuer-firmen-und-andere-gruppen/">HumHub – Das soziale Intranet für Firmen und andere Gruppen</a></em>).</p> <h2>Fazit</h2> <p>Arbeit im Home Office besteht nicht nur aus Videokonferenzen. Sehr viel lässt sich über E-Mail und Chat erledigen. Wenn es aber notwendig ist, sich in einer Gruppe oder einem Team zusammen zu setzen, ist Jitsi wirklich nützlich. Die Daten sind verschlüsselt, es ist 100% Open Source Software. Unsere Server stehen in der Schweiz in einem für Banken zertifizierten Rechenzentrum.</p> <p><em><strong>Eine grosse Bitte:</strong> Da wir keinerlei Logs haben, wissen wir auch nicht, wer unseren Server nutzt. Wir können nur anhand der Auslastung der Maschine feststellen ob sie benutzt wird. Wenn du unseren Server nutzt oder genutzt hast, würden wir uns über ein Feedback freuen, beispielsweise über Twitter oder andere Kanäle.</em></p> <div class="wp-block-embed__wrapper"> https://twitter.com/hallohomepage/status/1246832875418324992?s=20 </div> <div class="wp-block-embed__wrapper"> https://twitter.com/kels_ortrand/status/1249635799198564353?s=21 </div> <h2>Links</h2> <ul><li><a rel="noreferrer noopener" href="https://meet.novatrend.ch" target="_blank">meet.novatrend.ch</a></li><li>App (<a rel="noreferrer noopener" href="https://play.google.com/store/apps/details?id=org.jitsi.meet" target="_blank">Android</a>, <a rel="noreferrer noopener" href="https://apps.apple.com/de/app/jitsi-meet/id1165103905?l=en" target="_blank">iOS</a>, <a href="https://f-droid.org/en/packages/org.jitsi.meet/" target="_blank" rel="noreferrer noopener">F-Droid</a>) </li></ul> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Unter <a rel="noreferrer noopener" href="https://meet.novatrend.ch" target="_blank">meet.novatrend.ch</a> kannst du einfach und sicher Videokonferenzen abhalten </p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/04/meet_novatrend_ch-1.jpg"],"tags":["homeoffice","jitsi","remotework","webkonferenzen"],"canonical_url":"https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/"}
parent author
parent permlinkhomeoffice
permlinkvideokonferenzenaufmeetnovatrendch-h6smt9hp0v
titleVideokonferenzen auf meet.novatrend.ch
Transaction InfoBlock #50688603/Trx 1ecc2b54e61d43330fe30cb7409a55cf324b37e4
View Raw JSON Data
{
  "block": 50688603,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/04/meet_novatrend_ch-1.jpg</center> <br/><p>Seit einer Woche bieten wir dir unter der URL <a rel=\"noreferrer noopener\" href=\"https://meet.novatrend.ch\" target=\"_blank\">meet.novatrend.ch</a> eine kostenlose Möglichkeit, Videokonferenzen durchzuführen. Wir nutzen die Open Source Software <a href=\"https://jitsi.org/jitsi-meet/\">Jitsi Meet</a>. Mit <strong>Jitsi Meet</strong> lassen sichVideokonferenzen mit mehreren Teilnehmern durchführen. Für die Teilnahme an einer Videokonferenz benötigst du nur einen modernern Webbrowser oder eine Smartphone App. Wir achten deine&nbsp;Privatsphäre und versuchen eine gute Performance zu bieten. Was in einer Videokonferenz besprochen wird, bleibt privat.</p>\n\n<h2>meet.novatrend.ch nutzen</h2>\n<p>Die Nutzung von Jitsi Meet ist einfach, ein Benutzerkonto wird nicht benötigt.</p>\n<h3>Einstellungen</h3>\n<p>Auf der Startseite von meet.novatrend.ch ist oben rechts ein kleines Zahnrad. Dort befinden sich die Einstellungsmöglichkeiten. Bei mir wird beispielsweise die Startseite auf Englisch angezeigt, weil mein Browser als Standard-Einstellung Englisch hat. Unter dem Tab „More/Mehr“ lässt sich die Sprache umstellen. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/01-Sprache.gif\" alt=\"\" class=\"wp-image-5108\"/><br/><i>Spracheinstellungen in Jitsi</i>\n<p>Ganz wichtig ist die Erlaubnis Mikrofon und Kamera nutzen zu dürfen. Auf dem Desktop wird das normalerweise im Browser abgefragt. Auf dem Telefon kann es in den Einstellungen pro App festgelegt werden. Auf iPads funktioniert die offizielle Jitsi App sehr gut. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/02-Kamera.jpg\" alt=\"\" class=\"wp-image-5109\"/><br/><i>Kamera und Mikrofon müssen freigegeben werden</i>\n<h3>Raum anlegen und nutzen</h3>\n<p>Es lassen sich beliebig viel Räume anlegen. Wer den Namen des Raums weiss, kann an einem Meeting teilnehmen. Wenn ich beispielsweise den Raum „seafolly“ eröffne, so kann jeder diesen Raum betreten. Um das „Einladen“ zu erleichtern, kannst du Links verschicken im Format <em>https://meet.novatrend.ch/[Raumname]</em>. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/03-Raum.gif\" alt=\"\" class=\"wp-image-5111\"/><br/><i>Raum anlegen ... und los!</i>\n<p>Die Bedienung von Jitsi Meet ist ähnlich, wie bei den meisten Messengern und Konferenzsystemen. Du kannst ein Handzeichen geben, wenn du etwas sagen möchtest, du kannst deinen ganzen Bildschirm oder nur ein Fenster mit anderen Teilnehmern teilen. Über ein Chatfenster kannst du Textnachrichten verschicken. </p>\n<p>Je nach Browser, verwendeter App und Betriebssystem sieht die Oberfläche von Jitsi etwas anders aus, du wirst dich aber schnell zurechtfinden.</p>\n<p><strong>Wir haben die Erfahrung gemacht, dass Jitsi am Besten im Chrome Browser und in den offiziellen Jitsi Apps für Android und iOS funktioniert.</strong></p>\n<p>Jitsi wird seit 2003 entwickelt und startete an der Universität in Strassbourg, Frankreich. Heute ist es eine stabile Konferenzlösung, die in immer mehr Produkten genutzt wird.  </p>\n<div class=\"wp-block-embed__wrapper\">\nhttps://youtu.be/reRsL9tIZnU\n</div><figcaption>Kurze Einführung in Jitsi (EN) </figcaption>\n<p>Jitsi Meet lässt sich auch in das soziale Intranet HumHub integrieren (<em>Siehe <a href=\"https://blog.novatrend.ch/2020/04/06/humhub-open-source-social-media-fuer-firmen-und-andere-gruppen/\">HumHub – Das soziale Intranet für Firmen und andere Gruppen</a></em>).</p>\n<h2>Fazit</h2>\n<p>Arbeit im Home Office besteht nicht nur aus Videokonferenzen. Sehr viel lässt sich über E-Mail und Chat erledigen. Wenn es aber notwendig ist, sich in einer Gruppe oder einem Team zusammen zu setzen, ist Jitsi wirklich nützlich. Die Daten sind verschlüsselt, es ist 100% Open Source Software. Unsere Server stehen in der Schweiz in einem für Banken zertifizierten Rechenzentrum.</p>\n<p><em><strong>Eine grosse Bitte:</strong> Da wir keinerlei Logs haben, wissen wir auch nicht, wer unseren Server nutzt. Wir können nur anhand der Auslastung der Maschine feststellen ob sie benutzt wird. Wenn du unseren Server nutzt oder genutzt hast, würden wir uns über ein Feedback freuen, beispielsweise über Twitter oder andere Kanäle.</em></p>\n<div class=\"wp-block-embed__wrapper\">\nhttps://twitter.com/hallohomepage/status/1246832875418324992?s=20\n</div>\n<div class=\"wp-block-embed__wrapper\">\nhttps://twitter.com/kels_ortrand/status/1249635799198564353?s=21\n</div>\n<h2>Links</h2>\n<ul><li><a rel=\"noreferrer noopener\" href=\"https://meet.novatrend.ch\" target=\"_blank\">meet.novatrend.ch</a></li><li>App (<a rel=\"noreferrer noopener\" href=\"https://play.google.com/store/apps/details?id=org.jitsi.meet\" target=\"_blank\">Android</a>, <a rel=\"noreferrer noopener\" href=\"https://apps.apple.com/de/app/jitsi-meet/id1165103905?l=en\" target=\"_blank\">iOS</a>, <a href=\"https://f-droid.org/en/packages/org.jitsi.meet/\" target=\"_blank\" rel=\"noreferrer noopener\">F-Droid</a>) </li></ul>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Unter <a rel=\"noreferrer noopener\" href=\"https://meet.novatrend.ch\" target=\"_blank\">meet.novatrend.ch</a> kannst du einfach und sicher Videokonferenzen abhalten </p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/04/meet_novatrend_ch-1.jpg\"],\"tags\":[\"homeoffice\",\"jitsi\",\"remotework\",\"webkonferenzen\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/\"}",
      "parent_author": "",
      "parent_permlink": "homeoffice",
      "permlink": "videokonferenzenaufmeetnovatrendch-h6smt9hp0v",
      "title": "Videokonferenzen auf meet.novatrend.ch"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-23T10:27:15",
  "trx_id": "1ecc2b54e61d43330fe30cb7409a55cf324b37e4",
  "trx_in_block": 10,
  "virtual_op": false
}
2021/01/19 09:04:09
authorhivebuzz
bodyCongratulations @hagengraf! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) : <table><tr><td><img src="https://images.hive.blog/60x70/http://hivebuzz.me/@hagengraf/payout.png?202101182149"></td><td>You received more than 50 as payout for your posts. Your next target is to reach a total payout of 100</td></tr> </table> <sub>_You can view your badges on [your board](https://hivebuzz.me/@hagengraf) and compare yourself to others in the [Ranking](https://hivebuzz.me/ranking)_</sub> <sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>
json metadata{"image":["http://hivebuzz.me/notify.t6.png"]}
parent authorhagengraf
parent permlinkwhatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k
permlinkhivebuzz-notify-hagengraf-20210119t090408000z
title
Transaction InfoBlock #50572079/Trx c2321dbc8ce83217cd73ab436e41554ef73dd8d9
View Raw JSON Data
{
  "block": 50572079,
  "op": [
    "comment",
    {
      "author": "hivebuzz",
      "body": "Congratulations @hagengraf! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :\n\n<table><tr><td><img src=\"https://images.hive.blog/60x70/http://hivebuzz.me/@hagengraf/payout.png?202101182149\"></td><td>You received more than 50 as payout for your posts. Your next target is to reach a total payout of 100</td></tr>\n</table>\n\n<sub>_You can view your badges on [your board](https://hivebuzz.me/@hagengraf) and compare yourself to others in the [Ranking](https://hivebuzz.me/ranking)_</sub>\n<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>\n\n",
      "json_metadata": "{\"image\":[\"http://hivebuzz.me/notify.t6.png\"]}",
      "parent_author": "hagengraf",
      "parent_permlink": "whatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k",
      "permlink": "hivebuzz-notify-hagengraf-20210119t090408000z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-19T09:04:09",
  "trx_id": "c2321dbc8ce83217cd73ab436e41554ef73dd8d9",
  "trx_in_block": 40,
  "virtual_op": false
}
2021/01/18 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkwhatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #50541581/Trx f2385f87654099953ec257f23b486e9f250588c2
View Raw JSON Data
{
  "block": 50541581,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "whatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-18T07:36:03",
  "trx_id": "f2385f87654099953ec257f23b486e9f250588c2",
  "trx_in_block": 22,
  "virtual_op": true
}
2021/01/18 07:36:03
authorhagengraf
permlinkwhatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #50541581/Trx f2385f87654099953ec257f23b486e9f250588c2
View Raw JSON Data
{
  "block": 50541581,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "whatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-18T07:36:03",
  "trx_id": "f2385f87654099953ec257f23b486e9f250588c2",
  "trx_in_block": 22,
  "virtual_op": false
}
2021/01/18 07:30:12
authorhagengraf
permlinkeinleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8
Transaction InfoBlock #50541464/Virtual Operation 4294967295:3
View Raw JSON Data
{
  "block": 50541464,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "einleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8"
    }
  ],
  "op_in_trx": 3,
  "timestamp": "2021-01-18T07:30:12",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2021/01/18 07:30:12
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkwhatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k
Transaction InfoBlock #50541464/Trx 8ec80b7bbe839dc8218a4bf2018fe76b84e2f607
View Raw JSON Data
{
  "block": 50541464,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "whatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-18T07:30:12",
  "trx_id": "8ec80b7bbe839dc8218a4bf2018fe76b84e2f607",
  "trx_in_block": 4,
  "virtual_op": false
}
2021/01/18 07:30:12
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.14.png</center> <br/><p>Vermutlich befindet sich auf deinem Smartphone mindestens eine Messenger App. Wenn du berufliche Kontakte, Kinder, Verwandte und Bekannte per Messenger erreichen willst, sammeln sich schnell auch mehrere Messenger Apps auf deinem Smartphone an. Ausser der Tatsache, dass die Nutzung unterschiedlicher Apps oft unpraktisch und speicherintensiv ist, gibt es auch technische und emotionale Unterschiede bei den Messenger Apps. <br>So ganz grob lassen sich Messenger Systeme einteilen in diejenigen,</p> <ul><li>die auf irgendeine Art und Weise an deiner Kommunikation mit anderen Personen Geld verdienen wollen <em>(WhatsApp, Facebook Messenger, Instagram, SnapChat, Microsoft Skype/Teams, TikTok)</em>, </li><li>die am Verkauf der App oder der zugrunde liegenden Hardware Geld verdienen <em>(Threema, Apple iMessage/FaceTime)</em>,</li><li>die sich in Stiftungen organisieren und eine „Mission“ verfolgen <em>(Signal, Matrix)</em></li><li>die jemandem gehören, der sich den Betrieb des Messengers “leisten“ kann, wie beispielsweise der Milliardär Pavel Durov <em>(Telegram).</em></li><li>die primär gar kein Messenger sind, sondern eine Idee, ein Protokoll, ein Satz von Regeln <em>(Matrix, XMPP, alle Blockchain-basierten Messenger wie beispielsweise Status und natürlich auch E-Mail)</em></li><li>die gar kein Internet-Protokoll benutzen sondern andere Übertragungswege <em>(LoRa Messenger)</em></li></ul> <p>Eine andere sehr wichtige Unterteilung ist die Unterscheidung in Systeme, die <em>Ende-zu-Ende verschlüsselt (E2E</em>) sind und die Anderen, die das eben nicht sind. Ein Chat, der E2E verschlüsselt ist, kann nicht abgehört werden. Jeder Staat dieser Welt und viele andere Akteure sind daran interessiert, Ende-zu-Ende verschlüsselte Systeme zu vermeiden um bei Bedarf Kommunikation abhören zu können. Das hört sich geheimnisvoll an, ist aber ein ganz normales Feature im Geschäftsumfeld. Viele geschäftliche Chats müssen aus unterschiedlichen Gründen aufgezeichnet werden. </p> <p>Wenn der eigentliche Chatinhalt durch die Verschlüsselung verborgen bleibt, sind die Meta-Daten mindestens genauso wichtig <em>(wer spricht wann und von wo mit wem)</em>. Wenn jemand weiss, mit wem ich spreche, wo ich mich dabei befinde und wann ich das tue, so benötigt diese Person unter Umständen den Inhalt meiner gesendeten Nachrichten gar nicht mehr um Schlüsse aus meinem Verhalten zu ziehen.</p> <p>Die Begehrlichkeiten sind nicht neu. Es gibt beispielsweise immer noch ein <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Postgeheimnis" target="_blank">Postgeheimnis</a>. Wenn ich einen Brief geschrieben habe, so darf den niemand auf dem Transportweg lesen (also nur ich und der Empfänger). Wenn ich eine Postkarte verschicke, so kann die jeder lesen, der sie in die Hand bekommt. Die Postkarte ist also das Äquivalent eines Messengers ohne E2E Verschlüsselung <em>(Telegram Gruppenchat, unverschlüsselte E-Mail)</em>. Der Brief wäre das Äquivalent eines Messengers mit E2E Verschlüsselung <em>(WhatsApp, Signal, Matrix, geheime Telegramm Chats)</em>.</p> <p>Nun war es um das Postgeheimnis niemals gut bestellt und es gab immer Ausnahmen, die regelten, wann ein Brief von Dritten geöffnet und gelesen werden durfte und wann ein Telefongespräch abgehört werden durfte. Jetzt gibt es aber ein grosses Problem bei "echter/guter/effektiver/harter" Verschlüsselung. Es gibt keine Ausnahmen! Entweder ein Vorgang ist verschlüsselt und dann nur von Berechtigten lesbar oder eben nicht. Das ist das "Neue" an dieser Art der Kommunikation. Und weil das so ist, gibt es von allen Seiten Bemühungen Verschlüsselungstechniken im Bedarfsfall auszuhebeln. </p> <p>Das kann bei einem privaten Unternehmen sein, welches die Kommunikationsdaten gern zum Zwecke der Gewinnmaximierung nutzen möchte. Es betrifft vor allem Unternehmen deren Geschäftsprinzip mehrheitlich darauf beruht, Daten auszuwerten, wie Facebook und Google aber natürlich auch "ganz normale" Unternehmen wie Microsoft, Oracle, Apple, SAP, Tesla, BMW, Volkswagen und jedes andere Unternehmen, welches diese Daten benutzen möchte. Das betrifft natürlich auch jede Regierung, denn je mehr eine Regierung über ihre BürgerInnen weiss, desto besser kann sie, zumindest theoretisch, regieren. </p> <p>Das Thema ist umstritten und wird seit langer Zeit hoch emotional diskutiert (<a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Geschichte_der_Kryptographie" target="_blank">Geschichte der Kryptographie</a>)</p> <div class="wp-block-group"><div class="wp-block-group__inner-container"><h3>Das „nichts zu verbergen“ Argument</h3> <p>Wer bisher in WhatsApp lustige Videos und Gif-Bildchen verschickt hat, könnte nun mit der Killerphrase kommen</p> <blockquote class="wp-block-quote"><p>Ich habe doch nichts zu verbergen!</p> </blockquote> <p>Um diesem Satz angemessen begegnen zu können, gibt es mittlerweile zum Glück bereits einen Wikipedia Artikel der das Argument näher beleuchtet - <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Nichts-zu-verbergen-Argument?wprov=sfti1" target="_blank">https://de.wikipedia.org/wiki/Nichts-zu-verbergen-Argument</a> </p> <h2>Welchen Messenger nehmen?</h2> </div></div> <p>Bei allen Messengern, die nicht vollständig auf offenen Protokollen und offener Software basieren, ist es technisch <strong>nicht überprüfbar</strong> ob die Versprechungen der Hersteller bzgl. der <em>Ende zu Ende Verschlüsselung</em> eingehalten werden. Wenn man diesen Punkt ernst nimmt, bleiben tatsächlich nur einige wenige Projekte über, wie Matrix, XMPP und IRC. XMPP und IRC sind als Protokoll schon ein wenig älter. Beide Protokolle sind in der Vergangenheit auf viele technische und politische Herausforderungen getroffen, die bis heute nicht gelöst sind. Das neuere Matrix Protokoll ist angetreten um genau diese Herausforderungen zu meistern. </p> <p>Es versucht ein dezentrales Modell wie beim E-Mail Versand zu etablieren. Wenn du eine E-Mail Adresse hast, so kannst an jede andere E-Mail Adresse eine Nachricht schreiben. Und wenn ein E-Mail Server mal ausfällt, dann ist das nicht schlimm, weil es so viele andere gibt. Stell dir vor du hast eine Messenger Adresse und du könntest eine Nachricht an jede andere Messenger Adresse schicken (Von Signal zu WhatsApp, von Skype zu Telegramm, etc). Das wäre doch schön - oder?</p> <p>Matrix erweitert das E-Mail Konzept um zuverlässige Verschlüsselung, die sich bei E-Mails aus vielerlei Gründen nicht durchgesetzt hat. </p> <p>Und weil dieses offene, dezentrale und verschlüsselte Konzept so überzeugend ist, soll es heute darum gehen, wie du in die Matrix kommst :)</p> <h2>matrix.org</h2> <p>Die gute Nachricht gleich zu Anfang. Die Matrix ist mittlerweile benutzerfreundlich. Wer ein WhatsApp Konto anlegen kann, schafft es auch mittels Matrix zu kommunizieren!</p> <blockquote class="wp-block-quote"><p>Die Entwicklung von Matrix wird von Matrix.org angeleitet, einer gemeinnützigen Initiative aus Großbritannien. Sie will aus Matrix einen offenen Standard für dezentralisierte, persistente und interoperable Kommunikation über das Internet machen.</p><cite><a href="https://de.wikipedia.org/wiki/Matrix_(Kommunikationsprotokoll)" target="_blank" rel="noreferrer noopener">https://de.wikipedia.org/wiki/Matrix_(Kommunikationsprotokoll)</a></cite> </blockquote> <ul><li>Die französische Regierung beschloss im Frühjahr 2018&nbsp;die Entwicklung von Matrix zu unterstützen und kommuniziert seit 2019 mit diesem Protokoll <em>(<a rel="noreferrer noopener" href="https://www.golem.de/news/statt-whatsapp-frankreich-wandert-in-die-matrix-1902-139167.html" target="_blank">Frankreich wandert in die Matrix</a>)</em>.</li><li>Die Bundeswehr kündigte im Mai, 2020 an, komplett auf Matrix zu wechseln - auch für Verschlusssachen! <em>(<a rel="noreferrer noopener" href="https://www.golem.de/news/messenger-bundeswehr-will-komplett-auf-matrix-chat-wechseln-2005-148407.html" target="_blank">Bundeswehr will komplett auf Matrix-Chat wechseln</a>)</em></li></ul> <p>Nun sind gerade diese beiden Beispiele interessant, denn bei beiden werden tatsächlich geheime Nachrichten (<a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Verschlusssache" target="_blank">Verschlusssachen</a>) verschickt. Wohlgemerkt nutzen beide das Matrix-Protokoll, erstellen aber ihre eigene Implementierung, also einen eigenen Server und einen eigenen Client. Das heisst, die französische Regierung und die deutsche Bundeswehr nutzen zwar das Matrix Protokoll, sind aber "von ausserhalb", also von mir und dir, nicht kontaktierbar. </p> <p>Wir bei Novatrend machen es genau so. Wir nutzen intern einen Matrix Server für alle MitarbeiterInnen. Der Server kommuniziert nicht mit anderen Servern und es gibt keine öffentliche User Registrierung. Auf diese Weise haben wir einen sicheren, internen Chat. </p> <h3>Bestandteile der Matrix</h3> <p>Um nun als "Normalo" über das Matrix Protokoll kommunizieren zu können, benötigst du natürlich auch einen Server und einen Client. Also eine App auf deinem Smartphone, einen Server, auf dem die Nachrichten gespeichert, bzw. synchronisiert werden und ein sogenanntes Identitätsmanagement, das ebenfalls auf einem Server ausgelagert ist. Wichtig ist auch die Bibliothek, die die Verschlüsselungalgorithmen enthält, Schnittstellen zu Programmiersprachen und vieles andere mehr. Eine Übersicht über die zur Verfügung stehenden Tools findest du in der Matrix Dokumentation unter <a href="https://matrix.org/docs/projects/try-matrix-now/">https://matrix.org/docs/projects/try-matrix-now/</a>. </p> <p>Um anzufangen benötigt du zunächst einen Client.</p> <p>Momentan implementiert der <a rel="noreferrer noopener" href="https://element.io" target="_blank">Element</a> Client das Matrix Protokoll am besten. Hinter dem Element Client steht die Firma Element/New Vector/Vector IM. Vektor IM wurde vor ein paar Monaten umbenannt, der Client hiess damals Riot. </p> <blockquote class="wp-block-quote"><p>Where you read&nbsp;<em>Element</em>,&nbsp;<em>we</em>&nbsp;or&nbsp;<em>us</em>&nbsp;below, it refers to New Vector Ltd., and its French subsidiary: New Vector SARL and their agents. Element is trading name of New Vector.</p><p>When you read 'the homeserver' or 'the Service' below, it refers to the services made available at&nbsp;<em>Element Matrix Services (EMS)</em>.</p><p><strong>If the terms of this copyright notice are not acceptable, please use a Matrix server provided by someone else!</strong></p><cite><a href="https://element.io/copyright" target="_blank" rel="noreferrer noopener">https://element.io/copyright</a></cite> </blockquote> <p>Element nutzt das freie Matrix Protokoll und bietet die App kostenlos an. Die App ist Open Source Software und auf Github verfügbar (<a href="https://github.com/vector-im">https://github.com/vector-im</a>). Neue Entwickler sind immer willkommen. </p> <p>Das Geschäftsmodell von "Element" besteht darin, Messaging Hosting und Services zu verkaufen. Wer also gern seinen eigenen Matrix Server betreiben will, kann ihn selbst hosten, beispielsweise bei Novatrend, oder eben bei Element.</p> <p>Für alle, die keinen eigenen Server wollen, bietet die Matrix Stiftung den matrix.org Server an. Die kostenlose und einfachste Variante umfasst also einen freien Client und einen freien Server.</p> <h3>Schritt 1. Client installieren</h3> <p>Wie bereits erwähnt, gibt es nicht “den“ Matrix Client sondern viele. Für den Erstkontakt mit Matrix ist allerdings Element wirklich zu empfehlen, da es der momentan am besten entwickelte Client ist. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/01-matrix-clients.gif" alt="" class="wp-image-6010"/><br/><i>Übersicht: <a href="https://matrix.org/docs/projects/try-matrix-now/" target="_blank" rel="noreferrer noopener">https://matrix.org/docs/projects/try-matrix-now/</a></i> <h3>Schritt 2 : Benutzerkonto registrieren </h3> <p>Wenn man nicht gerade Verschlusssachen verschicken will und deshalb eine komplett eigene Infrastuktur wie die französische Regierung oder die deutsche Bundeswehr betreibt, dann kann man die Element App herunterladen, sich einen Benutzer auf dem matrix.org Server anlegen und zack - ist man in der Matrix! </p> <p>Der Vorgang ist weitgehend selbsterklärend. Man benötigt übrigens keine Telefonnumer! Von daher ist Matrix auch interessant für Minderjährige ohne SIM Card und Personen, die ihre Telefonnummer nicht angeben wollen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.33.15-1024x454.png" alt="" class="wp-image-6020"/><br/><i>Anmeldung in der Browser App - Server ist änderbar </i> <p>Das die Verschlüsselung ernst genommen wird, sieht man daran, dass der Client nach dem Anmelden eine Überprüfung verlangt.</p> <p>Man sollte also zunächst im Browser ein Konto registrieren und dann auf dem Smartphone die App installieren und danach die beiden synchronisieren. In umgekehrter Reihenfolge geht es natürlich auch. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.34.54-1024x644.png" alt="" class="wp-image-6021"/> <p>Die Überprüfung kann mit einem Barcode, einem Recovery Key oder dem Vergleich von Icons durchgeführt werden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.01-1024x614.png" alt="" class="wp-image-6022"/><br/><i>Vergleich mit Emojis - Die Anzeige auf den beiden Clients muss übereinstimmen</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.14-1024x504.png" alt="" class="wp-image-6023"/> <h3>Schritt 3: Kontakte einladen. </h3> <p><strong>Dieser Punkt ist einfach.</strong><br>Du kannst per Matrix Benutzeradresse und per E-Mail einladen. Die Eingeladenen müssen dann entscheiden, welchen Client sie nutzen und auf welchem Server sie sich registrieren.</p> <p><strong>Dieser Punkt ist schwierig. <br></strong>Element fragt nach Zugriff auf das Adressbuch. Im Unterschied zu anderen Messengern wird das Adressbuch nicht im Klartext auf den Matrix-Server geladen. Das ist zunächst mal gut. Aus den Kontaktdaten wird ein Hash ermittelt, der nur in eine Richtung lesbar ist (<a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Hashfunktion" target="_blank">Hash Funktion</a>). Diese Kontakt-Hashes werden dann auf dem Server verglichen. <br>Es ist natürlich praktisch, den Zugriff zu erlauben, da man dann sieht, wer einen Matrix User hat und entsprechend einfach in Kontakt kommt.</p> <h3>Schritt 4: Entdecken</h3> <p>Das ist der interessante Teil am Matrix Protokoll. Er ist durchdacht und bietet wenige Grenzen. Man kann beispielsweise</p> <ul><li>Räume eröffnen und ihnen beitreten</li><li>Ein Verzeichnis der öffentlichen Räume durchsuchen</li><li>Favoriten markieren</li><li>Verbindungen zu anderen Messengern herstellen, beispielsweise Telegram</li><li>das ganze Thema Verschlüsselung "live" ausprobieren</li><li>selbst einen Client schreiben oder einen Bot</li><li>An der Software mitarbeiten</li><li>Eine Geschäftsidee auf der Basis von Matrix entwickeln, und, vieles andere mehr</li></ul> <h2>Fazit</h2> <p>Das Thema Kommunikation bleibt interessant. Wer Wert auf Unabhängigkeit und offene Standards legt, sollte sich das Matrix Protokoll genauer ansehen und sich dann in die Matrix begeben.</p> <h2>Links</h2> <ul><li><a href="https://matrix.org">matrix.org</a></li><li><a href="https://www.kuketz-blog.de/die-verrueckte-welt-der-messenger-messenger-teil1/">Die verrückte Welt der Messenger</a></li></ul> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Komm in die Matrix - du willst es doch auch :)</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/18/whatsapp-threema-signal-komm-in-die-matrix-jetzt/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.14.png"],"tags":["element","matrix","olm","synapse"],"canonical_url":"https://blog.novatrend.ch/2021/01/18/whatsapp-threema-signal-komm-in-die-matrix-jetzt/"}
parent author
parent permlinkelement
permlinkwhatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k
titleWhatsApp, Threema, Signal? Komm in die Matrix! Jetzt!
Transaction InfoBlock #50541464/Trx 8ec80b7bbe839dc8218a4bf2018fe76b84e2f607
View Raw JSON Data
{
  "block": 50541464,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.14.png</center> <br/><p>Vermutlich befindet sich auf deinem Smartphone mindestens eine Messenger App. Wenn du berufliche Kontakte, Kinder, Verwandte und Bekannte per Messenger erreichen willst, sammeln sich schnell auch mehrere Messenger Apps auf deinem Smartphone an. Ausser der Tatsache, dass die Nutzung unterschiedlicher Apps oft unpraktisch und speicherintensiv ist, gibt es auch technische und emotionale Unterschiede bei den Messenger Apps. <br>So ganz grob lassen sich Messenger Systeme einteilen in diejenigen,</p>\n\n<ul><li>die auf irgendeine Art und Weise an deiner Kommunikation mit anderen Personen Geld verdienen wollen <em>(WhatsApp, Facebook Messenger, Instagram, SnapChat, Microsoft Skype/Teams, TikTok)</em>, </li><li>die am Verkauf der App oder der zugrunde liegenden Hardware Geld verdienen <em>(Threema, Apple iMessage/FaceTime)</em>,</li><li>die sich in Stiftungen organisieren und eine „Mission“ verfolgen <em>(Signal, Matrix)</em></li><li>die jemandem gehören, der sich den Betrieb des Messengers “leisten“ kann, wie beispielsweise der Milliardär Pavel Durov <em>(Telegram).</em></li><li>die primär gar kein Messenger sind, sondern eine Idee, ein Protokoll, ein Satz von Regeln <em>(Matrix, XMPP, alle Blockchain-basierten Messenger wie beispielsweise Status und natürlich auch E-Mail)</em></li><li>die gar kein Internet-Protokoll benutzen sondern andere Übertragungswege <em>(LoRa Messenger)</em></li></ul>\n<p>Eine andere sehr wichtige Unterteilung ist die Unterscheidung in Systeme, die <em>Ende-zu-Ende verschlüsselt (E2E</em>) sind und die Anderen, die das eben nicht sind. Ein Chat, der E2E verschlüsselt ist, kann nicht abgehört werden. Jeder Staat dieser Welt und viele andere Akteure sind daran interessiert, Ende-zu-Ende verschlüsselte Systeme zu vermeiden um bei Bedarf Kommunikation abhören zu können. Das hört sich geheimnisvoll an, ist aber ein ganz normales Feature im Geschäftsumfeld. Viele geschäftliche Chats müssen aus unterschiedlichen Gründen aufgezeichnet werden. </p>\n<p>Wenn der eigentliche Chatinhalt durch die Verschlüsselung verborgen bleibt, sind die Meta-Daten mindestens genauso wichtig <em>(wer spricht wann und von wo mit wem)</em>. Wenn jemand weiss, mit wem ich spreche, wo ich mich dabei befinde und wann ich das tue, so  benötigt diese Person unter Umständen den Inhalt meiner gesendeten Nachrichten gar nicht mehr um Schlüsse aus meinem Verhalten zu ziehen.</p>\n<p>Die Begehrlichkeiten sind nicht neu. Es gibt beispielsweise immer noch ein <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Postgeheimnis\" target=\"_blank\">Postgeheimnis</a>. Wenn ich einen Brief geschrieben habe, so darf den niemand auf dem Transportweg lesen (also nur ich und der Empfänger). Wenn ich eine Postkarte verschicke, so kann die jeder lesen, der sie in die Hand bekommt. Die Postkarte ist also das Äquivalent eines Messengers ohne E2E Verschlüsselung <em>(Telegram Gruppenchat, unverschlüsselte E-Mail)</em>. Der Brief wäre das Äquivalent eines Messengers mit E2E Verschlüsselung <em>(WhatsApp, Signal, Matrix, geheime Telegramm Chats)</em>.</p>\n<p>Nun war es um das Postgeheimnis niemals gut bestellt und es gab immer Ausnahmen, die regelten, wann ein Brief von Dritten geöffnet und gelesen werden durfte und wann ein Telefongespräch abgehört werden durfte. Jetzt gibt es aber ein grosses Problem bei \"echter/guter/effektiver/harter\" Verschlüsselung. Es gibt keine Ausnahmen! Entweder ein Vorgang ist verschlüsselt und dann nur von Berechtigten lesbar oder eben nicht. Das ist das \"Neue\" an dieser Art der Kommunikation. Und weil das so ist, gibt es von allen Seiten Bemühungen Verschlüsselungstechniken im Bedarfsfall auszuhebeln. </p>\n<p>Das kann bei einem privaten Unternehmen sein, welches die Kommunikationsdaten gern zum Zwecke der Gewinnmaximierung nutzen möchte. Es betrifft vor allem Unternehmen deren Geschäftsprinzip mehrheitlich darauf beruht, Daten auszuwerten, wie Facebook und Google aber natürlich auch \"ganz normale\" Unternehmen wie Microsoft, Oracle, Apple, SAP, Tesla, BMW, Volkswagen und jedes andere Unternehmen, welches diese Daten benutzen möchte. Das betrifft natürlich auch jede Regierung, denn je mehr eine Regierung über ihre BürgerInnen weiss, desto besser kann sie, zumindest theoretisch, regieren. </p>\n<p>Das Thema ist umstritten und wird seit langer Zeit hoch emotional diskutiert (<a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Geschichte_der_Kryptographie\" target=\"_blank\">Geschichte der Kryptographie</a>)</p>\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><h3>Das „nichts zu verbergen“ Argument</h3>\n<p>Wer bisher in WhatsApp lustige Videos und Gif-Bildchen verschickt hat, könnte nun mit der Killerphrase kommen</p>\n<blockquote class=\"wp-block-quote\"><p>Ich habe doch nichts zu verbergen!</p>\n</blockquote>\n<p>Um diesem Satz angemessen begegnen zu können, gibt es mittlerweile zum Glück bereits einen Wikipedia Artikel der das Argument näher beleuchtet - <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Nichts-zu-verbergen-Argument?wprov=sfti1\" target=\"_blank\">https://de.wikipedia.org/wiki/Nichts-zu-verbergen-Argument</a> </p>\n<h2>Welchen Messenger nehmen?</h2>\n</div></div>\n<p>Bei allen Messengern, die nicht vollständig auf offenen Protokollen und offener Software basieren, ist es technisch <strong>nicht überprüfbar</strong> ob die Versprechungen der Hersteller bzgl. der <em>Ende zu Ende Verschlüsselung</em> eingehalten werden. Wenn man diesen Punkt ernst nimmt, bleiben tatsächlich nur einige wenige Projekte über, wie Matrix, XMPP und IRC. XMPP und IRC sind als Protokoll schon ein wenig älter. Beide Protokolle sind in der Vergangenheit auf viele technische und politische Herausforderungen getroffen, die bis heute nicht gelöst sind. Das neuere Matrix Protokoll ist angetreten um genau diese Herausforderungen zu meistern. </p>\n<p>Es versucht ein dezentrales Modell wie beim E-Mail Versand zu etablieren. Wenn du eine E-Mail Adresse hast, so kannst an jede andere E-Mail Adresse eine Nachricht schreiben. Und wenn ein E-Mail Server mal ausfällt, dann ist das nicht schlimm, weil es so viele andere gibt. Stell dir vor du hast eine Messenger Adresse und du könntest eine Nachricht an jede andere Messenger Adresse schicken (Von Signal zu WhatsApp, von Skype zu Telegramm, etc). Das wäre doch schön - oder?</p>\n<p>Matrix erweitert das E-Mail Konzept um zuverlässige Verschlüsselung, die sich bei E-Mails aus vielerlei Gründen nicht durchgesetzt hat.    </p>\n<p>Und weil dieses offene, dezentrale und verschlüsselte Konzept so überzeugend ist, soll es heute darum gehen, wie du in die Matrix kommst :)</p>\n<h2>matrix.org</h2>\n<p>Die gute Nachricht gleich zu Anfang. Die Matrix ist mittlerweile benutzerfreundlich. Wer ein WhatsApp Konto anlegen kann, schafft es auch mittels Matrix zu kommunizieren!</p>\n<blockquote class=\"wp-block-quote\"><p>Die Entwicklung von Matrix wird von Matrix.org angeleitet, einer gemeinnützigen Initiative aus Großbritannien. Sie will aus Matrix einen offenen Standard für dezentralisierte, persistente und interoperable Kommunikation über das Internet machen.</p><cite><a href=\"https://de.wikipedia.org/wiki/Matrix_(Kommunikationsprotokoll)\" target=\"_blank\" rel=\"noreferrer noopener\">https://de.wikipedia.org/wiki/Matrix_(Kommunikationsprotokoll)</a></cite>\n</blockquote>\n<ul><li>Die französische Regierung beschloss im Frühjahr 2018&nbsp;die Entwicklung von Matrix zu unterstützen und kommuniziert seit 2019 mit diesem Protokoll <em>(<a rel=\"noreferrer noopener\" href=\"https://www.golem.de/news/statt-whatsapp-frankreich-wandert-in-die-matrix-1902-139167.html\" target=\"_blank\">Frankreich wandert in die Matrix</a>)</em>.</li><li>Die Bundeswehr kündigte im Mai, 2020 an, komplett auf Matrix zu wechseln - auch für Verschlusssachen! <em>(<a rel=\"noreferrer noopener\" href=\"https://www.golem.de/news/messenger-bundeswehr-will-komplett-auf-matrix-chat-wechseln-2005-148407.html\" target=\"_blank\">Bundeswehr will komplett auf Matrix-Chat wechseln</a>)</em></li></ul>\n<p>Nun sind gerade diese beiden Beispiele interessant, denn bei beiden werden tatsächlich geheime Nachrichten (<a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Verschlusssache\" target=\"_blank\">Verschlusssachen</a>) verschickt. Wohlgemerkt nutzen beide das Matrix-Protokoll, erstellen aber ihre eigene Implementierung, also einen eigenen Server und einen eigenen Client. Das heisst, die französische Regierung und die deutsche Bundeswehr nutzen zwar das Matrix Protokoll, sind aber \"von ausserhalb\", also von mir und dir, nicht kontaktierbar. </p>\n<p>Wir bei Novatrend machen es genau so. Wir nutzen intern einen Matrix Server für alle MitarbeiterInnen. Der Server kommuniziert nicht mit anderen Servern und es gibt keine öffentliche User Registrierung. Auf diese Weise haben wir einen sicheren, internen Chat. </p>\n<h3>Bestandteile der Matrix</h3>\n<p>Um nun als \"Normalo\" über das Matrix Protokoll kommunizieren zu können, benötigst du natürlich auch einen Server und einen Client. Also eine App auf deinem Smartphone, einen Server, auf dem die Nachrichten gespeichert, bzw. synchronisiert werden und ein sogenanntes Identitätsmanagement, das ebenfalls auf einem Server ausgelagert ist. Wichtig ist auch die Bibliothek, die die Verschlüsselungalgorithmen enthält, Schnittstellen zu Programmiersprachen und vieles andere mehr. Eine Übersicht über die zur Verfügung stehenden Tools findest du in der Matrix Dokumentation unter <a href=\"https://matrix.org/docs/projects/try-matrix-now/\">https://matrix.org/docs/projects/try-matrix-now/</a>.  </p>\n<p>Um anzufangen benötigt du zunächst einen Client.</p>\n<p>Momentan implementiert der <a rel=\"noreferrer noopener\" href=\"https://element.io\" target=\"_blank\">Element</a> Client das Matrix Protokoll am besten. Hinter dem Element Client steht die Firma Element/New Vector/Vector IM. Vektor IM wurde vor ein paar Monaten umbenannt, der Client hiess damals Riot.  </p>\n<blockquote class=\"wp-block-quote\"><p>Where you read&nbsp;<em>Element</em>,&nbsp;<em>we</em>&nbsp;or&nbsp;<em>us</em>&nbsp;below, it refers to New Vector Ltd., and its French subsidiary: New Vector SARL and their agents. Element is trading name of New Vector.</p><p>When you read 'the homeserver' or 'the Service' below, it refers to the services made available at&nbsp;<em>Element Matrix Services (EMS)</em>.</p><p><strong>If the terms of this copyright notice are not acceptable, please use a Matrix server provided by someone else!</strong></p><cite><a href=\"https://element.io/copyright\" target=\"_blank\" rel=\"noreferrer noopener\">https://element.io/copyright</a></cite>\n</blockquote>\n<p>Element nutzt das freie Matrix Protokoll und bietet die App kostenlos an. Die App ist Open Source Software und auf Github verfügbar (<a href=\"https://github.com/vector-im\">https://github.com/vector-im</a>). Neue Entwickler sind immer willkommen. </p>\n<p>Das Geschäftsmodell von \"Element\" besteht darin, Messaging Hosting und Services zu verkaufen. Wer also gern seinen eigenen Matrix Server betreiben will, kann ihn selbst hosten, beispielsweise bei Novatrend, oder eben bei Element.</p>\n<p>Für alle, die keinen eigenen Server wollen, bietet die Matrix Stiftung den matrix.org Server an. Die kostenlose und einfachste Variante umfasst also einen freien Client und einen freien Server.</p>\n<h3>Schritt 1. Client installieren</h3>\n<p>Wie bereits erwähnt, gibt es nicht “den“ Matrix Client sondern viele. Für den Erstkontakt mit Matrix ist allerdings Element wirklich zu empfehlen, da es der momentan am besten entwickelte Client ist. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/01-matrix-clients.gif\" alt=\"\" class=\"wp-image-6010\"/><br/><i>Übersicht: <a href=\"https://matrix.org/docs/projects/try-matrix-now/\" target=\"_blank\" rel=\"noreferrer noopener\">https://matrix.org/docs/projects/try-matrix-now/</a></i>\n<h3>Schritt 2 : Benutzerkonto registrieren </h3>\n<p>Wenn man nicht gerade Verschlusssachen verschicken will und deshalb eine komplett eigene Infrastuktur wie die französische Regierung oder die deutsche Bundeswehr betreibt, dann kann man die Element App herunterladen, sich einen Benutzer auf dem matrix.org Server anlegen und zack - ist man in der Matrix! </p>\n<p>Der Vorgang ist weitgehend selbsterklärend. Man benötigt übrigens keine Telefonnumer! Von daher ist Matrix auch interessant für Minderjährige ohne SIM Card und Personen, die ihre Telefonnummer nicht angeben wollen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.33.15-1024x454.png\" alt=\"\" class=\"wp-image-6020\"/><br/><i>Anmeldung in der Browser App - Server ist änderbar </i>\n<p>Das die Verschlüsselung ernst genommen wird, sieht man daran, dass der Client nach dem Anmelden eine Überprüfung verlangt.</p>\n<p>Man sollte also zunächst im Browser ein Konto registrieren und dann auf dem Smartphone die App installieren und danach die beiden synchronisieren. In umgekehrter Reihenfolge geht es natürlich auch. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.34.54-1024x644.png\" alt=\"\" class=\"wp-image-6021\"/>\n<p>Die Überprüfung kann mit einem Barcode, einem Recovery Key oder dem Vergleich von Icons durchgeführt werden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.01-1024x614.png\" alt=\"\" class=\"wp-image-6022\"/><br/><i>Vergleich mit Emojis - Die Anzeige auf den beiden Clients muss übereinstimmen</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.14-1024x504.png\" alt=\"\" class=\"wp-image-6023\"/>\n<h3>Schritt 3: Kontakte einladen. </h3>\n<p><strong>Dieser Punkt ist einfach.</strong><br>Du kannst per Matrix Benutzeradresse und per E-Mail einladen. Die Eingeladenen müssen dann entscheiden, welchen Client sie nutzen und auf welchem Server sie sich registrieren.</p>\n<p><strong>Dieser Punkt ist schwierig. <br></strong>Element fragt nach Zugriff auf das Adressbuch. Im Unterschied zu anderen Messengern wird das Adressbuch nicht im Klartext auf den Matrix-Server geladen. Das ist zunächst mal gut. Aus den Kontaktdaten wird ein Hash ermittelt, der nur in eine Richtung lesbar ist (<a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Hashfunktion\" target=\"_blank\">Hash Funktion</a>). Diese Kontakt-Hashes werden dann auf dem Server verglichen. <br>Es ist natürlich praktisch, den Zugriff zu erlauben, da man dann sieht, wer einen Matrix User hat und entsprechend einfach in Kontakt kommt.</p>\n<h3>Schritt 4: Entdecken</h3>\n<p>Das ist der interessante Teil am Matrix Protokoll. Er ist durchdacht und bietet wenige Grenzen. Man kann beispielsweise</p>\n<ul><li>Räume eröffnen und ihnen beitreten</li><li>Ein Verzeichnis der öffentlichen Räume durchsuchen</li><li>Favoriten markieren</li><li>Verbindungen zu anderen Messengern herstellen, beispielsweise Telegram</li><li>das ganze Thema Verschlüsselung \"live\" ausprobieren</li><li>selbst einen Client schreiben oder einen Bot</li><li>An der Software mitarbeiten</li><li>Eine Geschäftsidee auf der Basis von Matrix entwickeln, und, vieles andere mehr</li></ul>\n<h2>Fazit</h2>\n<p>Das Thema Kommunikation bleibt interessant. Wer Wert auf Unabhängigkeit und offene Standards legt, sollte sich das Matrix Protokoll genauer ansehen und sich dann in die Matrix begeben.</p>\n<h2>Links</h2>\n<ul><li><a href=\"https://matrix.org\">matrix.org</a></li><li><a href=\"https://www.kuketz-blog.de/die-verrueckte-welt-der-messenger-messenger-teil1/\">Die verrückte Welt der Messenger</a></li></ul>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Komm in die Matrix - du willst es doch auch :)</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/18/whatsapp-threema-signal-komm-in-die-matrix-jetzt/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2021/01/Screenshot-2021-01-17-at-12.36.14.png\"],\"tags\":[\"element\",\"matrix\",\"olm\",\"synapse\"],\"canonical_url\":\"https://blog.novatrend.ch/2021/01/18/whatsapp-threema-signal-komm-in-die-matrix-jetzt/\"}",
      "parent_author": "",
      "parent_permlink": "element",
      "permlink": "whatsappthreemasignalkommindiematrixjetzt-7sm8tdkcwisccuojx37k",
      "title": "WhatsApp, Threema, Signal? Komm in die Matrix! Jetzt!"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-18T07:30:12",
  "trx_id": "8ec80b7bbe839dc8218a4bf2018fe76b84e2f607",
  "trx_in_block": 4,
  "virtual_op": false
}
2021/01/11 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkeinleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #50340362/Trx 707729fd6ea9496a1cc83684c36dfff5ac95e65b
View Raw JSON Data
{
  "block": 50340362,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "einleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-11T07:36:03",
  "trx_id": "707729fd6ea9496a1cc83684c36dfff5ac95e65b",
  "trx_in_block": 19,
  "virtual_op": true
}
2021/01/11 07:36:03
authorhagengraf
permlinkeinleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #50340362/Trx 707729fd6ea9496a1cc83684c36dfff5ac95e65b
View Raw JSON Data
{
  "block": 50340362,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "einleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-11T07:36:03",
  "trx_id": "707729fd6ea9496a1cc83684c36dfff5ac95e65b",
  "trx_in_block": 19,
  "virtual_op": false
}
2021/01/11 07:30:15
authorhagengraf
permlinkvomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x
Transaction InfoBlock #50340246/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 50340246,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "vomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2021-01-11T07:30:15",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2021/01/11 07:30:15
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkeinleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8
Transaction InfoBlock #50340246/Trx 4346ec323db31fb7a600661b47768c88bbcbe1be
View Raw JSON Data
{
  "block": 50340246,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "einleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-11T07:30:15",
  "trx_id": "4346ec323db31fb7a600661b47768c88bbcbe1be",
  "trx_in_block": 54,
  "virtual_op": false
}
2021/01/11 07:30:15
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/18-email-ist-angekommen.gif</center> <br/><p>Newsletter haben in den letzten Jahren eine Renaissance erfahren. Sie sind nach wie vor ein sehr effektives Marketing Tool um Kontakt zu Kunden zu halten, neue Kunden zu gewinnen und langfristiges Vertrauen aufzubauen. Immer mehr Dienstleister bieten daher „Newsletter as a Service“ an. Das Abonnement eines Newsletters erfolgt durch ein Formular auf der eigenen Website. Der entsprechende Service wird oft mit einem CMS wie WordPress, Joomla oder Drupal per Plugin, Erweiterung oder Modul verbunden. Die Daten landen allerdings bei dem entsprechenden Service-Provider und es können, je nach Grösse des Newsletters auch durchaus erhebliche Kosten beim Versand entstehen. </p> <p>Nun hat man es bei Newslettern mit E-Mail Adressen von Kunden zu tun und mit solch sensiblen Daten sollte man vorsichtig umgehen. Deswegen ist es in manchen Fällen notwendig, den Newsletter selbst zu hosten. Wer mit diesem Gedanken spielt, sollte einen Blick auf Drupal in Kombination mit dem Modul <a rel="noreferrer noopener" href="https://www.drupal.org/project/simplenews" target="_blank">Simplenews</a> werfen.</p> <h2>Simplenews nutzen</h2> <p>Um einen Newsletter mit Drupal selbst zu verschicken, bedarf es natürlich einer existierenden Drupal Installation. Die kann bei uns gehostet sein, muss aber nicht. Hier bei <strong>Novatrend</strong> kannst du allerdings Drupal wirklich sehr einfach mit dem <strong>Softaculous Apps Installer</strong> installieren, aktualisieren und verwalten (siehe auch <a href="https://www.novatrend.ch/de/webhosting" target="_blank" rel="noreferrer noopener">unsere Webhosting Angebote</a>).</p> <h3>Benötigte Drupal Module</h3> <p>Damit alles funktioniert, musst du drei Module in deiner Drupal Website installieren und aktivieren. </p> <ul id="block-91c989b4-221b-488c-a260-c618bbc4789f"><li><a href="https://www.drupal.org/project/simplenews">https://www.drupal.org/project/simplenews</a></li><li><a href="https://www.drupal.org/project/swiftmailer">https://www.drupal.org/project/swiftmailer</a></li><li><a href="https://www.drupal.org/project/swiftmailer">https://www.drupal.org/project/mailsystem</a></li></ul> <p>Die Installation kannst du per Composer auf der Kommandozeile oder über die Drupal Benutzeroberfläche erledigen</p> <p>Als erstes installiere und aktiviere ich das Simplenews Modul. Im Umfang befindet sich auch ein Modul mit Beispieldaten <em>(Simplenews Demo)</em>. Ich benutze dieses Demo Modul um die Funktionsweise von Simplenews zu zeigen. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/01-install-module.gif" alt="" class="wp-image-5961"/><br/><i>Aktivierung der Module Simplenews und der Demodaten (/admin/modules)</i> <p>Die Systemmeldung nach der Aktivierung zeigt, dass Beispieldaten erzeugt worden sind.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/02-Demo-Message.gif" alt="" class="wp-image-5962"/><br/><i>Drupal Meldung nach Modulaktivierung</i> <p>Die Simplenews Konfiguration befindet sich unter <em>Konfiguration -&gt; Webdienste -&gt; Simplenews (/admin/config/services/simplenews)</em>. Dort kannst du auch die Beispielnewsletter sehen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/03-Demo-Newsletter.gif" alt="" class="wp-image-5963"/><br/><i>Beispieldaten - Newsletter (/admin/config/services/simplenews)</i> <p>Jeder Newsletter hat ebenfalls Konfigurationsmöglichkeiten. Es lässt sich beispielsweise einstellen ob das Abonnement mit der Erstellung eines Benutzerkontos kombiniert werden soll. Ausserdem lässt sich die Opt-in Methode festlegen und vieles andere mehr.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/04-Einstellungen-Newsletter-.gif" alt="" class="wp-image-5964"/><br/><i>Konfiguration eines Newsletters - hier Pressemeldungen</i> <p>Um den Newsletter auch verschicken zu können, installiere ich die Module <em>mailsystem</em> und <em>swiftmailer</em>.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/05-installation-swiftmailer.gif" alt="" class="wp-image-5965"/><br/><i>Installation Swiftmailer</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/06-weitere-module-installieren.gif" alt="" class="wp-image-5966"/><br/><i>Weitere Module aktivieren (Mail-System und Swift-Mailer)</i> <p>Das <em>mailsystem</em> Modul bietet Einstellungen, auf welche Art und Weise Drupal E-Mails verschicken soll. Das Modul <em>swiftmailer</em> bietet die Möglichkeit HTML E-Mails und E-Mails mit Anhängen zu versenden.</p> <p>Wenn das Mailsystem wie gewünscht konfiguriert ist, lässt sich in den Einstellungen von <em>Simplenews</em> der Versand organisieren.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/globale-einstellungen-simplenews.gif" alt="" class="wp-image-5969"/><br/><i>Globale Einstellungen - Simple News (/admin/config/services/simplenews/settings/newsletter)</i> <h3>Abonnieren der Newsletter</h3> <p>Personen, die sich für deinen Newsletter interessieren, sollten den Service so einfach wie möglich abonnieren können. Für diesen Zweck gibt es mehrere Möglichkeiten. </p> <h4>Newsletter Block</h4> <p>Simplenews bringt vorkonfigurierte Blöcke mit. Es gibt einen Block für „den“ Newsletter und einen Block für mehrere Newsletter. Die Blöcke können im Bereich Blocklayout <em>(/admin/structure/block)</em> in der gewünschten Region des Themes platziert werden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/09-bloecke-abonnement.gif" alt="" class="wp-image-5968"/><br/><i>Platzieren der Blöcke im verwendeten Theme (/admin/structure/block)</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/10-block-simplenews.gif" alt="" class="wp-image-5970"/><br/><i>Simplenews Abonnement Block</i> <p>Der Block kann mehrfach verwendet und nach Bedarf konfiguriert werden. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/11-Block-Konfiguration-Newsletter.gif" alt="" class="wp-image-5972" width="610" height="507"/><br/><i>Abonnement Block konfigurieren</i> <p>Auf der Website passt sich der Inhalt der Blöcke dem Status des Besuchers an. Wenn ein Benutzer an der Website angemeldet ist, genügt eine einfache Checkbox, um einen Newsletter zu abonnieren. Die E-Mail Adresse ist in diesem Fall ja bekannt. Will ein nicht angemeldeter Besucher einen Newsletter abonnieren, so wird auf jeden Fall die E-Mail Adresse abgefragt. </p> <div class="wp-block-columns"><div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/12-block-fuer-besucher.gif" alt="" class="wp-image-5973"/><br/><i>Ansicht für angemeldete Benutzer - Standard-Newsletter</i> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/14-Newsletter-abonnieren-fuer-registered-user-354x1024.gif" alt="" class="wp-image-5974"/><br/><i>Mehrfachanmeldung für Besucher (nicht angemeldet)</i> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/15-einzelner-newsletter-abo.gif" alt="" class="wp-image-5976"/><br/><i>Anmeldung für Besucher der Website (nicht angemeldet)</i> </div> </div> <p>Je nach den Verhältnissen auf der Website können auch nur bestimmte Rollen einen Newsletter abonnieren. <em>(/admin/people/permissions)</em>. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/13-berechtigungen.gif" alt="" class="wp-image-5975"/><br/><i>Berechtigungen für Simplenews setzen (/admin/people/permissions)</i> <h3>Erstellen eines Newsletters</h3> <p>Simplenews erstellt einen Inhaltstyp namens <em>Newsletter</em>. Jede Ausgabe eines Newsletters wird hier erstellt. Anders als andere Inhaltstypen verfügt dieser Typ über ein eigenes Tab im Inhaltsbereich <em>(/admin/content/simplenews)</em>. Hier lässt sich auch der Name und der Versandstatus des Newsletters überprüfen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/16-inhaltstyp-newsletter-demodaten.gif" alt="" class="wp-image-5977"/><br/><i>Liste der Newsletter (/admin/content/simplenews)</i> <p>Die Erstellung einer neuen Ausgabe eines Newsletters erfolgt wie das Schreiben eines Artikels <em>/node/add/simplenews_issue</em>.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/17-Erstellung-eines-Newsletters.gif" alt="" class="wp-image-5978"/><br/><i>Erstellung eines neuen Newsletters</i> <p>Jede einzelne Newsletter-Ausgabe verfügt über ein Newsletter-Tab. Von dort aus kannst du dir beliebig oft eine Test-Ausgabe des Newsletter an von dir vorgegebene E-Mails Adressen versenden. Wenn alles wie gewünscht erscheint, kann an dieser Stelle der Newsletter auch endgültig an alle Abonnenten versendet werden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/18-newsletter-versenden.gif" alt="" class="wp-image-5980"/><br/><i>Versand des Newsletters</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/18-email-ist-angekommen.gif" alt="" class="wp-image-5979"/><br/><i>Test E-Mail in Apple Mail</i> <p>Der E-Mail Versand erfolgt mit dem periodischen Drupal Cron-Job. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/20-Versand-newsletter.gif" alt="" class="wp-image-5981"/><br/><i>Versand des Newsletters</i> <h3>Abonnenten</h3> <p>In der Übersicht <em>Abonnenten</em> siehst du alle Abonnenten eines Newsletters. Ausserdem kannst du dort E-Mail Adressen importieren und exportieren <em>(/admin/people/simplenews)</em>.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/21-Abonnenten.gif" alt="" class="wp-image-5982"/><br/><i>Durchsuch- und filterbare Liste der Abonnenten</i> <p>Jeder Benutzer hat in seinem Profilbereich ebenfalls ein Tab <em>Newsletter</em>. Dort können die Newsletter per Checkbox ebenfalls abonniert werden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/22-benutzerprofil.gif" alt="" class="wp-image-5983"/><br/><i>Anzeige der Newsletter im Profil des Benutzers</i> <h2>Fazit</h2> <p>Auch wenn es anfangs ein wenig kompliziert aussieht, ist <strong>Simplenews</strong> doch ein sehr durchdachtes, in sich logisches und gut bedienbares Newsletter Tool. Daher fand ich das verwegene „ganz einfach :)“ in der Überschrift gerechtfertigt. Auch grössere Mengen an E-Mails können problemlos versendet werden. Der Inhalt des Newsletters kann mit einem WYSIWYG Editor erstellt werden und natürlich auch HTML Befehle enthalten. <br>Dadurch, dass alle Newsletter Ausgaben „normale“ Inhalte auf der Website sind, stehen sie natürlich auch ohne Mehraufwand sofort online zur Verfügung.<br>Das Modul wird von etwa 55,000 Drupal Websites genutzt. Das hier beschriebene Modul für Drupal 8 und 9 wird von etwa 4,500 Websites genutzt</p> <h2>Links</h2> <ul><li><a href="https://www.drupal.org/project/simplenews">https://www.drupal.org/project/simplenews</a></li><li><a href="https://www.drupal.org/project/swiftmailer">https://www.drupal.org/project/swiftmailer</a></li><li><a href="https://www.drupal.org/project/swiftmailer">https://www.drupal.org/project/mailsystem</a></li><li><a href="https://blog.novatrend.ch/2020/03/30/ssh-zugriff-bei-uns-ganz-einfach/" data-type="post" data-id="5020">SSH-Zugriff bei uns ganz einfach</a></li></ul> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Newsletter lassen sich komplett selbst betreiben</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/11/ein-leistungsfaehiger-newsletter-mit-drupal-ganz-einfach/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2021/01/18-email-ist-angekommen.gif"],"tags":["drupal","drupal9","newsletter","simplenews"],"canonical_url":"https://blog.novatrend.ch/2021/01/11/ein-leistungsfaehiger-newsletter-mit-drupal-ganz-einfach/"}
parent author
parent permlinkdrupal
permlinkeinleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8
titleEin leistungsfähiger Newsletter mit Drupal (ganz einfach :) )
Transaction InfoBlock #50340246/Trx 4346ec323db31fb7a600661b47768c88bbcbe1be
View Raw JSON Data
{
  "block": 50340246,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/18-email-ist-angekommen.gif</center> <br/><p>Newsletter haben in den letzten Jahren eine Renaissance erfahren. Sie sind nach wie vor ein sehr effektives Marketing Tool um Kontakt zu Kunden zu halten, neue Kunden zu gewinnen und langfristiges Vertrauen aufzubauen. Immer mehr Dienstleister bieten daher „Newsletter as a Service“ an. Das Abonnement eines Newsletters erfolgt durch ein Formular auf der eigenen Website. Der entsprechende Service wird oft mit einem CMS wie WordPress, Joomla oder Drupal per Plugin, Erweiterung oder Modul verbunden. Die Daten landen allerdings bei dem entsprechenden Service-Provider und es können, je nach Grösse des Newsletters auch durchaus erhebliche Kosten beim Versand entstehen. </p>\n<p>Nun hat man es bei Newslettern mit E-Mail Adressen von Kunden zu tun und mit solch sensiblen Daten sollte man vorsichtig umgehen. Deswegen ist es in manchen Fällen notwendig, den Newsletter selbst zu hosten. Wer mit diesem Gedanken spielt, sollte einen Blick auf Drupal in Kombination mit dem Modul <a rel=\"noreferrer noopener\" href=\"https://www.drupal.org/project/simplenews\" target=\"_blank\">Simplenews</a> werfen.</p>\n\n<h2>Simplenews nutzen</h2>\n<p>Um einen Newsletter mit Drupal selbst zu verschicken, bedarf es natürlich einer existierenden Drupal Installation. Die kann bei uns gehostet sein, muss aber nicht. Hier bei <strong>Novatrend</strong> kannst du allerdings Drupal wirklich sehr einfach mit dem <strong>Softaculous Apps Installer</strong> installieren, aktualisieren und verwalten (siehe auch <a href=\"https://www.novatrend.ch/de/webhosting\" target=\"_blank\" rel=\"noreferrer noopener\">unsere Webhosting Angebote</a>).</p>\n<h3>Benötigte Drupal Module</h3>\n<p>Damit alles funktioniert, musst du drei Module in deiner Drupal Website installieren und aktivieren. </p>\n<ul id=\"block-91c989b4-221b-488c-a260-c618bbc4789f\"><li><a href=\"https://www.drupal.org/project/simplenews\">https://www.drupal.org/project/simplenews</a></li><li><a href=\"https://www.drupal.org/project/swiftmailer\">https://www.drupal.org/project/swiftmailer</a></li><li><a href=\"https://www.drupal.org/project/swiftmailer\">https://www.drupal.org/project/mailsystem</a></li></ul>\n<p>Die Installation kannst du per Composer auf der Kommandozeile oder über die Drupal Benutzeroberfläche erledigen</p>\n<p>Als erstes installiere und aktiviere ich das Simplenews Modul. Im Umfang befindet sich auch ein Modul mit Beispieldaten <em>(Simplenews Demo)</em>. Ich benutze dieses Demo Modul um die Funktionsweise von Simplenews zu zeigen. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/01-install-module.gif\" alt=\"\" class=\"wp-image-5961\"/><br/><i>Aktivierung der Module Simplenews und der Demodaten (/admin/modules)</i>\n<p>Die Systemmeldung nach der Aktivierung zeigt, dass Beispieldaten erzeugt worden sind.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/02-Demo-Message.gif\" alt=\"\" class=\"wp-image-5962\"/><br/><i>Drupal Meldung nach Modulaktivierung</i>\n<p>Die Simplenews Konfiguration befindet sich unter <em>Konfiguration -&gt; Webdienste -&gt; Simplenews (/admin/config/services/simplenews)</em>. Dort kannst du auch die Beispielnewsletter sehen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/03-Demo-Newsletter.gif\" alt=\"\" class=\"wp-image-5963\"/><br/><i>Beispieldaten - Newsletter (/admin/config/services/simplenews)</i>\n<p>Jeder Newsletter hat ebenfalls Konfigurationsmöglichkeiten. Es lässt sich beispielsweise einstellen ob das Abonnement mit der Erstellung eines Benutzerkontos kombiniert werden soll. Ausserdem lässt sich die Opt-in Methode festlegen und vieles andere mehr.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/04-Einstellungen-Newsletter-.gif\" alt=\"\" class=\"wp-image-5964\"/><br/><i>Konfiguration eines Newsletters - hier Pressemeldungen</i>\n<p>Um den Newsletter auch verschicken zu können, installiere ich die Module <em>mailsystem</em> und <em>swiftmailer</em>.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/05-installation-swiftmailer.gif\" alt=\"\" class=\"wp-image-5965\"/><br/><i>Installation Swiftmailer</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/06-weitere-module-installieren.gif\" alt=\"\" class=\"wp-image-5966\"/><br/><i>Weitere Module aktivieren (Mail-System und Swift-Mailer)</i>\n<p>Das <em>mailsystem</em> Modul bietet Einstellungen, auf welche Art und Weise Drupal E-Mails verschicken soll. Das Modul <em>swiftmailer</em> bietet die Möglichkeit HTML E-Mails und E-Mails mit Anhängen zu versenden.</p>\n<p>Wenn das Mailsystem wie gewünscht konfiguriert ist, lässt sich in den Einstellungen von <em>Simplenews</em> der Versand organisieren.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/globale-einstellungen-simplenews.gif\" alt=\"\" class=\"wp-image-5969\"/><br/><i>Globale Einstellungen - Simple News (/admin/config/services/simplenews/settings/newsletter)</i>\n<h3>Abonnieren der Newsletter</h3>\n<p>Personen, die sich für deinen Newsletter interessieren, sollten den Service so einfach wie möglich abonnieren können. Für diesen Zweck gibt es mehrere Möglichkeiten.   </p>\n<h4>Newsletter Block</h4>\n<p>Simplenews bringt vorkonfigurierte Blöcke mit. Es gibt einen Block für „den“ Newsletter und einen Block für mehrere Newsletter. Die Blöcke können im Bereich Blocklayout <em>(/admin/structure/block)</em> in der gewünschten Region des Themes platziert werden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/09-bloecke-abonnement.gif\" alt=\"\" class=\"wp-image-5968\"/><br/><i>Platzieren der Blöcke im verwendeten Theme (/admin/structure/block)</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/10-block-simplenews.gif\" alt=\"\" class=\"wp-image-5970\"/><br/><i>Simplenews Abonnement Block</i>\n<p>Der Block kann mehrfach verwendet und nach Bedarf konfiguriert werden. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/11-Block-Konfiguration-Newsletter.gif\" alt=\"\" class=\"wp-image-5972\" width=\"610\" height=\"507\"/><br/><i>Abonnement Block konfigurieren</i>\n<p>Auf der Website passt sich der Inhalt der Blöcke dem Status des Besuchers an. Wenn ein Benutzer an der Website angemeldet ist, genügt eine einfache Checkbox, um einen Newsletter zu abonnieren. Die E-Mail Adresse ist in diesem Fall ja bekannt. Will ein nicht angemeldeter Besucher einen Newsletter abonnieren, so wird auf jeden Fall die E-Mail Adresse abgefragt. </p>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/12-block-fuer-besucher.gif\" alt=\"\" class=\"wp-image-5973\"/><br/><i>Ansicht für angemeldete Benutzer - Standard-Newsletter</i>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/14-Newsletter-abonnieren-fuer-registered-user-354x1024.gif\" alt=\"\" class=\"wp-image-5974\"/><br/><i>Mehrfachanmeldung für Besucher (nicht angemeldet)</i>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/15-einzelner-newsletter-abo.gif\" alt=\"\" class=\"wp-image-5976\"/><br/><i>Anmeldung für Besucher der Website (nicht angemeldet)</i>\n</div>\n</div>\n<p>Je nach den Verhältnissen auf der Website können auch nur bestimmte Rollen einen Newsletter abonnieren. <em>(/admin/people/permissions)</em>. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/13-berechtigungen.gif\" alt=\"\" class=\"wp-image-5975\"/><br/><i>Berechtigungen für Simplenews setzen (/admin/people/permissions)</i>\n<h3>Erstellen eines Newsletters</h3>\n<p>Simplenews erstellt einen Inhaltstyp namens <em>Newsletter</em>. Jede Ausgabe eines Newsletters wird hier erstellt. Anders als andere Inhaltstypen verfügt dieser Typ über ein eigenes Tab im Inhaltsbereich <em>(/admin/content/simplenews)</em>. Hier lässt sich auch der Name und der Versandstatus des Newsletters überprüfen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/16-inhaltstyp-newsletter-demodaten.gif\" alt=\"\" class=\"wp-image-5977\"/><br/><i>Liste der Newsletter (/admin/content/simplenews)</i>\n<p>Die Erstellung einer neuen Ausgabe eines Newsletters erfolgt wie das Schreiben eines Artikels <em>/node/add/simplenews_issue</em>.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/17-Erstellung-eines-Newsletters.gif\" alt=\"\" class=\"wp-image-5978\"/><br/><i>Erstellung eines neuen Newsletters</i>\n<p>Jede einzelne Newsletter-Ausgabe verfügt über ein Newsletter-Tab. Von dort aus kannst du dir beliebig oft eine Test-Ausgabe des Newsletter an von dir vorgegebene E-Mails Adressen versenden. Wenn alles wie gewünscht erscheint, kann an dieser Stelle der Newsletter auch endgültig an alle Abonnenten versendet werden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/18-newsletter-versenden.gif\" alt=\"\" class=\"wp-image-5980\"/><br/><i>Versand des Newsletters</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/18-email-ist-angekommen.gif\" alt=\"\" class=\"wp-image-5979\"/><br/><i>Test E-Mail in Apple Mail</i>\n<p>Der E-Mail Versand erfolgt mit dem periodischen Drupal Cron-Job. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/20-Versand-newsletter.gif\" alt=\"\" class=\"wp-image-5981\"/><br/><i>Versand des Newsletters</i>\n<h3>Abonnenten</h3>\n<p>In der Übersicht <em>Abonnenten</em> siehst du alle Abonnenten eines Newsletters. Ausserdem kannst du dort E-Mail Adressen importieren und exportieren <em>(/admin/people/simplenews)</em>.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/21-Abonnenten.gif\" alt=\"\" class=\"wp-image-5982\"/><br/><i>Durchsuch- und filterbare Liste der Abonnenten</i>\n<p>Jeder Benutzer hat in seinem Profilbereich ebenfalls ein Tab <em>Newsletter</em>. Dort können die Newsletter per Checkbox ebenfalls abonniert werden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/22-benutzerprofil.gif\" alt=\"\" class=\"wp-image-5983\"/><br/><i>Anzeige der Newsletter im Profil des Benutzers</i>\n<h2>Fazit</h2>\n<p>Auch wenn es anfangs ein wenig kompliziert aussieht, ist <strong>Simplenews</strong> doch ein sehr durchdachtes, in sich logisches und gut bedienbares Newsletter Tool. Daher fand ich das verwegene „ganz einfach :)“ in der Überschrift gerechtfertigt. Auch grössere Mengen an E-Mails können problemlos versendet werden. Der Inhalt des Newsletters kann mit einem WYSIWYG Editor erstellt werden und natürlich auch HTML Befehle enthalten. <br>Dadurch, dass alle Newsletter Ausgaben „normale“ Inhalte auf der Website sind, stehen sie natürlich auch ohne Mehraufwand sofort online zur Verfügung.<br>Das Modul wird von etwa 55,000 Drupal Websites genutzt. Das hier beschriebene Modul für Drupal 8 und 9 wird von etwa 4,500 Websites genutzt</p>\n<h2>Links</h2>\n<ul><li><a href=\"https://www.drupal.org/project/simplenews\">https://www.drupal.org/project/simplenews</a></li><li><a href=\"https://www.drupal.org/project/swiftmailer\">https://www.drupal.org/project/swiftmailer</a></li><li><a href=\"https://www.drupal.org/project/swiftmailer\">https://www.drupal.org/project/mailsystem</a></li><li><a href=\"https://blog.novatrend.ch/2020/03/30/ssh-zugriff-bei-uns-ganz-einfach/\" data-type=\"post\" data-id=\"5020\">SSH-Zugriff bei uns ganz einfach</a></li></ul>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Newsletter lassen sich komplett selbst betreiben</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/11/ein-leistungsfaehiger-newsletter-mit-drupal-ganz-einfach/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2021/01/18-email-ist-angekommen.gif\"],\"tags\":[\"drupal\",\"drupal9\",\"newsletter\",\"simplenews\"],\"canonical_url\":\"https://blog.novatrend.ch/2021/01/11/ein-leistungsfaehiger-newsletter-mit-drupal-ganz-einfach/\"}",
      "parent_author": "",
      "parent_permlink": "drupal",
      "permlink": "einleistungsfhigernewslettermitdrupalganzeinfach-3frhoynay05zz49j1vn8",
      "title": "Ein leistungsfähiger Newsletter mit Drupal (ganz einfach :) )"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-11T07:30:15",
  "trx_id": "4346ec323db31fb7a600661b47768c88bbcbe1be",
  "trx_in_block": 54,
  "virtual_op": false
}
2021/01/07 16:30:18
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/02/05-zugriffsfehler.jpg</center> <br/><p>In einem Hosting Paket ist neben dem Web Server natürlich auch ein Datenbank Server enthalten. Dort lassen sich Datenbanken anlegen und nutzen. Die Kommunikation mit der Datenbank übernimmt meist ein Content Management System wie WordPress oder Joomla. Eine Datenbank lässt sich beispielsweise auch mit einem selbst erstellten PHP Skript nutzen. Manchmal muss man allerdings direkt auf die Datenbank zugreifen, um einen Wert in einem Feld zu ändern. </p> <p>Um diesen Datenbankzugriff zu ermöglichen, wird meist <strong>phpMyAdmin</strong> genutzt. Auch wir bieten phpMyAdmin im Kontrollzentrum an. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/01-phpmyadmin.jpg" alt="" class="wp-image-4958"/><br/><i>WordPress Datenbank in phpMyAdmin</i> <p>Manchmal hat man nur FTP Zugriff auf eine Website und kein phpMyAdmin verfügbar. Für diesen Fall gibt es das Tool <strong>Adminer</strong>, das aus nur einer Datei besteht, die per FTP auf den entsprechenden Server geladen wird (<em>siehe auch den Blog Post <a href="https://blog.novatrend.ch/2016/12/19/datenbankverwaltung-einer-datei-adminer/">Datenbankverwaltung in einer Datei – Adminer</a></em>).</p> <p>Die Nutzung von PHP Skripten wie phpMyAdmin und Adminer über den Browser ist sehr einfach und komfortabel. Bei komplexeren Aktionen wie dem Importieren von grösseren Datenbeständen werden die Grenzen beider Skripte aber schnell sichtbar. Der Import funktioniert dann einfach nicht und bricht ab. </p> <p>In solchen Fällen helfen oft Programme wie <a href="https://www.heidisql.com">HeidiSql</a> (Windows), <a href="https://sequelpro.com">Sequel Pro</a> (macOS) oder die <a rel="noreferrer noopener" aria-label="MySQL Workbench von Oracle (opens in a new tab)" href="https://de.wikipedia.org/wiki/MySQL_Workbench" target="_blank">MySQL Workbench</a> von Oracle (Windows, macOS, Linux).</p> <h2>Externer Zugriff auf die Datenbank </h2> <p>Damit diese lokal installierten Programme auf einen Datenbank Server zugreifen können, muss dieser erreichbar sein. </p> <p>Die Erreichbarkeit "von aussen" ist ein Sicherheitsproblem weil das könnte ja dann jeder versuchen. Daher muss jede anfragende IP-Adresse für den Zugriff autorisiert werden.</p> <p>Im Novatrend Kontrollzentrum wird diese Einstellung unter dem Eintrag <strong>Remote-MySQL</strong> vorgenommen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/02-cpanel-datenbank.jpg" alt="" class="wp-image-4959"/><br/><i>Datenbank Menü im Kontrollzentrum</i> <p>Die Standardeinstellungenfür IP-Adressen betreffen den internen Zugriff, beispielsweise über PHP Skripte, die auf dem Webhosting hinterlegt sind. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/03-cpanel-zugriffshost-1024x320.jpg" alt="" class="wp-image-4960"/><br/><i>Zugelassene IP-Adressen</i> <p>Ich nutze auf dem Mac <strong>Sequel Pro</strong>. Um eine Verbindung zur Datenbank herstellen zu können, muss ich den Hostnamen, den Datenbank-Benutzernamen und das Passwort eintragen. Der Datenbankname ist optional, weil diese Tools automatisch alle Datenbanken, auf die der Benutzer Zugriff hat, anzeigen.</p> <p>Wenn ich beispielsweise als Host <em>seafolly.ch (meine Testsite)</em> und als Benutzernamen <em>seafoll1_wp323 (eine WordPress DB)</em>, sowie das entsprechende Passwort eingebe und dann auf <em>Connect</em> klicke, versucht sich das Programm zu verbinden ...</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/04-sequel-pro.jpg" alt="" class="wp-image-4961"/> <p>... scheitert aber an fehlenden Rechten mit einer entsprechenden Meldung.</p> <pre class="wp-block-preformatted">MySQL said: Access denied for user ...</pre> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/05-zugriffsfehler.jpg" alt="" class="wp-image-4962"/> <p>Die 81.56.138.147 ist dabei die IP-Adresse des lokalen Rechners. </p> <p>Die lokale IP-Adresse lässt sich auf unterschiedliche Weise ermitteln. Wir nutzen dafür <a href="https://ip.novatrend.ch">https://ip.novatrend.ch</a>. Wenn du diese Site im Browser aufrufst, zeigt sie dir deine IP-Adresse an. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/06-ip-adresse2-1024x414.jpg" alt="" class="wp-image-4964"/><br/><i>Eigene IP-Adresse ermitteln auf <a href="https://ip.novatrend.ch">https://ip.novatrend.ch</a></i> <p>Wenn nun die IP-Adresse im Kontrollzentrum hinzufügt wird (<em>Host hinzufügen)</em> ...</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/06-ip-adresse-hinzufuegen-1024x461.jpg" alt="" class="wp-image-4965"/> <p>... erhält das Programm <em>Sequel Pro</em> die Erlaubnis, sich mit der Datenbank zu verbinden. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/02/07-sequel-pro.jpg" alt="" class="wp-image-4966"/><br/><i>WordPress Datenbank in Sequel Pro</i> <h2>Fazit</h2> <p>Für grössere Arbeiten direkt an einer Datenbank bietet es sich an, lokal installierte Programme zu nutzen. Nach einer gewissen Einarbeitungszeit lässt sich damit sehr schnell, und vor allem sehr zuverlässig, arbeiten. Die Erteilung von Berechtigungen pro IP-Adresse bietet einen Schutz vor unerwünschter Nutzung.</p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Du kannst von deinem PC auf die Datenbank deines Webhostings zugreifen! Schon mal ausprobiert?</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/03/02/externer-zugriff-auf-die-datenbank/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/02/05-zugriffsfehler.jpg"],"tags":["steempress","steem","novatrend"],"canonical_url":"https://blog.novatrend.ch/2020/03/02/externer-zugriff-auf-die-datenbank/"}
parent author
parent permlinksteempress
permlinkexternerzugriffaufdiedatenbank-d48jnc23sh
titleExterner Zugriff auf die Datenbank
Transaction InfoBlock #50236008/Trx 723a94b27b38699153b9303b8fca801c44dbdc57
View Raw JSON Data
{
  "block": 50236008,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/02/05-zugriffsfehler.jpg</center> <br/><p>In einem Hosting Paket ist neben dem Web Server natürlich auch ein Datenbank Server enthalten. Dort lassen sich Datenbanken anlegen und nutzen. Die Kommunikation mit der Datenbank übernimmt meist ein Content Management System wie WordPress oder Joomla. Eine Datenbank lässt sich beispielsweise auch mit einem selbst erstellten PHP Skript nutzen. Manchmal muss man allerdings direkt auf die Datenbank zugreifen, um einen Wert in einem Feld zu ändern. </p>\n\n<p>Um diesen Datenbankzugriff zu ermöglichen, wird meist <strong>phpMyAdmin</strong> genutzt. Auch wir bieten phpMyAdmin im Kontrollzentrum an. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/01-phpmyadmin.jpg\" alt=\"\" class=\"wp-image-4958\"/><br/><i>WordPress Datenbank in phpMyAdmin</i>\n<p>Manchmal hat man nur FTP Zugriff auf eine Website und kein phpMyAdmin verfügbar. Für diesen Fall gibt es das Tool <strong>Adminer</strong>, das aus nur einer Datei besteht, die per FTP auf den entsprechenden Server geladen wird (<em>siehe auch den Blog Post <a href=\"https://blog.novatrend.ch/2016/12/19/datenbankverwaltung-einer-datei-adminer/\">Datenbankverwaltung in einer Datei – Adminer</a></em>).</p>\n<p>Die Nutzung von PHP Skripten wie phpMyAdmin und Adminer über den Browser ist sehr einfach und komfortabel. Bei komplexeren Aktionen wie dem Importieren von grösseren Datenbeständen werden die Grenzen beider Skripte aber schnell sichtbar. Der Import funktioniert dann einfach nicht und bricht ab. </p>\n<p>In solchen Fällen helfen oft Programme wie <a href=\"https://www.heidisql.com\">HeidiSql</a> (Windows), <a href=\"https://sequelpro.com\">Sequel Pro</a> (macOS) oder die <a rel=\"noreferrer noopener\" aria-label=\"MySQL Workbench von Oracle (opens in a new tab)\" href=\"https://de.wikipedia.org/wiki/MySQL_Workbench\" target=\"_blank\">MySQL Workbench</a> von Oracle (Windows, macOS, Linux).</p>\n<h2>Externer Zugriff auf die Datenbank </h2>\n<p>Damit diese lokal installierten Programme auf einen Datenbank Server zugreifen können, muss dieser erreichbar sein. </p>\n<p>Die Erreichbarkeit \"von aussen\" ist ein Sicherheitsproblem weil das könnte ja dann jeder versuchen. Daher muss jede anfragende IP-Adresse für den Zugriff autorisiert werden.</p>\n<p>Im Novatrend Kontrollzentrum wird diese Einstellung unter dem Eintrag <strong>Remote-MySQL</strong> vorgenommen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/02-cpanel-datenbank.jpg\" alt=\"\" class=\"wp-image-4959\"/><br/><i>Datenbank Menü im Kontrollzentrum</i>\n<p>Die Standardeinstellungenfür IP-Adressen betreffen den internen Zugriff, beispielsweise über PHP Skripte, die auf dem Webhosting hinterlegt sind. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/03-cpanel-zugriffshost-1024x320.jpg\" alt=\"\" class=\"wp-image-4960\"/><br/><i>Zugelassene IP-Adressen</i>\n<p>Ich nutze auf dem Mac <strong>Sequel Pro</strong>. Um eine Verbindung zur Datenbank herstellen zu können, muss ich den Hostnamen, den Datenbank-Benutzernamen und das Passwort eintragen. Der Datenbankname ist optional, weil diese Tools automatisch alle Datenbanken, auf die der Benutzer Zugriff hat, anzeigen.</p>\n<p>Wenn ich beispielsweise als Host <em>seafolly.ch (meine Testsite)</em> und als Benutzernamen <em>seafoll1_wp323 (eine WordPress DB)</em>, sowie das entsprechende Passwort eingebe und dann auf <em>Connect</em> klicke, versucht sich das Programm zu verbinden ...</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/04-sequel-pro.jpg\" alt=\"\" class=\"wp-image-4961\"/>\n<p>... scheitert aber an fehlenden Rechten mit einer entsprechenden Meldung.</p>\n<pre class=\"wp-block-preformatted\">MySQL said: Access denied for user ...</pre>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/05-zugriffsfehler.jpg\" alt=\"\" class=\"wp-image-4962\"/>\n<p>Die 81.56.138.147 ist dabei die IP-Adresse des lokalen Rechners. </p>\n<p>Die lokale IP-Adresse lässt sich auf unterschiedliche Weise ermitteln. Wir nutzen dafür <a href=\"https://ip.novatrend.ch\">https://ip.novatrend.ch</a>. Wenn du diese Site im Browser aufrufst, zeigt sie dir deine IP-Adresse an. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/06-ip-adresse2-1024x414.jpg\" alt=\"\" class=\"wp-image-4964\"/><br/><i>Eigene IP-Adresse ermitteln auf <a href=\"https://ip.novatrend.ch\">https://ip.novatrend.ch</a></i>\n<p>Wenn nun die IP-Adresse im Kontrollzentrum hinzufügt wird (<em>Host hinzufügen)</em> ...</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/06-ip-adresse-hinzufuegen-1024x461.jpg\" alt=\"\" class=\"wp-image-4965\"/>\n<p>... erhält das Programm <em>Sequel Pro</em> die Erlaubnis, sich mit der Datenbank zu verbinden. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/02/07-sequel-pro.jpg\" alt=\"\" class=\"wp-image-4966\"/><br/><i>WordPress Datenbank in Sequel Pro</i>\n<h2>Fazit</h2>\n<p>Für grössere Arbeiten direkt an einer Datenbank bietet es sich an, lokal installierte Programme zu nutzen. Nach einer gewissen Einarbeitungszeit lässt sich damit sehr schnell, und vor allem sehr zuverlässig, arbeiten. Die Erteilung von Berechtigungen pro IP-Adresse bietet einen Schutz vor unerwünschter Nutzung.</p>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Du kannst von deinem PC auf die Datenbank deines Webhostings zugreifen! Schon mal ausprobiert?</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/03/02/externer-zugriff-auf-die-datenbank/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/02/05-zugriffsfehler.jpg\"],\"tags\":[\"steempress\",\"steem\",\"novatrend\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/03/02/externer-zugriff-auf-die-datenbank/\"}",
      "parent_author": "",
      "parent_permlink": "steempress",
      "permlink": "externerzugriffaufdiedatenbank-d48jnc23sh",
      "title": "Externer Zugriff auf die Datenbank"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-07T16:30:18",
  "trx_id": "723a94b27b38699153b9303b8fca801c44dbdc57",
  "trx_in_block": 13,
  "virtual_op": false
}
2021/01/04 08:06:42
authorhivebuzz
bodyCongratulations @hagengraf! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) : <table><tr><td><img src="https://images.hive.blog/60x70/http://hivebuzz.me/@hagengraf/posts.png?202101040747"></td><td>You published more than 350 posts. Your next target is to reach 400 posts.</td></tr> </table> <sub>_You can view your badges on [your board](https://hivebuzz.me/@hagengraf) and compare yourself to others in the [Ranking](https://hivebuzz.me/ranking)_</sub> <sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub> **Do not miss the last post from @hivebuzz:** <table><tr><td><a href="/hivebuzz/@hivebuzz/pud-202101-feedback"><img src="https://images.hive.blog/64x128/https://i.imgur.com/xQGM37X.png"></a></td><td><a href="/hivebuzz/@hivebuzz/pud-202101-feedback">Feedback from the January 1st Hive Power Up Day</a></td></tr><tr><td><a href="/hivebuzz/@hivebuzz/update-202101"><img src="https://images.hive.blog/64x128/https://i.imgur.com/GZV4AF7.png"></a></td><td><a href="/hivebuzz/@hivebuzz/update-202101">Happy New Year - Project Activity Update</a></td></tr></table>
json metadata{"image":["http://hivebuzz.me/notify.t6.png"]}
parent authorhagengraf
parent permlinkvomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x
permlinkhivebuzz-notify-hagengraf-20210104t080641000z
title
Transaction InfoBlock #50139731/Trx c0543a200b7d2541b230a90482bd7ddff6cce078
View Raw JSON Data
{
  "block": 50139731,
  "op": [
    "comment",
    {
      "author": "hivebuzz",
      "body": "Congratulations @hagengraf! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :\n\n<table><tr><td><img src=\"https://images.hive.blog/60x70/http://hivebuzz.me/@hagengraf/posts.png?202101040747\"></td><td>You published more than 350 posts. Your next target is to reach 400 posts.</td></tr>\n</table>\n\n<sub>_You can view your badges on [your board](https://hivebuzz.me/@hagengraf) and compare yourself to others in the [Ranking](https://hivebuzz.me/ranking)_</sub>\n<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>\n\n\n\n**Do not miss the last post from @hivebuzz:**\n<table><tr><td><a href=\"/hivebuzz/@hivebuzz/pud-202101-feedback\"><img src=\"https://images.hive.blog/64x128/https://i.imgur.com/xQGM37X.png\"></a></td><td><a href=\"/hivebuzz/@hivebuzz/pud-202101-feedback\">Feedback from the January 1st Hive Power Up Day</a></td></tr><tr><td><a href=\"/hivebuzz/@hivebuzz/update-202101\"><img src=\"https://images.hive.blog/64x128/https://i.imgur.com/GZV4AF7.png\"></a></td><td><a href=\"/hivebuzz/@hivebuzz/update-202101\">Happy New Year - Project Activity Update</a></td></tr></table>",
      "json_metadata": "{\"image\":[\"http://hivebuzz.me/notify.t6.png\"]}",
      "parent_author": "hagengraf",
      "parent_permlink": "vomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x",
      "permlink": "hivebuzz-notify-hagengraf-20210104t080641000z",
      "title": ""
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-04T08:06:42",
  "trx_id": "c0543a200b7d2541b230a90482bd7ddff6cce078",
  "trx_in_block": 23,
  "virtual_op": false
}
2021/01/04 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkvomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #50139118/Trx 29abd43343dd39d23ed14147969787904f9e6c87
View Raw JSON Data
{
  "block": 50139118,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "vomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-04T07:36:03",
  "trx_id": "29abd43343dd39d23ed14147969787904f9e6c87",
  "trx_in_block": 18,
  "virtual_op": true
}
2021/01/04 07:36:03
authorhagengraf
permlinkvomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #50139118/Trx 29abd43343dd39d23ed14147969787904f9e6c87
View Raw JSON Data
{
  "block": 50139118,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "vomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-04T07:36:03",
  "trx_id": "29abd43343dd39d23ed14147969787904f9e6c87",
  "trx_in_block": 18,
  "virtual_op": false
}
2021/01/04 07:30:18
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkvomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x
Transaction InfoBlock #50139004/Trx cda7496c621bef484dd2e9d65ad2b5758d6762a0
View Raw JSON Data
{
  "block": 50139004,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "vomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2021-01-04T07:30:18",
  "trx_id": "cda7496c621bef484dd2e9d65ad2b5758d6762a0",
  "trx_in_block": 6,
  "virtual_op": false
}
2021/01/04 07:30:18
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/ch.jpg.jpg</center> <br/><p>Kategorien gibt es schon lange. Nachrichtenmagazine beispielsweise teilen ihre Artikel in Themenbereiche auf. Politik, Ausland, Sport und Wirtschaft sind solche Themen. Bevor ein Artikel entsteht, wird er einem Themengebiet zugeordnet. Für jedes Themengebiet gibt es meist auch eine Gruppe in der Redaktion und die heisst Ressort. Ein Themengebiet könnte man auch Kategorie nennen und ein Artikel muss kategorisiert werden damit er geschrieben und auch schnell wiedergefunden werden kann. Dieses Kategorie-Prinzip gibt es überall. Bücher werden in Sachgebiete eingeteilt, Lebewesen in Arten und Familien, Aktien in Branchen und vieles andere mehr. Diese Art der Strukturierung ist allgegenwärtig und hilft uns den Überblick zu behalten. </p> <p>Was aber passiert mit Dingen und Themen, für die es keine Kategorien gibt? Ein Beispiel: Seit ein paar Jahren gibt es viel Interesse an Fahrrädern. Nachrichten über Fahrräder waren aber schwer in klassischen Medien zu organisieren. Es gab dafür kein eigenes Ressort. Es gab nur ein Ressort für Automobile. Die Redaktion dafür bestand aus Personen, die über Autos schrieben. Fahrradthemen erschienen eher in Kategorien wie Hobby oder Familie. Das Fahrradthema wurde aber mit der Zeit immer grösser und so setzte man sich irgendwann in der Redaktion zusammen und erfand die neue Kategorie Mobilität. Jetzt hat man einen Ort für Automobile und Fahrräder und ist wieder auf dem aktuellen Stand. Das Prinzip funktioniert, ist aber sehr mühselig und es dauert vor allem lange in der Durchführung. </p> <p>Und an genau dieser Stelle setzt die Macht der <strong>Hashtags</strong> an.</p> <h2>Die Geschichte der <strong>Hashtags</strong> </h2> <p>Ab 2004 entstand das Web 2.0. Der Nutzer wandelt sich vom reinen Konsumenten zu einem “Prosumemt“ der auch Inhalte selbst erstellt. </p> <blockquote class="wp-block-quote"><p>Die Inhalte werden nicht mehr nur zentralisiert von großen Medienunternehmen erstellt und über das Internet verbreitet, sondern auch von einer Vielzahl von Nutzern, die sich mit Hilfe von Social Software zusätzlich untereinander vernetzen. Im Marketing wird versucht, vom Push-Prinzip (Stoßen: aktive Verteilung) zum Pull-Prinzip (Ziehen: aktive Sammlung) zu gelangen und Nutzer zu motivieren, Webseiten von sich aus mitzugestalten.</p><cite><a href="https://de.wikipedia.org/wiki/Web_2.0" target="_blank" rel="noreferrer noopener"> https://de.wikipedia.org/wiki/Web_2.0</a></cite> </blockquote> <p>Für viele Inhalte, die ab 2004 im Netz auftauchten gab es keine Kategorien und Redaktionskonferenzen konnte es prinzipienbedingt nicht geben. </p> <p>Wie behält man die Übersicht in diesem Meer aus Inhalten? </p> <h3>#sandiegofire</h3> <p>Chris Messina (<a rel="noreferrer noopener" href="https://twitter.com/chrismessina" target="_blank">@chrismessina</a>) suchte eine Lösung für dieses Problem. Er suchte eine Art Ordnungskriterium für Tweets, so etwas wie eine Kategorie. Inspiriert von Chatrooms, deren Name immer mit dem Hashzeichen (#) begannen, „erfand“ er <strong>das Hashtag</strong> auf der damals noch kleinen und eher unbedeutenden Plattform Twitter. Er benutzte es selbst als Kennzeichnung für ein <a rel="noreferrer noopener" href="https://twitter.com/search?q=%23barcamp" target="_blank">#barcamp</a>. <br>Twitter lehnte das Konzept zunächst allerdings als zu „nerdy“ ab. <br>Chris war nach wie vor überzeugt von seinem Konzept und animierte seine Freunde dazu, #Hashtags zu benutzen.</p> <p>Im Jahr 2007 schliesslich benutzten viele Twitter User anlässlich der Waldbrände in San Diego das Hashtag (<a href="https://twitter.com/search?q=%sandiegofire" data-type="URL" data-id="https://twitter.com/search?q=%sandiegofire">#</a><a rel="noreferrer noopener" href="https://twitter.com/search?q=#23sandiegofire" data-type="URL" target="_blank">sandiegofire</a>) und es funktionierte so gut, dass, wenn man das Hashtag benutzte, schnell eine Vielzahl von Inhalten zum Ereignis angezeigt bekam. Das Hashtag entwickelte sich zur Kategorie, die vom Benutzer einfach, ohne Redaktionskonferenz, erstellt werden kann. In 2009 baute Twitter dann eine Suche für Hashtags ein. 2010 startete Instagram und Hashtags waren von Anfang an dabei. Facebook zog 2013 nach. Nun waren Hashtags im Mainstream angekommen und spielten eine immer grössere Rolle bei Kampagnen. </p> <p>Chris Messina sagt, er habe die Hashtags nicht für Twitter, sondern für jeden im Internet, erfunden. Wer schreiben kann, kann mit Hashtags an globalen Diskussionen teilnehmen, unabhängig von der Plattform. Erfolgreiche Beispiele für Hashtags sind beispielsweise <a href="https://twitter.com/search?q=%23metoo">#metoo</a> <a href="https://twitter.com/search?q=%23blacklivesmatter">#blacklivesmatter</a> <a href="https://twitter.com/search?q=%23blm">#blm</a> <a href="https://twitter.com/search?q=%23maga" data-type="URL" data-id="https://twitter.com/search?q=%23maga">#maga</a> und viele andere mehr.</p> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> https://youtu.be/_4qXSbg3bN4 </div><figcaption>Chris Messina - The Man who „Invented“ the Hashtag</figcaption></figure> <p>Im Jahr 2013 erstellte der YouTuber Y-Titty das Hashtag Video, das mittlerweile 8,5 Millionen Views hat.</p> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> https://youtu.be/E_g9yd4OxyQ </div><figcaption>2014 #Hashtag </figcaption></figure> <h2>Trending Topics und Tag Clouds</h2> <p>Wenn so viele Menschen #Hashtags benutzen, lassen sich bereits allein aus der Anzahl der Erwähnungen interessante Schlüsse ziehen. Das hier sind beispielsweise die am meisten benutzten Hashtags der letzten fünf Jahre in diesem Blog. Du siehst tatsächlich auf einen Blick, worum es hier im Blog in den letzten fünf Jahren ging.</p> <p>Das funktioniert natürlich auch mit existierenden Kategorien und wäre sicherlich interessant zu sehen bei unterschiedlichen Nachrichten Magazinen. </p> <p>Wenn so eine Darstellung einfach möglich ist, fragt man sich sofort, wie sich wohl die Verwendung der Hashtags über die Jahre entwickelt hat. Es gibt beispielsweise bei uns einen Hashtag für #Drupal und einen für #Drupal8. Da muss doch etwas passiert sein &#x1f914;.</p> <p>Die <strong>Trending Topics</strong> bei Twitter basieren ebenfalls auf Hashtags und geben, je nach Konfiguration einen Überblick über die Themen, über die gerade über Twitter auf der Welt gesprochen wird!</p> <div class="wp-block-columns"><div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/357F3049-6B46-4F24-A1FF-6FE203A841EF-473x1024.png" alt="" class="wp-image-5947"/><br/><i>Weltweit - Trending Hashtags auf Twitter</i> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/752CFEE2-D418-42DE-A00A-5B49FD136602-473x1024.png" alt="" class="wp-image-5948"/><br/><i>Frankreich - Trending Hashtags auf Twitter</i> </div> </div> <p>Twitter erlaubt auch eine Lokalisierung und die Anpassung an mein Profil, wenn ich das will. Man erhält dann beispielsweise Hashtags, die gerade in Frankreich „trenden“.</p> <p>Auf vielen Social Media Plattformen kann man Hashtags auch folgen. Auf Instagram gibt es mehr als 25,000,000 Posts mit dem Hashtag Switzerland!</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2021/01/ch.jpg.jpg" alt="#switzerland auf Instagram" class="wp-image-5949"/><br/><i>#switzerland auf Instagram</i> <p> </p> <h2>Fazit</h2> <p>Aus einer kleinen Idee, basierend auf einer Liste von Chatrooms, entstand ein weltweites Ordnungskriterium, das nicht mehr wegzudenken ist aus dem Internet und in immer mehr Lebensbereichen eine Rolle spielt. </p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> #hashtags sind ein weltweites Ordnungskriterium</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/04/vom-aufstieg-und-der-macht-der-hashtags/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2021/01/ch.jpg.jpg"],"tags":["drupal","drupal8","hashtag","hashtags"],"canonical_url":"https://blog.novatrend.ch/2021/01/04/vom-aufstieg-und-der-macht-der-hashtags/"}
parent author
parent permlinkdrupal
permlinkvomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x
titleVom #Aufstieg und der #Macht der #Hashtags
Transaction InfoBlock #50139004/Trx cda7496c621bef484dd2e9d65ad2b5758d6762a0
View Raw JSON Data
{
  "block": 50139004,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2021/01/ch.jpg.jpg</center> <br/><p>Kategorien gibt es schon lange. Nachrichtenmagazine beispielsweise teilen ihre Artikel in Themenbereiche auf. Politik, Ausland, Sport und Wirtschaft sind solche Themen. Bevor ein Artikel entsteht, wird er einem Themengebiet zugeordnet. Für jedes Themengebiet gibt es meist auch eine Gruppe in der Redaktion und die heisst Ressort. Ein Themengebiet könnte man auch Kategorie nennen und ein Artikel muss kategorisiert werden damit er geschrieben und auch schnell wiedergefunden werden kann. Dieses Kategorie-Prinzip gibt es überall. Bücher werden in Sachgebiete eingeteilt, Lebewesen in Arten und Familien, Aktien in Branchen und vieles andere mehr. Diese Art der Strukturierung ist allgegenwärtig und hilft uns den Überblick zu behalten. </p>\n<p>Was aber passiert mit Dingen und Themen, für die es keine Kategorien gibt? Ein Beispiel: Seit ein paar Jahren gibt es viel Interesse an Fahrrädern. Nachrichten über Fahrräder waren aber schwer in klassischen Medien zu organisieren. Es gab dafür kein eigenes Ressort. Es gab nur ein Ressort für Automobile. Die Redaktion dafür bestand aus Personen, die über Autos schrieben. Fahrradthemen erschienen eher in Kategorien wie Hobby oder Familie. Das Fahrradthema wurde aber mit der Zeit immer grösser und so setzte man sich irgendwann in der Redaktion zusammen und erfand die neue Kategorie Mobilität. Jetzt hat man einen Ort für Automobile und Fahrräder und ist wieder auf dem aktuellen Stand. Das Prinzip funktioniert, ist aber sehr mühselig und es dauert vor allem lange in der Durchführung. </p>\n<p>Und an genau dieser Stelle setzt die Macht der <strong>Hashtags</strong> an.</p>\n\n<h2>Die Geschichte der <strong>Hashtags</strong>      </h2>\n<p>Ab 2004 entstand das Web 2.0. Der Nutzer wandelt sich vom reinen Konsumenten zu einem “Prosumemt“ der auch Inhalte selbst erstellt. </p>\n<blockquote class=\"wp-block-quote\"><p>Die Inhalte werden nicht mehr nur zentralisiert von großen Medienunternehmen erstellt und über das Internet verbreitet, sondern auch von einer Vielzahl von Nutzern, die sich mit Hilfe von Social Software zusätzlich untereinander vernetzen. Im Marketing wird versucht, vom Push-Prinzip (Stoßen: aktive Verteilung) zum Pull-Prinzip (Ziehen: aktive Sammlung) zu gelangen und Nutzer zu motivieren, Webseiten von sich aus mitzugestalten.</p><cite><a href=\"https://de.wikipedia.org/wiki/Web_2.0\" target=\"_blank\" rel=\"noreferrer noopener\"> https://de.wikipedia.org/wiki/Web_2.0</a></cite>\n</blockquote>\n<p>Für viele Inhalte, die ab 2004 im Netz auftauchten gab es keine Kategorien und Redaktionskonferenzen konnte es prinzipienbedingt nicht geben. </p>\n<p>Wie behält man die Übersicht in diesem Meer aus Inhalten? </p>\n<h3>#sandiegofire</h3>\n<p>Chris Messina (<a rel=\"noreferrer noopener\" href=\"https://twitter.com/chrismessina\" target=\"_blank\">@chrismessina</a>) suchte eine Lösung für dieses Problem. Er suchte eine Art Ordnungskriterium für Tweets, so etwas wie eine Kategorie. Inspiriert von Chatrooms, deren Name immer mit dem Hashzeichen (#) begannen, „erfand“ er <strong>das Hashtag</strong> auf der damals noch kleinen und eher unbedeutenden Plattform Twitter. Er benutzte es selbst als Kennzeichnung für ein <a rel=\"noreferrer noopener\" href=\"https://twitter.com/search?q=%23barcamp\" target=\"_blank\">#barcamp</a>. <br>Twitter lehnte das Konzept zunächst allerdings als zu „nerdy“ ab. <br>Chris war nach wie vor überzeugt von seinem Konzept und animierte seine Freunde dazu, #Hashtags zu benutzen.</p>\n<p>Im Jahr 2007 schliesslich benutzten viele Twitter User anlässlich der Waldbrände in San Diego das Hashtag (<a href=\"https://twitter.com/search?q=%sandiegofire\" data-type=\"URL\" data-id=\"https://twitter.com/search?q=%sandiegofire\">#</a><a rel=\"noreferrer noopener\" href=\"https://twitter.com/search?q=#23sandiegofire\" data-type=\"URL\" target=\"_blank\">sandiegofire</a>) und es funktionierte so gut, dass, wenn man das Hashtag benutzte, schnell eine Vielzahl von Inhalten zum Ereignis angezeigt bekam. Das Hashtag entwickelte sich zur Kategorie, die vom Benutzer einfach, ohne Redaktionskonferenz, erstellt werden kann. In 2009 baute Twitter dann eine Suche für Hashtags ein. 2010 startete Instagram und Hashtags waren von Anfang an dabei. Facebook zog 2013 nach. Nun waren Hashtags im Mainstream angekommen und spielten eine immer grössere Rolle bei Kampagnen. </p>\n<p>Chris Messina sagt, er habe die Hashtags nicht für Twitter, sondern für jeden im Internet, erfunden. Wer schreiben kann, kann mit Hashtags an globalen Diskussionen teilnehmen, unabhängig von der Plattform. Erfolgreiche Beispiele für Hashtags sind beispielsweise <a href=\"https://twitter.com/search?q=%23metoo\">#metoo</a> <a href=\"https://twitter.com/search?q=%23blacklivesmatter\">#blacklivesmatter</a> <a href=\"https://twitter.com/search?q=%23blm\">#blm</a> <a href=\"https://twitter.com/search?q=%23maga\" data-type=\"URL\" data-id=\"https://twitter.com/search?q=%23maga\">#maga</a> und viele andere mehr.</p>\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps://youtu.be/_4qXSbg3bN4\n</div><figcaption>Chris Messina - The Man who „Invented“ the Hashtag</figcaption></figure>\n<p>Im Jahr 2013 erstellte der YouTuber Y-Titty das Hashtag Video, das mittlerweile 8,5 Millionen Views hat.</p>\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps://youtu.be/E_g9yd4OxyQ\n</div><figcaption>2014 #Hashtag </figcaption></figure>\n<h2>Trending Topics und Tag Clouds</h2>\n<p>Wenn so viele Menschen #Hashtags benutzen, lassen sich bereits allein aus der Anzahl der Erwähnungen interessante Schlüsse ziehen. Das hier sind beispielsweise die am meisten benutzten Hashtags der letzten fünf Jahre in diesem Blog. Du siehst tatsächlich auf einen Blick, worum es hier im Blog in den letzten fünf Jahren ging.</p>\n\n\n<p>Das funktioniert natürlich auch mit existierenden Kategorien und wäre sicherlich interessant zu sehen bei unterschiedlichen Nachrichten Magazinen. </p>\n<p>Wenn so eine Darstellung einfach möglich ist, fragt man sich sofort, wie sich wohl die Verwendung der Hashtags über die Jahre entwickelt hat. Es gibt beispielsweise bei uns einen Hashtag für #Drupal und einen für #Drupal8. Da muss doch etwas passiert sein &#x1f914;.</p>\n<p>Die <strong>Trending Topics</strong> bei Twitter basieren ebenfalls auf Hashtags und geben, je nach Konfiguration einen Überblick über die Themen, über die gerade über Twitter auf der Welt gesprochen wird!</p>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/357F3049-6B46-4F24-A1FF-6FE203A841EF-473x1024.png\" alt=\"\" class=\"wp-image-5947\"/><br/><i>Weltweit - Trending Hashtags auf Twitter</i>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/752CFEE2-D418-42DE-A00A-5B49FD136602-473x1024.png\" alt=\"\" class=\"wp-image-5948\"/><br/><i>Frankreich - Trending Hashtags auf Twitter</i>\n</div>\n</div>\n<p>Twitter erlaubt auch eine Lokalisierung und die Anpassung an mein Profil, wenn ich das will. Man erhält dann beispielsweise Hashtags, die gerade in Frankreich „trenden“.</p>\n<p>Auf vielen Social Media Plattformen kann man Hashtags auch folgen. Auf Instagram gibt es mehr als 25,000,000 Posts mit dem Hashtag Switzerland!</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2021/01/ch.jpg.jpg\" alt=\"#switzerland auf Instagram\" class=\"wp-image-5949\"/><br/><i>#switzerland auf Instagram</i>\n<p> </p>\n<h2>Fazit</h2>\n<p>Aus einer kleinen Idee, basierend auf einer Liste von Chatrooms, entstand ein weltweites Ordnungskriterium, das nicht mehr wegzudenken ist aus dem Internet und in immer mehr Lebensbereichen eine Rolle spielt. </p>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> #hashtags sind ein weltweites Ordnungskriterium</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2021/01/04/vom-aufstieg-und-der-macht-der-hashtags/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2021/01/ch.jpg.jpg\"],\"tags\":[\"drupal\",\"drupal8\",\"hashtag\",\"hashtags\"],\"canonical_url\":\"https://blog.novatrend.ch/2021/01/04/vom-aufstieg-und-der-macht-der-hashtags/\"}",
      "parent_author": "",
      "parent_permlink": "drupal",
      "permlink": "vomaufstiegunddermachtderhashtags-xx2pu40g4p7jbvlt5m4x",
      "title": "Vom #Aufstieg und der #Macht der #Hashtags"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2021-01-04T07:30:18",
  "trx_id": "cda7496c621bef484dd2e9d65ad2b5758d6762a0",
  "trx_in_block": 6,
  "virtual_op": false
}
2021/01/04 07:30:15
authorhagengraf
permlinkappetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319
Transaction InfoBlock #50139003/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 50139003,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "appetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2021-01-04T07:30:15",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/12/28 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkappetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #49937993/Trx a10e3bfce10f36c5525079bae73cb9d17aa2de67
View Raw JSON Data
{
  "block": 49937993,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "appetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-28T07:36:03",
  "trx_id": "a10e3bfce10f36c5525079bae73cb9d17aa2de67",
  "trx_in_block": 16,
  "virtual_op": true
}
2020/12/28 07:36:03
authorhagengraf
permlinkappetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #49937993/Trx a10e3bfce10f36c5525079bae73cb9d17aa2de67
View Raw JSON Data
{
  "block": 49937993,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "appetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-28T07:36:03",
  "trx_id": "a10e3bfce10f36c5525079bae73cb9d17aa2de67",
  "trx_in_block": 16,
  "virtual_op": false
}
2020/12/28 07:30:18
authorhagengraf
permlinkvirtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd
Transaction InfoBlock #49937879/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 49937879,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "virtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2020-12-28T07:30:18",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/12/28 07:30:18
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkappetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319
Transaction InfoBlock #49937879/Trx 3804c316cc21850add20c9b734d0c495b722f9c0
View Raw JSON Data
{
  "block": 49937879,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "appetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-28T07:30:18",
  "trx_id": "3804c316cc21850add20c9b734d0c495b722f9c0",
  "trx_in_block": 22,
  "virtual_op": false
}
2020/12/28 07:30:18
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/joy.jpg</center> <br/><p>Appetithäppchen sind kleine&nbsp;Vorspeisen, die vor dem Essen gereicht werden, um den&nbsp;Appetit&nbsp;zu wecken. Viele Beiträge in diesem Blog sind auch Appetithäppchen. Sie sollen dazu anregen, etwas Neues auszuprobieren und Abläufe auch mal von einer anderen Seite zu sehen. Wer eine oder mehrere Websites über Jahre betreibt, wird in dieser Zeit immer erfahrener im Umgang mit dieser Website <em>(und natürlich auch mit den Agenturen und Personen, die diese Websites erstellen)</em>. Moden und Trends kommen und gehen und man versucht das Beste daraus zu machen. Dabei unterliegt man auch der Gefahr, sich immer tiefer in Abhängigkeiten zu verstricken. Diese Abhängigkeiten können dazu führen, dass eine Website immer unübersichtlicher und langsamer wird, letztlich auch teurer, das mehrsprachige Websites über die Jahre doch nicht so richtig mehrsprachig sind, das Updates nicht eingespielt werden können, weil dann Teile der Website nicht mehr funktionieren und das Abläufe und Prozesse über die Jahre kompliziert und aufwendig werden. Neue Mitarbeiter:innen verstehen dann oft weder die Arbeitsweise, noch die Prozesse und schlagen sich mit ihren selbst gebastelten „virtuellen Macheten“ irgendwie einen Weg durch den technologischen Dschungel. </p> <p>Die Situation ist nicht neu. Wenn es zu kompliziert wird, trifft man sich halt persönlich mit Agentur oder Kunde zu einem Essen oder einem Getränk, vielleicht im Rahmen einer Konferenz, und bespricht das mal. Vielleicht sitzt man sogar räumlich beisammen in einem Gebäude und regelt Kleinigkeiten einfach am Kaffeeautomaten oder durch mehr oder weniger zufällige Begegnungen auf dem Flur („Flurfunk“) und in Meetings. </p> <p>Im Jahr 2020 wurde dieses Präsenz-Ökosystem erstmals „wirklich“ erschüttert. </p> <p>Home Office war angesagt und viele konnten mit dieser Situation am Anfang wenig anfangen. Es gab weder genug Geräte, geschweige denn etablierte Prozesse. Auch Hierarchien und Statusdenken war und ist nicht einfach in die virtuelle Welt zu übersetzen. Die Kommunikationsmöglichkeiten auf dem Flur, im Aufzug, bei der Dienstreise und beim Geschäftsessen entfielen - einfach so!</p> <p>Glücklicherweise passt sich ein Markt recht fix an veränderte Situationen an und so langsam wird immer klarer, dass das Home Office nicht verschwinden wird. Ganz im Gegenteil wird es Einfluss auf so ziemlich alles haben, was uns umgibt. </p> <p>Jeder braucht daher ein paar Ideen oder Appetithäppchen, wie es denn so werden könnte in der Zukunft - mit Konferenzen, mit Dienstreisen, mit der Kommunikation, der Abhörsicherheit, ja überhaupt mit der Arbeit und der Schule.</p> <p>Die gute Nachricht für unsere “Website/App/Service Bubble“ ist ganz klar und durchaus Grund zur Zuversicht:</p> <blockquote class="wp-block-quote"><p> <em>„Wir brauchen mehr Digitalisierung, und zwar schnell!“</em></p> </blockquote> <p>Die <em>(für manche)</em> nicht unbedingt schlechte aber doch überraschende Nachricht ist: </p> <blockquote class="wp-block-quote"><p><em>„Es muss digital natürlich auch funktionieren, Spass machen, effektiv sein und es darf nicht utopisch teuer werden“</em>. </p> </blockquote> <h2>Macht es mich glücklich, wenn ich diesen Gegenstand in der Hand halte?</h2> <p>Mich erinnert die Situation ein wenig an die „Ordnungsberaterin“ <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Marie_Kond%C5%8D?wprov=sfti1" target="_blank">Marie Kondo</a>, die seit acht Jahren versucht, das Konzept einer inneren Ordnung zu vermitteln. </p> <p>Es geht dabei in erster Linie um Dinge, die man so kauft, bastelt oder als Geschenk erhält und dann „hat“. Diese Dinge werden mit der Zeit immer mehr. Man hat irgendwann keinen Platz mehr für neue Dinge und muss aufräumen. <br><em>(Eine persönliche Erfahrung von mir dazu: Das gilt auch für Festplatten)</em></p> <p>Das Prinzip von Marie Kondo ist sehr einfach. <br>Es gibt fünf Grundsätze.</p> <blockquote class="wp-block-quote"><p>1. Alles auf einmal, in kurzer Zeit und perfekt aufräumen</p><p>2. Alle Dinge zum Aufräumen werden auf einem Haufen gesammelt</p><p>3. Entscheiden, was man behalten wird, dabei diese Frage beantwortend: <em>Macht es mich glücklich, wenn ich diesen Gegenstand in die Hand nehme?</em></p><p>4. Jeder Gegenstand, den man behält, bekommt seinen Platz zugewiesen</p><p>5. Alle Dinge müssen dort richtig verstaut werden</p><cite><a href="https://de.wikipedia.org/wiki/Marie_Kond%C5%8D?wprov=sfti1">https://de.wikipedia.org/wiki/Marie_Kond%C5%8D</a></cite> </blockquote> <p>Um die Sache mit dem <em>„Macht es mich glücklich ...“</em> besser zu verstehen, gibt es dieses Video von Marie Kondo. Sie hält ein Kleidungsstück in ihrer Hand und überlegt, ob es sie glücklich macht. Nun ist mir schon klar, dass man solche Prinzipien nicht 1 zu 1 auf Websites (Apps/Services) übertragen kann, aber stellt euch einfach anstelle des Kleidungsstücks einem Teil eurer Website (App/Service) vor. </p> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> https://youtu.be/_ea6i0J8W2U </div></figure> <p>... kein weiterer Kommentar hier - schaut es euch mal an ... &#x1f609;</p> <h2>Macht mich diese Website (App/Service) glücklich?</h2> <p>Es ist nicht ganz einfach, aber so nach und nach man merkt man schon, ob einem etwas glücklich macht - oder? </p> <p>Alles was nicht glücklich macht, sollte man, siehe Regel 4, nicht behalten! Das gilt meines Erachtens auch für Websites, Apps und Services! </p> <p>Das Schöne an Websites, Apps und Services ist allerdings ihre Flexibilität. Im Gegensatz zum Shirt kann man sie verändern und anpassen (zumindest wenn sie mit freier Software oder selbst erstellt wurden). Das gilt auch für Gewohnheiten.</p> <p>Leider kann man als Angestellte/r oder Nutzer:in nicht einfach die Website, die App, den Service "verändern" oder „nicht behalten“, man muss ja damit arbeiten. Aber die Arbeit macht nicht glücklich und deshalb bauen sich viele etwas drum herum, was ich vorhin so flapsig als virtuelle Machete im Technologie-Dschungel bezeichnet habe. Dem Einzelnen tut das sehr gut. Anfangs ist alles noch holperig, aber wenn man erstmal seinen individuellen „Haufen“ an glücklich machenden digitalen Services beisammen hat, sieht es für die glückliche Zukunft sehr gut aus.</p> <p><strong>Die Personen unter euch, die sich digitale Alternativen zu Meetings, Flurfunk, Geschäftsessen, Bürotürmen, Betriebsfeiern und ähnlichen, vor kurzem weit verbreiteten „Dingen“ erschliessen und dabei glücklich sind, werden wahrscheinlich auch die sein, die daraus neue Projekte (Websites/Apps/Services) erstellen können, die andere glücklich machen.</strong></p> <p>Und wenn wir nun schon bei soviel Glück und einem so positiven Ausblick angelangt sind, dann werde ich die Gelegenheit nutzen.</p> <p class="has-drop-cap has-large-font-size"><strong>Das Team von Novatrend wünscht euch einen guten Rutsch ins neue Jahr. Wir schauen jetzt mal auf unsere “Dinge“ und wünschen euch “Glück bringende virtuelle Dinge“ im nächsten Jahr :)</strong></p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Macht dich deine Website, deine App, dein Service glücklich?</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/28/appetithaeppchen-virtuelle-macheten-und-innere-ordnung/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/12/joy.jpg"],"tags":["mariekondo"],"canonical_url":"https://blog.novatrend.ch/2020/12/28/appetithaeppchen-virtuelle-macheten-und-innere-ordnung/"}
parent author
parent permlinkmariekondo
permlinkappetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319
titleAppetithäppchen, virtuelle Macheten und innere Ordnung
Transaction InfoBlock #49937879/Trx 3804c316cc21850add20c9b734d0c495b722f9c0
View Raw JSON Data
{
  "block": 49937879,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/joy.jpg</center> <br/><p>Appetithäppchen sind kleine&nbsp;Vorspeisen, die vor dem Essen gereicht werden, um den&nbsp;Appetit&nbsp;zu wecken. Viele Beiträge in diesem Blog sind auch Appetithäppchen. Sie sollen dazu anregen, etwas Neues auszuprobieren und Abläufe auch mal von einer anderen Seite zu sehen. Wer eine oder mehrere Websites über Jahre betreibt, wird in dieser Zeit immer erfahrener im Umgang mit dieser Website <em>(und natürlich auch mit den Agenturen und Personen, die diese Websites erstellen)</em>. Moden und Trends kommen und gehen und man versucht das Beste daraus zu machen. Dabei unterliegt man auch der Gefahr, sich immer tiefer in Abhängigkeiten zu verstricken. Diese Abhängigkeiten können dazu führen, dass eine Website immer unübersichtlicher und langsamer wird, letztlich auch teurer, das mehrsprachige Websites über die Jahre doch nicht so richtig mehrsprachig sind, das Updates nicht eingespielt werden können, weil dann Teile der Website nicht mehr funktionieren und das Abläufe und Prozesse über die Jahre kompliziert und aufwendig werden. Neue Mitarbeiter:innen verstehen dann oft weder die Arbeitsweise, noch die Prozesse und schlagen sich mit ihren selbst gebastelten „virtuellen Macheten“ irgendwie einen Weg durch den technologischen Dschungel. </p>\n<p>Die Situation ist nicht neu. Wenn es zu kompliziert wird, trifft man sich halt persönlich mit Agentur oder Kunde zu einem Essen oder einem Getränk, vielleicht im Rahmen einer Konferenz, und bespricht das mal. Vielleicht sitzt man sogar räumlich beisammen in einem Gebäude und regelt Kleinigkeiten einfach am Kaffeeautomaten oder durch mehr oder weniger zufällige Begegnungen auf dem Flur („Flurfunk“) und in Meetings. </p>\n<p>Im Jahr 2020 wurde dieses Präsenz-Ökosystem erstmals „wirklich“ erschüttert. </p>\n<p>Home Office war angesagt und viele konnten mit dieser Situation am Anfang wenig anfangen. Es gab weder genug Geräte, geschweige denn etablierte Prozesse. Auch Hierarchien und Statusdenken war und ist nicht einfach in die virtuelle Welt zu übersetzen. Die Kommunikationsmöglichkeiten auf dem Flur, im Aufzug, bei der Dienstreise und beim Geschäftsessen entfielen - einfach so!</p>\n<p>Glücklicherweise passt sich ein Markt recht fix an veränderte Situationen an und so langsam wird immer klarer, dass das Home Office nicht verschwinden wird. Ganz im Gegenteil wird es Einfluss auf so ziemlich alles haben, was uns umgibt. </p>\n<p>Jeder braucht daher ein paar Ideen oder Appetithäppchen, wie es denn so werden könnte in der Zukunft - mit Konferenzen, mit Dienstreisen, mit der Kommunikation, der Abhörsicherheit, ja überhaupt mit der Arbeit und der Schule.</p>\n<p>Die gute Nachricht für unsere “Website/App/Service Bubble“ ist ganz klar und durchaus Grund zur Zuversicht:</p>\n<blockquote class=\"wp-block-quote\"><p> <em>„Wir brauchen mehr Digitalisierung, und zwar schnell!“</em></p>\n</blockquote>\n\n<p>Die <em>(für manche)</em> nicht unbedingt schlechte aber doch überraschende Nachricht ist: </p>\n<blockquote class=\"wp-block-quote\"><p><em>„Es muss digital natürlich auch funktionieren, Spass machen, effektiv sein und es darf nicht utopisch teuer werden“</em>. </p>\n</blockquote>\n<h2>Macht es mich glücklich, wenn ich diesen Gegenstand in der Hand halte?</h2>\n<p>Mich erinnert die Situation ein wenig an die „Ordnungsberaterin“ <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Marie_Kond%C5%8D?wprov=sfti1\" target=\"_blank\">Marie Kondo</a>, die seit acht Jahren versucht, das Konzept einer inneren Ordnung zu vermitteln. </p>\n<p>Es geht dabei in erster Linie um Dinge, die man so kauft, bastelt oder als Geschenk erhält und dann „hat“. Diese Dinge werden mit der Zeit immer mehr. Man hat irgendwann keinen Platz mehr für neue Dinge und muss aufräumen. <br><em>(Eine persönliche Erfahrung von mir dazu: Das gilt auch für Festplatten)</em></p>\n<p>Das Prinzip von Marie Kondo ist sehr einfach. <br>Es gibt fünf Grundsätze.</p>\n<blockquote class=\"wp-block-quote\"><p>1. Alles auf einmal, in kurzer Zeit und perfekt aufräumen</p><p>2. Alle Dinge zum Aufräumen werden auf einem Haufen gesammelt</p><p>3. Entscheiden, was man behalten wird, dabei diese Frage beantwortend: <em>Macht es mich glücklich, wenn ich diesen Gegenstand in die Hand nehme?</em></p><p>4. Jeder Gegenstand, den man behält, bekommt seinen Platz zugewiesen</p><p>5. Alle Dinge müssen dort richtig verstaut werden</p><cite><a href=\"https://de.wikipedia.org/wiki/Marie_Kond%C5%8D?wprov=sfti1\">https://de.wikipedia.org/wiki/Marie_Kond%C5%8D</a></cite>\n</blockquote>\n<p>Um die Sache mit dem <em>„Macht es mich glücklich ...“</em> besser zu verstehen, gibt es dieses Video von Marie Kondo. Sie hält ein Kleidungsstück in ihrer Hand und überlegt, ob es sie glücklich macht. Nun ist mir schon klar, dass man solche Prinzipien nicht 1 zu 1 auf Websites (Apps/Services) übertragen kann, aber stellt euch einfach anstelle des Kleidungsstücks einem Teil eurer Website (App/Service) vor. </p>\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps://youtu.be/_ea6i0J8W2U\n</div></figure>\n<p>... kein weiterer Kommentar hier - schaut es euch mal an ... &#x1f609;</p>\n<h2>Macht mich diese Website (App/Service) glücklich?</h2>\n<p>Es ist nicht ganz einfach, aber so nach und nach man merkt man schon, ob einem etwas glücklich macht - oder? </p>\n<p>Alles was nicht glücklich macht, sollte man, siehe Regel 4, nicht behalten! Das gilt meines Erachtens auch für Websites, Apps und Services! </p>\n<p>Das Schöne an Websites, Apps und Services ist allerdings ihre Flexibilität. Im Gegensatz zum Shirt kann man sie verändern und anpassen (zumindest wenn sie mit freier Software oder selbst erstellt wurden). Das gilt auch für Gewohnheiten.</p>\n<p>Leider kann man als Angestellte/r oder Nutzer:in nicht einfach die Website, die App, den Service \"verändern\" oder „nicht behalten“, man muss ja damit arbeiten. Aber die Arbeit macht nicht glücklich und deshalb bauen sich viele etwas drum herum, was ich vorhin so flapsig als virtuelle Machete im Technologie-Dschungel bezeichnet habe. Dem Einzelnen tut das sehr gut. Anfangs ist alles noch holperig, aber wenn man erstmal seinen individuellen „Haufen“ an glücklich machenden digitalen Services beisammen hat, sieht es für die glückliche Zukunft sehr gut aus.</p>\n<p><strong>Die Personen unter euch, die sich digitale Alternativen zu Meetings, Flurfunk, Geschäftsessen, Bürotürmen, Betriebsfeiern und ähnlichen, vor kurzem weit verbreiteten „Dingen“ erschliessen und dabei glücklich sind, werden wahrscheinlich auch die sein, die daraus neue Projekte (Websites/Apps/Services) erstellen können, die andere glücklich machen.</strong></p>\n<p>Und wenn wir nun schon bei soviel Glück und einem so positiven Ausblick angelangt sind, dann werde ich die Gelegenheit nutzen.</p>\n<p class=\"has-drop-cap has-large-font-size\"><strong>Das Team von Novatrend wünscht euch einen guten Rutsch ins neue Jahr. Wir schauen jetzt mal auf unsere “Dinge“ und wünschen euch “Glück bringende virtuelle Dinge“ im nächsten Jahr :)</strong></p>\n\n\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Macht dich deine Website, deine App, dein Service glücklich?</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/28/appetithaeppchen-virtuelle-macheten-und-innere-ordnung/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/12/joy.jpg\"],\"tags\":[\"mariekondo\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/12/28/appetithaeppchen-virtuelle-macheten-und-innere-ordnung/\"}",
      "parent_author": "",
      "parent_permlink": "mariekondo",
      "permlink": "appetithppchenvirtuellemachetenundinnereordnung-orkwsciz8me4w1mjz319",
      "title": "Appetithäppchen, virtuelle Macheten und innere Ordnung"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-28T07:30:18",
  "trx_id": "3804c316cc21850add20c9b734d0c495b722f9c0",
  "trx_in_block": 22,
  "virtual_op": false
}
2020/12/21 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkvirtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #49736853/Trx 7b3bc710e98a9c5087a4d5ed0343683d3dc17975
View Raw JSON Data
{
  "block": 49736853,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "virtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-21T07:36:03",
  "trx_id": "7b3bc710e98a9c5087a4d5ed0343683d3dc17975",
  "trx_in_block": 23,
  "virtual_op": true
}
2020/12/21 07:36:03
authorhagengraf
permlinkvirtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #49736853/Trx 7b3bc710e98a9c5087a4d5ed0343683d3dc17975
View Raw JSON Data
{
  "block": 49736853,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "virtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-21T07:36:03",
  "trx_id": "7b3bc710e98a9c5087a4d5ed0343683d3dc17975",
  "trx_in_block": 23,
  "virtual_op": false
}
2020/12/21 07:30:21
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkvirtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd
Transaction InfoBlock #49736739/Trx e323adf4d3c671433a9731ff7b0b8fb958a17abe
View Raw JSON Data
{
  "block": 49736739,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "virtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-21T07:30:21",
  "trx_id": "e323adf4d3c671433a9731ff7b0b8fb958a17abe",
  "trx_in_block": 15,
  "virtual_op": false
}
2020/12/21 07:30:21
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.12.png</center> <br/><p>Das Thema in diesem Blog Beitrag ist gar nicht so einfach zu fassen, aber aktuell doch sehr wichtig. Viele von uns nehmen mittlerweile täglich an Videokonferenzen teil, teilweise beruflich, teilweise privat. Manchmal ist so eine Konferenz sehr wichtig, manchmal eher privat und nicht ganz so wichtig. Das superernste Gespräch mit dem Investor für dein neues Startup ist jedenfalls nur ein paar Mausklicks vom virtuellen Trinkspiel entfernt. Da kann man schon mal durcheinander kommen und es gibt viele Geschichten mit lustigen Sachen, die in Videokonferenz passieren. Mal läuft ein Hund durchs Bild, mal ein Kind, mal ein leicht bekleideter Mitbewohner oder es klingelt an der Tür, der Geschirrspüler meldet sich, die Waschmaschine ... Du kennst das sicherlich. </p> <p>Vor ein paar Monaten waren noch die richtige Kleidung und das Bücheregal im Hintergrund ein Thema (<em>Was ziehe ich an? Wie wirke ich? Welche Bücher stehen im Regal?</em>). Da diese Objekte in wechselnden Konferenzsituationen nicht immer ganz einfach anzupassen sind, gibt es mittlerweile sehr viele Ansätze, wie man das alles technisch ein wenig aufpeppt um einen bestimmten Eindruck in solchen Meetings zu hinterlassen. Das kann persönliche Gründe haben - will ich den gleichen Hintergrund im Business Meeting und im privaten Meeting - oder auch Gründe organisatorischer Art - Im Business Meeting möchtest das beispielsweise das Logo deiner Firma, sowie dein Kamerabild im Screensharing haben. Vielleicht sitzt du auch an einem optisch nicht ganz so attraktiven Ort und möchtest daher ein schönes Foto im Hintergrund.</p> <p>Die Gaming- und YouTuber Szene ist da schon längst weiter. Wer Inhalte streamen will, benötigt Tools um genau diese Dinge in den Griff zu bekommen. </p> <p>Deswegen gibt es heute einen Beitrag über die <em>Open Broadcaster Software (OBS)</em>. OBS ist eine&nbsp;freie Software, um den&nbsp;Bildschirminhalt&nbsp;eines&nbsp;PCs&nbsp;aufzuzeichnen oder über das&nbsp;Internet&nbsp;zu übertragen (Live-Streaming). </p> <h2>Live Streaming</h2> <p>Auf Plattformen wie YouTube und Twitch ist es mittlerweile normal das Spielen von Computerspielen, das Basteln am Motorrad oder das Beschneiden von Rosen zu streamen. Es gibt kaum ein Thema, das nicht gestreamt wird.</p> <p>Stellt euch also einfach vor, ich streame, wie ich einen Blog Post für Novatrend schreibe und ihr schaut alle zu :) Da ihr nun schon mal da seid, könnten wir den Blog Post auch gemeinsam schreiben. </p> <p>An dieser Stelle wird es interessant, weil irgendwie bedarf das ja doch einiger Organisation. Nehmen wir mal an, ich schreibe so vor mich hin, suche hin und wieder etwas in Google, probiere Sachen aus und wir könnten uns dabei sehen und unterhalten. Wir könnten den Text gemeinsam in einem kollaborativen Editor schreiben oder ich schreibe in WordPress direkt und wir reden drüber, was ich schreibe. So eine Situation wäre ja etwa so, wie gemeinsam in einem Büro zu arbeiten.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.42.06-1024x701.png" alt="" class="wp-image-5911"/><br/><i>... ich schreibe ... und streame ... und suche ... und probiere aus ... :)</i> <p>Auf Plattformen wie Zoom, Microsoft Teams, Skype, WebEx, Jitsi sind solche Features oft eingebaut. Die Herausforderung für Benutzer ist jedoch die flüssige Bedienung und die Berechtigungen in solchen Plattformen. Vielleicht darf man ja manche Sachen gar nicht machen. Ausserdem kann es sein, dass man an einem Tag in mehreren Plattformen unterwegs ist, deren Bedienung einem gar nicht so klar ist.</p> <h2>Virtuelle Kamera</h2> <p>Der kleinste gemeinsame Nenner bei Videokonferenzen ist die Kamera, die dich filmt. Jedes Videokonferenz-System nutzt diese Kamera. Sie ist immer da und lässt sich einfach an und aus schalten.</p> <p>Die Idee von OBS ist es nun, wie in einem Fernsehstudio beliebig viele Eingabekanäle miteinander zu verbinden und das Ergebnis an eine "Kamera" zu schicken. Dieses zusammengestellte Bild sieht man dann auf dem heimischen Fernseher. Also gewissermassen die Nachrichtensprecherin vor dem im Hintergrund laufenden Video und eine Leiste mit letzten News am Bildschirmrand. </p> <p>Das Prinzip funktioniert natürlich auch auf dem heimischen PC. Man stellt sich mit OBS einen Stream zusammen und schickt ihn an die virtuelle Kamera. Diese lässt sich vom jeweiligen Konferenzsystem auswählen und anstelle deines Kamerabildes wird einfach dieser Stream angezeigt. Nur du bestimmst, was dort gezeigt wird. </p> <p>Im nächsten Screenshot siehst du beispielsweise unser Novatrend Jitsi System (<em>siehe auch <a href="https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/" data-type="post" data-id="5104">Videokonferenzen auf meet.novatrend.ch</a></em>). Dort kannst du die Kamera auswählen. Der grüne Rahmen, also die ausgewählte Kamera ist die aus OBS.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.32-1024x607.png" alt="" class="wp-image-5912"/><br/><i>Auswahl der Kamera in Jitsi</i> <h2>Installation von OBS</h2> <p>Das Installationspaket von OBS lässt sich von der Projektseite <a href="https://obsproject.com/download">https://obsproject.com/download</a> laden und installieren. Die virtuellen Kameras müssen separat installiert werden.</p> <ul id="block-2bc2e799-a267-491f-8ec4-d60f1a619bdf"><li>Kamera Plugins:<ul><li>Windows: <a href="https://github.com/CatxFish/obs-virtual-cam">https://github.com/CatxFish/obs-virtual-cam</a></li><li>macOS <a href="https://github.com/johnboiles/obs-mac-virtualcam">https://github.com/johnboiles/obs-mac-virtualcam</a></li><li>Linux: <a href="https://github.com/CatxFish/obs-v4l2sink">https://github.com/CatxFish/obs-v4l2sink</a></li></ul></li></ul> <p>Die Installation ist selbsterklärend und bedarf anfangs zunächst keiner weiteren Konfiguration.</p> <h2>Streams aus OBS</h2> <p>Nach dem Start von OBS muss die virtuelle Kamera gestartet werden (in macOS im Menü: <em>Tools -&gt; Start Virtual Camera</em>). </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.12-1024x423.png" alt="" class="wp-image-5913"/><br/><i>Aktivierung der virtuellen Kamera</i> <h3>Szenen</h3> <p>Für jeden Anlass lassen sich nun in OBS Kamera-Streams zusammenstellen. Ein Stream wird als <strong>Szene</strong> bezeichnet. In meinem einfachen Fall möchte ich eine Szene mit einem Browserfenster und meinem Kamerabild haben. Die beiden Quellen kann ich im <em>Sources</em> Fenster mit dem + Icon zusammenstellen. Die Möglichkeiten sind endlos, ich könnte mich auch zu 80% durchsichtig einstellen ... Stichwort <em>Opacity</em> :). </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.14.12-1024x773.png" alt="" class="wp-image-5910"/><br/><i>Eine Szene in OBS</i> <p>Jede Quelle kann mit zusätzlichen Filtern und Parametern optimiert werden. Möchtest du dich beispielsweise selbst freistellen und vor einem anderen Hintergrund präsentieren, benötigst du einen einfarbigen Hintergrund und musst den Chroma Key Filter verwenden.</p> <h2>Ergebnis</h2> <p>Wenn du diese Technik hier bei uns in Jitsi benutzt, sieht das Ergebnis auf einem iPhone als Zuschauer etwa so aus wie im Screenshot. Die Qualität der Darstellung hängt sehr von der Geschwindigkeit der Internet-Leitung des Zuschauers an. Hier im Beispiel ist es eine eher schwache WLAN Verbindung</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/ios.gif" alt="" class="wp-image-5914"/><br/><i>iPhone 12 Mini - Jitsi Konferenz (dreimal ich, einmal davon als OBS Stream über meine virtuelle Kamera)</i> <h2>Fazit</h2> <p>Auch wenn es vielleicht auf den ersten Blick ein wenig kompliziert aussieht, die Beschäftigung mit OBS lohnt sich schon deshalb, weil man zu 100% beeinflussen kann, was über die Kamera den anderen Teilnehmern angezeigt wird. </p> <h2>Links</h2> <ul><li><a href="https://obsproject.com">https://obsproject.com</a></li><li>Kamera Plugins:<ul><li>Windows: <a href="https://github.com/CatxFish/obs-virtual-cam">https://github.com/CatxFish/obs-virtual-cam</a></li><li>macOS <a href="https://github.com/johnboiles/obs-mac-virtualcam">https://github.com/johnboiles/obs-mac-virtualcam</a></li><li>Linux: <a href="https://github.com/CatxFish/obs-v4l2sink">https://github.com/CatxFish/obs-v4l2sink</a></li></ul></li></ul> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Remote Arbeit macht erfinderisch :)</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/21/virtuelle-kameras-mit-obs-in-videokonferenzen-nutzen/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.12.png"],"tags":["jitsi","meeting","obs","video"],"canonical_url":"https://blog.novatrend.ch/2020/12/21/virtuelle-kameras-mit-obs-in-videokonferenzen-nutzen/"}
parent author
parent permlinkjitsi
permlinkvirtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd
titleVirtuelle Kameras mit OBS in Videokonferenzen nutzen
Transaction InfoBlock #49736739/Trx e323adf4d3c671433a9731ff7b0b8fb958a17abe
View Raw JSON Data
{
  "block": 49736739,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.12.png</center> <br/><p>Das Thema in diesem Blog Beitrag ist gar nicht so einfach zu fassen, aber aktuell doch sehr wichtig. Viele von uns nehmen mittlerweile täglich an Videokonferenzen teil, teilweise beruflich, teilweise privat. Manchmal ist so eine Konferenz sehr wichtig, manchmal eher privat und nicht ganz so wichtig. Das superernste Gespräch mit dem Investor für dein neues Startup ist jedenfalls nur ein paar Mausklicks vom virtuellen Trinkspiel entfernt. Da kann man schon mal durcheinander kommen und es gibt viele Geschichten mit lustigen Sachen, die in Videokonferenz passieren. Mal läuft ein Hund durchs Bild, mal ein Kind, mal ein leicht bekleideter Mitbewohner oder es klingelt an der Tür, der Geschirrspüler meldet sich, die Waschmaschine ... Du kennst das sicherlich. </p>\n<p>Vor ein paar Monaten waren noch die richtige Kleidung und das Bücheregal im Hintergrund ein Thema (<em>Was ziehe ich an? Wie wirke ich? Welche Bücher stehen im Regal?</em>). Da diese Objekte in wechselnden Konferenzsituationen nicht immer ganz einfach anzupassen sind, gibt es mittlerweile sehr viele Ansätze, wie man das alles technisch ein wenig aufpeppt um einen bestimmten Eindruck in solchen Meetings zu hinterlassen. Das kann persönliche Gründe haben - will ich den gleichen Hintergrund im Business Meeting und im privaten Meeting - oder auch Gründe organisatorischer Art  - Im Business Meeting möchtest das beispielsweise das Logo deiner Firma, sowie dein Kamerabild im Screensharing haben. Vielleicht sitzt du auch an einem optisch nicht ganz so attraktiven Ort und möchtest daher ein schönes Foto im Hintergrund.</p>\n<p>Die Gaming- und YouTuber Szene ist da schon längst weiter. Wer Inhalte streamen will, benötigt Tools um genau diese Dinge in den Griff zu bekommen.  </p>\n<p>Deswegen gibt es heute einen Beitrag über die <em>Open Broadcaster Software (OBS)</em>. OBS ist eine&nbsp;freie Software, um den&nbsp;Bildschirminhalt&nbsp;eines&nbsp;PCs&nbsp;aufzuzeichnen oder über das&nbsp;Internet&nbsp;zu übertragen (Live-Streaming).     </p>\n\n<h2>Live Streaming</h2>\n<p>Auf Plattformen wie YouTube und Twitch ist es mittlerweile normal das Spielen von Computerspielen, das Basteln am Motorrad oder das Beschneiden von Rosen zu streamen. Es gibt kaum ein Thema, das nicht gestreamt wird.</p>\n<p>Stellt euch also einfach vor, ich streame, wie ich einen Blog Post für Novatrend schreibe und ihr schaut alle zu :) Da ihr nun schon mal da seid, könnten wir den Blog Post auch gemeinsam schreiben. </p>\n<p>An dieser Stelle wird es interessant, weil irgendwie bedarf das ja doch einiger Organisation. Nehmen wir mal an, ich schreibe so vor mich hin, suche hin und wieder etwas in Google, probiere Sachen aus und wir könnten uns dabei sehen und unterhalten. Wir könnten den Text gemeinsam in einem kollaborativen Editor schreiben oder ich schreibe in WordPress direkt und wir reden drüber, was ich schreibe. So eine Situation wäre ja etwa so, wie gemeinsam in einem Büro zu arbeiten.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.42.06-1024x701.png\" alt=\"\" class=\"wp-image-5911\"/><br/><i>... ich schreibe ... und streame ... und suche ... und probiere aus ... :)</i>\n<p>Auf Plattformen wie Zoom, Microsoft Teams, Skype, WebEx, Jitsi sind solche Features oft eingebaut. Die Herausforderung für Benutzer ist jedoch die flüssige Bedienung und die Berechtigungen in solchen Plattformen. Vielleicht darf man ja manche Sachen gar nicht machen. Ausserdem kann es sein, dass man an einem Tag in mehreren Plattformen unterwegs ist, deren Bedienung einem gar nicht so klar ist.</p>\n<h2>Virtuelle Kamera</h2>\n<p>Der kleinste gemeinsame Nenner bei Videokonferenzen ist die Kamera, die dich filmt. Jedes Videokonferenz-System nutzt diese Kamera. Sie ist immer da und lässt sich einfach an und aus schalten.</p>\n<p>Die Idee von OBS ist es nun, wie in einem Fernsehstudio beliebig viele Eingabekanäle miteinander zu verbinden und das Ergebnis an eine \"Kamera\" zu schicken. Dieses zusammengestellte Bild sieht man dann auf dem heimischen Fernseher. Also gewissermassen die Nachrichtensprecherin vor dem im Hintergrund laufenden Video und eine Leiste mit letzten News am Bildschirmrand. </p>\n<p>Das Prinzip funktioniert natürlich auch auf dem heimischen PC. Man stellt sich mit OBS einen Stream zusammen und schickt ihn an die virtuelle Kamera. Diese lässt sich vom jeweiligen Konferenzsystem auswählen und anstelle deines Kamerabildes wird einfach dieser Stream angezeigt. Nur du bestimmst, was dort gezeigt wird. </p>\n<p>Im nächsten Screenshot siehst du beispielsweise unser Novatrend Jitsi System (<em>siehe auch <a href=\"https://blog.novatrend.ch/2020/04/13/videokonferenzen-auf-meet-novatrend-ch/\" data-type=\"post\" data-id=\"5104\">Videokonferenzen auf meet.novatrend.ch</a></em>). Dort kannst du die Kamera auswählen. Der grüne Rahmen, also die ausgewählte Kamera ist die aus OBS.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.32-1024x607.png\" alt=\"\" class=\"wp-image-5912\"/><br/><i>Auswahl der Kamera in Jitsi</i>\n<h2>Installation von OBS</h2>\n<p>Das Installationspaket von OBS lässt sich von der Projektseite <a href=\"https://obsproject.com/download\">https://obsproject.com/download</a> laden und installieren. Die virtuellen Kameras müssen separat installiert werden.</p>\n<ul id=\"block-2bc2e799-a267-491f-8ec4-d60f1a619bdf\"><li>Kamera Plugins:<ul><li>Windows: <a href=\"https://github.com/CatxFish/obs-virtual-cam\">https://github.com/CatxFish/obs-virtual-cam</a></li><li>macOS <a href=\"https://github.com/johnboiles/obs-mac-virtualcam\">https://github.com/johnboiles/obs-mac-virtualcam</a></li><li>Linux: <a href=\"https://github.com/CatxFish/obs-v4l2sink\">https://github.com/CatxFish/obs-v4l2sink</a></li></ul></li></ul>\n<p>Die Installation ist selbsterklärend und bedarf anfangs zunächst keiner weiteren Konfiguration.</p>\n<h2>Streams aus OBS</h2>\n<p>Nach dem Start von OBS muss die virtuelle Kamera gestartet werden (in macOS im Menü: <em>Tools -&gt; Start Virtual Camera</em>). </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.12-1024x423.png\" alt=\"\" class=\"wp-image-5913\"/><br/><i>Aktivierung der virtuellen Kamera</i>\n<h3>Szenen</h3>\n<p>Für jeden Anlass lassen sich nun in OBS Kamera-Streams zusammenstellen. Ein Stream wird als <strong>Szene</strong> bezeichnet. In meinem einfachen Fall möchte ich eine Szene mit einem Browserfenster und meinem Kamerabild haben. Die beiden Quellen kann ich im <em>Sources</em> Fenster mit dem + Icon zusammenstellen. Die Möglichkeiten sind endlos, ich könnte mich auch zu 80% durchsichtig einstellen ... Stichwort <em>Opacity</em> :).  </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.14.12-1024x773.png\" alt=\"\" class=\"wp-image-5910\"/><br/><i>Eine Szene in OBS</i>\n<p>Jede Quelle kann mit zusätzlichen Filtern und Parametern optimiert werden. Möchtest du dich beispielsweise selbst freistellen und vor einem anderen Hintergrund präsentieren, benötigst du einen einfarbigen Hintergrund und  musst den Chroma Key Filter verwenden.</p>\n<h2>Ergebnis</h2>\n<p>Wenn du diese Technik hier bei uns in Jitsi benutzt, sieht das Ergebnis auf einem iPhone als Zuschauer etwa so aus wie im Screenshot. Die Qualität der Darstellung hängt sehr von der Geschwindigkeit der Internet-Leitung des Zuschauers an. Hier im Beispiel ist es eine eher schwache WLAN Verbindung</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/ios.gif\" alt=\"\" class=\"wp-image-5914\"/><br/><i>iPhone 12 Mini - Jitsi Konferenz (dreimal ich, einmal davon als OBS Stream über meine virtuelle Kamera)</i>\n<h2>Fazit</h2>\n<p>Auch wenn es vielleicht auf den ersten Blick ein wenig kompliziert aussieht, die Beschäftigung mit OBS lohnt sich schon deshalb, weil man zu 100% beeinflussen kann, was über die Kamera den anderen Teilnehmern angezeigt wird. </p>\n<h2>Links</h2>\n<ul><li><a href=\"https://obsproject.com\">https://obsproject.com</a></li><li>Kamera Plugins:<ul><li>Windows: <a href=\"https://github.com/CatxFish/obs-virtual-cam\">https://github.com/CatxFish/obs-virtual-cam</a></li><li>macOS <a href=\"https://github.com/johnboiles/obs-mac-virtualcam\">https://github.com/johnboiles/obs-mac-virtualcam</a></li><li>Linux: <a href=\"https://github.com/CatxFish/obs-v4l2sink\">https://github.com/CatxFish/obs-v4l2sink</a></li></ul></li></ul>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Remote Arbeit macht erfinderisch :)</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/21/virtuelle-kameras-mit-obs-in-videokonferenzen-nutzen/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-14-at-17.16.12.png\"],\"tags\":[\"jitsi\",\"meeting\",\"obs\",\"video\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/12/21/virtuelle-kameras-mit-obs-in-videokonferenzen-nutzen/\"}",
      "parent_author": "",
      "parent_permlink": "jitsi",
      "permlink": "virtuellekamerasmitobsinvideokonferenzennutzen-2k7e1gimcd6ayybwqcxd",
      "title": "Virtuelle Kameras mit OBS in Videokonferenzen nutzen"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-21T07:30:21",
  "trx_id": "e323adf4d3c671433a9731ff7b0b8fb958a17abe",
  "trx_in_block": 15,
  "virtual_op": false
}
2020/12/21 07:30:09
authorhagengraf
permlinkverwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce
Transaction InfoBlock #49736735/Virtual Operation 4294967295:3
View Raw JSON Data
{
  "block": 49736735,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "verwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce"
    }
  ],
  "op_in_trx": 3,
  "timestamp": "2020-12-21T07:30:09",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/12/14 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkverwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #49535587/Trx 48546a11350f54ea861f1748fe39a38c7eabdb36
View Raw JSON Data
{
  "block": 49535587,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "verwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-14T07:36:03",
  "trx_id": "48546a11350f54ea861f1748fe39a38c7eabdb36",
  "trx_in_block": 50,
  "virtual_op": true
}
2020/12/14 07:36:03
authorhagengraf
permlinkverwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #49535587/Trx 48546a11350f54ea861f1748fe39a38c7eabdb36
View Raw JSON Data
{
  "block": 49535587,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "verwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-14T07:36:03",
  "trx_id": "48546a11350f54ea861f1748fe39a38c7eabdb36",
  "trx_in_block": 50,
  "virtual_op": false
}
2020/12/14 07:30:15
authorhagengraf
permlinkwasistanghostanders-o12et77d0ysdi5jtl2ex
Transaction InfoBlock #49535472/Virtual Operation 4294967295:3
View Raw JSON Data
{
  "block": 49535472,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "wasistanghostanders-o12et77d0ysdi5jtl2ex"
    }
  ],
  "op_in_trx": 3,
  "timestamp": "2020-12-14T07:30:15",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/12/14 07:30:12
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkverwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce
Transaction InfoBlock #49535471/Trx 33d217050c7d7228b8b43c4d1a18069f51d02063
View Raw JSON Data
{
  "block": 49535471,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "verwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-14T07:30:12",
  "trx_id": "33d217050c7d7228b8b43c4d1a18069f51d02063",
  "trx_in_block": 5,
  "virtual_op": false
}
2020/12/14 07:30:12
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/00-cover.gif</center> <br/><p>Hand aufs Herz: Wieviel WordPress Installationen befinden sich auf deinen Webhostings? Kennst du alle Passworte um schnell etwas zu administrieren? Weisst du, ob alle Plugins und Themes aktuell sind und ein regelmässiges Backup erstellt wird? Kannst du so eine WordPress Installation einfach mal komplett kopieren oder sogar eine Staging-Testumgebung erzeugen? Wenn du die WordPress Installation nicht mehr benötigst, löschst du sie dann? Löschst du auch die Datenbank und den Ordner im Dateisystem?<br>Das Content Management System WordPress ist berühmt für seine famose „5 Minuten - Installation“ auf einem Webhosting. Diese schnelle und einfache Installation hat zur Folge, dass viele WordPress Sites „mal eben“ aufgesetzt werden. Das ist ein nicht zu unterschätzendes Feature, wenn man beispielsweise für eine Schulklasse oder einen Workshop “mal eben“ 15 eigenständige WordPress Installationen benötigt.</p> <p>Diese Sites müssen aber auch verwaltet werden, Aktualisierungen müssen eingespielt, Backups erstellt, manchmal auch ein Admin Passwort neu erstellt werden weil es vergessen wurde und letztendlich müssen sie auch wieder vom Webhosting entfernt werden, wenn man sie nicht mehr braucht. </p> <p>Hier bei Novatrend verkürzen wir die 5-minütige Installationszeit noch ein wenig und bieten darüber hinaus einen WordPress Manager an, der eine Übersicht über mehrere WordPress Websites bietet.</p> <p>Vor ein paar Jahren waren selbst gehostete Websites nur etwas für echte Fans, die bereit waren, sich mit dem Thema intensiv zu beschäftigen oder für Profis und Web-Agenturen, die so etwas professionell betreiben .</p> <p>Heute dagegen werden Content-Management-Systeme wie WordPress auch sehr oft von Personen genutzt, die einfach etwas im Web veröffentlichen wollen, ohne sich viel mit technischen Hintergründen beschäftigen zu müssen.</p> <p>Und das Schöne daran ist: es funktioniert ganz wunderbar! </p> <p>Die Vorteile einer selbst gehosteten WordPress Installation, ich denke da vor allem an wirklich alle Möglichkeiten der Konfiguration, wird kombiniert mit einer sehr einfachen Verwaltung der Site.</p> <h2>WordPress Manager</h2> <p>Wir bieten mit dem Tool <strong>Softaculous Apps Installer</strong> eine Möglichkeit an, Programmpakete wie WordPress, Joomla!, Drupal, Nextcloud, Mautic und viele andere (>100 Projekte) wirklich einfach zu installieren <em>(siehe auch unseren Blog Post: <a href="https://blog.novatrend.ch/2017/11/13/automatisierte-installation-mit-softaculous/" data-type="post" data-id="2481">Automatisierte Software Installation mit Softaculous</a>)</em>. Bei WordPress wird beispielsweise die Datenbank automatisch erstellt. Auch die Sprache der Site, sowie nützliche Plugins und Themes können bereits beim Start ausgewählt und installiert werden. </p> <p>Ausser dieser bekannten Installationsroutine im <strong>Softaculous Apps Installer</strong> gibt es auch den <strong>WordPress Manager</strong>.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/00-cover-1024x349.gif" alt="" class="wp-image-5895"/><br/><i>WordPress Manager im cPanel</i> <p>Dort werden die auf dem Webhosting installierten WordPress Installationen gelistet. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/02-WordPress-Sites.gif" alt="" class="wp-image-5896"/> <p>Falls WordPress Installationen auf deinem Webhosting bestehen, die unabhängig von Softaculous installiert wurden, so kannst du diese ebenfalls von Softaculous verwalten lassen. Ein Klick auf den <strong>Scan </strong>Button durchsucht dein Webhosting. Wenn WordPress Installationen gefunden werden, kannst du sie dem WordPress Manager hinzufügen.</p> <h3>Konfiguration</h3> <p>Für jede WordPress Installation kannst du individuell konfigurieren, wie der WordPress Manager damit umgehen soll.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/03-Konfiguration.gif" alt="" class="wp-image-5898"/><br/><i>WordPress Manager - Detaileinstellungen pro Site</i> <p>Du kannst automatische <strong>Upgrades</strong> zu einer neuen WordPress Core Version, neuen Plugins und neuen Themes einstellen. Ausserdem kannst du die <strong>Sichtbarkeit für Suchmaschinen</strong>, den WordPress <strong>Cron-Job</strong> sowie den <strong>Debug Mode</strong> einstellen.</p> <p>Die Buttons <em>Clone</em>, <em>Staging</em>, <em>Backup</em>, <em>Restore</em>, <em>Remove</em> und <em>Uninstall</em> führen zur passenden Detail-Seite innerhalb von <strong>Softaculous</strong>. Das Thema Staging wird im Blog Post -&gt; <a href="https://blog.novatrend.ch/2020/07/06/keine-angst-vorm-ausprobieren-und-aktualisieren/" data-type="URL" data-id="https://blog.novatrend.ch/2020/07/06/keine-angst-vorm-ausprobieren-und-aktualisieren/"><em>Keine Angst vorm Ausprobieren und Aktualisieren</em></a> beschrieben.</p> <h3>Automatisches Login</h3> <p>Ein sehr praktisches Feature ist der Login-Button in der Übersichtsliste. Nach einem Klick darauf landest du, <strong>ohne Anmeldeprozedur</strong>, direkt in der WordPress Administration der entsprechenden Site.</p> <h2>Fazit </h2> <p>Wer mehrere WordPress Installationen verwaltet, wird sich über den WordPress Manager freuen. Und wer das alles noch gar nicht kennt, wird vielleicht nach dem Ausprobieren mehrere WordPress Installationen betreiben :)</p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Der WordPress Manager vereinfacht die Verwaltung mehrerer WordPress Sites</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/14/verwaltung-mehrerer-wordpress-sites-bei-novatrend/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/12/00-cover.gif"],"tags":["softaculous","wordpress","wordpressmanager"],"canonical_url":"https://blog.novatrend.ch/2020/12/14/verwaltung-mehrerer-wordpress-sites-bei-novatrend/"}
parent author
parent permlinksoftaculous
permlinkverwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce
titleVerwaltung mehrerer WordPress Sites bei Novatrend
Transaction InfoBlock #49535471/Trx 33d217050c7d7228b8b43c4d1a18069f51d02063
View Raw JSON Data
{
  "block": 49535471,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/00-cover.gif</center> <br/><p>Hand aufs Herz: Wieviel WordPress Installationen befinden sich auf deinen Webhostings? Kennst du alle Passworte um schnell etwas zu administrieren? Weisst du, ob alle Plugins und Themes aktuell sind und ein regelmässiges Backup erstellt wird? Kannst du so eine WordPress Installation einfach mal komplett kopieren oder sogar eine Staging-Testumgebung erzeugen? Wenn du die WordPress Installation nicht mehr benötigst, löschst du sie dann? Löschst du auch die Datenbank und den Ordner im Dateisystem?<br>Das Content Management System WordPress ist berühmt für seine famose  „5 Minuten - Installation“ auf einem Webhosting. Diese schnelle und einfache Installation hat zur Folge, dass viele WordPress Sites „mal eben“ aufgesetzt werden. Das ist ein nicht zu unterschätzendes Feature, wenn man beispielsweise für eine Schulklasse oder einen Workshop “mal eben“ 15 eigenständige WordPress Installationen benötigt.</p>\n<p>Diese Sites müssen aber auch verwaltet werden, Aktualisierungen müssen eingespielt, Backups erstellt, manchmal auch ein Admin Passwort neu erstellt werden weil es vergessen wurde und letztendlich müssen sie auch wieder vom Webhosting entfernt werden, wenn man sie nicht mehr braucht. </p>\n<p>Hier bei Novatrend verkürzen wir die 5-minütige Installationszeit noch ein wenig und bieten darüber hinaus einen WordPress Manager an, der eine Übersicht über mehrere WordPress Websites bietet.</p>\n\n<p>Vor ein paar Jahren waren selbst gehostete Websites nur etwas für echte Fans, die bereit waren, sich mit dem Thema intensiv zu beschäftigen oder für Profis und Web-Agenturen, die so etwas professionell betreiben .</p>\n<p>Heute dagegen werden Content-Management-Systeme wie WordPress auch sehr oft von Personen genutzt, die einfach etwas im Web veröffentlichen wollen, ohne sich viel mit technischen Hintergründen beschäftigen zu müssen.</p>\n<p>Und das Schöne daran ist: es funktioniert ganz wunderbar! </p>\n<p>Die Vorteile einer selbst gehosteten WordPress Installation, ich denke da vor allem an wirklich alle Möglichkeiten der Konfiguration, wird kombiniert mit einer sehr einfachen Verwaltung der Site.</p>\n<h2>WordPress Manager</h2>\n<p>Wir bieten mit dem Tool <strong>Softaculous Apps Installer</strong> eine Möglichkeit an, Programmpakete wie WordPress, Joomla!, Drupal, Nextcloud, Mautic und viele andere (>100 Projekte) wirklich einfach zu installieren <em>(siehe auch unseren Blog Post: <a href=\"https://blog.novatrend.ch/2017/11/13/automatisierte-installation-mit-softaculous/\" data-type=\"post\" data-id=\"2481\">Automatisierte Software Installation mit Softaculous</a>)</em>. Bei WordPress wird beispielsweise die Datenbank automatisch erstellt. Auch die Sprache der Site, sowie nützliche Plugins und Themes können bereits beim Start ausgewählt und installiert werden. </p>\n<p>Ausser dieser bekannten Installationsroutine im <strong>Softaculous Apps Installer</strong> gibt es auch den <strong>WordPress Manager</strong>.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/00-cover-1024x349.gif\" alt=\"\" class=\"wp-image-5895\"/><br/><i>WordPress Manager im cPanel</i>\n<p>Dort werden die auf dem Webhosting installierten WordPress Installationen gelistet. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/02-WordPress-Sites.gif\" alt=\"\" class=\"wp-image-5896\"/>\n<p>Falls WordPress Installationen auf deinem Webhosting bestehen, die unabhängig von Softaculous installiert wurden, so kannst du diese ebenfalls von Softaculous verwalten lassen. Ein Klick auf den <strong>Scan </strong>Button durchsucht dein Webhosting. Wenn WordPress Installationen gefunden werden, kannst du sie dem WordPress Manager hinzufügen.</p>\n<h3>Konfiguration</h3>\n<p>Für jede WordPress Installation kannst du individuell konfigurieren, wie der WordPress Manager damit umgehen soll.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/03-Konfiguration.gif\" alt=\"\" class=\"wp-image-5898\"/><br/><i>WordPress Manager - Detaileinstellungen pro Site</i>\n<p>Du kannst automatische <strong>Upgrades</strong> zu einer neuen WordPress Core Version, neuen Plugins und neuen Themes einstellen. Ausserdem kannst du die <strong>Sichtbarkeit für Suchmaschinen</strong>, den WordPress <strong>Cron-Job</strong> sowie den <strong>Debug Mode</strong> einstellen.</p>\n<p>Die Buttons <em>Clone</em>, <em>Staging</em>, <em>Backup</em>, <em>Restore</em>, <em>Remove</em> und <em>Uninstall</em> führen zur passenden Detail-Seite innerhalb von <strong>Softaculous</strong>. Das Thema Staging wird im Blog Post -&gt; <a href=\"https://blog.novatrend.ch/2020/07/06/keine-angst-vorm-ausprobieren-und-aktualisieren/\" data-type=\"URL\" data-id=\"https://blog.novatrend.ch/2020/07/06/keine-angst-vorm-ausprobieren-und-aktualisieren/\"><em>Keine Angst vorm Ausprobieren und Aktualisieren</em></a> beschrieben.</p>\n<h3>Automatisches Login</h3>\n<p>Ein sehr praktisches Feature ist der Login-Button in der Übersichtsliste. Nach einem Klick darauf landest du, <strong>ohne Anmeldeprozedur</strong>, direkt in der WordPress Administration der entsprechenden Site.</p>\n<h2>Fazit </h2>\n<p>Wer mehrere WordPress Installationen verwaltet, wird sich über den WordPress Manager freuen. Und wer das alles noch gar nicht kennt, wird vielleicht nach dem Ausprobieren mehrere WordPress Installationen betreiben :)</p>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Der WordPress Manager vereinfacht die Verwaltung mehrerer WordPress Sites</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/14/verwaltung-mehrerer-wordpress-sites-bei-novatrend/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/12/00-cover.gif\"],\"tags\":[\"softaculous\",\"wordpress\",\"wordpressmanager\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/12/14/verwaltung-mehrerer-wordpress-sites-bei-novatrend/\"}",
      "parent_author": "",
      "parent_permlink": "softaculous",
      "permlink": "verwaltungmehrererwordpresssitesbeinovatrend-n8tv0usjfuuyej53wtce",
      "title": "Verwaltung mehrerer WordPress Sites bei Novatrend"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-14T07:30:12",
  "trx_id": "33d217050c7d7228b8b43c4d1a18069f51d02063",
  "trx_in_block": 5,
  "virtual_op": false
}
2020/12/12 18:43:21
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/04/00-cover.gif</center> <br/><p>Forensoftware existiert seit Jahrzehnten. Das „klassische“ Forum, das sich in den Neunziger Jahren entwickelte, besteht aus Kategorien, Einträgen in Kategorien und den entsprechenden Antworten darauf. Innerhalb des Forums gibt es Moderatoren um Ärger zu vermeiden und selbst aufgestellte Regeln durchzusetzen. Über die Jahre sind viele Foren zu einer „Heimat“ für ihre User geworden und so werden alle möglichen und unmöglichen Moderations- und Motivations- und Bewertungssysteme ausprobiert. Foren werden auch heute noch gern auf themenspezifischen Websites genutzt. So gibt es beispielsweise ein Forum bei <a rel="noreferrer noopener" href="https://forum.joomla.de" target="_blank">joomla.de</a> oder bei <a href="https://help.nextcloud.com">Nextcloud</a>. Auch für italienische Motorräder gibt es <a rel="noreferrer noopener" href="https://www.italobikes.com" target="_blank">Foren</a> und natürlich für Haustechnik - man denke nur an den <a rel="noreferrer noopener" href="https://www.haustechnikdialog.de/Forum/t/19886/Grosse-Haufen" target="_blank">Thread über Grosse Haufen</a>. Für wirklich jedes denkbare Thema gibt es Foren. </p> <p>Je länger ein Forum existiert, desto mehr entwickelt es sich zu einer Community. Mittlerweile ist der Community-Aspekt oft grösser als das „Forum“ selbst, ein gemeinsames Thema ist aber immer die Basis. So eine Forum-Community benötigt mehr als blanke Technik und ein grosser Schritt in der Art und Weise, wie Foren funktionieren war das freie <a href="https://www.discourse.org">Discourse Projekt</a>, das vor mehr als 5 Jahren erschien. Discourse wird gern benutzt, ist aber etwas mühselig zu installieren und zu betreuen, da es einen eigenen Server benötigt. Ich habe, ebenfalls vor fünf Jahren, schon mal darüber geschrieben (<a href="https://blog.novatrend.ch/2015/05/25/discourse-das-bessere-forum/">Discourse - das bessere Forum</a>) und seitdem ist eine Menge passiert. Viele etablierte Forensysteme haben an der UI und der UX gearbeitet und sehen heute viel attraktiver aus. <br>Eines dieser Projekt, nämlich <a rel="noreferrer noopener" href="https://flarum.org" target="_blank">Flarum</a>, möchte ich heute beschreiben. </p> <p>Flarum ist in PHP geschrieben und versteht sich als Diskussions-Plattform. Es ist einfach zu benutzen und hat alles, was eine Community benötigt. Und was auch nicht ganz unerheblich ist: Es sieht einfach schön aus :)</p> <p>Flarum ist aus den beiden Systemen <a rel="noreferrer noopener" href="https://github.com/esotalk/esoTalk" target="_blank">EsoTalk</a> und <a href="https://fluxbb.org">FluxBB</a> hervorgegangen. Es hat mehr als 10,000 Sterne auf Github. In meinen Augen verbindet es die „alte“ Forenwelt sehr schön mit der „modernen“ Web-Entwicklungs-Welt. Das Flarum-Projekt wurde ebenfalls vor fünf Jahren gestartet und „plätschert“ bis heute so dahin. Es hat nie eine stabile Version erreicht, ist aber trotzdem sehr beliebt. Weil es keine stabile Version hat, wird es nicht in unserem Softaculous System gelistet und automatisiert installiert. Das Projekt selbst weisst in seiner Doku auf diese Tatsache hin.</p> <blockquote class="wp-block-quote"><p>Flarum is&nbsp;<strong>beta software</strong>. That means it still has some incomplete features and bugs &#x1f41b;&#x1f41e;, and at some point – sooner or later – it will probably break! &#x1f4a5;</p><p>Beta is all about fixing these issues and improving Flarum.&nbsp;<strong>Please don't use Flarum in production unless you know what you're doing</strong>. We can’t support you if things go awry. Upgrading to subsequent versions will be possible, but might involve getting your hands dirty.</p><cite>https://flarum.org/docs/install.html#server-requirements </cite> </blockquote> <p>Das Problem ist nicht so sehr die Sicherheit, sondern mehr die Tatsache, dass das Flarum Team einfach keinen ultimativen Support leisten kann und dass man wissen sollte, was man tut. Mir gefällt dieser kreative und spielerische Ansatz, weil es unter anderem auch der beste Test für die eigene Community im Flarum Forum ist - <a href="https://discuss.flarum.org">https://discuss.flarum.org</a>. Man muss miteinander kommunizieren, um mit der Software klar zu kommen.</p> <h2>Installation</h2> <p>Ich installiere Flarum mittels Composer auf einem normalen Novatrend Webhosting. </p> <h3>Domain wählen</h3> <p>Als erstes benötigst du eine Domain oder eine Subdomain. Deine Domains verwaltest du im cPanel. Ich nutze für das Beispiel die Subdomain discuss.seafolly.ch. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/01-domain-.gif" alt="" class="wp-image-5152"/><br/><i>Subdomain anlegen</i> <h3>Zertifikat ausstellen</h3> <p>Ohne Zertifikat geht heute nichts mehr, also schnell eins anlegen, ebenfalls in <em>cPanel</em> unter dem Punkt <em>Let's Encrypt&#x2122; SSL</em>.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/02-zertifikat.gif" alt="" class="wp-image-5154"/><br/><i>Zertifikat anlegen </i> <h3>Flarum mit Composer installieren</h3> <p>Nun wird es etwas moderner. Die Flarum Dateien werden eben nicht per FTP hochgeladen, sondern mittels Composer installiert. Dazu kannst das im cPanel eingebaute Terminal nutzen oder natürlich eine beliebige Shell, siehe hierzu auch den Blogpost: <a href="https://blog.novatrend.ch/2020/03/30/ssh-zugriff-bei-uns-ganz-einfach/">Terminal, bei uns ganz einfach</a>. Der Befehl zur Installation ist </p> <pre class="wp-block-syntaxhighlighter-code">composer create-project flarum/flarum . --stability=beta</pre> <p>oder hier nochmal im Screenshot.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/03-terminal.gif" alt="" class="wp-image-5155"/><br/><i>Flarum Installation mittels Composer</i> <h3>Domain auf /public Verzeichnis zeigen lassen</h3> <p>Die Composer Installatoion erzeugt ein <em>/public</em> Verzeichnis. Auf dieses Verzeichnis muss unsere Domain zeigen. Also schnell zurück ins <em>cPanel</em> zu den Domains und den Pfad anpassen. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/04-Verzeichnis_anpassen.gif" alt="" class="wp-image-5156"/><br/><i>Domains zeigt auf Verzeichnis</i> <h3>MySQL DB und User anlegen</h3> <p>Da Flarum natürlich auch eine Datenbank benötigt, musst du noch eine Datenbank und einen User erstellen. Am einfachsten geht das mit dem <em>MySQL- Datenbankassistenten</em> im <em>cPanel</em>.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/05-db-anlegen.gif" alt="" class="wp-image-5123"/><br/><i>Schritt 1: Datenbank erstellen</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/06-db.gif" alt="" class="wp-image-5124"/><br/><i>Schritt 2: Datenbankbenutzer erstellen</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/07-db.gif" alt="" class="wp-image-5126"/><br/><i>Schritt 3: Benutzer zur Datenbank hinzufügen </i> <h3>Flarum installieren</h3> <p>Nun kannst du deine gewählte Domain aufrufen und siehst das Installationsformular von Flarum. Nach der Eingabe der relevanten Felder wird das Forum installiert ...</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/08-install-flarum.gif" alt="" class="wp-image-5127"/><br/><i>Installation Flarum</i> <p>... und schon ist es da!</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/09-flarum.gif" alt="" class="wp-image-5128"/><br/><i>Flarum Forum</i> <h3>Deutsche Sprachdateien</h3> <p>Als Erstes fällt auf, dass alles in englischer Sprache ist. Aber dafür gibt es natürlich eine Lösung. Einfach im Terminal den folgenden Befehl eintippen.</p> <pre class="wp-block-preformatted"><s>composer require cbmainz/flarum-de</s> (siehe Kommentar) composer require kakifrucht/flarum-de</pre> <p>Anschliessend kannst du im Forum unter <em>Administration -&gt; Erweiterungen</em> die Deutsche Sprache einschalten.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/04/10-erweiterungen.gif" alt="" class="wp-image-5163"/> <p>Woher ich das weiss? Na aus dem Forum!</p> <p><a href="https://discuss.flarum.org/d/2648-german-language-pack">https://discuss.flarum.org/d/2648-german-language-pack</a></p> <h2>Fazit</h2> <p>Flarum macht Spass, funktioniert, sieht gut aus und man lernt auch noch etwas dabei. Je nach Verwendungszweck kann es eine hervorragende Möglichkeit sein, eine Community rund um ein Thema aufzubauen. </p> <h2>Links</h2> <ul><li><a rel="noreferrer noopener" href="https://flarum.org" target="_blank">https://flarum.org</a></li></ul> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Flarum ist ein einfaches, aber elegantes PHP basiertes Forum mit vielen Erweiterungsmöglichkeiten</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/04/27/ein-elegantes-forum-mit-flarum/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/04/00-cover.gif"],"tags":["community","flarum","forum"],"canonical_url":"https://blog.novatrend.ch/2020/04/27/ein-elegantes-forum-mit-flarum/"}
parent author
parent permlinkcommunity
permlinkeineinfachesundelegantesforummitflarum-ob8vz93n1f
titleEin einfaches und elegantes Forum mit Flarum
Transaction InfoBlock #49491412/Trx ee192b013bf8c355caa6061b03ce83470548afb1
View Raw JSON Data
{
  "block": 49491412,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/04/00-cover.gif</center> <br/><p>Forensoftware existiert seit Jahrzehnten. Das „klassische“ Forum, das sich in den Neunziger Jahren entwickelte, besteht aus Kategorien, Einträgen in Kategorien und den entsprechenden Antworten darauf. Innerhalb des Forums gibt es Moderatoren um Ärger zu vermeiden und selbst aufgestellte Regeln durchzusetzen. Über die Jahre sind viele Foren zu einer „Heimat“ für ihre User geworden und so werden alle möglichen und unmöglichen Moderations- und Motivations- und Bewertungssysteme ausprobiert. Foren werden auch heute noch gern auf themenspezifischen Websites genutzt. So gibt es beispielsweise ein Forum bei <a rel=\"noreferrer noopener\" href=\"https://forum.joomla.de\" target=\"_blank\">joomla.de</a> oder bei <a href=\"https://help.nextcloud.com\">Nextcloud</a>. Auch für italienische Motorräder gibt es <a rel=\"noreferrer noopener\" href=\"https://www.italobikes.com\" target=\"_blank\">Foren</a> und natürlich für Haustechnik - man denke nur an den <a rel=\"noreferrer noopener\" href=\"https://www.haustechnikdialog.de/Forum/t/19886/Grosse-Haufen\" target=\"_blank\">Thread über Grosse Haufen</a>. Für wirklich jedes denkbare Thema gibt es Foren. </p>\n<p>Je länger ein Forum existiert, desto mehr entwickelt es sich zu einer Community. Mittlerweile ist der Community-Aspekt oft grösser als das „Forum“ selbst, ein gemeinsames Thema ist aber immer die Basis. So eine Forum-Community benötigt mehr als blanke Technik und ein grosser Schritt in der Art und Weise, wie Foren funktionieren war das freie <a href=\"https://www.discourse.org\">Discourse Projekt</a>, das vor mehr als 5 Jahren erschien. Discourse wird gern benutzt, ist aber etwas mühselig zu installieren und zu betreuen, da es einen eigenen Server benötigt. Ich habe, ebenfalls vor fünf Jahren, schon mal darüber geschrieben (<a href=\"https://blog.novatrend.ch/2015/05/25/discourse-das-bessere-forum/\">Discourse - das bessere Forum</a>) und seitdem ist eine Menge passiert. Viele etablierte Forensysteme haben an der UI und der UX gearbeitet und sehen heute viel attraktiver aus. <br>Eines dieser Projekt, nämlich <a rel=\"noreferrer noopener\" href=\"https://flarum.org\" target=\"_blank\">Flarum</a>, möchte ich heute beschreiben.  </p>\n<p>Flarum ist in PHP geschrieben und versteht sich als Diskussions-Plattform. Es ist einfach zu benutzen und hat alles, was eine Community benötigt. Und was auch nicht ganz unerheblich ist: Es sieht einfach schön aus :)</p>\n\n<p>Flarum ist aus den beiden Systemen <a rel=\"noreferrer noopener\" href=\"https://github.com/esotalk/esoTalk\" target=\"_blank\">EsoTalk</a> und <a href=\"https://fluxbb.org\">FluxBB</a> hervorgegangen. Es hat mehr als 10,000 Sterne auf Github. In meinen Augen verbindet es die „alte“ Forenwelt sehr schön mit der „modernen“ Web-Entwicklungs-Welt. Das Flarum-Projekt wurde ebenfalls vor fünf Jahren gestartet und „plätschert“ bis heute so dahin. Es hat nie eine stabile Version erreicht, ist aber trotzdem sehr beliebt. Weil es keine stabile Version hat, wird es nicht in unserem Softaculous System gelistet und automatisiert installiert. Das Projekt selbst weisst in seiner Doku auf diese Tatsache hin.</p>\n<blockquote class=\"wp-block-quote\"><p>Flarum is&nbsp;<strong>beta software</strong>. That means it still has some incomplete features and bugs &#x1f41b;&#x1f41e;, and at some point – sooner or later – it will probably break! &#x1f4a5;</p><p>Beta is all about fixing these issues and improving Flarum.&nbsp;<strong>Please don't use Flarum in production unless you know what you're doing</strong>. We can’t support you if things go awry. Upgrading to subsequent versions will be possible, but might involve getting your hands dirty.</p><cite>https://flarum.org/docs/install.html#server-requirements </cite>\n</blockquote>\n<p>Das Problem ist nicht so sehr die Sicherheit, sondern mehr die Tatsache, dass das Flarum Team einfach keinen ultimativen Support leisten kann und dass man wissen sollte, was man tut. Mir gefällt dieser kreative und spielerische Ansatz, weil es unter anderem auch der beste Test für die eigene Community im Flarum Forum ist - <a href=\"https://discuss.flarum.org\">https://discuss.flarum.org</a>. Man muss miteinander kommunizieren, um mit der Software klar zu kommen.</p>\n<h2>Installation</h2>\n<p>Ich installiere Flarum mittels Composer auf einem normalen Novatrend Webhosting. </p>\n<h3>Domain wählen</h3>\n<p>Als erstes benötigst du eine Domain oder eine Subdomain. Deine Domains verwaltest du im cPanel. Ich nutze für das Beispiel die Subdomain discuss.seafolly.ch. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/01-domain-.gif\" alt=\"\" class=\"wp-image-5152\"/><br/><i>Subdomain anlegen</i>\n<h3>Zertifikat ausstellen</h3>\n<p>Ohne Zertifikat geht heute nichts mehr, also schnell eins anlegen, ebenfalls in <em>cPanel</em> unter dem Punkt <em>Let's Encrypt&#x2122; SSL</em>.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/02-zertifikat.gif\" alt=\"\" class=\"wp-image-5154\"/><br/><i>Zertifikat anlegen </i>\n<h3>Flarum mit Composer installieren</h3>\n<p>Nun wird es etwas moderner. Die Flarum Dateien werden eben nicht per FTP hochgeladen, sondern mittels Composer installiert. Dazu kannst das im cPanel eingebaute Terminal nutzen oder natürlich eine beliebige Shell, siehe hierzu auch den Blogpost: <a href=\"https://blog.novatrend.ch/2020/03/30/ssh-zugriff-bei-uns-ganz-einfach/\">Terminal, bei uns ganz einfach</a>. Der Befehl zur Installation ist </p>\n<pre class=\"wp-block-syntaxhighlighter-code\">composer create-project flarum/flarum . --stability=beta</pre>\n<p>oder hier nochmal im Screenshot.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/03-terminal.gif\" alt=\"\" class=\"wp-image-5155\"/><br/><i>Flarum Installation mittels Composer</i>\n<h3>Domain auf /public Verzeichnis zeigen lassen</h3>\n<p>Die Composer Installatoion erzeugt ein <em>/public</em> Verzeichnis. Auf dieses Verzeichnis muss unsere Domain zeigen. Also schnell zurück ins <em>cPanel</em> zu den Domains und den Pfad anpassen. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/04-Verzeichnis_anpassen.gif\" alt=\"\" class=\"wp-image-5156\"/><br/><i>Domains zeigt auf Verzeichnis</i>\n<h3>MySQL DB und User anlegen</h3>\n<p>Da Flarum natürlich auch eine Datenbank benötigt, musst du noch eine Datenbank und einen User erstellen. Am einfachsten geht das mit dem <em>MySQL- Datenbankassistenten</em> im <em>cPanel</em>.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/05-db-anlegen.gif\" alt=\"\" class=\"wp-image-5123\"/><br/><i>Schritt 1: Datenbank erstellen</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/06-db.gif\" alt=\"\" class=\"wp-image-5124\"/><br/><i>Schritt 2: Datenbankbenutzer erstellen</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/07-db.gif\" alt=\"\" class=\"wp-image-5126\"/><br/><i>Schritt 3: Benutzer zur Datenbank hinzufügen </i>\n<h3>Flarum installieren</h3>\n<p>Nun kannst du deine gewählte Domain aufrufen und siehst das Installationsformular von Flarum. Nach der Eingabe der relevanten Felder wird das Forum installiert ...</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/08-install-flarum.gif\" alt=\"\" class=\"wp-image-5127\"/><br/><i>Installation Flarum</i>\n<p>... und schon ist es da!</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/09-flarum.gif\" alt=\"\" class=\"wp-image-5128\"/><br/><i>Flarum Forum</i>\n<h3>Deutsche Sprachdateien</h3>\n<p>Als Erstes fällt auf, dass alles in englischer Sprache ist. Aber dafür gibt es natürlich eine Lösung. Einfach im Terminal den folgenden Befehl eintippen.</p>\n<pre class=\"wp-block-preformatted\"><s>composer require cbmainz/flarum-de</s> (siehe Kommentar)\ncomposer require kakifrucht/flarum-de</pre>\n<p>Anschliessend kannst du im Forum unter <em>Administration -&gt; Erweiterungen</em> die Deutsche Sprache einschalten.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/04/10-erweiterungen.gif\" alt=\"\" class=\"wp-image-5163\"/>\n<p>Woher ich das weiss? Na aus dem Forum!</p>\n<p><a href=\"https://discuss.flarum.org/d/2648-german-language-pack\">https://discuss.flarum.org/d/2648-german-language-pack</a></p>\n<h2>Fazit</h2>\n<p>Flarum macht Spass, funktioniert, sieht gut aus und man lernt auch noch etwas dabei. Je nach Verwendungszweck kann es eine hervorragende Möglichkeit sein, eine Community rund um ein Thema aufzubauen. </p>\n<h2>Links</h2>\n<ul><li><a rel=\"noreferrer noopener\" href=\"https://flarum.org\" target=\"_blank\">https://flarum.org</a></li></ul>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Flarum ist ein einfaches, aber elegantes PHP basiertes Forum mit vielen Erweiterungsmöglichkeiten</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/04/27/ein-elegantes-forum-mit-flarum/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/04/00-cover.gif\"],\"tags\":[\"community\",\"flarum\",\"forum\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/04/27/ein-elegantes-forum-mit-flarum/\"}",
      "parent_author": "",
      "parent_permlink": "community",
      "permlink": "eineinfachesundelegantesforummitflarum-ob8vz93n1f",
      "title": "Ein einfaches und elegantes Forum mit Flarum"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-12T18:43:21",
  "trx_id": "ee192b013bf8c355caa6061b03ce83470548afb1",
  "trx_in_block": 2,
  "virtual_op": false
}
2020/12/07 08:08:39
authorhagengraf
pending payout0.019 HBD
permlinkwasistanghostanders-o12et77d0ysdi5jtl2ex
rshares145663518831
total vote weight71751
voterteam
weight71501
Transaction InfoBlock #49335010/Trx 0478ce4b448931fee0528bec815cab93be690733
View Raw JSON Data
{
  "block": 49335010,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.019 HBD",
      "permlink": "wasistanghostanders-o12et77d0ysdi5jtl2ex",
      "rshares": 145663518831,
      "total_vote_weight": 71751,
      "voter": "team",
      "weight": 71501
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-07T08:08:39",
  "trx_id": "0478ce4b448931fee0528bec815cab93be690733",
  "trx_in_block": 11,
  "virtual_op": true
}
2020/12/07 08:08:39
authorhagengraf
permlinkwasistanghostanders-o12et77d0ysdi5jtl2ex
voterteam
weight2000 (20.00%)
Transaction InfoBlock #49335010/Trx 0478ce4b448931fee0528bec815cab93be690733
View Raw JSON Data
{
  "block": 49335010,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "wasistanghostanders-o12et77d0ysdi5jtl2ex",
      "voter": "team",
      "weight": 2000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-07T08:08:39",
  "trx_id": "0478ce4b448931fee0528bec815cab93be690733",
  "trx_in_block": 11,
  "virtual_op": false
}
2020/12/07 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkwasistanghostanders-o12et77d0ysdi5jtl2ex
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #49334359/Trx 4046a153261a121d1a967c3b4d6b170d1cbe5fdc
View Raw JSON Data
{
  "block": 49334359,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "wasistanghostanders-o12et77d0ysdi5jtl2ex",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-07T07:36:03",
  "trx_id": "4046a153261a121d1a967c3b4d6b170d1cbe5fdc",
  "trx_in_block": 25,
  "virtual_op": true
}
2020/12/07 07:36:03
authorhagengraf
permlinkwasistanghostanders-o12et77d0ysdi5jtl2ex
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #49334359/Trx 4046a153261a121d1a967c3b4d6b170d1cbe5fdc
View Raw JSON Data
{
  "block": 49334359,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "wasistanghostanders-o12et77d0ysdi5jtl2ex",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-07T07:36:03",
  "trx_id": "4046a153261a121d1a967c3b4d6b170d1cbe5fdc",
  "trx_in_block": 25,
  "virtual_op": false
}
2020/12/07 07:31:12
authorhagengraf
permlinkinstallationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq
Transaction InfoBlock #49334262/Virtual Operation 4294967295:13
View Raw JSON Data
{
  "block": 49334262,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "installationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq"
    }
  ],
  "op_in_trx": 13,
  "timestamp": "2020-12-07T07:31:12",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/12/07 07:30:18
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkwasistanghostanders-o12et77d0ysdi5jtl2ex
Transaction InfoBlock #49334244/Trx 9df5e82f2e41485ab5e56e6696d683c9cd905fe4
View Raw JSON Data
{
  "block": 49334244,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "wasistanghostanders-o12et77d0ysdi5jtl2ex"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-12-07T07:30:18",
  "trx_id": "9df5e82f2e41485ab5e56e6696d683c9cd905fe4",
  "trx_in_block": 31,
  "virtual_op": false
}
2020/12/07 07:30:18
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-03-at-18.23.59.png</center> <br/><p>In der letzten Woche habe ich <a rel="noreferrer noopener" href="https://blog.novatrend.ch/2020/11/30/installation-von-ghost-auf-novatrend-webhosting/" target="_blank">beschrieben</a>, wie man die Node.js Applikation <strong>Ghost</strong> auf einem <a rel="noreferrer noopener" href="https://www.novatrend.ch/de/webhosting" target="_blank">Novatrend Webhosting</a> installiert. Heute geht es darum, was Ghost eigentlich ist und inwiefern sich Ghost von etablierten Systemen wie WordPress unterscheidet.</p> <h2>Geschichte</h2> <p><strong>WordPress</strong> existiert seit 2003. In diesem Jahr wurde von Matt Mullenweg auf der Basis der existierenden Blogsoftware b2 die neue WordPress Software geschrieben. Im Januar 2004 erschien die erste WordPress Version. Ein Jahr später gründete Mullenweg die Firma Auttomatic und startete den Bloghosting Dienst <em>wordpress.com</em>. Mullenweg gründete ebenfalls die gemeinnützige WordPress Foundation, um die Entwicklung von WordPress zu unterstützen. Beide Organisationen haben ihren Sitz in den USA. Die Foundation erhielt von Automattic den Auftrag die eingetragenen Marken wie WordPress, WordCamp und andere zu schützen. Der Artikel: <a rel="noreferrer noopener" href="https://torquemag.io/2013/01/wpf-automattic/" target="_blank">The Difference: WordPress Foundation and Automattic, Inc.</a>, aus dem Jahr 2013 erläutert die Unterschiede zwischen der gewinnorientierten Firma Auttomatic und der Non Profit WordPress Foundation im Detail. An dieser Situation hat sich bis heute prinzipiell nichts geändert. Das WordPress Projekt extrem erfolgreich und hat einen Marktanteil von 63.9% bei Websites, die ein Content Management System nutzen. (<a rel="noreferrer noopener" href="https://w3techs.com/technologies/overview/content_management" target="_blank">https://w3techs.com/technologies/overview/content_management</a>).</p> <p>Der Gründer von <strong>Ghost</strong>, John O'Nolan arbeitete seit 2010 als <em>Deputy Lead</em> im <em>WordPress User Interface Team</em>. Er war frustriert über die Entwicklung, dass sich WordPress immer mehr zu einem "grossen" Content Management System verwandelte und für ein einfaches Blogsystem viel zu komplex wurde. In seinem Blog schrieb er im November 2012 <a rel="noreferrer noopener" href="https://john.onolan.org/ghost/" target="_blank">WordPress is so much more than&nbsp;<strong>just</strong>&nbsp;a blogging platform</a> und stellte seine Idee eine Blogsystems namens Ghost vor. 2013 startete er eine <a rel="noreferrer noopener" href="https://www.kickstarter.com/projects/johnonolan/ghost-just-a-blogging-platform" target="_blank">Kickstarter Kampagne</a>. Er wollte 25,000 GBP in einem Monat einsammeln um das Ghost Projekt zu starten. Nach 29 Tagen wurden allerdings 196,362 GBP gesammelt. Ghost hatte offensichtlich einen Nerv getroffen. Im Oktober 2013 erschien die erste Version. O'Nolan gründete die gemeinnützige Ghost Foundation in Singapur. Auch bei Ghost gibt es einen Blogging-Dienst (<a rel="noreferrer noopener" href="https://ghost.org" target="_blank">ghost.org</a>). Dieser Dienst wird allerdings von der Foundation selbst betrieben und die Erlöse fliessen in das Projekt. John O'Nolan bezeichnet dieses Modell als "Sustainable Open Source".</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-03-at-17.00.41.png" alt="" class="wp-image-5878"/><br/><i>Sustainable Open Source - A virtuous cycle which means that we can keep creating open, adaptable software with a vibrant future, forever.</i> <p>Auch Ghost ist sehr erfolgreich. Eigenen Angaben zu Folge existieren heute 2,000,000 Millionen Installationen. w3Tech nennt den Anteil von Ghost Sites auf etwa 0.1 %. </p> <p>Nochmal zur Einordnung die Marktanteile: </p> <ul><li>WordPress 63,9%</li><li>Joomla 3,6 %</li><li>Drupal 2,5 %</li><li>Wix 2,4 %</li><li>Typo3 0,5 %</li><li>Gatsby 0.3 %</li><li>Github Pages 0.2 %</li><li>Jimdo 0.1 %</li><li>und eben Ghost mit um die 0.1 % </li></ul> <p>Ghost ist in dieser Liste das einzige System mit einem <em>"sustainable Open Source"</em> Modell. </p> <h2>Die Technik</h2> <p><strong>WordPress</strong> basiert auf dem <strong>LAMP Stack</strong>, also dem <strong>L</strong>inux Betriebssystem, dem <strong>A</strong>pache Webserver, der <strong>M</strong>ySQL/<strong>M</strong>ariaDB Datenbank und <strong>PHP</strong> (oder <strong>P</strong>erl oder <strong>P</strong>ython) als Programmiersprache. Diese Kombination gilt seit mehr als 25 Jahren weltweit als Schweizer Taschenmesser der Webentwicklung. Alles im LAMP Stack ist Open Source Software und dadurch kostenlos verfügbar. Die Bedeutung dieser freien Verfügbarkeit lässt sich vielleicht am ehesten mit der Bedeutung des Ford T-Modell für die Automobilbranche vergleichen. Es war nicht perfekt, aber es hat den Automobilmarkt begründet. Mit dem LAMP Stack verhält es sich ähnlich. Vor 25 Jahren gab es keine Cloud, keine Smartphones und kein Internet of Things.</p> <p><strong>Ghost</strong> basiert heute auf dem <strong>JAM Stack</strong>. Diese Abkürzung steht für <strong>J</strong>avaScript, <strong>A</strong>PI und <strong>M</strong>arkDown (siehe auch hier im Blog: <a href="https://blog.novatrend.ch/2020/11/16/was-ist-eigentlich-markdown/" data-type="post" data-id="5797">Was ist eigentlich Markdown?</a>). Als Ghost erschien, gab es die Bezeichnung JAM Stack noch gar nicht. Damals war Ghost einfach "anders" und es benutzte auch noch eine MySQL/Maria Datenbank. Die Abkürzung JAM Stack hat sich allerdings in den letzten Jahren durchgesetzt und Ghost ist in diesem Bereich ein mittlerweile "ehrwürdiger" Vertreter und Pionier.</p> <p>Die beiden Ansätze der Webentwicklung stehen nicht in Konkurrenz, sie funktionieren architektonisch nur unterschiedlich. Der LAMP Stack benötigt "Server", der JAM Stack ist "serverless". Ein JAM Stack benötigt Services. Diese Services werden von meist von einer Cloud Infrastruktur zur Verfügung gestellt. In dieser Cloud Infrastruktur stehen dann übrigens auch wieder echte Server, denn so ganz ohne Hardware geht es ja auch nicht. </p> <p>Im <strong>LAMP Stack</strong> wird eine HTML Seite an den Browser geliefert <strong>NACHDEM</strong> die Daten vom PHP Interpreter aus der Datenbank geholt wurden und dann vom PHP Interpreter schick aufbereitet worden sind.</p> <p>Im <strong>JAM Stack</strong> wird eine statische HTML Seite an den Browser geliefert. Diese statische Seite wurde <strong>VORHER</strong> (vor der Anfragen des Besuchers im Browser) von einem Compiler erstellt und muss nun nur noch an den Browser ausgeliefert werden..</p> <p>Diese, zugegeben vereinfachte, Darstellung der Dinge macht ein wichtiges Feature des JAM Stacks deutlich. Die Auslieferung von Webseiten an den Besucher ist, bedingt durch die Architektur, <strong>SCHNELLER</strong> als im LAMP Stack. </p> <p>Es gibt nun viele weitere Unterschiede und es gibt auch viele erfolgreiche Anstrengungen, den LAMP Stack schneller zu machen. WordPress und Drupal laufen beispielsweise über ihre APIs auch "headless" und damit innerhalb von JAM Stacks. Aber auch hier lohnt ein Blick in die Automobilgeschichte. Verbrennungsmotoren haben architekturbedingt weniger Drehmoment beim Beschleunigen und sind daher in diesem Kriterium langsamer als vergleichbare Elektroautos. Sie können das Rennen nicht gewinnen.</p> <p>Um im Bild zu bleiben: Das <strong>Ghost</strong> System spielt, meines Erachtens, in dieser Entwicklung die Rolle eines Hydrid-Autos. </p> <p>Ein sehr hilfreiches Video zum Thema JAM Stack stammt von <strong>Phil Hawksworth</strong> im Rahmen der JavaScript Conference: <a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=YljH-aqKUFk&amp;feature=emb_logo" target="_blank">Do we really need this JAM Stack thing?</a></p> <div class="wp-block-embed__wrapper"> https://www.youtube.com/watch?v=YljH-aqKUFk&amp;feature=emb_logo </div> <p>Die technischen Unterschiede erklären zum Teil auch die Unterschiede in der Verbreitung von WordPress und Ghost. Das Webhosting von LAMP Stacks ist etabliert, sicher und relativ preisgünstig. Alle Komponenten sind Open Source Software. Cloud-Infrastrukturen dagegen sind für den Betreiber kostspielig und diese Investitionen müssen sich rechnen. Cloud Services sind am Anfang oft kostenlos oder extrem günstig. Das ist hilfreich für Anfänger und Startups. Benötigt man allerdings mehr Ressourcen, so steigt der Preis sehr schnell auf ungeahnte Höhen. Aus diesem Grund fällt es auch schwer, allgemein gültige Empfehlungen zu geben. Es kommt auf den Einzelfall an.</p> <h2>Fazit</h2> <p>Der Unterschied von WordPress und Ghost liegt einerseits im Geschäftsmodell und andererseits in der verwendeten Technik. Beide Punkte sind bei Ghost auf sehr charmante Art und Weise gelöst. Ghost sieht schick aus, lässt sich gut bedienen und ist sehr schnell. Es macht Spass damit zu arbeiten.</p> <p>Der weltweite Markt hat sich, Stand heute, allerdings sehr deutlich für LAMP Stack basierte Systeme wie WordPress, Joomla und Drupal entschieden (die machen auch Spass :) ).</p> <p>Nichtsdestotrotz halten wir es für sinnvoll die neuere Technologie anzubieten und auszuprobieren und wünschen dabei viel Erfolg.</p> <h2>Links</h2> <ul><li><a rel="noreferrer noopener" href="https://jaxenter.de/javascript/jamstack-einfuehrung-javascript-97216" target="_blank">ghost.org</a></li><li><a rel="noreferrer noopener" href="https://medium.com/@marvin.trefzer/webentwicklung-jamstack-4f4d3bf572fe" target="_blank">Moderne Webentwicklung mit einem JAMstack</a></li><li><a rel="noreferrer noopener" href="https://ghost.org/vs/wordpress/" target="_blank">Ghost vs. WordPress</a> (Vergleich auf der ghost.org Site)</li></ul> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Der Blick hinter die Kulissen von Ghost lohnt sich</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/07/was-ist-an-ghost-anders/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-03-at-18.23.59.png"],"tags":["ghost","jamstack","lamp"],"canonical_url":"https://blog.novatrend.ch/2020/12/07/was-ist-an-ghost-anders/"}
parent author
parent permlinkghost
permlinkwasistanghostanders-o12et77d0ysdi5jtl2ex
titleWas ist an Ghost anders?
Transaction InfoBlock #49334244/Trx 9df5e82f2e41485ab5e56e6696d683c9cd905fe4
View Raw JSON Data
{
  "block": 49334244,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-03-at-18.23.59.png</center> <br/><p>In der letzten Woche habe ich <a rel=\"noreferrer noopener\" href=\"https://blog.novatrend.ch/2020/11/30/installation-von-ghost-auf-novatrend-webhosting/\" target=\"_blank\">beschrieben</a>, wie man die Node.js Applikation <strong>Ghost</strong> auf einem <a rel=\"noreferrer noopener\" href=\"https://www.novatrend.ch/de/webhosting\" target=\"_blank\">Novatrend Webhosting</a> installiert. Heute geht es darum, was Ghost eigentlich ist und inwiefern sich Ghost von etablierten Systemen wie WordPress unterscheidet.</p>\n\n<h2>Geschichte</h2>\n<p><strong>WordPress</strong> existiert seit 2003. In diesem Jahr wurde von Matt Mullenweg auf der Basis der existierenden Blogsoftware b2 die neue WordPress Software geschrieben. Im Januar 2004 erschien die erste WordPress Version. Ein Jahr später gründete Mullenweg die Firma Auttomatic und startete den Bloghosting Dienst <em>wordpress.com</em>. Mullenweg gründete ebenfalls die gemeinnützige WordPress Foundation, um die Entwicklung von WordPress zu unterstützen. Beide Organisationen haben ihren Sitz in den USA. Die Foundation erhielt von Automattic den Auftrag die eingetragenen Marken wie WordPress, WordCamp und andere zu schützen. Der Artikel: <a rel=\"noreferrer noopener\" href=\"https://torquemag.io/2013/01/wpf-automattic/\" target=\"_blank\">The Difference: WordPress Foundation and Automattic, Inc.</a>, aus dem Jahr 2013 erläutert die Unterschiede zwischen der gewinnorientierten Firma Auttomatic und der Non Profit WordPress Foundation im Detail. An dieser Situation hat sich bis heute prinzipiell nichts geändert. Das WordPress Projekt extrem erfolgreich und hat einen Marktanteil von 63.9% bei Websites, die ein Content Management System nutzen. (<a rel=\"noreferrer noopener\" href=\"https://w3techs.com/technologies/overview/content_management\" target=\"_blank\">https://w3techs.com/technologies/overview/content_management</a>).</p>\n<p>Der Gründer von <strong>Ghost</strong>, John O'Nolan arbeitete seit 2010 als <em>Deputy Lead</em> im <em>WordPress User Interface Team</em>. Er war frustriert über die Entwicklung, dass sich WordPress immer mehr zu einem \"grossen\" Content Management System verwandelte und für ein einfaches Blogsystem viel zu komplex wurde. In seinem Blog schrieb er im November 2012 <a rel=\"noreferrer noopener\" href=\"https://john.onolan.org/ghost/\" target=\"_blank\">WordPress is so much more than&nbsp;<strong>just</strong>&nbsp;a blogging platform</a> und stellte seine Idee eine Blogsystems namens Ghost vor. 2013 startete er eine <a rel=\"noreferrer noopener\" href=\"https://www.kickstarter.com/projects/johnonolan/ghost-just-a-blogging-platform\" target=\"_blank\">Kickstarter Kampagne</a>. Er wollte 25,000 GBP in einem Monat einsammeln um das Ghost Projekt zu starten. Nach 29 Tagen wurden allerdings 196,362 GBP gesammelt. Ghost hatte offensichtlich einen Nerv getroffen. Im Oktober 2013 erschien die erste Version. O'Nolan gründete die gemeinnützige Ghost Foundation in Singapur. Auch bei Ghost gibt es einen Blogging-Dienst (<a rel=\"noreferrer noopener\" href=\"https://ghost.org\" target=\"_blank\">ghost.org</a>). Dieser Dienst wird allerdings von der Foundation selbst betrieben und die Erlöse fliessen in das Projekt. John O'Nolan bezeichnet dieses Modell als \"Sustainable Open Source\".</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-03-at-17.00.41.png\" alt=\"\" class=\"wp-image-5878\"/><br/><i>Sustainable Open Source - A virtuous cycle which means that we can keep creating open, adaptable software with a vibrant future, forever.</i>\n<p>Auch Ghost ist sehr erfolgreich. Eigenen Angaben zu Folge existieren heute 2,000,000 Millionen Installationen. w3Tech nennt den Anteil von Ghost Sites auf etwa 0.1 %. </p>\n<p>Nochmal zur Einordnung die Marktanteile: </p>\n<ul><li>WordPress 63,9%</li><li>Joomla 3,6 %</li><li>Drupal 2,5 %</li><li>Wix 2,4 %</li><li>Typo3 0,5 %</li><li>Gatsby 0.3 %</li><li>Github Pages 0.2 %</li><li>Jimdo 0.1 %</li><li>und eben Ghost mit um die 0.1 % </li></ul>\n<p>Ghost ist in dieser Liste das einzige System mit einem <em>\"sustainable Open Source\"</em> Modell. </p>\n<h2>Die Technik</h2>\n<p><strong>WordPress</strong> basiert auf dem <strong>LAMP Stack</strong>, also dem <strong>L</strong>inux Betriebssystem, dem <strong>A</strong>pache Webserver, der <strong>M</strong>ySQL/<strong>M</strong>ariaDB Datenbank und <strong>PHP</strong> (oder <strong>P</strong>erl oder <strong>P</strong>ython) als Programmiersprache. Diese Kombination gilt seit mehr als 25 Jahren weltweit als Schweizer Taschenmesser der Webentwicklung. Alles im LAMP Stack ist Open Source Software und dadurch kostenlos verfügbar. Die Bedeutung dieser freien Verfügbarkeit lässt sich vielleicht am ehesten mit der Bedeutung des Ford T-Modell für die Automobilbranche vergleichen. Es war nicht perfekt, aber es hat den Automobilmarkt begründet. Mit dem LAMP Stack verhält es sich ähnlich. Vor 25 Jahren gab es keine Cloud, keine Smartphones und kein Internet of Things.</p>\n<p><strong>Ghost</strong> basiert heute auf dem <strong>JAM Stack</strong>. Diese Abkürzung steht für <strong>J</strong>avaScript, <strong>A</strong>PI und <strong>M</strong>arkDown (siehe auch hier im Blog: <a href=\"https://blog.novatrend.ch/2020/11/16/was-ist-eigentlich-markdown/\" data-type=\"post\" data-id=\"5797\">Was ist eigentlich Markdown?</a>). Als Ghost erschien, gab es die Bezeichnung JAM Stack noch gar nicht. Damals war Ghost einfach \"anders\" und es benutzte auch noch eine MySQL/Maria Datenbank. Die Abkürzung  JAM Stack hat sich allerdings in den letzten Jahren durchgesetzt und Ghost ist in diesem Bereich ein mittlerweile \"ehrwürdiger\" Vertreter und Pionier.</p>\n<p>Die beiden Ansätze der Webentwicklung stehen nicht in Konkurrenz, sie funktionieren architektonisch nur unterschiedlich. Der LAMP Stack benötigt \"Server\", der JAM Stack ist \"serverless\". Ein JAM Stack benötigt Services. Diese Services werden von meist von einer Cloud Infrastruktur zur Verfügung gestellt. In dieser Cloud Infrastruktur stehen dann übrigens auch wieder echte Server, denn so ganz ohne Hardware geht es ja auch nicht. </p>\n<p>Im <strong>LAMP Stack</strong> wird eine HTML Seite an den Browser geliefert <strong>NACHDEM</strong> die Daten vom PHP Interpreter aus der Datenbank geholt wurden und dann vom PHP Interpreter schick aufbereitet worden sind.</p>\n<p>Im <strong>JAM Stack</strong> wird eine statische HTML Seite an den Browser geliefert. Diese statische Seite wurde <strong>VORHER</strong> (vor der Anfragen des Besuchers im Browser) von einem Compiler erstellt und muss nun nur noch an den Browser ausgeliefert werden..</p>\n<p>Diese, zugegeben vereinfachte, Darstellung der Dinge macht ein wichtiges Feature des JAM Stacks deutlich. Die Auslieferung von Webseiten an den Besucher ist, bedingt durch die Architektur, <strong>SCHNELLER</strong> als im LAMP Stack. </p>\n<p>Es gibt nun viele weitere Unterschiede und es gibt auch viele erfolgreiche Anstrengungen, den LAMP Stack schneller zu machen. WordPress und Drupal laufen beispielsweise über ihre APIs auch \"headless\" und damit innerhalb von JAM Stacks. Aber auch hier lohnt ein Blick in die Automobilgeschichte. Verbrennungsmotoren haben architekturbedingt weniger Drehmoment beim Beschleunigen und sind daher in diesem Kriterium langsamer als vergleichbare Elektroautos. Sie können das Rennen nicht gewinnen.</p>\n<p>Um im Bild zu bleiben: Das <strong>Ghost</strong> System spielt, meines Erachtens, in dieser Entwicklung die Rolle eines Hydrid-Autos.  </p>\n<p>Ein sehr hilfreiches Video zum Thema JAM Stack stammt von <strong>Phil Hawksworth</strong> im Rahmen der JavaScript Conference: <a rel=\"noreferrer noopener\" href=\"https://www.youtube.com/watch?v=YljH-aqKUFk&amp;feature=emb_logo\" target=\"_blank\">Do we really need this JAM Stack thing?</a></p>\n<div class=\"wp-block-embed__wrapper\">\nhttps://www.youtube.com/watch?v=YljH-aqKUFk&amp;feature=emb_logo\n</div>\n<p>Die technischen Unterschiede erklären zum Teil auch die Unterschiede in der Verbreitung von WordPress und Ghost. Das Webhosting von LAMP Stacks ist etabliert, sicher und relativ preisgünstig. Alle Komponenten sind Open Source Software. Cloud-Infrastrukturen dagegen sind für den Betreiber kostspielig und diese Investitionen müssen sich rechnen. Cloud Services sind am Anfang oft kostenlos oder extrem günstig. Das ist hilfreich für Anfänger und Startups. Benötigt man allerdings mehr Ressourcen, so steigt der Preis sehr schnell auf ungeahnte Höhen. Aus diesem Grund fällt es auch schwer, allgemein gültige Empfehlungen zu geben. Es kommt auf den Einzelfall an.</p>\n<h2>Fazit</h2>\n<p>Der Unterschied von WordPress und Ghost liegt einerseits im Geschäftsmodell und andererseits in der verwendeten Technik. Beide Punkte sind bei Ghost auf sehr charmante Art und Weise gelöst. Ghost sieht schick aus, lässt sich gut bedienen und ist sehr schnell. Es macht Spass damit zu arbeiten.</p>\n<p>Der weltweite Markt hat sich, Stand heute, allerdings sehr deutlich für LAMP Stack basierte Systeme wie WordPress, Joomla und Drupal entschieden (die machen auch Spass :) ).</p>\n<p>Nichtsdestotrotz halten wir es für sinnvoll die neuere Technologie anzubieten und auszuprobieren und wünschen dabei viel Erfolg.</p>\n<h2>Links</h2>\n<ul><li><a rel=\"noreferrer noopener\" href=\"https://jaxenter.de/javascript/jamstack-einfuehrung-javascript-97216\" target=\"_blank\">ghost.org</a></li><li><a rel=\"noreferrer noopener\" href=\"https://medium.com/@marvin.trefzer/webentwicklung-jamstack-4f4d3bf572fe\" target=\"_blank\">Moderne Webentwicklung mit einem JAMstack</a></li><li><a rel=\"noreferrer noopener\" href=\"https://ghost.org/vs/wordpress/\" target=\"_blank\">Ghost vs. WordPress</a> (Vergleich auf der ghost.org Site)</li></ul>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Der Blick hinter die Kulissen von Ghost lohnt sich</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/12/07/was-ist-an-ghost-anders/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/12/Screenshot-2020-12-03-at-18.23.59.png\"],\"tags\":[\"ghost\",\"jamstack\",\"lamp\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/12/07/was-ist-an-ghost-anders/\"}",
      "parent_author": "",
      "parent_permlink": "ghost",
      "permlink": "wasistanghostanders-o12et77d0ysdi5jtl2ex",
      "title": "Was ist an Ghost anders?"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-12-07T07:30:18",
  "trx_id": "9df5e82f2e41485ab5e56e6696d683c9cd905fe4",
  "trx_in_block": 31,
  "virtual_op": false
}
2020/11/30 08:10:24
authorhagengraf
permlinkarbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489
Transaction InfoBlock #49133847/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 49133847,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "arbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2020-11-30T08:10:24",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/11/30 07:37:03
authorhagengraf
pending payout0.000 HBD
permlinkinstallationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #49133181/Trx cba65d8454219a1977538a7dd67ac5739c59b067
View Raw JSON Data
{
  "block": 49133181,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "installationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-30T07:37:03",
  "trx_id": "cba65d8454219a1977538a7dd67ac5739c59b067",
  "trx_in_block": 29,
  "virtual_op": true
}
2020/11/30 07:37:03
authorhagengraf
permlinkinstallationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #49133181/Trx cba65d8454219a1977538a7dd67ac5739c59b067
View Raw JSON Data
{
  "block": 49133181,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "installationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-30T07:37:03",
  "trx_id": "cba65d8454219a1977538a7dd67ac5739c59b067",
  "trx_in_block": 29,
  "virtual_op": false
}
2020/11/30 07:31:15
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkinstallationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq
Transaction InfoBlock #49133065/Trx fa0bb78849ef5b0b88afd821b9548e9c5c3aa9bb
View Raw JSON Data
{
  "block": 49133065,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "installationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-30T07:31:15",
  "trx_id": "fa0bb78849ef5b0b88afd821b9548e9c5c3aa9bb",
  "trx_in_block": 27,
  "virtual_op": false
}
2020/11/30 07:31:15
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/15-ghost.jpg</center> <br/><p>Ghost ist eine freie Blogging-Plattform, die in JavaScript geschrieben ist und unter Node.js läuft. Sie ist minimalistisch aufgebaut und verfolgt das Ziel, ein einfaches System zum Verfassen und zur Veröffentlichung von Artikeln zu bieten ohne dass man viel Aufwand mit konfigurieren verbringen muß. </p> <p>Ich habe die Installation von Ghost auf einem Root Server vor 6 Jahren (!) hier im Blog beschrieben - <a href="https://blog.novatrend.ch/2014/12/22/ein-blog-mit-ghost-und-node-js/">Ein Blog mit Ghost und Node.js</a>. Damals war es nicht möglich, Node.js in einem Webhosting zu verwenden. Heute geht das aber problemlos und daher nun die Anleitung, wie man das famose Ghost System auf einem ganz normalen Webhosting bei Novatrend installiert. </p> <p>Wenn du noch unsicher bist, ob es sich lohnt, Ghost auszuprobieren, dann schau dir zu Motivationszwecken einfach mal Film zum Start des <a href="https://www.kickstarter.com/projects/johnonolan/ghost-just-a-blogging-platform/" target="_blank" rel="noreferrer noopener">Projekts auf Kickstarter</a> aus dem Jahr 2013 an. </p> <figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> https://youtu.be/6rP5R5bIJk0 </div><figcaption>Kickstarter Video für Ghost von 2013</figcaption></figure> <p>Und denke dabei kurz daran, dass es den klassischen&nbsp;<a href="http://blog.novatrend.ch/node/5">LAMP Stack</a>&nbsp;nun auch schon wieder mehr als 25 Jahre gibt.&nbsp;</p> <p>Wenn du jetzt etwas überzeugter bist, dann lass uns starten.&nbsp;</p> <p>Node.js ist, im Gegensatz zu PHP bei vielen Hostern nicht gebräuchlich und so war es auch für uns eine kleine Herausforderung. Bedanken möchte ich mich bei <a rel="noreferrer noopener" href="https://www.novatrend.ch/de/ueber-uns/" target="_blank">Angelo Gründler</a>, der die erfolgreiche “Forschung“ für diese Anleitung übernahm.</p> <p>So grundsätzlich sind die Installationsschritte nicht schwer, aber für „gelernte“ LAMP-Stack Sitebuilder doch ein wenig ungewohnt.</p> <p>Voraussetzung, um diese Anleitung nachvollziehen zu können ist ein <a href="https://www.novatrend.ch/de/webhosting">Webhosting</a> bei Novatrend und ein Zugang zur Konsole dieses Webhostings <em>(siehe dazu auch den Blog post der letzten Woche: <a href="https://blog.novatrend.ch/2020/11/23/arbeiten-mit-der-kommandozeile-auf-deinem-webhosting/" data-type="post" data-id="5822">Arbeiten mit der Kommandozeile auf deinem Webhosting</a>)</em>.</p> <h2>cPanel - 1. Teil</h2> <p>Wir erstellen zunächst innerhalb von <em>cPanel</em> eine Sub-Domain mit Zertifikat, eine Datenbank mit Benutzer und installieren dann das Ghost Blogging System als Node.js Applikation.</p> <h3>Domain nutzen oder Sub-Domain erstellen</h3> <p>Ich benutze für meine Beispiele hier im Blog meist eine Unterdomain (Sub-Domain). Mit einer Top Level Domain geht es natürlich auch. <br>Ich füge eine Sub-Domain im <em>cPanel</em> hinzu. Meine Sub-Domain heisst <em>ghost.seafolly.ch</em> und wird nur für das Ghost System verwendet. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/01-subdomain-anlegen.gif" alt="" class="wp-image-5837"/><br/><i>Unterdomäne anlegen - ghost.seafolly.ch</i> <h3>TLS Zertifikat ausstellen und installieren</h3> <p>Wir benötigen natürlich ein Zertifikat und stellen ein kostenloses Let's Encrypt TLS Zertifikat für die Domain oder Sub-Domain aus <em>(to issue).</em></p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/02-zertifikat.gif" alt="" class="wp-image-5838"/><br/><i>Let‘s Encrypt Zertifikat ausstellen</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/03-Zertifikat.gif" alt="" class="wp-image-5839"/><br/><i>Zertifikat ausstellen - Details</i> <h3>Datenbank</h3> <p>Ghost benötigt wie andere CMS eine Datenbank und so erstellen wir, wie bei WordPress, Joomla und Drupal, eine Datenbank und einen Datenbankbenutzer mit Vollzugriff für diesen Benutzer. In meinem Beipiel heissen Datenbank und Benutzer <em>seafoll1_ghost</em>.</p> <p>Über den Datenbankassistent im <em>cPanel</em> lässt sich das einfach erledigen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/04-Db-erstellen.gif" alt="" class="wp-image-5840"/><br/><i>MySQL-Datenbank-Assistent - Schritt 1 - DB erstellen</i> <p>Das Passwort für den Benutzer bitte unbedingt irgendwo aufschreiben, wir brauchen es später.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/05-db-user.gif" alt="" class="wp-image-5841"/><br/><i>MySQL-Datenbank-Assistent - Schritt 2 - Benutzer erstellen</i> <p>Der Benutzer benötigt alle Berechtigungen, also Vollzugriff auf die Datenbank.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/06-db-rechte.gif" alt="" class="wp-image-5842"/><br/><i>MySQL-Datenbank-Assistent - Schritt 3 -Benutzer Berechtigungen festlegen</i> <h2>Konsole - 1. Teil</h2> <p>Nun wechseln wir das erste Mal auf die Kommandozeile und loggen uns auf unserem Webhosting ein.</p> <p>Im <em>Home</em> Verzeichnis muss das Verzeichnis <em>node/$domainname</em> angelegt werden</p> <pre class="wp-block-preformatted">$ mkdir -p node/ghost.seafolly.ch</pre> <p>In meinem Fall ist das komplette Verzeichnis dann</p> <pre class="wp-block-preformatted">/home/seafoll1/node/ghost.seafolly.ch </pre> <h2>cPanel - 2. Teil</h2> <p>Im cPanel gibt es einen Punkt <em>Node.js</em>. Dort erstellen wir eine Applikation (<em>Create Application</em>).</p> <ul><li><strong>Node.js version:</strong> 12.18.3 oder vergleichbar vom 12er wählen.</li><li><strong>Application mode:</strong> Production</li><li><strong>Application root:</strong> node/ghost.seafolly.ch <em>(node/$domainname)</em></li><li>Bei <strong>Application URL</strong> die Domain oder Subdomain auswählen</li><li><strong>Application startup file:</strong> index.js</li></ul> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/07-nodejs-.gif" alt="" class="wp-image-5843"/><br/><i>Node.js Applikation erstellen</i> <h2>Browser - Ghost - 1. Teil</h2> <p>Nach dem Speichern <em>(create)</em> kannst du im Browser deine Domain aufrufen, im meinem Fall also <em>https://ghost.seafolly.ch</em>.</p> <p>Es sollte eine <strong>"It works"</strong> Nachricht mit der Node.js Version erscheinen.</p> <h2>Konsole - 2. Teil</h2> <p>Wechsle nun wieder auf die Kommandozeile und setze diese beiden Befehle ab</p> <pre class="wp-block-preformatted">$ source /home/seafoll1/nodevenv/node/ghost.seafolly.ch/12/bin/activate &amp;&amp; cd /home/seafoll1/node/ghost.seafolly.ch</pre> <p>Wenn alles funktioniert hat, dann sind wir jetzt in diesem Verzeichnis</p> <pre class="wp-block-preformatted">/home/musterb1/node/ghost.seafolly.ch </pre> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/08-verzeichnis.gif" alt="" class="wp-image-5844"/><br/><i>Verzeichnis in der Konsole</i> <p>Mit dem Befehl <strong>pwd</strong> kannst du das überprüfen.</p> <p>Als nächsten Schritt installieren wir das <em>Ghost-cli (Command Line Interface)</em>. Mit diesem Tool lässt sich Ghost installieren und warten. Damit die Installation sauber durchläuft, erstellen wir noch ein separates <em>install</em>-Verzeichnis. Dann wechseln wir in dieses Verzeichnis und installieren das <em>Ghost-cli</em>.</p> <pre class="wp-block-preformatted"><code>$ mkdir install </code> <code>$ cd install </code> <code>$ npm install ghost-cli@latest -g</code></pre> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/09-ghost-cli.gif" alt="" class="wp-image-5846"/><br/><i>Ghost-cli installieren</i> <p>Das <em>Ghost-cli</em> lässt sich mit dem Befehl <em>Ghost</em> aufrufen und die Installation des Ghost Blogs erfolgt mit dem Befehl</p> <pre class="wp-block-preformatted">$ ghost install local</pre> <p>Die Installation läuft sauber durch, bricht dann aber beim Versuch Ghost zu starten <em>("Starting Ghost")</em> mit einer Fehlermeldung ab. Du erkennst das am roten Kreuzchen x.&nbsp;</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/10-ghost-install-1024x438.gif" alt="" class="wp-image-5848"/><br/><i>Ghost Installation bricht beim Schritt „Starting Ghost“ ab</i> <p>Das Problem ist die fehlende Datenbank-Konfiguration. Die erstellen wir nachträglich mit dem Befehl <em>ghost setup</em>:</p> <pre class="wp-block-preformatted">$ ghost setup</pre> <p>Das <em>Ghost Setup</em> fragt die Datenbank-Parameter ab, die du entsprechend ausfüllen und mit der Enter Taste bestätige musst.</p> <pre class="wp-block-preformatted">? Enter your blog URL: https://ghost.seafolly.ch ? Enter your MySQL hostname: localhost ? Enter your MySQL username: seafoll1_ghost ? Enter your MySQL password: **** ? Enter your Ghost database name: seafoll1_ghost</pre> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/11-ghost-setup-1024x651.gif" alt="" class="wp-image-5849"/><br/><i>Ghost setup</i> <p>Ausser der Datenbank versucht das <em>Ghost Setup</em> auch andere Dinge zu konfigurieren, die nichts mit den Shared Hosting/Webhosting zu tun haben. Diese Aktionen erzeugen Fehlermeldungen, weil die entsprechenden Berechtigungen nicht vorhanden sind.</p> <p>Trotzdem hat Ghost mit diesem Setup eine Datei namens <em>config.production.json</em> erstellt. Diese Datei <strong>verschieben</strong> <em>(mv)</em> wir eine Ebene höher. Das wäre in meinem Beispiel wieder <em>/home/seafoll1/node/ghost.seafoll1.ch</em> und da <strong>wechseln</strong> <em>(cd)</em> wir auch hin:</p> <pre class="wp-block-preformatted">$ ls config.development.json config.production.json content current versions $ mv config.production.json ../ $ cd ..</pre> <p>Nun versuchen wir Ghost zu starten. Wenn es klappt, werden jetzt die Verbindung zur MySQL Datenbank hergestellt und die notwendigen Tabellen erstellt:</p> <pre class="wp-block-preformatted">$ node install/current/index.js</pre> <p>Leider klappt es noch nicht und es wird eine Fehlermeldung ausgeworfen:</p> <pre class="wp-block-preformatted">ERROR Field length of&nbsp;customer_id&nbsp;in&nbsp;members_stripe_customers is too long! "This usually happens if your database encoding is utf8mb4. All unique fields and indexes must be lower than 191 characters. Please correct your field length and reset your database with knex-migrator reset." Read more here: https://github.com/TryGhost/knex-migrator/issues/51</pre> <p>Also müssen wir in der Datenbank das Problem beheben. Dazu melden wir uns auf der Kommandozeile beim MySQL Monitor an:</p> <pre class="wp-block-preformatted">$ mysql -u seafoll1_ghost -p seafoll1_ghost</pre> <p>Nach Eingabe des Passworts sind wir in der MySQL/MariaDB Umgebung:</p> <pre class="wp-block-preformatted">MariaDB [seafoll1_ghost]&gt;</pre> <p>Nun muss folgender MySQL Befehl ausgeführt werden. Er passt die Länge und den Zeichensatz des Feldes an, so dass Ghost damit arbeiten kann. Mit dem Befehl <em>exit</em> verlassen wir danach den MySQL Monitor wieder:</p> <pre class="wp-block-preformatted">ALTER TABLE <code>members_stripe_customers</code> CHANGE <code>customer_id</code> <code>customer_id</code> VARCHAR(191) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL;<br>exit</pre> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/12-db-aendern-1024x443.gif" alt="" class="wp-image-5850"/><br/><i>DB anpassen</i> <p>2. Versuch Ghost zu starten:</p> <pre class="wp-block-preformatted">$ node install/current/index.js</pre> <p>Leider gibt es ein weiteres zu langes Feld und eine entsprechende Fehlermeldung:</p> <pre class="wp-block-preformatted">ERROR Field length of&nbsp;subscription_id&nbsp;in&nbsp;members_stripe_customers_subscriptions is too long!</pre> <p>Also auch das noch beheben:</p> <pre class="wp-block-preformatted">$ mysql -u seafoll1_ghost -p seafoll1_ghost</pre> <p>Den MySQL Befehl ausführen und wieder mit <em>exit</em> verlassen:</p> <pre class="wp-block-preformatted">ALTER TABLE <code>members_stripe_customers_subscriptions</code> CHANGE <code>subscription_id</code> <code>subscription_id</code> VARCHAR(191) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL;<br>exit</pre> <p>Aller guten Dinge sind drei. <br>Beim dritten Versuch sollte der Start von Ghost klappen:</p> <pre class="wp-block-preformatted">$ node install/current/index.js</pre> <pre class="wp-block-preformatted">INFO Your site is now available on https://ghost.seafolly.ch/ INFO Ctrl+C to shut down</pre> <p>Da wir im Webhosting die Node Applikation über cPanel verwalten und nicht über die Kommandozeile, <strong>stoppen</strong> wir sie hier gleich mit Ctrl+C.</p> <p>Nun sind alle Arbeiten auf der Kommandozeile erledigt, Ghost funktioniert, und wir wechseln wieder in das <em>cPanel</em>. </p> <h2>cPanel - 3. Teil</h2> <p>Zurück zu <em>cPanel -&gt; Node.js -&gt; Edit this Application</em>.</p> <p>Zunächst muss die Anwendung gestoppt werden <em>(Stop Button klicken)</em>. Der Wert im Feld <em>Application startup file</em> muss auf die nun vom Ghost Installationsprogramm erstellte <em>index.js</em> Datei umgestellt werden.</p> <pre class="wp-block-preformatted">install/current/index.js</pre> <p>Oben rechts den <em>Save</em> Button klicken und nun sollte unser Ghost Blog laufen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/16-cpanel-node.js.gif" alt="" class="wp-image-5857"/><br/><i>Application Startup File ändern</i> <h2>Browser - Ghost - 2. Teil</h2> <p>Die benutzte Domain <a rel="noreferrer noopener" href="https://ghost.seafolly.ch" target="_blank">https://ghost.seafolly.ch</a> im Browser aufrufen. Anfangs kommt noch eine Meldung <em>"Site is starting up"</em>. In diesem Falle ist die Node.js Applikation noch nicht vollständig gestartet. </p> <p>Also einfach so lange den Browser aktualisieren (F5-Taste) bis der Blog erscheint. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/13-ghost-aufruf-1024x521.gif" alt="" class="wp-image-5851"/> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/15-ghost-1024x847.jpg" alt="" class="wp-image-5852"/><br/><i>Welcome to Ghost</i> <p>Das treibt einem schon mal die Freudentränen in die Augen &#x1f609;. <br>Das Ghost Blog läuft und nun muss nur noch ein administrativer Benutzer erstellt werden und optional können Einladungen an weitere Nutzer verschickt werden. </p> <p>Hierzu musst du <em>https://ghost.seafolly.ch/ghost/</em> aufrufen und einfach dem Einrichtungs-Assistenten folgen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/16-ghost-user-einrichten.gif" alt="" class="wp-image-5853"/><br/><i>Welcome to Ghost!</i> <h2>Fazit</h2> <p><strong>Es ist möglich ein Ghost Blog auf einem Novatrend Webhosting aufzusetzen</strong>. <br>Der Seitenaufbau erfolgt wirklich sehr schnell. <br>Nun ist es an der Zeit Ghost in allen Verästelungen auszuprobieren. Es ist ein tolles System und wir werden weitere Tips zu Ghost veröffentlichen.</p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Bei uns kannst du ein Ghost Blog basierend auf Node.js hosten</p> <p> </p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/30/installation-von-ghost-auf-novatrend-webhosting/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/11/15-ghost.jpg"],"tags":["ghost","node-js"],"canonical_url":"https://blog.novatrend.ch/2020/11/30/installation-von-ghost-auf-novatrend-webhosting/"}
parent author
parent permlinkghost
permlinkinstallationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq
titleInstallation von Ghost auf Novatrend Webhosting
Transaction InfoBlock #49133065/Trx fa0bb78849ef5b0b88afd821b9548e9c5c3aa9bb
View Raw JSON Data
{
  "block": 49133065,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/15-ghost.jpg</center> <br/><p>Ghost ist eine freie Blogging-Plattform, die in JavaScript geschrieben ist und unter Node.js läuft. Sie ist minimalistisch aufgebaut und verfolgt das Ziel, ein einfaches System zum Verfassen und zur Veröffentlichung von Artikeln zu bieten ohne dass man viel Aufwand mit konfigurieren verbringen muß. </p>\n<p>Ich habe die Installation von Ghost auf einem Root Server vor 6 Jahren (!) hier im Blog beschrieben - <a href=\"https://blog.novatrend.ch/2014/12/22/ein-blog-mit-ghost-und-node-js/\">Ein Blog mit Ghost und Node.js</a>. Damals war es nicht möglich, Node.js in einem Webhosting zu verwenden. Heute geht das aber problemlos und daher nun die Anleitung, wie man das famose Ghost System auf einem ganz normalen Webhosting bei Novatrend installiert. </p>\n<p>Wenn du noch unsicher bist, ob es sich lohnt, Ghost auszuprobieren, dann schau dir zu Motivationszwecken einfach mal Film zum Start des <a href=\"https://www.kickstarter.com/projects/johnonolan/ghost-just-a-blogging-platform/\" target=\"_blank\" rel=\"noreferrer noopener\">Projekts auf  Kickstarter</a> aus dem Jahr 2013 an. </p>\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps://youtu.be/6rP5R5bIJk0\n</div><figcaption>Kickstarter Video für Ghost von 2013</figcaption></figure>\n<p>Und denke dabei kurz daran, dass es den klassischen&nbsp;<a href=\"http://blog.novatrend.ch/node/5\">LAMP Stack</a>&nbsp;nun auch schon wieder mehr als 25 Jahre gibt.&nbsp;</p>\n<p>Wenn du jetzt etwas überzeugter bist, dann lass uns starten.&nbsp;</p>\n<p>Node.js ist, im Gegensatz zu PHP bei vielen Hostern nicht gebräuchlich und so war es auch für uns eine kleine Herausforderung. Bedanken möchte ich mich bei <a rel=\"noreferrer noopener\" href=\"https://www.novatrend.ch/de/ueber-uns/\" target=\"_blank\">Angelo Gründler</a>, der die erfolgreiche “Forschung“ für diese Anleitung übernahm.</p>\n<p>So grundsätzlich sind die Installationsschritte nicht schwer, aber für „gelernte“ LAMP-Stack Sitebuilder doch ein wenig ungewohnt.</p>\n<p>Voraussetzung, um diese Anleitung nachvollziehen zu können ist ein <a href=\"https://www.novatrend.ch/de/webhosting\">Webhosting</a> bei Novatrend und ein Zugang zur Konsole dieses Webhostings <em>(siehe dazu auch den Blog post der letzten Woche: <a href=\"https://blog.novatrend.ch/2020/11/23/arbeiten-mit-der-kommandozeile-auf-deinem-webhosting/\" data-type=\"post\" data-id=\"5822\">Arbeiten mit der Kommandozeile auf deinem Webhosting</a>)</em>.</p>\n\n<h2>cPanel - 1. Teil</h2>\n<p>Wir erstellen zunächst innerhalb von <em>cPanel</em> eine Sub-Domain mit Zertifikat, eine Datenbank mit Benutzer und installieren dann das Ghost Blogging System als Node.js Applikation.</p>\n<h3>Domain nutzen oder Sub-Domain erstellen</h3>\n<p>Ich benutze für meine Beispiele hier im Blog meist eine Unterdomain (Sub-Domain). Mit einer Top Level Domain geht es natürlich auch. <br>Ich füge eine Sub-Domain im <em>cPanel</em> hinzu. Meine Sub-Domain heisst <em>ghost.seafolly.ch</em> und wird nur für das Ghost System verwendet. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/01-subdomain-anlegen.gif\" alt=\"\" class=\"wp-image-5837\"/><br/><i>Unterdomäne anlegen - ghost.seafolly.ch</i>\n<h3>TLS Zertifikat ausstellen und installieren</h3>\n<p>Wir benötigen natürlich ein Zertifikat und stellen ein kostenloses Let's Encrypt TLS Zertifikat für die Domain oder Sub-Domain aus <em>(to issue).</em></p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/02-zertifikat.gif\" alt=\"\" class=\"wp-image-5838\"/><br/><i>Let‘s Encrypt Zertifikat ausstellen</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/03-Zertifikat.gif\" alt=\"\" class=\"wp-image-5839\"/><br/><i>Zertifikat ausstellen - Details</i>\n<h3>Datenbank</h3>\n<p>Ghost benötigt wie andere CMS eine Datenbank und so erstellen wir, wie bei WordPress, Joomla und Drupal, eine Datenbank und einen Datenbankbenutzer mit Vollzugriff für diesen Benutzer. In meinem Beipiel heissen Datenbank und Benutzer <em>seafoll1_ghost</em>.</p>\n<p>Über den Datenbankassistent im <em>cPanel</em> lässt sich das einfach erledigen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/04-Db-erstellen.gif\" alt=\"\" class=\"wp-image-5840\"/><br/><i>MySQL-Datenbank-Assistent - Schritt 1 - DB erstellen</i>\n<p>Das Passwort für den Benutzer bitte unbedingt irgendwo aufschreiben, wir brauchen es später.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/05-db-user.gif\" alt=\"\" class=\"wp-image-5841\"/><br/><i>MySQL-Datenbank-Assistent - Schritt 2 - Benutzer erstellen</i>\n<p>Der Benutzer benötigt alle Berechtigungen, also Vollzugriff auf die Datenbank.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/06-db-rechte.gif\" alt=\"\" class=\"wp-image-5842\"/><br/><i>MySQL-Datenbank-Assistent - Schritt 3 -Benutzer Berechtigungen festlegen</i>\n<h2>Konsole - 1. Teil</h2>\n<p>Nun wechseln wir das erste Mal auf die Kommandozeile und loggen uns auf unserem Webhosting ein.</p>\n<p>Im <em>Home</em> Verzeichnis muss das Verzeichnis <em>node/$domainname</em> angelegt werden</p>\n<pre class=\"wp-block-preformatted\">$ mkdir -p node/ghost.seafolly.ch</pre>\n<p>In meinem Fall ist das komplette Verzeichnis dann</p>\n<pre class=\"wp-block-preformatted\">/home/seafoll1/node/ghost.seafolly.ch </pre>\n<h2>cPanel - 2. Teil</h2>\n<p>Im cPanel gibt es einen Punkt <em>Node.js</em>. Dort erstellen wir eine Applikation (<em>Create Application</em>).</p>\n<ul><li><strong>Node.js version:</strong> 12.18.3 oder vergleichbar vom 12er wählen.</li><li><strong>Application mode:</strong> Production</li><li><strong>Application root:</strong> node/ghost.seafolly.ch <em>(node/$domainname)</em></li><li>Bei <strong>Application URL</strong> die Domain oder Subdomain auswählen</li><li><strong>Application startup file:</strong> index.js</li></ul>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/07-nodejs-.gif\" alt=\"\" class=\"wp-image-5843\"/><br/><i>Node.js Applikation erstellen</i>\n<h2>Browser - Ghost - 1. Teil</h2>\n<p>Nach dem Speichern <em>(create)</em> kannst du im Browser deine Domain aufrufen, im meinem Fall also <em>https://ghost.seafolly.ch</em>.</p>\n<p>Es sollte eine <strong>\"It works\"</strong> Nachricht mit der Node.js Version erscheinen.</p>\n<h2>Konsole - 2. Teil</h2>\n<p>Wechsle nun wieder auf die Kommandozeile und setze diese beiden Befehle ab</p>\n<pre class=\"wp-block-preformatted\">$ source /home/seafoll1/nodevenv/node/ghost.seafolly.ch/12/bin/activate &amp;&amp; cd /home/seafoll1/node/ghost.seafolly.ch</pre>\n<p>Wenn alles funktioniert hat, dann sind wir jetzt in diesem Verzeichnis</p>\n<pre class=\"wp-block-preformatted\">/home/musterb1/node/ghost.seafolly.ch  </pre>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/08-verzeichnis.gif\" alt=\"\" class=\"wp-image-5844\"/><br/><i>Verzeichnis in der Konsole</i>\n<p>Mit dem Befehl <strong>pwd</strong> kannst du das überprüfen.</p>\n<p>Als nächsten Schritt installieren wir das <em>Ghost-cli (Command Line Interface)</em>. Mit diesem Tool lässt sich Ghost installieren und warten. Damit die Installation sauber durchläuft, erstellen wir noch ein separates <em>install</em>-Verzeichnis. Dann wechseln wir in dieses Verzeichnis und installieren das <em>Ghost-cli</em>.</p>\n<pre class=\"wp-block-preformatted\"><code>$ mkdir install </code>\n<code>$ cd install </code> \n<code>$ npm install ghost-cli@latest -g</code></pre>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/09-ghost-cli.gif\" alt=\"\" class=\"wp-image-5846\"/><br/><i>Ghost-cli installieren</i>\n<p>Das <em>Ghost-cli</em> lässt sich mit dem Befehl <em>Ghost</em> aufrufen und die Installation des Ghost Blogs erfolgt mit dem Befehl</p>\n<pre class=\"wp-block-preformatted\">$ ghost install local</pre>\n<p>Die Installation läuft sauber durch, bricht dann aber beim Versuch Ghost zu starten <em>(\"Starting Ghost\")</em> mit einer Fehlermeldung ab. Du erkennst das am roten Kreuzchen x.&nbsp;</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/10-ghost-install-1024x438.gif\" alt=\"\" class=\"wp-image-5848\"/><br/><i>Ghost Installation bricht beim Schritt „Starting Ghost“ ab</i>\n<p>Das Problem ist die fehlende Datenbank-Konfiguration. Die erstellen wir nachträglich mit dem Befehl <em>ghost setup</em>:</p>\n<pre class=\"wp-block-preformatted\">$ ghost setup</pre>\n<p>Das <em>Ghost Setup</em> fragt die Datenbank-Parameter ab, die du entsprechend ausfüllen und mit der Enter Taste bestätige musst.</p>\n<pre class=\"wp-block-preformatted\">? Enter your blog URL: https://ghost.seafolly.ch\n? Enter your MySQL hostname: localhost\n? Enter your MySQL username: seafoll1_ghost\n? Enter your MySQL password: ****\n? Enter your Ghost database name: seafoll1_ghost</pre>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/11-ghost-setup-1024x651.gif\" alt=\"\" class=\"wp-image-5849\"/><br/><i>Ghost setup</i>\n<p>Ausser der Datenbank versucht das <em>Ghost Setup</em> auch andere Dinge zu konfigurieren, die nichts mit den Shared Hosting/Webhosting zu tun haben. Diese Aktionen erzeugen Fehlermeldungen, weil die entsprechenden Berechtigungen nicht vorhanden sind.</p>\n<p>Trotzdem hat Ghost mit diesem Setup eine Datei namens <em>config.production.json</em> erstellt. Diese Datei <strong>verschieben</strong> <em>(mv)</em> wir eine Ebene höher. Das wäre in meinem Beispiel wieder <em>/home/seafoll1/node/ghost.seafoll1.ch</em> und da <strong>wechseln</strong> <em>(cd)</em> wir auch hin:</p>\n<pre class=\"wp-block-preformatted\">$ ls\nconfig.development.json config.production.json content current versions\n$ mv config.production.json ../\n$ cd ..</pre>\n<p>Nun versuchen wir Ghost zu starten. Wenn es klappt, werden jetzt die Verbindung zur MySQL Datenbank hergestellt und die notwendigen Tabellen erstellt:</p>\n<pre class=\"wp-block-preformatted\">$ node install/current/index.js</pre>\n<p>Leider klappt es noch nicht und es wird eine Fehlermeldung ausgeworfen:</p>\n<pre class=\"wp-block-preformatted\">ERROR Field length of&nbsp;customer_id&nbsp;in&nbsp;members_stripe_customers is too long! \n\"This usually happens if your database encoding is utf8mb4.\nAll unique fields and indexes must be lower than 191 characters.\nPlease correct your field length and reset your database with knex-migrator reset.\" \nRead more here: https://github.com/TryGhost/knex-migrator/issues/51</pre>\n<p>Also müssen wir in der Datenbank das Problem beheben. Dazu melden wir uns auf der Kommandozeile beim MySQL Monitor an:</p>\n<pre class=\"wp-block-preformatted\">$ mysql -u seafoll1_ghost -p seafoll1_ghost</pre>\n<p>Nach Eingabe des Passworts sind wir in der MySQL/MariaDB Umgebung:</p>\n<pre class=\"wp-block-preformatted\">MariaDB [seafoll1_ghost]&gt;</pre>\n<p>Nun muss folgender MySQL Befehl ausgeführt werden. Er passt die Länge und den Zeichensatz des Feldes an, so dass Ghost damit arbeiten kann. Mit dem Befehl <em>exit</em> verlassen wir danach den MySQL Monitor wieder:</p>\n<pre class=\"wp-block-preformatted\">ALTER TABLE <code>members_stripe_customers</code> CHANGE <code>customer_id</code> <code>customer_id</code> VARCHAR(191) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL;<br>exit</pre>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/12-db-aendern-1024x443.gif\" alt=\"\" class=\"wp-image-5850\"/><br/><i>DB anpassen</i>\n<p>2. Versuch Ghost zu starten:</p>\n<pre class=\"wp-block-preformatted\">$ node install/current/index.js</pre>\n<p>Leider gibt es ein weiteres zu langes Feld und eine entsprechende Fehlermeldung:</p>\n<pre class=\"wp-block-preformatted\">ERROR Field length of&nbsp;subscription_id&nbsp;in&nbsp;members_stripe_customers_subscriptions is too long!</pre>\n<p>Also auch das noch beheben:</p>\n<pre class=\"wp-block-preformatted\">$ mysql -u seafoll1_ghost -p seafoll1_ghost</pre>\n<p>Den MySQL Befehl ausführen und wieder mit <em>exit</em> verlassen:</p>\n<pre class=\"wp-block-preformatted\">ALTER TABLE <code>members_stripe_customers_subscriptions</code> CHANGE <code>subscription_id</code> <code>subscription_id</code> VARCHAR(191) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL;<br>exit</pre>\n<p>Aller guten Dinge sind drei. <br>Beim dritten Versuch sollte der Start von Ghost klappen:</p>\n<pre class=\"wp-block-preformatted\">$ node install/current/index.js</pre>\n<pre class=\"wp-block-preformatted\">INFO Your site is now available on https://ghost.seafolly.ch/ INFO Ctrl+C to shut down</pre>\n<p>Da wir im Webhosting die Node Applikation über cPanel verwalten und nicht über die Kommandozeile, <strong>stoppen</strong> wir sie hier gleich mit Ctrl+C.</p>\n<p>Nun sind alle Arbeiten auf der Kommandozeile erledigt, Ghost funktioniert, und wir wechseln wieder in das <em>cPanel</em>. </p>\n<h2>cPanel - 3. Teil</h2>\n<p>Zurück zu <em>cPanel -&gt; Node.js -&gt; Edit this Application</em>.</p>\n<p>Zunächst muss die Anwendung gestoppt werden <em>(Stop Button klicken)</em>. Der Wert im Feld <em>Application startup file</em> muss auf die nun vom Ghost Installationsprogramm erstellte <em>index.js</em> Datei umgestellt werden.</p>\n<pre class=\"wp-block-preformatted\">install/current/index.js</pre>\n<p>Oben rechts den <em>Save</em> Button klicken und nun sollte unser Ghost Blog laufen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/16-cpanel-node.js.gif\" alt=\"\" class=\"wp-image-5857\"/><br/><i>Application Startup File ändern</i>\n<h2>Browser - Ghost - 2. Teil</h2>\n<p>Die benutzte Domain <a rel=\"noreferrer noopener\" href=\"https://ghost.seafolly.ch\" target=\"_blank\">https://ghost.seafolly.ch</a> im Browser aufrufen. Anfangs kommt noch eine Meldung <em>\"Site is starting up\"</em>. In diesem Falle ist die Node.js Applikation noch nicht vollständig gestartet. </p>\n<p>Also einfach so lange den Browser aktualisieren (F5-Taste) bis der Blog erscheint. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/13-ghost-aufruf-1024x521.gif\" alt=\"\" class=\"wp-image-5851\"/>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/15-ghost-1024x847.jpg\" alt=\"\" class=\"wp-image-5852\"/><br/><i>Welcome to Ghost</i>\n<p>Das treibt einem schon mal die Freudentränen in die Augen &#x1f609;. <br>Das Ghost Blog läuft und nun muss nur noch ein administrativer Benutzer erstellt werden und optional können Einladungen an weitere Nutzer verschickt werden. </p>\n<p>Hierzu musst du <em>https://ghost.seafolly.ch/ghost/</em> aufrufen und einfach dem Einrichtungs-Assistenten folgen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/16-ghost-user-einrichten.gif\" alt=\"\" class=\"wp-image-5853\"/><br/><i>Welcome to Ghost!</i>\n<h2>Fazit</h2>\n<p><strong>Es ist möglich ein Ghost Blog auf einem Novatrend Webhosting aufzusetzen</strong>. <br>Der Seitenaufbau erfolgt wirklich sehr schnell. <br>Nun ist es an der Zeit Ghost in allen Verästelungen auszuprobieren. Es ist ein tolles System und wir werden weitere Tips zu Ghost veröffentlichen.</p>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Bei uns kannst du ein Ghost Blog basierend auf Node.js hosten</p>\n<p>   </p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/30/installation-von-ghost-auf-novatrend-webhosting/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/11/15-ghost.jpg\"],\"tags\":[\"ghost\",\"node-js\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/11/30/installation-von-ghost-auf-novatrend-webhosting/\"}",
      "parent_author": "",
      "parent_permlink": "ghost",
      "permlink": "installationvonghostaufnovatrendwebhosting-d0451uh5i7wrcv97ckqq",
      "title": "Installation von Ghost auf Novatrend Webhosting"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-30T07:31:15",
  "trx_id": "fa0bb78849ef5b0b88afd821b9548e9c5c3aa9bb",
  "trx_in_block": 27,
  "virtual_op": false
}
2020/11/23 08:16:03
authorhagengraf
pending payout0.000 HBD
permlinkarbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #48932755/Trx 21285818037e4e5e9e8a3fd837033926e2aa8247
View Raw JSON Data
{
  "block": 48932755,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "arbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-23T08:16:03",
  "trx_id": "21285818037e4e5e9e8a3fd837033926e2aa8247",
  "trx_in_block": 29,
  "virtual_op": true
}
2020/11/23 08:16:03
authorhagengraf
permlinkarbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #48932755/Trx 21285818037e4e5e9e8a3fd837033926e2aa8247
View Raw JSON Data
{
  "block": 48932755,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "arbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-23T08:16:03",
  "trx_id": "21285818037e4e5e9e8a3fd837033926e2aa8247",
  "trx_in_block": 29,
  "virtual_op": false
}
2020/11/23 08:10:27
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkarbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489
Transaction InfoBlock #48932643/Trx 408ea9cfd979478fbb979a58f172dace6b70287b
View Raw JSON Data
{
  "block": 48932643,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "arbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-23T08:10:27",
  "trx_id": "408ea9cfd979478fbb979a58f172dace6b70287b",
  "trx_in_block": 14,
  "virtual_op": false
}
2020/11/23 08:10:27
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/388475AF-E437-485C-9822-0A1F52316EC0.jpeg</center> <br/><p>Die Administration deines Novatrend Webhostings erfolgt zumeist über das Tool <em>cPanel</em>. <em>cPanel</em> ist eine Anwendung im Browser und bietet umfassende Konfigurationsmöglichkeiten in einfach verständlichen Dialogen und Formularen. Wenn man grundsätzlich weiss, was man will, ist <em>cPanel</em> ein sehr komfortabler Weg um beispielsweise Datenbanken einzurichten, Dateien zu organisieren und editieren, E-Mail-Adressen zu verwalten und vieles andere mehr.</p> <p>In den letzten Jahren bieten immer mehr Software-Projekte, beispielsweise WordPress, sogenannte CLI-Befehle für administrative Aufgaben innerhalb dieser Software. Mit CLI Befehlen lassen sich Erweiterungen installieren, Benutzer verwalten und vieles andere mehr. Die Abkürzung CLI steht für <em>Command Line Interface</em> <em>(Terminal, Kommandozeile)</em>. Die <em>cPanel</em> Software ist unter anderem auch deshalb entstanden, weil vielen Benutzer:innen das Arbeiten auf der Kommandozeile zu aufwendig und vor allem zu gefährlich erschien. Um die Arbeit mit der Kommandozeile möglichst einfach, sicher und komfortabel zu gestalten, bietet <em>cPanel</em> Hilfestellungen.</p> <h2>1. Variante: Terminal im Browser</h2> <p>Der wohl einfachste Zugriff auf die Kommandozeile erfolgt über das <em>cPanel</em> Terminal, das sich im Browser aufrufen und bedienen lässt. Es ist automatisch mit dem Webhosting verbunden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/03/04-terminal2-1024x458.gif" alt="" class="wp-image-5030"/> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/03/05-terminal-fenster-.gif" alt="" class="wp-image-5029"/> <p>Wer die WordPress CLI-Befehle benutzen will, wechselt mit dem Befehl <em>cd (change directory)</em> in das entsprechende Verzeichnis und ruft dann beispielsweise den Befehl <em>wp —info</em> auf.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/03/07-terminal-wp-info-1024x687.gif" alt="" class="wp-image-5032"/> <p>Den vollen Befehlsumfang von WP-CLI findest du in der WordPress Dokumentation (<a rel="noreferrer noopener" href="https://developer.wordpress.org/cli/commands/" target="_blank">https://developer.wordpress.org/cli/commands/</a>).</p> <p>Ich habe dieses <em>cPanel</em> Feature bereits hier im Blog beschrieben - <a href="https://blog.novatrend.ch/2020/03/30/ssh-zugriff-bei-uns-ganz-einfach/" data-type="post" data-id="5020">Terminal - bei uns ganz einfach</a>. Es ist meines Erachtens sehr praktisch für kleinere Änderungen und die oben erwähnten WP-CLI Befehle. </p> <h2>2. Variante: Lokales Terminalprogramm ohne Passwort nutzen</h2> <p>Wenn man nun mehrere Webhostings betreibt und/oder betreut beginnt die Sache komplexer zu werden. Oft benötigt man ja gar nicht den vollen Zugriff auf alle Funktionen der <em>cPanel</em> Verwaltung sondern eben nur den Zugriff zu den WP-CLI Befehlen. In diesem Fall ist es sinnvoll ein lokales Terminalprogrammn zu nutzen, dass auf prinzipiell auf jedem Computer <em>(Windows, macOS, Linux)</em> zur Verfügung steht. Auch für <em>Android</em> und alle <em>iOS</em>-Varianten stehen Terminalprogramme als Apps zur Verfügung.</p> <h3>Verbindung ohne Passwort</h3> <p>Wenn sich das lokale Programm mit dem Webhosting auf unseren Novatrend Servern verbinden will, benötigt es natürlich eine Form der Authentifizierung (Name/Passwort), die dann unter Umständen auch noch im lokalen Programm gespeichert wird. Die Weitergabe von Passworten möchte man aber als Betreiber:in eines Webhostings aus Sicherheitsgründen, wenn es irgendwie geht, vermeiden.</p> <h4>Öffentliche und private Schlüssel</h4> <p>Die Lösung ist das Protokoll SSH (<em><a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Secure_Shell?wprov=sfti1" target="_blank"><strong>S</strong>ecure <strong>SH</strong>ell Protocol</a></em>). Mit dem SSH-Zugriffs Tool lässt sich innerhalb von <em>cPanel</em> über eine <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Public-Key-Infrastruktur?wprov=sfti1" target="_blank">Public-Key Infrastruktur</a> genau definieren, wer per SSH zugreifen darf. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/01-terminal-schluessel.gif" alt="" class="wp-image-5823"/> <p>Das grundsätzliche Prinzip dabei ist einfach. <br>Jede Seite <em>(Novatrend Webhosting &lt;-&gt; lokales Terminal Programm)</em> hat jeweils einen öffentlichen und einen privaten Schlüssel. Der private Schlüssel ist, wie der Name schon vermuten lässt, geheim (privat) und der öffentliche Schlüssel ist frei einsehbar (public). Irgendwie müssen die beiden Seiten es nun schaffen, durch den Austausch von öffentlichen Schlüsseln die Rechtmässigkeit des Zugriffs zu gewährleisten.</p> <h3>Praktische Vorgehensweise</h3> <p>Wenn mein Terminalprogramm auf das Webhostung zugreifen will, muss ich dem Novatrend-Webhosting meinen öffentlichen Schlüssel und meinem Terminalprogramm den privaten Schlüssel zur Verfügung stellen.</p> <p>Um den Schlüsselaustausch zu ermöglichen, muss ich den Schlüssel zunächst lokal erzeugen und dann den öffentlichen Schlüssel über das <em>cPanel</em> in mein Webhosting importieren. Zur Schlüsselerzeugung gibt mehrere Möglichkeiten. Ich benutze in den Screenshots die in der App eingebauten Funktionen. </p> <div class="wp-block-columns"><div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/02-schluessel-erzeugen.gif" alt="" class="wp-image-5824"/><br/><i>Schlüsselerzeugung in lokalem Programm</i> </div> <div class="wp-block-column"><img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/03-schluessel-kopieren.gif" alt="" class="wp-image-5825"/><br/><i>Kopieren des öffentlichen Schlüssels in die lokale Zwischenablage</i> </div> </div> <p>Nach der Erzeugung im lokalen Programm lässt sich im <em>cPanel</em> der öffentliche Schlüssel importieren. <br><em><strong>Hinweis:</strong> Es ist NICHT notwendig, den privaten Schlüssel zu importieren! Die entsprechenden Formularfelder können leer bleiben.</em></p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/04-schluessel-importieren.gif" alt="" class="wp-image-5826"/><br/><i> Import des lokal erstellten, öffentlichen Schlüssels </i> <p>Nach dem Import muss der Schlüssel autorisiert werden. Die Autorisierung ist gewissermassen der AN und AUS Schalter für den Zugriff. Nur autorisierte Schlüssel dürfen eine Verbindung aufnehmen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/05-autorisation.gif" alt="" class="wp-image-5828"/><br/><i>Autorisierung des Schlüssels in cPanel</i> <p>Nach dem erfolgreichen Import und der Autorisierung kann man nun mit dem lokalen Tool auf das Webhosting zugreifen. In meinem Fall geht es über die App <a rel="noreferrer noopener" href="https://panic.com/prompt/" target="_blank">Prompt</a> auf einem iPad.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/06-anmeldung.gif" alt="" class="wp-image-5829"/><br/><i>Anmeldung in lokalem Programm</i> <p>Als Verbindungsparameter werden die IP-Adresse oder die entsprechende Domain, der <em>cPanel</em> User Name und der erstellte Schlüssel benötigt. Nach dem Abgleich vom öffentlichem und privatem Schlüssel ist sichergestellt, dass nur vom Webhosting autorisierte Zugriffe erfolgen können. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/08-verbunden.gif" alt="" class="wp-image-5830"/><br/><i>Und ... verbunden :)</i> <h2>Fazit</h2> <p>Ein einfacher Zugriff über Kommandozeilen-Tools in Kombination mit einer grafischen Benutzeroberfläche wie <em>cPanel</em> wird in der Zukunft wichtiger werden. Der Zugriff per Schlüsselaustausch ist eine sehr sichere und sehr auch sehr elegante Art der Zugriffssicherung.</p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Konfiguriere deine Anwendungen auf deinem Webhosting über deine lokales Terminalprogramm </p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/23/arbeiten-mit-der-kommandozeile-auf-deinem-webhosting/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/11/388475AF-E437-485C-9822-0A1F52316EC0.jpeg"],"tags":["ssh","terminal"],"canonical_url":"https://blog.novatrend.ch/2020/11/23/arbeiten-mit-der-kommandozeile-auf-deinem-webhosting/"}
parent author
parent permlinkssh
permlinkarbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489
titleArbeiten mit der Kommandozeile auf deinem Webhosting
Transaction InfoBlock #48932643/Trx 408ea9cfd979478fbb979a58f172dace6b70287b
View Raw JSON Data
{
  "block": 48932643,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/388475AF-E437-485C-9822-0A1F52316EC0.jpeg</center> <br/><p>Die Administration deines Novatrend Webhostings erfolgt zumeist über das Tool <em>cPanel</em>. <em>cPanel</em> ist eine Anwendung im Browser und bietet umfassende Konfigurationsmöglichkeiten in einfach verständlichen Dialogen und Formularen. Wenn man grundsätzlich weiss, was man will, ist <em>cPanel</em> ein sehr komfortabler Weg um beispielsweise Datenbanken einzurichten, Dateien zu organisieren und editieren, E-Mail-Adressen zu verwalten und vieles andere mehr.</p>\n<p>In den letzten Jahren bieten immer mehr Software-Projekte, beispielsweise WordPress, sogenannte CLI-Befehle für administrative Aufgaben innerhalb dieser Software. Mit CLI Befehlen lassen sich Erweiterungen installieren, Benutzer verwalten und vieles andere mehr. Die Abkürzung CLI steht für <em>Command Line Interface</em> <em>(Terminal, Kommandozeile)</em>. Die <em>cPanel</em> Software ist unter anderem auch deshalb entstanden, weil vielen Benutzer:innen das Arbeiten auf der Kommandozeile zu aufwendig und vor allem zu gefährlich erschien. Um die Arbeit mit der Kommandozeile möglichst einfach, sicher und komfortabel zu gestalten, bietet <em>cPanel</em> Hilfestellungen.</p>\n\n<h2>1. Variante: Terminal im Browser</h2>\n<p>Der wohl einfachste Zugriff auf die Kommandozeile erfolgt über das <em>cPanel</em> Terminal, das sich im Browser aufrufen und bedienen lässt. Es ist automatisch mit dem Webhosting verbunden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/03/04-terminal2-1024x458.gif\" alt=\"\" class=\"wp-image-5030\"/>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/03/05-terminal-fenster-.gif\" alt=\"\" class=\"wp-image-5029\"/>\n<p>Wer die WordPress CLI-Befehle benutzen will, wechselt mit dem Befehl <em>cd (change directory)</em> in das entsprechende Verzeichnis und ruft dann beispielsweise den Befehl <em>wp —info</em> auf.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/03/07-terminal-wp-info-1024x687.gif\" alt=\"\" class=\"wp-image-5032\"/>\n<p>Den vollen Befehlsumfang von WP-CLI findest du in der WordPress Dokumentation (<a rel=\"noreferrer noopener\" href=\"https://developer.wordpress.org/cli/commands/\" target=\"_blank\">https://developer.wordpress.org/cli/commands/</a>).</p>\n<p>Ich habe dieses <em>cPanel</em> Feature bereits hier im Blog beschrieben - <a href=\"https://blog.novatrend.ch/2020/03/30/ssh-zugriff-bei-uns-ganz-einfach/\" data-type=\"post\" data-id=\"5020\">Terminal - bei uns ganz einfach</a>. Es ist meines Erachtens sehr praktisch für kleinere Änderungen und die oben erwähnten WP-CLI Befehle. </p>\n<h2>2. Variante: Lokales Terminalprogramm ohne Passwort nutzen</h2>\n<p>Wenn man nun mehrere Webhostings betreibt und/oder betreut beginnt die Sache komplexer zu werden. Oft benötigt man ja gar nicht den vollen Zugriff auf alle Funktionen der <em>cPanel</em> Verwaltung sondern eben nur den Zugriff zu den WP-CLI Befehlen. In diesem Fall ist es sinnvoll ein lokales Terminalprogrammn zu nutzen, dass auf prinzipiell auf jedem Computer <em>(Windows, macOS, Linux)</em> zur Verfügung steht. Auch für <em>Android</em> und alle <em>iOS</em>-Varianten stehen Terminalprogramme als Apps zur Verfügung.</p>\n<h3>Verbindung ohne Passwort</h3>\n<p>Wenn sich das lokale Programm mit dem Webhosting auf unseren Novatrend Servern verbinden will, benötigt es natürlich eine Form der Authentifizierung (Name/Passwort), die dann unter Umständen auch noch im lokalen Programm gespeichert wird. Die Weitergabe von Passworten möchte man aber als Betreiber:in eines Webhostings aus Sicherheitsgründen, wenn es irgendwie geht, vermeiden.</p>\n<h4>Öffentliche und private Schlüssel</h4>\n<p>Die Lösung ist das Protokoll SSH (<em><a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Secure_Shell?wprov=sfti1\" target=\"_blank\"><strong>S</strong>ecure <strong>SH</strong>ell Protocol</a></em>). Mit dem SSH-Zugriffs Tool lässt sich innerhalb von <em>cPanel</em> über eine <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Public-Key-Infrastruktur?wprov=sfti1\" target=\"_blank\">Public-Key Infrastruktur</a> genau definieren, wer per SSH zugreifen darf. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/01-terminal-schluessel.gif\" alt=\"\" class=\"wp-image-5823\"/>\n<p>Das grundsätzliche Prinzip dabei ist einfach. <br>Jede Seite <em>(Novatrend Webhosting &lt;-&gt; lokales Terminal Programm)</em> hat jeweils einen öffentlichen und einen privaten Schlüssel. Der private Schlüssel ist, wie der Name schon vermuten lässt, geheim (privat) und der öffentliche Schlüssel ist frei einsehbar (public). Irgendwie müssen die beiden Seiten es nun schaffen, durch den Austausch von öffentlichen Schlüsseln die Rechtmässigkeit des Zugriffs zu gewährleisten.</p>\n<h3>Praktische Vorgehensweise</h3>\n<p>Wenn mein Terminalprogramm auf das Webhostung zugreifen will, muss ich dem Novatrend-Webhosting meinen öffentlichen Schlüssel und meinem Terminalprogramm den privaten Schlüssel zur Verfügung stellen.</p>\n<p>Um den Schlüsselaustausch zu ermöglichen, muss ich den Schlüssel zunächst lokal erzeugen und dann den öffentlichen Schlüssel über das <em>cPanel</em> in mein Webhosting importieren. Zur Schlüsselerzeugung gibt mehrere Möglichkeiten. Ich benutze in den Screenshots die in der App eingebauten Funktionen. </p>\n<div class=\"wp-block-columns\"><div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/02-schluessel-erzeugen.gif\" alt=\"\" class=\"wp-image-5824\"/><br/><i>Schlüsselerzeugung in lokalem Programm</i>\n</div>\n<div class=\"wp-block-column\"><img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/03-schluessel-kopieren.gif\" alt=\"\" class=\"wp-image-5825\"/><br/><i>Kopieren des öffentlichen Schlüssels in die lokale Zwischenablage</i>\n</div>\n</div>\n<p>Nach der Erzeugung im lokalen Programm lässt sich im <em>cPanel</em> der öffentliche Schlüssel importieren. <br><em><strong>Hinweis:</strong> Es ist NICHT notwendig, den privaten Schlüssel zu importieren! Die entsprechenden Formularfelder können leer bleiben.</em></p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/04-schluessel-importieren.gif\" alt=\"\" class=\"wp-image-5826\"/><br/><i> Import des lokal erstellten, öffentlichen Schlüssels </i>\n<p>Nach dem Import muss der Schlüssel autorisiert werden. Die Autorisierung ist gewissermassen der AN und AUS Schalter für den Zugriff. Nur autorisierte Schlüssel dürfen eine Verbindung aufnehmen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/05-autorisation.gif\" alt=\"\" class=\"wp-image-5828\"/><br/><i>Autorisierung des Schlüssels in cPanel</i>\n<p>Nach dem erfolgreichen Import und der Autorisierung kann man nun mit dem lokalen Tool auf das Webhosting zugreifen. In meinem Fall geht es über die App <a rel=\"noreferrer noopener\" href=\"https://panic.com/prompt/\" target=\"_blank\">Prompt</a> auf einem iPad.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/06-anmeldung.gif\" alt=\"\" class=\"wp-image-5829\"/><br/><i>Anmeldung in lokalem Programm</i>\n<p>Als Verbindungsparameter werden die IP-Adresse oder die entsprechende Domain, der <em>cPanel</em> User Name und der erstellte Schlüssel benötigt. Nach dem Abgleich vom öffentlichem und privatem Schlüssel ist sichergestellt, dass nur vom Webhosting autorisierte Zugriffe erfolgen können. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/08-verbunden.gif\" alt=\"\" class=\"wp-image-5830\"/><br/><i>Und ... verbunden :)</i>\n<h2>Fazit</h2>\n<p>Ein einfacher Zugriff über Kommandozeilen-Tools in Kombination mit einer grafischen Benutzeroberfläche wie <em>cPanel</em> wird in der Zukunft wichtiger werden. Der Zugriff per Schlüsselaustausch ist eine sehr sichere und sehr auch sehr elegante Art der Zugriffssicherung.</p>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Konfiguriere deine Anwendungen auf deinem Webhosting über deine lokales Terminalprogramm </p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/23/arbeiten-mit-der-kommandozeile-auf-deinem-webhosting/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/11/388475AF-E437-485C-9822-0A1F52316EC0.jpeg\"],\"tags\":[\"ssh\",\"terminal\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/11/23/arbeiten-mit-der-kommandozeile-auf-deinem-webhosting/\"}",
      "parent_author": "",
      "parent_permlink": "ssh",
      "permlink": "arbeitenmitderkommandozeileaufdeinemwebhosting-jm67idynholkk203i489",
      "title": "Arbeiten mit der Kommandozeile auf deinem Webhosting"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-23T08:10:27",
  "trx_id": "408ea9cfd979478fbb979a58f172dace6b70287b",
  "trx_in_block": 14,
  "virtual_op": false
}
2020/11/23 07:30:09
authorhagengraf
permlinkwasisteigentlichmarkdown-hhu4u5feodtaknr0okt4
Transaction InfoBlock #48931841/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 48931841,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "wasisteigentlichmarkdown-hhu4u5feodtaknr0okt4"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2020-11-23T07:30:09",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/11/16 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkwasisteigentlichmarkdown-hhu4u5feodtaknr0okt4
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #48730773/Trx f2288afdc154f1662bd8698142c7331ccf6d2036
View Raw JSON Data
{
  "block": 48730773,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "wasisteigentlichmarkdown-hhu4u5feodtaknr0okt4",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-16T07:36:03",
  "trx_id": "f2288afdc154f1662bd8698142c7331ccf6d2036",
  "trx_in_block": 28,
  "virtual_op": true
}
2020/11/16 07:36:03
authorhagengraf
permlinkwasisteigentlichmarkdown-hhu4u5feodtaknr0okt4
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #48730773/Trx f2288afdc154f1662bd8698142c7331ccf6d2036
View Raw JSON Data
{
  "block": 48730773,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "wasisteigentlichmarkdown-hhu4u5feodtaknr0okt4",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-16T07:36:03",
  "trx_id": "f2288afdc154f1662bd8698142c7331ccf6d2036",
  "trx_in_block": 28,
  "virtual_op": false
}
2020/11/16 07:30:12
authorhagengraf
permlinkmedienindrupal9-k2b3e7k7mpioyptb5tio
Transaction InfoBlock #48730656/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 48730656,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "medienindrupal9-k2b3e7k7mpioyptb5tio"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2020-11-16T07:30:12",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/11/16 07:30:12
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkwasisteigentlichmarkdown-hhu4u5feodtaknr0okt4
Transaction InfoBlock #48730656/Trx 8c97b38da76679ae5f2a9f762632c7f2c31cc6f6
View Raw JSON Data
{
  "block": 48730656,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "wasisteigentlichmarkdown-hhu4u5feodtaknr0okt4"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-16T07:30:12",
  "trx_id": "8c97b38da76679ae5f2a9f762632c7f2c31cc6f6",
  "trx_in_block": 16,
  "virtual_op": false
}
2020/11/16 07:30:12
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/DD8406BA-3CB9-40F9-8A8D-AB927610E38A.png</center> <br/><p>Wer Texte schreibt, benutzt oft Textverarbeitungsprogramme wie Microsoft Word oder LibreOffice. </p> <p>Wenn die Texte auf einer Website erscheinen sollen, hat man es meistens mit einem in ein Formularfeld eingebauten WYSIWYG Editor (<em>What you see is what you get</em>) zu tun.&nbsp;</p> <p>Wer eine E-Mail schreibt, muss sich ebenfalls für HTML oder „reinen“ Text entscheiden. Die meisten E-Mails werden mit einem WYSIWYG-Editor erstellt und als HTML und Textversion verschickt.&nbsp;</p> <p>Wenn man etwas im Web schreibt und im entsprechenden Feld kein WYSIWYG Editor zur Verfügung steht, darf man oft nur „Text“ schreiben. Das ist bei den meisten Social Networks wie Facebook, Instagram und Twitter der Fall.&nbsp;</p> <p>Manchmal sind in „reinen“ Textfeldern auch HTML-Tags erlaubt. Dort kann man dann den Text, so man es kann, im HTML Format eingeben.&nbsp;</p> <p>Wer jemals Probleme mit einer Textverarbeitungssoftware und WYSIWYG-Editoren hatte, der hebe bitte die Hand! <br>(<em>Vermutlich werden, neben mir, viele gedanklich ihre Hand heben :).</em>)</p> <p>Um der Melange aus eher unübersichtlichem HTML-Text und mit zu vielen Features ausgerüsteten WYSIWYG Editoren zu entgehen, dachten sich <a rel="noreferrer noopener" href="https://en.wikipedia.org/wiki/John_Gruber" target="_blank">John Gruber</a> und <a rel="noreferrer noopener" href="https://de.wikipedia.org/wiki/Aaron_Swartz" target="_blank">Aaron Swartz</a> die vereinfachte Auszeichnungsprache Markdown aus.&nbsp;</p> <h2>Die Idee</h2> <p>Die Idee ist einfach. Ein grosses Ziel von Markdown ist, dass schon der mit den Markdown Auszeichnungen versehene Text, also die Ausgangsform, ohne weitere Konvertierung leicht lesbar ist. Wenn man in einem Textfeld etwas schreibt, kann man ja nur mit den vorhandenen Zeichen etwas hervorheben (auszeichnen).<br>Eine Liste würde vermutlich so aussehen:</p> <pre class="wp-block-preformatted">- eins - zwei - drei</pre> <p>oder so</p> <pre class="wp-block-preformatted">* eins * zwei * drei</pre> <p>Eine Überschrift in der erster Ordnung (H1) könnte man so schreiben ...</p> <pre class="wp-block-preformatted"># Überschrift erster Ordnung </pre> <p>... eine Überschrift zweiter Ordnung (H2) vielleicht so:</p> <pre class="wp-block-preformatted">## Überschrift zweiter Ordnung</pre> <p>Der grosse Vorteil einer solchen Schreibweise ist, ausser der bereits erkennbaren Struktur des Textes, der Schreibfluss. Man muss nicht mit der Maus oder dem Finger Text markieren und Icons klicken, sondern schreibt einfach ein Zeichen wie # oder * an den Anfang einer Zeile und alles was danach, bis zum nächsten Zeilenumbruch, geschrieben wird, ist dann eben eine Überschrift erster Ordnung oder eine Liste. </p> <h2>Welche Textauszeichnungen werden benötigt? </h2> <p>Vermutlich würde man mit der Möglichkeit Überschriften, Listen, Zitate, Code-Blöcke, Links, Bilder und vielleicht noch eine horizontale Linie, zu schreiben schon ziemlich weit kommen. Ein Beispiel</p> <pre class="wp-block-preformatted"># Einladung zum Virtuellen Apéro ## Am 17.11.2020 um 19 Uhr Heute ist wieder virtueller Apéro und es würde mich freuen, euch zu sehen. Wir haben folgende Themen: * Websites * Performance * SEO * Schule * CO2 Ampel * Mathe-Olympiade Raum: https://meet.novatrend.ch/apero</pre> <p>Das schreibt sich mit Markdown Auszeichnungen tatsächlich leicht und wenn man es dann auf der Website sieht, sieht es so aus:</p> <hr class="wp-block-separator"/> <div class="wp-block-jetpack-markdown"><h2>Einladung zum Virtuellen Apéro</h2> <h3>Am 17.11.2020 um 19 Uhr</h3> <p>Heute ist wieder virtueller Apéro und es würde mich freuen, euch zu sehen. Wir haben folgende Themen</p> <ul> <li>Websites <ul> <li>Performance</li> <li>SEO</li> </ul> </li> <li>Schule <ul> <li>CO2 Ampel</li> <li>Mathe-Olympiade</li> </ul> </li> </ul> <p>Raum: https://meet.novatrend.ch/apero</p> </div> <hr class="wp-block-separator"/> <h2>Aber wie geht das ganz praktisch und wer benutzt das überhaupt?</h2> <p>Die Urform von Markdown enthält die oben beschriebenen Auszeichnungen (und ein paar mehr) und bietet damit den „kleinsten gemeinsamen Auszeichnungs-Nenner“. Im „Ur-Markdown“ fehlen aber beispielsweise Auszeichnungen für Tabellen. Daher haben sich in den letzten Jahren viele „Dialekte“ vom Ur-Markdown gebildet, die neben dem Grundstock weitere Elemente erhalten</p> <h2>Wer benutzt Markdown?</h2> <p>Markdown positioniert sich ganz geschickt als Bindeglied zwischen WYSIWYG Ansätzen und reinem Text. </p> <h3>Beispiel Softwareentwicklung</h3> <p>Wer Software entwickelt, sollte diese dokumentieren oder zumindest dem Softwarepaket eine „Read me/Lies mich“ Datei mit den wichtigsten Stichworten mitgeben. Diese Dateien heissen <em>readme.txt</em> oder auch <em>readme.md</em>. Die Dateiendung <em>.md</em> steht für Markdown (md = markdown). Der Github Editor versteht Markdown und legt bei der Erstellung eines neuen Software-Projekts (Repository) standardmässig eine <em>readme.md</em> Datei an. Es ist eine kleine Hilfe für die Entwickler:in, zumindest eine kleine Einführung über das neue Projekt zu schreiben. Im Github-Editor lassen sich Markdown und HTML vermischen. Hier als Beispiel die Readme-Datei der deutschen Corona App.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/01-github-readme.md-.gif" alt="" class="wp-image-5813"/><br/><i><a href="https://github.com/corona-warn-app/cwa-app-ios/blob/release/1.8.x/README.md">https://github.com/corona-warn-app/cwa-app-ios/blob/release/1.8.x/README.md</a></i> <p>Wenn du auf bearbeiten klickst, kannst du die Markdown Auszeichnungen sehen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/02-github-editor.gif" alt="" class="wp-image-5814"/> <h3>Content Management Systeme</h3> <p>Texteingabe in Content Management Systemen ist nach wie vor ein sehr grosses Thema.</p> <h4>WordPress</h4> <p>In WordPress gibt es mehrere Plugins, die es erlauben, die Texte in Markdown zu schreiben. Im Automattic Plugin Jetpack ist ein <a rel="noreferrer noopener" href="https://jetpack.com/support/markdown/" target="_blank">Markdown Block für den Gutenberg Editor</a> enthalten, den ich auch hier benutze. Er arbeitet mit einem Eingabe - und einem Vorschaufenster.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/03-markdown-block.gif" alt="" class="wp-image-5815"/><br/><i>Gutenberg Block - Markdown - Eingabe des Textes</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/04-markdown-vorschau.gif" alt="" class="wp-image-5816"/><br/><i>Gutenberg Block - Markdown - Vorschau des Textes</i> <p>Wer das Jetpack Plugin nicht mag, kann auch das „All-In-One Plugin <a rel="noreferrer noopener" href="https://wordpress.org/plugins/wp-githuber-md/" target="_blank">WP Githuber MD</a> benutzen.</p> <div class="wp-block-embed__wrapper"> https://youtu.be/it1noNCTXa4 </div> <h3>Drupal</h3> <p>Drupal ist grundsätzlich sehr gut für solche Konzepte geeignet, da es standardmässig Eingabeformate verwaltet. Benutzerrollen können diesen Formate zugeordnet werden. Beispielsweise könnte man es so konfigurieren, dass Personen, die Kommentare schreiben, Markdown Auszeichnungen benutzen dürfen. Editoren aber zusätzlich noch alle HTML Befehle. In Drupal ist Markdown ein Eingabefilter innerhalb definierter Eingabeformate. Es lässt sich auch so konfigurieren, dass die Benutzer:innen das gewünschte Format selbst auswählen können.</p> <p><a href="https://www.drupal.org/project/markdown">https://www.drupal.org/project/markdown</a></p> <h3>Joomla</h3> <p>Die beliebte Joomla-Erweiterung JCE - Joomla Content Editor bietet die Möglichkeit Markdown Auszeichnungen zu verwenden.</p> <p><a href="https://www.joomlacontenteditor.net/support/documentation/editor/markdown" target="_blank" rel="noreferrer noopener">https://www.joomlacontenteditor.net/support/documentation/editor/markdown</a></p> <h3>Stand-alone Programme </h3> <p>Für Microsoft PC, Apple Macs und Linux Geräte gibt es auch Textverarbeitungsprogramme die nur mit Markdown arbeiten. Hier eine unvollständige Liste zum stöbern:</p> <ul><li><a href="https://typora.io">https://typora.io</a></li><li><a href="https://draftin.com">https://draftin.com</a></li><li><a href="https://macdown.uranusjr.com">https://macdown.uranusjr.com</a> </li><li><a href="https://ulysses.app">https://ulysses.app</a></li><li><a href="https://ia.net/writer">https://ia.net/writer</a></li><li><a href="https://dimerapp.com">https://dimerapp.com</a></li><li><a href="http://happenapps.com">http://happenapps.com</a></li><li><a href="http://25.io/mou/">http://25.io/mou/</a></li><li><a href="https://dillinger.io">https://dillinger.io</a></li></ul> <h2>Fazit</h2> <p>Es ist durchaus sinnvoll, sich über Textauszeichnung-Formate Gedanken zu machen auch wenn es am Ende kein Markdown wird. Gerade bei Websites, deren Inhalte von mehreren Personen gepflegt werden, kann ein durchgängiges Markdown Konzept oder zumindest die Auswahl (und Beschränkung) auf verschiedene mögliche Formate eine sehr grosse Hilfe für die Autoren darstellen.</p> <h2>Link</h2> <ul><li><a href="https://de.wikipedia.org/wiki/Markdown">https://de.wikipedia.org/wiki/Markdown</a></li></ul> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Es muss nicht immer ein „full-featured WYIWYG-Editor“ sein. Markdown bietet eine charmante Art auf den Punkt zu kommen. </p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/16/was-ist-eigentlich-markdown/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/11/DD8406BA-3CB9-40F9-8A8D-AB927610E38A.png"],"tags":["markdown"],"canonical_url":"https://blog.novatrend.ch/2020/11/16/was-ist-eigentlich-markdown/"}
parent author
parent permlinkmarkdown
permlinkwasisteigentlichmarkdown-hhu4u5feodtaknr0okt4
titleWas ist eigentlich Markdown?
Transaction InfoBlock #48730656/Trx 8c97b38da76679ae5f2a9f762632c7f2c31cc6f6
View Raw JSON Data
{
  "block": 48730656,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/DD8406BA-3CB9-40F9-8A8D-AB927610E38A.png</center> <br/><p>Wer Texte schreibt, benutzt oft Textverarbeitungsprogramme wie Microsoft Word oder LibreOffice. </p>\n<p>Wenn die Texte auf einer Website erscheinen sollen, hat man es meistens mit einem in ein Formularfeld eingebauten WYSIWYG Editor (<em>What you see is what you get</em>) zu tun.&nbsp;</p>\n<p>Wer eine E-Mail schreibt, muss sich ebenfalls für HTML oder „reinen“ Text entscheiden. Die meisten E-Mails werden mit einem WYSIWYG-Editor erstellt und als HTML und Textversion verschickt.&nbsp;</p>\n<p>Wenn man etwas im Web schreibt und im entsprechenden Feld kein WYSIWYG Editor zur Verfügung steht, darf man oft nur „Text“ schreiben. Das ist bei den meisten Social Networks wie Facebook, Instagram und Twitter der Fall.&nbsp;</p>\n<p>Manchmal sind in „reinen“ Textfeldern auch HTML-Tags erlaubt. Dort kann man dann den Text, so man es kann, im HTML Format eingeben.&nbsp;</p>\n<p>Wer jemals Probleme mit einer Textverarbeitungssoftware und WYSIWYG-Editoren hatte, der hebe bitte die Hand! <br>(<em>Vermutlich werden, neben mir, viele gedanklich ihre Hand heben :).</em>)</p>\n<p>Um der Melange aus eher unübersichtlichem HTML-Text und mit zu vielen Features ausgerüsteten WYSIWYG Editoren zu entgehen, dachten sich <a rel=\"noreferrer noopener\" href=\"https://en.wikipedia.org/wiki/John_Gruber\" target=\"_blank\">John Gruber</a> und <a rel=\"noreferrer noopener\" href=\"https://de.wikipedia.org/wiki/Aaron_Swartz\" target=\"_blank\">Aaron Swartz</a> die vereinfachte Auszeichnungsprache Markdown aus.&nbsp;</p>\n\n<h2>Die Idee</h2>\n<p>Die Idee ist einfach. Ein grosses Ziel von Markdown ist, dass schon der mit den Markdown Auszeichnungen versehene Text, also die Ausgangsform, ohne weitere Konvertierung leicht lesbar ist. Wenn man in einem Textfeld etwas schreibt, kann man ja nur mit den vorhandenen Zeichen etwas hervorheben (auszeichnen).<br>Eine Liste würde vermutlich so aussehen:</p>\n<pre class=\"wp-block-preformatted\">- eins\n- zwei\n- drei</pre>\n<p>oder so</p>\n<pre class=\"wp-block-preformatted\">* eins\n* zwei\n* drei</pre>\n<p>Eine Überschrift in der erster Ordnung (H1) könnte man so schreiben ...</p>\n<pre class=\"wp-block-preformatted\"># Überschrift erster Ordnung </pre>\n<p>... eine Überschrift zweiter Ordnung (H2) vielleicht so:</p>\n<pre class=\"wp-block-preformatted\">## Überschrift zweiter Ordnung</pre>\n<p>Der grosse Vorteil einer solchen Schreibweise ist, ausser der bereits erkennbaren Struktur des Textes, der Schreibfluss. Man muss nicht mit der Maus oder dem Finger Text markieren und Icons klicken, sondern schreibt einfach ein Zeichen wie # oder * an den Anfang einer Zeile und alles was danach, bis zum nächsten Zeilenumbruch, geschrieben wird, ist dann eben eine Überschrift erster Ordnung oder eine Liste. </p>\n<h2>Welche Textauszeichnungen werden benötigt? </h2>\n<p>Vermutlich würde man mit der Möglichkeit Überschriften, Listen, Zitate, Code-Blöcke, Links, Bilder und vielleicht noch eine horizontale Linie, zu schreiben schon ziemlich weit kommen. Ein Beispiel</p>\n<pre class=\"wp-block-preformatted\"># Einladung zum Virtuellen Apéro\n\n## Am 17.11.2020 um 19 Uhr\n\nHeute ist wieder virtueller Apéro und es würde mich freuen, euch zu sehen. Wir haben folgende Themen:\n\n* Websites\n    * Performance\n    * SEO\n* Schule\n    * CO2 Ampel\n    * Mathe-Olympiade\n\nRaum: https://meet.novatrend.ch/apero</pre>\n<p>Das schreibt sich mit Markdown Auszeichnungen tatsächlich leicht und wenn man es dann auf der Website sieht, sieht es so aus:</p>\n<hr class=\"wp-block-separator\"/>\n<div class=\"wp-block-jetpack-markdown\"><h2>Einladung zum Virtuellen Apéro</h2>\n<h3>Am 17.11.2020 um 19 Uhr</h3>\n<p>Heute ist wieder virtueller Apéro und es würde mich freuen, euch zu sehen. Wir haben folgende Themen</p>\n<ul>\n<li>Websites\n<ul>\n<li>Performance</li>\n<li>SEO</li>\n</ul>\n</li>\n<li>Schule\n<ul>\n<li>CO2 Ampel</li>\n<li>Mathe-Olympiade</li>\n</ul>\n</li>\n</ul>\n<p>Raum: https://meet.novatrend.ch/apero</p>\n</div>\n<hr class=\"wp-block-separator\"/>\n<h2>Aber wie geht das ganz praktisch und wer benutzt das überhaupt?</h2>\n<p>Die Urform von Markdown enthält die oben beschriebenen Auszeichnungen (und ein paar mehr) und bietet damit den „kleinsten gemeinsamen Auszeichnungs-Nenner“. Im „Ur-Markdown“ fehlen aber beispielsweise Auszeichnungen für Tabellen. Daher haben sich in den letzten Jahren viele „Dialekte“ vom Ur-Markdown gebildet, die neben dem Grundstock weitere Elemente erhalten</p>\n<h2>Wer benutzt Markdown?</h2>\n<p>Markdown positioniert sich ganz geschickt als Bindeglied zwischen WYSIWYG Ansätzen und reinem Text. </p>\n<h3>Beispiel Softwareentwicklung</h3>\n<p>Wer Software entwickelt, sollte diese dokumentieren oder zumindest dem Softwarepaket eine „Read me/Lies mich“ Datei mit den wichtigsten Stichworten mitgeben. Diese Dateien heissen <em>readme.txt</em> oder auch <em>readme.md</em>. Die Dateiendung <em>.md</em> steht für Markdown (md = markdown). Der Github Editor versteht Markdown und legt bei der Erstellung eines neuen Software-Projekts (Repository) standardmässig eine <em>readme.md</em> Datei an. Es ist eine kleine Hilfe für die Entwickler:in, zumindest eine kleine Einführung über das neue Projekt zu schreiben. Im Github-Editor lassen sich Markdown und HTML vermischen. Hier als Beispiel die Readme-Datei der deutschen Corona App.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/01-github-readme.md-.gif\" alt=\"\" class=\"wp-image-5813\"/><br/><i><a href=\"https://github.com/corona-warn-app/cwa-app-ios/blob/release/1.8.x/README.md\">https://github.com/corona-warn-app/cwa-app-ios/blob/release/1.8.x/README.md</a></i>\n<p>Wenn du auf bearbeiten klickst, kannst du die Markdown Auszeichnungen sehen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/02-github-editor.gif\" alt=\"\" class=\"wp-image-5814\"/>\n<h3>Content Management Systeme</h3>\n<p>Texteingabe in Content Management Systemen ist nach wie vor ein sehr grosses Thema.</p>\n<h4>WordPress</h4>\n<p>In WordPress gibt es mehrere Plugins, die es erlauben, die Texte in Markdown zu schreiben. Im Automattic Plugin Jetpack ist ein <a rel=\"noreferrer noopener\" href=\"https://jetpack.com/support/markdown/\" target=\"_blank\">Markdown Block für den Gutenberg Editor</a> enthalten, den ich auch hier benutze. Er arbeitet mit einem Eingabe - und einem Vorschaufenster.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/03-markdown-block.gif\" alt=\"\" class=\"wp-image-5815\"/><br/><i>Gutenberg Block - Markdown - Eingabe des Textes</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/04-markdown-vorschau.gif\" alt=\"\" class=\"wp-image-5816\"/><br/><i>Gutenberg Block - Markdown - Vorschau des Textes</i>\n<p>Wer das Jetpack Plugin nicht mag, kann auch das „All-In-One Plugin  <a rel=\"noreferrer noopener\" href=\"https://wordpress.org/plugins/wp-githuber-md/\" target=\"_blank\">WP Githuber MD</a> benutzen.</p>\n<div class=\"wp-block-embed__wrapper\">\nhttps://youtu.be/it1noNCTXa4\n</div>\n<h3>Drupal</h3>\n<p>Drupal ist grundsätzlich sehr gut für solche Konzepte geeignet, da es standardmässig Eingabeformate verwaltet. Benutzerrollen können diesen Formate zugeordnet werden. Beispielsweise könnte man es so konfigurieren, dass Personen, die Kommentare schreiben, Markdown Auszeichnungen benutzen dürfen. Editoren aber zusätzlich noch alle HTML Befehle. In Drupal ist Markdown ein Eingabefilter innerhalb definierter Eingabeformate. Es lässt sich auch so konfigurieren, dass die Benutzer:innen das gewünschte Format selbst auswählen können.</p>\n<p><a href=\"https://www.drupal.org/project/markdown\">https://www.drupal.org/project/markdown</a></p>\n<h3>Joomla</h3>\n<p>Die beliebte Joomla-Erweiterung  JCE - Joomla Content Editor bietet die Möglichkeit Markdown Auszeichnungen zu verwenden.</p>\n<p><a href=\"https://www.joomlacontenteditor.net/support/documentation/editor/markdown\" target=\"_blank\" rel=\"noreferrer noopener\">https://www.joomlacontenteditor.net/support/documentation/editor/markdown</a></p>\n<h3>Stand-alone Programme </h3>\n<p>Für Microsoft PC, Apple Macs und Linux Geräte gibt es auch Textverarbeitungsprogramme die nur mit Markdown arbeiten. Hier eine unvollständige Liste zum stöbern:</p>\n<ul><li><a href=\"https://typora.io\">https://typora.io</a></li><li><a href=\"https://draftin.com\">https://draftin.com</a></li><li><a href=\"https://macdown.uranusjr.com\">https://macdown.uranusjr.com</a>  </li><li><a href=\"https://ulysses.app\">https://ulysses.app</a></li><li><a href=\"https://ia.net/writer\">https://ia.net/writer</a></li><li><a href=\"https://dimerapp.com\">https://dimerapp.com</a></li><li><a href=\"http://happenapps.com\">http://happenapps.com</a></li><li><a href=\"http://25.io/mou/\">http://25.io/mou/</a></li><li><a href=\"https://dillinger.io\">https://dillinger.io</a></li></ul>\n<h2>Fazit</h2>\n<p>Es ist durchaus sinnvoll, sich über Textauszeichnung-Formate Gedanken zu machen auch wenn es am Ende kein Markdown wird. Gerade bei Websites, deren Inhalte von mehreren Personen gepflegt werden, kann ein durchgängiges Markdown Konzept oder zumindest die Auswahl (und Beschränkung) auf verschiedene mögliche Formate eine sehr grosse Hilfe für die Autoren darstellen.</p>\n<h2>Link</h2>\n<ul><li><a href=\"https://de.wikipedia.org/wiki/Markdown\">https://de.wikipedia.org/wiki/Markdown</a></li></ul>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Es muss nicht immer ein „full-featured WYIWYG-Editor“ sein. Markdown bietet eine charmante Art auf den Punkt zu kommen.   </p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/16/was-ist-eigentlich-markdown/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/11/DD8406BA-3CB9-40F9-8A8D-AB927610E38A.png\"],\"tags\":[\"markdown\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/11/16/was-ist-eigentlich-markdown/\"}",
      "parent_author": "",
      "parent_permlink": "markdown",
      "permlink": "wasisteigentlichmarkdown-hhu4u5feodtaknr0okt4",
      "title": "Was ist eigentlich Markdown?"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-16T07:30:12",
  "trx_id": "8c97b38da76679ae5f2a9f762632c7f2c31cc6f6",
  "trx_in_block": 16,
  "virtual_op": false
}
2020/11/09 07:36:03
authorhagengraf
pending payout0.000 HBD
permlinkmedienindrupal9-k2b3e7k7mpioyptb5tio
rshares500982011
total vote weight250
voterhagengraf
weight250 (2.50%)
Transaction InfoBlock #48529607/Trx c43abf7f66b53935c55da48bd095dcc0acc5f9b0
View Raw JSON Data
{
  "block": 48529607,
  "op": [
    "effective_comment_vote",
    {
      "author": "hagengraf",
      "pending_payout": "0.000 HBD",
      "permlink": "medienindrupal9-k2b3e7k7mpioyptb5tio",
      "rshares": 500982011,
      "total_vote_weight": 250,
      "voter": "hagengraf",
      "weight": 250
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-09T07:36:03",
  "trx_id": "c43abf7f66b53935c55da48bd095dcc0acc5f9b0",
  "trx_in_block": 37,
  "virtual_op": true
}
2020/11/09 07:36:03
authorhagengraf
permlinkmedienindrupal9-k2b3e7k7mpioyptb5tio
voterhagengraf
weight10000 (100.00%)
Transaction InfoBlock #48529607/Trx c43abf7f66b53935c55da48bd095dcc0acc5f9b0
View Raw JSON Data
{
  "block": 48529607,
  "op": [
    "vote",
    {
      "author": "hagengraf",
      "permlink": "medienindrupal9-k2b3e7k7mpioyptb5tio",
      "voter": "hagengraf",
      "weight": 10000
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-09T07:36:03",
  "trx_id": "c43abf7f66b53935c55da48bd095dcc0acc5f9b0",
  "trx_in_block": 37,
  "virtual_op": false
}
2020/11/09 07:30:24
authorhagengraf
permlinkeinwebserveraufdeinemiphoneipad-4mnnyubc464r6zu9qztp
Transaction InfoBlock #48529494/Virtual Operation 4294967295:2
View Raw JSON Data
{
  "block": 48529494,
  "op": [
    "comment_payout_update",
    {
      "author": "hagengraf",
      "permlink": "einwebserveraufdeinemiphoneipad-4mnnyubc464r6zu9qztp"
    }
  ],
  "op_in_trx": 2,
  "timestamp": "2020-11-09T07:30:24",
  "trx_id": "0000000000000000000000000000000000000000",
  "trx_in_block": 4294967295,
  "virtual_op": true
}
2020/11/09 07:30:15
allow curation rewardstrue
allow votestrue
authorhagengraf
extensions[[0,{"beneficiaries":[{"account":"steempress","weight":1500}]}]]
max accepted payout1000000.000 HBD
percent hbd0
permlinkmedienindrupal9-k2b3e7k7mpioyptb5tio
Transaction InfoBlock #48529491/Trx ca0e4167b22eafd07333fe647f94fb82463863f9
View Raw JSON Data
{
  "block": 48529491,
  "op": [
    "comment_options",
    {
      "allow_curation_rewards": true,
      "allow_votes": true,
      "author": "hagengraf",
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "steempress",
                "weight": 1500
              }
            ]
          }
        ]
      ],
      "max_accepted_payout": "1000000.000 HBD",
      "percent_hbd": 0,
      "permlink": "medienindrupal9-k2b3e7k7mpioyptb5tio"
    }
  ],
  "op_in_trx": 1,
  "timestamp": "2020-11-09T07:30:15",
  "trx_id": "ca0e4167b22eafd07333fe647f94fb82463863f9",
  "trx_in_block": 2,
  "virtual_op": false
}
2020/11/09 07:30:15
authorhagengraf
body<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/06-Detailansicht.jpg</center> <br/><p>Am Content-Management-System Drupal scheiden sich oft die Geister. Die einen halten es für zu kompliziert, die anderen für das logischste und eleganteste System der Welt. Beide Gruppen liegen natürlich falsch :), die Wahrheit liegt wie immer in der Mitte. Drupal ist auch in der Version 9 ein sehr logisch aufgebautes System. Wenn man als Site Builder weiss was man erreichen will, kann man fast jede Anforderung sehr elegant umsetzen. Als Beispiel möchte ich heute den Umgang von Drupal mit Medien ein wenig genauer zeigen.</p> <h2>Was sind Medien?</h2> <p>Unter Medien versteht man bei Drupal hochgeladene Fotos, Grafiken, Videodateien, PDF‘s und ähnliche Dateien. Das Verwalten von Medien, besonders wenn es viele werden, ist, völlig unabhängig von Drupal, immer aufwendig. Hinzu kommen oft Anforderungen bezüglich Zugriffsberechtigungen, Urheberrechtsfragen und unterschiedliche Qualitätsstufen. Es ist also nicht nur ein „Hochladen“ von Dateien, sondern oft ein hochkomplexes Zusammenspiel verschiedener Anforderungen, die auf grösseren Sites auch von mehreren Personen gepflegt werden müssen, was neue Herausforderungen mit sich bringt.</p> <h2>Datei hochladen</h2> <p>In Drupal 9 Core sind die Module für die Medienverwaltung standardmässig deaktiviert. Drupal Core kennt im Auslieferungszustand nur „Dateien“. Im vordefinierten Inhaltstyp <em>Seite</em> lassen sich im WYSIWYG Editor Dateien hochladen und anzeigen.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/01-upload-editor.gif" alt="" class="wp-image-5761"/><br/><i>Bild im WYSIWYG Editor einfügen</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/02-Datei-WYSIWYG.gif" alt="" class="wp-image-5762"/><br/><i>Bild wird in der hochgeladenen Grösse angezeigt</i> <p>Das hochgeladene Bild wird in der „echten“ Grösse, also in der Anzahl der Pixel, angezeigt. Wenn das Bild nicht genau in einem Photo-Editor vorbereitet wird, ist es oft zu klein oder zu gross. Dieses Verhalten ist die einfachste Form eines Uploads und kann durchaus gewollt sein. Es ist im täglichen Gebrauch heutzutage aber unpraktisch. </p> <h2>Bilder passend machen über Bildstile</h2> <p>Man könnte nun den viel zu grossen Papagei, den ich oben hochgeladen haben, irgendwie passend machen. Die „Quick and Dirty“ Methode wäre, die grosse Datei behalten und per HTML/CSS das Bild einpassen. Diese Vorgehensweise wird gern „responsiv“ genannt, das ist sie aber nicht wirklich, denn das Bild wird zwar optisch im Browser kleiner, die Menge der zu übertragenen Daten bleibt jedoch gleich. Der Aufbau einer Site dauert lange und ist CO2 technisch bedenklich <em>(siehe auch <a href="https://blog.novatrend.ch/2020/02/10/wieviel-co2-erzeugt-deine-website/" data-type="post" data-id="4876">Wieviel CO2 erzeugt deine Website</a>)</em>.</p> <p>Eine Lösung des Problems ist die Idee, aus dem hochgeladenen Bild mehrere Grössen zu berechnen und danach, je nach Wunsch, die passende Grösse anzuzeigen.</p> <p>Auch dieser Ansatz ist in Drupal Core verwirklicht und lässt sich im Inhaltstyp <em>Artikel</em> gut ausprobieren. Der Inhaltstyp <em>Artikel</em> hat ein Bild-Feld. Wenn ich den Papagei dort hochlade, wird er nach vordefinierten Regeln angezeigt. Im Falle des <em>Artikel-Typs</em> ist das Bildfeld eine Art „Featured Image“, das in Listen etwas kleiner angezeigt wird und auf der Einzelseite etwas grösser.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/04-artikel-edit.jpg" alt="" class="wp-image-5777"/><br/><i>Bild über ein Feld, unabhängig vom Text laden.</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/05-liste.jpg" alt="" class="wp-image-5765"/><br/><i>Darstellung der Grafik in einer Liste von Artikeln</i> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/06-Detailansicht.jpg" alt="" class="wp-image-5766"/><br/><i>Darstellung der Detailansicht eines Artikels </i> <p>Die Grafiken haben tatsächlich eine jeweils andere Bildgrösse und sind von Drupal auf der Basis des hochgeladenen Bildes berechnet worden. Eine Übersicht über die Bildstile gibt es unter <em>[Domain]/admin/config/media/image-styles</em>. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/07-bildstile.gif" alt="" class="wp-image-5767"/><br/><i>Vordefinierte Bildstile</i> <p>Die Dateien werden in Ordnern, die nach dem Bildstil benannt werden, abgespeichert und sind, je nach Dateisystem-Zugriffs-Methode, öffentlich zugänglich oder privat.</p> <p>Da die Erstellung eines Bildstiles automatisiert abläuft, können Regeln mitgegeben werden. Beispielsweise kann das Bild gedreht, skaliert und zugeschnitten werden. Auch Wasserzeichen und Instagram Filter sind mit Zusatzmodulen möglich. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/08-effekte.gif" alt="" class="wp-image-5768"/> <p>Dem Feld im Artikel wird genau vorgeben, welchen Bildstil es wann zu benutzen hat. Existierende Bildstile können in mehreren Feldern und Ansichten verwendet werden.</p> <div class="wp-block-group"><div class="wp-block-group__inner-container"><h2>Öffentliche und private Dateisysteme</h2> <p>Die Datei wird in diesem einfachen Fall in einem Dateiverzeichnis der Drupalinstallation gespeichert und ist standardmässig öffentlich zugänglich, in diesem Fall hier: <a href="https://seafolly.ch/sites/default/files/inline-images/1EA9018E-36E9-4EE9-BADE-EA7AE1068C69.png">https://seafolly.ch/sites/default/files/inline-images/1EA9018E-36E9-4EE9-BADE-EA7AE1068C69.png</a>. Dieses Verhalten ist bei den meisten Content-Management-System Standard und wird oft nicht weiter beachtet. Wenn man beispielsweise eine Website mit einem geschützten Bereich hat, so wären die Dateien in diesem geschützten Bereich auch ohne Anmeldung sichtbar, wenn man den direkten Link kennt. Das kann im Einzelfall o.k. sein, ist aber meistens doch nicht so gewünscht. Also ein Riesenthema, das oft erst im produktiven Betrieb „entdeckt“ wird.</p> <p>Unter <em>[Domain]/admin/config/media/file-system</em> lässt sich das gesamte Dateisystem von öffentlich auf privat umschalten. Im öffentlichen Zustand werden die Dateien über den Webserver ausgeliefert. Im privaten Zustand dagegen werden die Dateien über Drupal/PHP ausgeliefert und der genaue Speicherort bleibt dem Besucher der Site verborgen. Der Vorteil ist die dadurch mögliche Zugriffskontrolle. Einen Nachteil gibt es natürlich auch: die Auslieferung der Bilder dauert länger. Je nach Einsatzzweck ist auch ein Mischbetrieb möglich.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/03-dateisystem.gif" alt="" class="wp-image-5764"/><br/><i><em>[Domain]/admin/config/media/file-system</em></i> </div></div> <h2>Medienverwaltung/Dateiverwaltung</h2> <p>Was bis jetzt fehlt ist eine Medienverwaltung. Es gibt eine Übersicht der hochgeladenen Dateien im Bereich Inhalte (<em>[Domain]/admin/content/files</em>), aber eine Verwaltung oder Wiederverwendung von Dateien ist mühselig.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/09-Dateien.gif" alt="" class="wp-image-5769"/><br/><i>Dateiübersicht</i> <p>An dieser Stelle kommt vielleicht das Media Modul ins Spiel. Es bietet eine Art Schweizer Taschenmesser für alle Wünsche und Bedürfnisse, ist allerdings auch etwas komplexer in der Verwaltung. Der Vorteil ist: wenn es passend konfiguriert wird, ist es für den Anwender hinterher sehr einfach die Medien einzustellen.</p> <h3>Aktivierung der Media Module</h3> <p>Zunächst müssen die beiden Module, <em>Media</em> und <em>Media Library</em>, installiert werden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/10-media-modul-aktivieren.gif" alt="" class="wp-image-5770"/><br/><i>Media Module aktivieren</i> <p>Nach der Installation steht ein neues Feld für Inhaltstypen zur Verfügung (Media). Ausserdem ist es möglich, eine Medien-Bibliothek im WYSIWYG Editor einzubinden und Ansichten mit Medien zu gestalten. Ein neues Tab im Inhaltsmenü macht die Verwaltung von Medien leichter. All diese Funktionen müssen konfiguriert werden und sind hochflexibel.</p> <h3>Medienbibliothek im Editor</h3> <p>Nach der Installation der Module lässt sich ein neues Icon für die Medienbibliothek in den WYSIWYG Editor einfügen. In Drupal kann jede Benutzerrolle unterschiedliche Editoren nutzen. Ich gehe hier von den Standardeinstellungen aus und zeige das Textformat für <em>Vollständiges HTML</em>. Die im Editor verfügbaren Buttons können in die Editorleiste gezogen werden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/11-editor-leiste.gif" alt="" class="wp-image-5772"/> <p>Wenn ich nun den Artikel mit dem Papagei wieder öffne, das Textformat <em>Vollständiges HTML</em> auswähle und auf das Medien-Icon klicke, so werden mir alle verfügbaren Medien angezeigt. Beim ersten Aufruf ist die Bibliothek natürlich leer. Je nach Konfiguration können <em>alle</em>, auch von anderen Benutzern hochgeladene, oder <em>eigene</em> Dateien angezeigt werden. </p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/12-Medien-im-editor.gif" alt="" class="wp-image-5773"/> <p>Ausser Bildern können nun auch Audio- und Video-Dateien hochgeladen werden. Auch Youtube Videos und PDF können definiert eingebunden werden.</p> <h3>Medien - Zugrifsrechte</h3> <p>Alle Medien werden über Drupal ausgeliefert und können mit Zugriffsrechten versehen werden.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/13-zugriffsrechte-media.gif" alt="" class="wp-image-5774"/><br/><i>Zugriffsrechte für Medien</i> <h3>Medien - Verwaltung</h3> <p>Ein neues Tab im Inhalte Media stellt nun Tools zur Medienverwaltung dar.</p> <img src="https://blog.novatrend.ch/wp-content/uploads/2020/11/14-medien-tab.gif" alt="" class="wp-image-5775"/><br/><i>Medien Tab</i> <p>Zusätzlich zu den Bildstilen gibt es nun auch responsive Stile, die individuell konfiguriert werden können. </p> <h2>Fazit</h2> <p>Die Medienverwaltung ist nur ein kleiner Teil von Drupal. Sie ist im Drupal Core verfügbar und ermöglicht eine sehr individuelle Anpassung der Website je nach den Bedürfnissen der Anwender. Oft sind Websites gar nicht so „medienlastig“ und kommen problemlos mit der standardmässigen Dateikonfiguration aus. Wenn es jedoch nötig wird, bieten die Medien-Module umfassende Möglichkeiten. </p> <hr class="wp-block-separator"/> <p><strong>tl;dr:</strong> Drupal bietet eine hochflexible Verwaltung von Medien</p> <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/09/medien-in-drupal-9/ </em><hr/></center>
json metadata{"community":"exxp","app":"exxp","image":["https://blog.novatrend.ch/wp-content/uploads/2020/11/06-Detailansicht.jpg"],"tags":["dateien","drupal","drupal9","media","medien"],"canonical_url":"https://blog.novatrend.ch/2020/11/09/medien-in-drupal-9/"}
parent author
parent permlinkdateien
permlinkmedienindrupal9-k2b3e7k7mpioyptb5tio
titleMedien in Drupal 9
Transaction InfoBlock #48529491/Trx ca0e4167b22eafd07333fe647f94fb82463863f9
View Raw JSON Data
{
  "block": 48529491,
  "op": [
    "comment",
    {
      "author": "hagengraf",
      "body": "<center>https://blog.novatrend.ch/wp-content/uploads/2020/11/06-Detailansicht.jpg</center> <br/><p>Am Content-Management-System Drupal scheiden sich oft die Geister. Die einen halten es für zu kompliziert, die anderen für das logischste und eleganteste System der Welt. Beide Gruppen liegen natürlich falsch :), die Wahrheit liegt wie immer in der Mitte. Drupal ist auch in der Version 9 ein sehr logisch aufgebautes System. Wenn man als Site Builder weiss was man erreichen will, kann man fast jede Anforderung sehr elegant umsetzen. Als Beispiel möchte ich heute den Umgang von Drupal mit Medien ein wenig genauer zeigen.</p>\n\n<h2>Was sind Medien?</h2>\n<p>Unter Medien versteht man bei Drupal hochgeladene Fotos, Grafiken, Videodateien, PDF‘s und ähnliche Dateien. Das Verwalten von Medien, besonders wenn es viele werden, ist, völlig unabhängig von Drupal, immer aufwendig. Hinzu kommen oft Anforderungen bezüglich Zugriffsberechtigungen, Urheberrechtsfragen und unterschiedliche Qualitätsstufen. Es ist also nicht nur ein „Hochladen“ von Dateien, sondern oft ein hochkomplexes Zusammenspiel verschiedener Anforderungen, die auf grösseren Sites auch von mehreren Personen gepflegt werden müssen, was neue Herausforderungen mit sich bringt.</p>\n<h2>Datei hochladen</h2>\n<p>In Drupal 9 Core sind die Module für die Medienverwaltung standardmässig deaktiviert. Drupal Core kennt im Auslieferungszustand nur „Dateien“. Im vordefinierten Inhaltstyp <em>Seite</em> lassen sich im WYSIWYG Editor Dateien hochladen und anzeigen.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/01-upload-editor.gif\" alt=\"\" class=\"wp-image-5761\"/><br/><i>Bild im WYSIWYG Editor einfügen</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/02-Datei-WYSIWYG.gif\" alt=\"\" class=\"wp-image-5762\"/><br/><i>Bild wird in der hochgeladenen Grösse angezeigt</i>\n<p>Das hochgeladene Bild wird  in der „echten“ Grösse, also in der Anzahl der Pixel, angezeigt. Wenn das Bild nicht genau in einem Photo-Editor vorbereitet wird, ist es oft zu klein oder zu gross. Dieses Verhalten ist die einfachste Form eines Uploads und kann durchaus gewollt sein. Es ist im täglichen Gebrauch heutzutage aber unpraktisch. </p>\n<h2>Bilder passend machen über Bildstile</h2>\n<p>Man könnte nun den viel zu grossen Papagei, den ich oben hochgeladen haben, irgendwie passend machen. Die „Quick and Dirty“ Methode wäre, die grosse Datei behalten und per HTML/CSS das Bild einpassen. Diese Vorgehensweise wird gern „responsiv“ genannt, das ist sie aber nicht wirklich, denn das Bild wird zwar optisch im Browser kleiner, die Menge der zu übertragenen Daten bleibt jedoch gleich. Der Aufbau einer Site dauert lange und ist CO2 technisch bedenklich <em>(siehe auch <a href=\"https://blog.novatrend.ch/2020/02/10/wieviel-co2-erzeugt-deine-website/\" data-type=\"post\" data-id=\"4876\">Wieviel CO2 erzeugt deine Website</a>)</em>.</p>\n<p>Eine Lösung des Problems ist die Idee, aus dem hochgeladenen Bild mehrere Grössen zu berechnen und danach, je nach Wunsch, die passende Grösse anzuzeigen.</p>\n<p>Auch dieser Ansatz ist in Drupal Core verwirklicht und lässt sich im Inhaltstyp <em>Artikel</em> gut ausprobieren. Der Inhaltstyp <em>Artikel</em> hat ein Bild-Feld. Wenn ich den Papagei dort hochlade, wird er nach vordefinierten Regeln angezeigt. Im Falle des <em>Artikel-Typs</em> ist das Bildfeld eine Art „Featured Image“, das in Listen etwas kleiner angezeigt wird und auf der Einzelseite etwas grösser.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/04-artikel-edit.jpg\" alt=\"\" class=\"wp-image-5777\"/><br/><i>Bild über ein Feld, unabhängig vom Text laden.</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/05-liste.jpg\" alt=\"\" class=\"wp-image-5765\"/><br/><i>Darstellung der Grafik in einer Liste von Artikeln</i>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/06-Detailansicht.jpg\" alt=\"\" class=\"wp-image-5766\"/><br/><i>Darstellung der Detailansicht eines Artikels </i>\n<p>Die Grafiken haben tatsächlich eine jeweils andere Bildgrösse und sind von Drupal auf der Basis des hochgeladenen Bildes berechnet worden. Eine Übersicht über die Bildstile gibt es unter <em>[Domain]/admin/config/media/image-styles</em>. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/07-bildstile.gif\" alt=\"\" class=\"wp-image-5767\"/><br/><i>Vordefinierte Bildstile</i>\n<p>Die Dateien werden in Ordnern, die nach dem Bildstil benannt werden, abgespeichert und sind, je nach Dateisystem-Zugriffs-Methode, öffentlich zugänglich oder privat.</p>\n<p>Da die Erstellung eines Bildstiles automatisiert abläuft, können Regeln mitgegeben werden. Beispielsweise kann das Bild gedreht, skaliert und zugeschnitten werden. Auch Wasserzeichen und Instagram Filter sind mit Zusatzmodulen möglich. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/08-effekte.gif\" alt=\"\" class=\"wp-image-5768\"/>\n<p>Dem Feld im Artikel wird genau vorgeben, welchen Bildstil es wann zu benutzen hat. Existierende Bildstile können in mehreren Feldern und Ansichten verwendet werden.</p>\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><h2>Öffentliche und private Dateisysteme</h2>\n<p>Die Datei wird in diesem einfachen Fall in einem Dateiverzeichnis der Drupalinstallation gespeichert und ist standardmässig öffentlich zugänglich, in diesem Fall hier: <a href=\"https://seafolly.ch/sites/default/files/inline-images/1EA9018E-36E9-4EE9-BADE-EA7AE1068C69.png\">https://seafolly.ch/sites/default/files/inline-images/1EA9018E-36E9-4EE9-BADE-EA7AE1068C69.png</a>. Dieses Verhalten ist bei den meisten Content-Management-System Standard und wird oft nicht weiter beachtet. Wenn man beispielsweise eine Website mit einem geschützten Bereich hat, so wären die Dateien in diesem geschützten Bereich auch ohne Anmeldung sichtbar, wenn man den direkten Link kennt. Das kann im Einzelfall o.k. sein, ist aber meistens doch nicht so gewünscht. Also ein Riesenthema, das oft erst im produktiven Betrieb „entdeckt“ wird.</p>\n<p>Unter <em>[Domain]/admin/config/media/file-system</em> lässt sich das gesamte Dateisystem von öffentlich auf privat umschalten. Im öffentlichen Zustand werden die Dateien über den Webserver ausgeliefert. Im privaten Zustand dagegen werden die Dateien über Drupal/PHP ausgeliefert und der genaue Speicherort bleibt dem Besucher der Site verborgen. Der Vorteil ist die dadurch mögliche Zugriffskontrolle. Einen Nachteil gibt es natürlich auch: die Auslieferung der Bilder dauert länger. Je nach Einsatzzweck ist auch ein Mischbetrieb möglich.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/03-dateisystem.gif\" alt=\"\" class=\"wp-image-5764\"/><br/><i><em>[Domain]/admin/config/media/file-system</em></i>\n</div></div>\n<h2>Medienverwaltung/Dateiverwaltung</h2>\n<p>Was bis jetzt fehlt ist eine Medienverwaltung. Es gibt eine Übersicht der hochgeladenen Dateien im Bereich Inhalte (<em>[Domain]/admin/content/files</em>), aber eine Verwaltung oder Wiederverwendung von Dateien ist mühselig.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/09-Dateien.gif\" alt=\"\" class=\"wp-image-5769\"/><br/><i>Dateiübersicht</i>\n<p>An dieser Stelle kommt vielleicht das Media Modul ins Spiel. Es bietet eine Art Schweizer Taschenmesser für alle Wünsche und Bedürfnisse, ist allerdings auch etwas komplexer in der Verwaltung. Der Vorteil ist: wenn es passend konfiguriert wird, ist es für den Anwender hinterher sehr einfach die Medien einzustellen.</p>\n<h3>Aktivierung der Media Module</h3>\n<p>Zunächst müssen die beiden Module, <em>Media</em> und <em>Media Library</em>, installiert werden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/10-media-modul-aktivieren.gif\" alt=\"\" class=\"wp-image-5770\"/><br/><i>Media Module aktivieren</i>\n<p>Nach der Installation steht ein neues Feld für Inhaltstypen zur Verfügung (Media). Ausserdem ist es möglich, eine Medien-Bibliothek im WYSIWYG Editor einzubinden und Ansichten mit Medien zu gestalten. Ein neues Tab im Inhaltsmenü macht die Verwaltung von Medien leichter. All diese Funktionen müssen konfiguriert werden und sind hochflexibel.</p>\n<h3>Medienbibliothek im Editor</h3>\n<p>Nach der Installation der Module lässt sich ein neues Icon für die Medienbibliothek in den WYSIWYG Editor einfügen. In Drupal kann jede Benutzerrolle unterschiedliche Editoren nutzen. Ich gehe hier von den Standardeinstellungen aus und zeige das Textformat für <em>Vollständiges HTML</em>. Die im Editor verfügbaren Buttons können in die Editorleiste gezogen werden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/11-editor-leiste.gif\" alt=\"\" class=\"wp-image-5772\"/>\n<p>Wenn ich nun den Artikel mit dem Papagei wieder öffne, das Textformat <em>Vollständiges HTML</em> auswähle und auf das Medien-Icon klicke, so werden mir alle verfügbaren Medien angezeigt. Beim ersten Aufruf ist die Bibliothek natürlich leer. Je nach Konfiguration können <em>alle</em>, auch von anderen Benutzern hochgeladene, oder <em>eigene</em> Dateien angezeigt werden. </p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/12-Medien-im-editor.gif\" alt=\"\" class=\"wp-image-5773\"/>\n<p>Ausser Bildern können nun auch Audio- und Video-Dateien hochgeladen werden. Auch Youtube Videos und PDF können definiert eingebunden werden.</p>\n<h3>Medien - Zugrifsrechte</h3>\n<p>Alle Medien werden über Drupal ausgeliefert und können mit Zugriffsrechten versehen werden.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/13-zugriffsrechte-media.gif\" alt=\"\" class=\"wp-image-5774\"/><br/><i>Zugriffsrechte für Medien</i>\n<h3>Medien - Verwaltung</h3>\n<p>Ein neues Tab im Inhalte Media stellt nun Tools zur Medienverwaltung dar.</p>\n<img src=\"https://blog.novatrend.ch/wp-content/uploads/2020/11/14-medien-tab.gif\" alt=\"\" class=\"wp-image-5775\"/><br/><i>Medien Tab</i>\n<p>Zusätzlich zu den Bildstilen gibt es nun auch responsive Stile, die individuell konfiguriert werden können. </p>\n<h2>Fazit</h2>\n<p>Die Medienverwaltung ist nur ein kleiner Teil von Drupal. Sie ist im Drupal Core verfügbar und ermöglicht eine sehr individuelle Anpassung der Website je nach den Bedürfnissen der Anwender. Oft sind Websites gar nicht so „medienlastig“ und kommen problemlos mit der standardmässigen Dateikonfiguration aus. Wenn es jedoch nötig wird, bieten die Medien-Module umfassende Möglichkeiten. </p>\n<hr class=\"wp-block-separator\"/>\n<p><strong>tl;dr:</strong> Drupal bietet eine hochflexible Verwaltung von Medien</p>\n <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://blog.novatrend.ch/2020/11/09/medien-in-drupal-9/ </em><hr/></center>",
      "json_metadata": "{\"community\":\"exxp\",\"app\":\"exxp\",\"image\":[\"https://blog.novatrend.ch/wp-content/uploads/2020/11/06-Detailansicht.jpg\"],\"tags\":[\"dateien\",\"drupal\",\"drupal9\",\"media\",\"medien\"],\"canonical_url\":\"https://blog.novatrend.ch/2020/11/09/medien-in-drupal-9/\"}",
      "parent_author": "",
      "parent_permlink": "dateien",
      "permlink": "medienindrupal9-k2b3e7k7mpioyptb5tio",
      "title": "Medien in Drupal 9"
    }
  ],
  "op_in_trx": 0,
  "timestamp": "2020-11-09T07:30:15",
  "trx_id": "ca0e4167b22eafd07333fe647f94fb82463863f9",
  "trx_in_block": 2,
  "virtual_op": false
}

Account Metadata

POSTING JSON METADATA
profile{"name":"Hagen Graf","website":"https://hagen.cocoate.com","about":"I'm building cozy and user friendly places in virtual and physical environments.","location":"Fitou, France","cover_image":"https://hagen.cocoate.com/wp-content/uploads/2016/12/cropped-31043566760_c98c065077_o.jpg","profile_image":"https://secure.gravatar.com/avatar/b29d58e86201517a2775e6707697b65d"}
JSON METADATA
profile{"name":"Hagen Graf","website":"https://hagen.cocoate.com","about":"I'm building cozy and user friendly places in virtual and physical environments.","location":"Fitou, France","cover_image":"https://hagen.cocoate.com/wp-content/uploads/2016/12/cropped-31043566760_c98c065077_o.jpg","profile_image":"https://secure.gravatar.com/avatar/b29d58e86201517a2775e6707697b65d"}
{
  "posting_json_metadata": {
    "profile": {
      "name": "Hagen Graf",
      "website": "https://hagen.cocoate.com",
      "about": "I'm building cozy and user friendly places in virtual and physical environments.",
      "location": "Fitou, France",
      "cover_image": "https://hagen.cocoate.com/wp-content/uploads/2016/12/cropped-31043566760_c98c065077_o.jpg",
      "profile_image": "https://secure.gravatar.com/avatar/b29d58e86201517a2775e6707697b65d"
    }
  },
  "json_metadata": {
    "profile": {
      "name": "Hagen Graf",
      "website": "https://hagen.cocoate.com",
      "about": "I'm building cozy and user friendly places in virtual and physical environments.",
      "location": "Fitou, France",
      "cover_image": "https://hagen.cocoate.com/wp-content/uploads/2016/12/cropped-31043566760_c98c065077_o.jpg",
      "profile_image": "https://secure.gravatar.com/avatar/b29d58e86201517a2775e6707697b65d"
    }
  }
}

Auth Keys

Owner
Single Signature
Public Keys
STM6LJczRZfNt2Ky5zeNasneYCMRAsmUAvYzg6drmnQ4PDUB4EFPe1/1
Active
Single Signature
Public Keys
STM6NgLhP1H4796sGksdxShLgQtTGYKYHFxiT1nXnnFYJDbpDzmA21/1
Posting
Single Signature
Public Keys
STM6iumy77CGf1XjaCheAPFoNFE2BSJxJECHwka64xV6aJZzyMDPn1/1
Memo
STM52BqjE73kJzhtYU5rVRP9rd31cHPwG4u82cVv4z6qY2d5EoCDe
{
  "owner": {
    "account_auths": [],
    "key_auths": [
      [
        "STM6LJczRZfNt2Ky5zeNasneYCMRAsmUAvYzg6drmnQ4PDUB4EFPe",
        1
      ]
    ],
    "weight_threshold": 1
  },
  "active": {
    "account_auths": [],
    "key_auths": [
      [
        "STM6NgLhP1H4796sGksdxShLgQtTGYKYHFxiT1nXnnFYJDbpDzmA2",
        1
      ]
    ],
    "weight_threshold": 1
  },
  "posting": {
    "account_auths": [],
    "key_auths": [
      [
        "STM6iumy77CGf1XjaCheAPFoNFE2BSJxJECHwka64xV6aJZzyMDPn",
        1
      ]
    ],
    "weight_threshold": 1
  },
  "memo": "STM52BqjE73kJzhtYU5rVRP9rd31cHPwG4u82cVv4z6qY2d5EoCDe"
}

Witness Votes

0 / 30
No active witness votes.
[]