ChatBot wie ChatGPT programmieren? (Einfacher)?

Hi, mein großes Projekt für dieses Jahr soll sein, einen intelligenten ChatBot zu Coden. Ähnlich wie ChatGPT, aber mit ist natürlich bewusst, dass ich einen so komplexen Bot nicht machen kann. Es soll ein kleinerer werden.

Meine Vorstellungen:

Die Oberfläche mit HTML und CSS

Die Datenbank mit SQL? (ich habe wenig Erfahrung mit Datenbanken, deshalb das Fragezeichen)

Ansonsten die Logik eventuell mit JS, aber eventuell mit etwas anderem, da man ja über JS leicht Schadsoftware injizieren kann.

Könnt ihr mir da einen Vorschlag machen?

Die Funktion habe ich mir so vorgestellt:

In einer Datenbank sind entweder Schlüsselwörter oder komplette Antworten gespeichert. Zu jedem Schlüsselwort sollen Daten gespeichert sein. Wenn in der Datenbank nur Schlüsselwörter gespeichert sind, soll der Bot automatisch Sätze dazu formulieren.

Ein Beispiel:

Eingegebene Frage: Wer ist der Bundeskanzler von Deutschland?

(Bot Sicht spezielle Wörter im Text, z.B. Bundeskanzler und Deutschland)

in der Datenbank: Olaf Scholz (Daten zu ihm, Schlüsselwörter wann diese Antwort genutzt wird) z.B. Olaf Scholz (deutscher Kanzler, männlich, …)[Bundeskanzler+Deutschland, Olaf Scholz, Scholz]

In dem runden Klammern die Daten zu ihm, in den eckigen die Schlüsselwörter, wann die Antwort genutzt wird. Ansonsten halt vorgefertigte Antworten, die sich auch an Schlüsselwörtern in der Frage orientieren.

Wenn nur Wörter gespeichert sind, dann soll er sich einen Satz drumherum bauen.

Ich würde ihn im Browser laufen lassen, aber nicht öffentlich. Eventuell kann man ihn auch mit Google verknüpfen… auch wenn dann vermutlich die ein oder andere Antwort falsch ist. Aber das macht bei meinem nichts. Was haltet ihr davon? Wie würdet ihr es umsetzen? Welche Sprache? Eventuell ein paar Zeilen Code für bestimmte Funktionen?

LG

Programm, SQL, HTML, Programmierer, programmieren, CSS, Java, JavaScript, künstliche Intelligenz, Programmiersprache, Python, C (Programmiersprache), Chatbot, Python 3, Pygame, ChatGPT
Wordpress richtig installieren Webseite hosten Hilfe?

Hallo Liebe Community, ich bin zurzeit dabei eine eigene Webseite zu erstellen über das Programm Wordpress, leider kenne ich mich nicht wirklich viel mit dieser Materie aus habe mir viele Tutorials angesehen die aber leider mir nicht wirklich weiterhelfen konnten. Laut meinen Recherchen soll es zwei Versionen des WordPress geben einmal die Lite Version direkt über den Browser und eine die über das Wordpress.org gedownloadet werden müsste über diese ich mehr Möglichkeiten beim individualisieren meiner page haben soll.

ich habe da ich mich nicht wirklich gut auskannte das Jahres Business Paket über die WordPress Tarife gekauft worin eine Domain und ein fertiger Host enthalten sein sollte leider wird mir in den YouTube Tutorials nur die Anleitung gezeigt wie ich durch externe databases Hosts und Domains den Download abschliesse und an der Webseite arbeiten kann.

kann mir jemand erklären wie ich die WordPress.org richtig downloade und ob dies überhaupt nötig ist? Oder reicht der normale browser oder die WP App im Microsoft AppStore.?

ich bedanke mich für eure Mühen und antworten falls ihr Tipps habt welche Videos ich mir einschalen sollte oder wenn ihr Communitys habt die ihr empfehlen könnt wo ich mich mit Gleichgesinnten austauschen kann würde es mich sehr freuen.

LG KOBAL

Homepage, HTML, Webseite, programmieren, CSS, WordPress, PHP, Webdesign, Webentwicklung, wordpress.com, filezilla, Wordpress Plugin, Wordpress Theme, wordpress.org, Shopify
Panorama Bild wie bei Google Maps?

Hi,

Ich habe folgenden Code:

HTML:

<div id="panorama-container">
  <img src="https://media04.meinbezirk.at/article/2016/10/31/6/9445226_XXL.jpg" id="panorama-image" />


  <a href="#" id="fullscreen-button">Vollbildschirm</a>
</div>

CSS:

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
}


#panorama-container {
  width: 100%;
  height: 100%;
}


#panorama-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: auto;
  overflow-y: hidden;
}


#fullscreen-button {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}

JS:

var panoramaContainer = document.getElementById("panorama-container");
var panoramaImage = document.getElementById("panorama-image");
var fullscreenButton = document.getElementById("fullscreen-button");
var position = 0;
var initialX = null;


fullscreenButton.addEventListener("click", function() {
  if (panoramaContainer.requestFullscreen) {
    panoramaContainer.requestFullscreen();
  } else if (panoramaContainer.webkitRequestFullscreen) {
    panoramaContainer.webkitRequestFullscreen();
  } else if (panoramaContainer.mozRequestFullScreen) {
    panoramaContainer.mozRequestFullScreen();
  } else if (panoramaContainer.msRequestFullscreen) {
    panoramaContainer.msRequestFullscreen();
  }
});


document.addEventListener("touchstart", function(event) {
  initialX = event.touches[0].clientX;
});


document.addEventListener("touchmove", function(event) {
  if (initialX === null) {
    return;
  }


  var currentX = event.touches[0].clientX;
  var diffX = currentX - initialX;
  initialX = currentX;


  movePanorama(diffX); /* Change this value to adjust the speed of the movement */


  event.preventDefault();
});


document.addEventListener("touchend", function() {
  initialX = null;
});


function movePanorama(amount) {
  position += amount;
  panoramaImage.style.left =        position + "px";


 
  
}

Nun wird zwar das bild wie bei Google maps angezeigt, also genauer gesagt möchte ich das wenn ich auf meinem Bild nach links wische, dass es sich nach links dreht und rechts genau so. Das Problem ist nur wenn ich zu weit Wische, zeigt er mir ein weißen Screen, aber wie kann man das verhindern.

Vielleicht versteht ihr was ich meine

LG

HTML, Webseite, CSS, JavaScript, Webdesign, Webentwicklung
Element-Inhalt abrufen?

Ich programmiere seit einiger Zeit mit HTML CSS und JS und habe mit Getboostrap eine Website erstmals geschrieben, wo mein Ziel es war dass man dort einen Key eingeben kann womit man dann auf eine weitere HTML Datei umgeleitet wird die den Namen hat. Damit meine ich das wenn man als Key hallo123 eingibt das man auf die Seite Hallo.html umgeleitet wird. Ist zwar nicht gerade so sicher aber es reicht für den Start aus. Ich habe jetzt aber das Problem das ich bei "document.getElementById()" nicht dem Inhalt aus dem Eingabe Feld erhalte wodurch man egal was man eingibt zu null.html umgeleitet wird. Weiß jemand wie ich das Behebe?

<!doctype html>
<html lang="en">


<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mit Projekt-Key herunterladen | LSprojects</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
</head>
<style>
body {
    background-color: rgb(26, 24, 24);
    color: white;
}
.btn  {
    background-color: rgb(161, 156, 156);
    color: white;
}
</style>
<script>
    function submit() {
        let code = document.getElementById(codeinput);
        window.location = "/codes/" + code + ".html"
    }
</script>


<body>
    <div class="vertical-center horizontal-center">
        <h1>Geben sie den Key hier ein:</h1>
        <div class="input-group mb-3 dark-backround">
            <button href="submit()" onclick="submit()" class="btn btn-outline-secondary" type="button"
                id="load">Laden</button>
            <input type="text" class="form-control" placeholder="Projekt-Key" id="codeinput" aria-label=""
                aria-describedby="load">
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
        crossorigin="anonymous"></script>
</body>


</html>
HTML, Webseite, CSS, JavaScript, HTML5, Webentwicklung
wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?
<link rel="stylesheet" href="style.css">
<?php
$db = unserialize(file_get_contents('data.php'));
if($db == false){
        $db = array();
}
if($_POST['mail'] == ''){
        if($_POST['name'] == ''){
                if($_POST['pass'] == ''){a
                        if(!array_key_exists($_POST['mail'], $db){
                                $db[$_POST['mail']] = [$_POST['name'], []];
                                file_put_contents('data.php', serialize($db));
                        } 
                }
        }
}
?>
<form action="" method="post">
    <center>
        <label for="firma_name" >name:</label><br>
        <input type="text" class="input" name="name" autocomplete="off"><br>
        <label for="produkte">email:</label><br>
        <input type="text"  class="input" name="mail" autocomplete="off"><br>
        <label for="adresse">pass:</label><br>
        <input type="text"  class="input" name="pass" autocomplete="off"><br>
        <input type="submit" class="anmelde_button" value="anmelden">
    </center>
</form>

wieso PHP Parse error: syntax error, unexpected token ";" in /home/emmanuel/Downloads/hp.php on line 11?

HTML, Webseite, CSS, JavaScript, HTML5, Datenbank, JQuery, MySQL, PHP, Programmiersprache, Webdesign, Webentwicklung, phpMyAdmin
CSS was ist hier falsch?

Hallo ich arbeite aus Spaß an einer Website und habe mich die tage mit CSS auseinander gesetzt habe auch was schönes zusammen gebastelt jedoch ist ein Problem aufgetaucht wobei ich nicht weiß wie ich es wieder beheben kann Problem folgendes:
Ich habe ein Bild rechts daneben der Name daneben ein kleines YouTube Icon und daneben ein kleines Twitch Icon ich habe auf beiden Icons ein link allerdings funktioniert der link nur bei Twitch das YouTube Icon wird auch angezeigt jedoch hat es keinen link hinterlegt keine Ahnung warum.
Hier ist der HTML Code:

--------------------------------------------------------------------------------------------------------------------------

<div class="teilnehmer-profile">
  <div class="item-1"><img src="castcrafter.jpg" width="100" height="100"></div>
  <div class="item-2"><span class="name">CastCrafter</span></div>
  <div class="item-3"><a href="https://www.youtube.com/c/CastCrafter"> <img src="youtubeicon.jpg" width="30" height="30"> </a></div>
  <div class="item-4"><a href="https://www.twitch.tv/castcrafter"> <img src="twitchicon.jpg" width="30" height="30"> </a></div>
</div>
<br>
</br>

------------------------------------------------------------------------------------

So sind die CSS codes:

------------------------------------------------------------------------------------

.teilnehmer-profile {
     display: grid;
     grid-template-columns: 100px 140px 0px 100px;
     grid-auto-rows: minmax(80px, auto);
     grid-template-rows: 100px;
     grid-auto-rows: 100px;
     grid-auto-flow: column;
     grid-auto-columns: 200px;
     justify-content: center;
     grid-template-areas:
  "bild name youtube twitch";
}
span.name {
     font-size: 1,5em;
     font-family: sArial,'Arial Unicode MS',Helvetica,Sans-Serif;;
     text-shadow: -1px 1px 20px black;
}
.item-1 {
  grid-area: bild;
}
.item-2 {
  grid-area: name;
}
.item-3 {
  grid-area: youtube;
}
.item-4 {
  grid-area: twitch;
}

Ich danke schonmal im Voraus und bedanke mich ebenfalls für allgemeine Code Verbesserungen da ich die Website für die schule mache (Informatik) und in dem Thema relativ neu bin.
LG Benji & Danke

Bild zu Frage
HTML, CSS

Meistgelesene Fragen zum Thema CSS