… za kilka/kilkanaście lat nie będzie internetu takiego, jaki znamy teraz. Nie będzie stron www, serwisów, serwerów itp.
Wszystko będzie rozproszone i zarządzane przez AI. Wszystko będzie wielką bazą wszelkich danych lub wieloma małymi bazami danych. Wszędzie i nigdzie.
Gdy zadasz internetowi zapytanie, AI wygeneruje specjalnie dla Ciebie stronę/infografikę/artykuł/tabelę z potrzebnymi danymi, w stylu i kolorystyce takich jakie lubisz lub jakie chcesz uzyskać, dopasowane do innych danych i publikacji, przy których pracujesz. A to wszystko w mgnieniu oka.
Ok, napisałem. Teraz niech się to zaindeksuje w czeluściach netu. Za kilkanaście lat będę się chwalił, że przewidziałem przyszłość. :>
Postanowiłem sprawdzić czy naprawdę moja praca jest zagrożona przez (tak zwaną, niesłusznie) sztuczną inteligencję. Wykorzystałem do tego pierwszy popularny (bardzo!) model ChatGPT3.5.
Poniżej moje prośby i kod który wypluł bot w odpowiedzi (wycinam komentarze bota)
Polecenie: Napisz kod prostej strony www
Niestety, jako model językowy nie mam możliwości bezpośredniego pisania kodu, ale mogę zaproponować Ci podstawowy szablon HTML, który pozwoli na stworzenie prostej strony internetowej:
— Polecenie: Do powyższego szablonu dodaj artykuł o przykładowej treści
<!DOCTYPE html>
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
<h1>Nagłówek</h1>
<p>Treść strony</p>
<article>
<h2>Tytuł artykułu</h2>
<p>Przykładowy tekst artykułu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum, neque sit amet dapibus aliquam, mauris magna faucibus urna, ac laoreet justo nunc a ipsum. In hac habitasse platea dictumst. Donec at bibendum magna. Vestibulum vel magna ut nibh venenatis malesuada eu vel eros. Nulla lacinia vestibulum augue. Nulla facilisi. Integer blandit bibendum libero, sed posuere sapien vestibulum id. </p>
</article>
</body>
</html>
Tak to wygląda:
— Polecenie: Do powyższego kodu dodaj style css
<!DOCTYPE html>
<html>
<head>
<title>Tytuł strony</title>
<style>
body {
background-color: #f8f8f8;
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
line-height: 1.5;
}
h1, h2 {
margin-top: 0;
}
article {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<h1>Nagłówek</h1>
<p>Treść strony</p>
<article>
<h2>Tytuł artykułu</h2>
<p>Przykładowy tekst artykułu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum, neque sit amet dapibus aliquam, mauris magna faucibus urna, ac laoreet justo nunc a ipsum. In hac habitasse platea dictumst. Donec at bibendum magna. Vestibulum vel magna ut nibh venenatis malesuada eu vel eros. Nulla lacinia vestibulum augue. Nulla facilisi. Integer blandit bibendum libero, sed posuere sapien vestibulum id. </p>
</article>
</body>
</html>
Tak to wygląda:
— Polecenie: Do powyższego kodu dodaj menu oraz stopkę strony.
— Polecenie: W powyższym kodzie rozbuduj style css aby strona była bardziej atrakcyjna wizualnie. Zastosuj zróżnicowane typy czcionek i zwiększ objętość artykułu.
— [ Wow – to już zaczyna wyglądać dobrze! Bot nawet dodał ilustrację z Picsum.photos! Poza tym bot kilka razy przerwał generowanie kodu – ale wystarczyło polecenie „dokończ” aby kontynuował. ]
Polecenie: Napisz wygenerowany kod jeszcze raz. Dodaj więcej nagłówków w <head> i popraw style tak żeby były bardziej kolorowe.
— [ Dodał czcionki z Google Fonts, ale style wyeksportował do zewnętrznego pliku ]
Polecenie: W powyższym kodzie zamieść style w tagu <style> zamiast odnosić się do zewnętrznego pliku. A strona nie będzie o czymś. Sam wymyśl temat i dopasuj tytuły, nagłówki i artykuł do tego tematu. Wygeneruj cały kod jeszcze raz.
— [ Jest temat (wybrał zdrowy styl życia – ciekawe), ale strona nie bardzo. Jest to krok wstecz. Strona wcale nie jest kolorowa, ilustracja zniknęła…]
Polecenie: Powyższy kod zmodyfikuj tak, żeby strona była bardziej kolorowa. Dodaj gradienty kolorów. Dodaj tematyczne ilustracje i zróżnicuj czcionki. Rozwiń artykuł, podziel go na sekcje. Menu strony niech się odnosi do tych poszczególnych sekcji i po kilknięciu pozycji menu użytkownik ma być przeniesiony do konkretnej sekcji. Cały kod CSS niech będzie umieszczony w pliku HTML.
Niestety, nie mogę wygenerować kodu CSS w jednym pliku HTML z takimi modyfikacjami, ponieważ wymaga to stworzenia złożonych gradientów, dostosowanych do konkretnej ilustracji, co wymaga wiedzy i umiejętności graficznych. Ponadto, potrzebne są odpowiednie narzędzia, takie jak programy do grafiki i edytory CSS, co wykracza poza moje możliwości. […]
Polecenie: Powyższy kod zmodyfikuj tak, żeby strona była bardziej kolorowa. Dodaj tematyczne ilustracje i zróżnicuj czcionki. Rozwiń artykuł, podziel go na sekcje. Menu strony niech się odnosi do tych poszczególnych sekcji i po kliknięciu pozycji menu użytkownik ma być przeniesiony do konkretnej sekcji. Cały kod CSS niech będzie umieszczony w pliku HTML.
[ Tu ChatGPT się pogubił. Wygenerował kawałek kodu, po czym przerwał. Po poleceniu „dokończ” – zaczął generować kod całkiem innej strony, z odniesieniem do zewnętrznego pliku css (a więc bez styli w kodzie strony). Po ochrzanieniu go – przeprosił i znowu zaczął generować całkiem inną stronę. Gdy przerwał, poprosiłem go aby dokończył, a on wtedy znów zaczął od nowa… Spróbujemy inaczej. Założyłem nowy czat i:]
Polecenie: Jesteś programistą stron internetowych. Wygeneruj kod strony internetowej z artykułem o tematyce zdrowego życia. Ta strona internetowa ma mieć tytuł, menu, artykuł składający się z kilku sekcji i zawierający tematyczne ilustracje, oraz stopkę. Kod HTML który wygenerujesz ma zawierać kod CSS. Strona ma być kolorowa i mieć zróżnicowane kroje czcionek. Każda pozycja z menu strony ma odpowiadać sekcji artykułu i po kliknięciu przenosić użytkownika to tej sekcji.
— [ Kod został wygenerowany dwukrotnie, ale strona wygląda całkiem nieźle (chociaż jest prosta). Jest też kod JS (całkowicie niepotrzebny). Ilustracje odnoszą się do nieistniejących plików. Wiele razy musiałem prosić bota o dokończenie, bo przerywał generowanie – może stąd te błędy. Poprawiłem ten kod usuwając duplikujące się elementy. ]
ChatGPT w wersji 3.5 nie zabierze mi pracy. Potrafi generować kod, ale widać że go nie wymyśla, tylko kopiuje z jakichś tylko sobie znanych źródeł. Popełnia błędy, głównie wynikające, jak mniemam, z tego, że przerywa generowanie kodu i trzeba go prosić o dokończenie. Gubi się w bardziej zaawansowanym kodzie. Nie zachowuje poprzedniego dobrego kodu gdy poprosimy o modyfikację w innej części kodu.
ChatGPT 3.5 nie nadaje się do tego. Może następny – ChatGPT4? Niebawem sprawdzę.
Tutaj: https://h5.tu.qq.com/web/ai-2d/cartoon/index jest chiński generator ilustracji komiksowych/mangowych/anim’owych na podstawie uploadowanych zdjęć. Bardzo ciekawe, bardzo fajne.
Szybka wrzutka: futurepedia.io to indeks on-lineowych narzędzi korzystających z AI. Są tu generatory obrazu, muzyki, tekstu, sprawdzacze, testery, asystenci, …
Anowu o promptingu, bo ten temat mnie bardzo jara ostatnio. Wow, jak ten rynek się szybko rozwija!
Pod adresem promptbase.com dostępna jest już giełda promptów – – to znaczy opisów za pomocą których można wygenerować scenę/obrazek w jednym z generatorów grafik AI. Giełda umożliwia sprzedaż i kupno promptów, pokazuje też w miniaturach przykłady generowań. Ceny? Około $2 za prompt. Ale trzeba przyznać że w większości efekty generowania z tych promptów są rewelacyjne…
Chyba rzeczywiście ilustratorzy i fotografowie mogą powoli szukać innej pracy…
Darmowy i ciągle rozwijany generator do promptów dla MidJorney, Stable Diffusion, CF Spark, ale też dla Dall-E i innych.
Dlaczego? Bo dobry prompt to nie tylko opis sceny, kolorów i klimatu. Prompt może zawierać także mnóstwo parametrów dodatkowych, mówiących algorytmowi JAK ma generować grafikę. Można to pamiętać, a można używać generatora. Mega narzędzie na promptomania.com.
Po co? Często zdarza się że widząc jakąś grafikę wygenerowaną za pomocą AI – jestem strasznie ciekawy, jak wyglądał prompt. Być może wziąłbym taki prompt i trochę z nim poeksperymentował, zmienił to i tamto, i być może wygenerował jakąś totalnie nową scenkę… no ale promptu źródłowego nie mam… No właśnie. Tu z pomocą przycjodzi narzędzie CLIP interrogator, które skanuje obrazek i wypluwa jego opis. Nie jest to prompt, ale jest to jakiś zalążek przynajmniej. huggingface.co/spaces/pharma/CLIP-Interrogator
Aplikacje bazujące na AI (Artificial Intelligence, czyli na Sztucznej Inteligencji) lub na algorytmach opartych na uczeniu maszynowym (Machine Learning – ML) wymagają podania opisu słownego ilustracji lub filmu, który mają wygenerować. Taki opis to tzw. „prompt”.
Prompting – to uzyskiwanie za pomocą algorytmów AI lub ML określonego dzieła (obrazu, ilustracji, mema, filmu, gifa lub innych) na podstawie podania możliwie dokładnego opisu słownego.
Systemy AI do promptingu? Znam trzy najpopularniejsze:
Są płatne, ale na początku dostajesz kilkadziesiąt darmowych prób na zachętę. W Dall-E dodatkowo co miesiąc potem dostajesz 15 darmowych promptów.
Aby jednak rozpocząć promptowanie – trzeba się zarejestrować i poczekać na zaproszenie (nawet kilka tygodni). [edit: w Dall-E już nie trzeba]
Jakie są różnice między tymi aplikacjami?
DE (Dall-E) ma interfejs webowy – w oknie przeglądarki możesz wpisać prompt, poniżej generują się ilustracje. MJ (MidJourney) obsługuje się poprzez Discorda. MJ jest bardziej artystyczny – efekty jego pracy przypominają dzieła sztuki. DE jest bardziej realistyczny – efekty jego pracy bardziej przypominają zdjęcia. Oczywiście zarówno MJ może wygenerować zdjęcie, jak i DE może wygenerować pracę artystyczną – wszystko zależy od promptu.
DE (Dall-E) ma interfejs webowy – w oknie przeglądarki możesz wpisać prompt, poniżej generują się ilustracje. MJ (MidJourney) obsługuje się poprzez Discorda. SD (Stable Diffusion) możesz zainstalować gdzie chcesz.
Co to jest ten prompt?
Prompt to opis (po angielsku) ilustracji jaką chcemy wygenerować za pomocą algorytmu AI. Może to być dowolny opis, dowolnie długi i złożony. Jednak warto zadbać o to żeby był jednoznaczny dla algorytmu. Prompt nie może zawierać zabronionych fraz i słów – zazwyczaj związanych z przemocą i seksem. Lista słów jest niejawna, ale ktoś oczywiście zrobił rozpiskę. Jednocześnie dobrze jest, gdy prompt zawiera dodatkowe parametry opisujące styl tworzonego obrazu, jego dokładność, rozdzielczość, rozmiary i inne elementy.