Proces twórczy aplikacji webowej

pytanie zadane 5 lutego 2017 w Sieci komputerowe, internet przez Sinnley Stary wyjadacz (12,810 p.)

Jak on wygląda? Przeglądałem to forum, inne fora, ogólnie internet i nie znalazłem konkretnej odpowiedzi.

Poza tym, że są jakieś technologie, html/css do zbudowania samej strony, jakies tam jezyki frontendowe, jakiestam jezyki backendowe, coś do baz danych, w zasadzie ciężko znaleźć opis tego, jak taka aplikacja powstaje.

Stąd moje pytanie, byłbym bardzo wdzięczny za szczegółową odpowiedź, jak to wygląda od strony twórcy? Jak wygląda budowa aplikacji internetowych począwszy od kalkulatora w sieci, przez większe aplikacje, które pomagają nam np. zorganizować sobie dzień, albo sterować oświetleniem i żaluzjami w naszym biurze.

W skrócie:

1 odpowiedź

odpowiedź 5 lutego 2017 przez Kamil Naja Nałogowiec (27,410 p.)

Poczytaj o Hype Driven Development :)

komentarz 5 lutego 2017 przez Comandeer Guru (601,590 p.)

Tak smutna, a tak prawdziwa odpowiedź…

komentarz 5 lutego 2017 przez Sinnley Stary wyjadacz (12,810 p.)

Generalnie chodzi mi o taki zestaw narzędzi potrzebny mi do tego wszystkiego.
Chciałem pobawić się trochę w robienie aplikacji w internecie, więc zacząłem research i złapałem się za głowę. Jest tego wszystkiego od groma, ale nigdzie nie widzę wytłumaczenia dlaczego akurat to i jak się za pomocą tego coś robi. Może trochę przesadzam, ale po prostu jest tych informacji natłok i przez to nie za bardzo wiem za co się zabrać.

Poszukuje czegoś w rodzaju

HTML/CSS - budowa i wygląd strony

xxx - GUI aplikacji

yyy - logika aplikacji

zzz - łączenie się z bazą

itd. Czytam sobie np. "Ruby on Rails" - framework webowy. Czyli co, mogę sobie w nim zrobić aplikacje. Tylko, że ciężko mi nawet stwierdzić co w tej aplikacji w tych railsach mogę zrobić. Przecież gdyby istniało coś takiego jak uniwersalna technologia do zrobienia całej aplikacji, to przecież nie było by takiego natłoku tego wszystkiego.

Krótko mówiąc mam problem z ustaleniem "co do czego".

komentarz 5 lutego 2017 przez Kamil Naja Nałogowiec (27,410 p.)

GUI to HTML + CSS - możliwe frameworki, np Bootstrap

Logika - JS - np w angular 2

Łączenie z bazą - php, node

Możesz też zrobić logikę w PHP i komunikować się z frontem za pomocą Smarty lub Twig

W Railsach robisz backend aplikacji

komentarz 5 lutego 2017 przez Sinnley Stary wyjadacz (12,810 p.)

Czy logika nie należy do części backendowej? Myślałem, że JS miałby raczej za zadanie zająć się tym co widzi użytkowanik. A samo działanie w "mechanicznym sensie" powinno być zrealizowane np. takimi railsami, django, czy asp.net?

komentarz 5 lutego 2017 przez Comandeer Guru (601,590 p.)

To zależy jaką aplikację tworzysz. W dzisiejszych czasach bardzo dużo logiki biznesowej znajduje się po stronie przeglądarki, a serwer staje się po prostu magazynem danych.

komentarz 5 lutego 2017 przez Sinnley Stary wyjadacz (12,810 p.)

Dajmy na to przykład, który podałem w samym pytaniu.

Aplikacja do organizacji dnia, która pozwala:

Zapisać sobie rzeczy do zrobienia w formie to-do list
Kontrolować wydatki
Zapisać informacje o spotkaniach z możliwością dodania takich bajerów jak np. trasa dojazdu na mapie googla.
Robić wykresiki wspomnianych wyżej wydatków, śledzić postęp wykonanych czynności itd.

Gdybym chciał zrobić taką aplikacje, jak miałbym się za to zabrać?

komentarz 5 lutego 2017 przez Comandeer Guru (601,590 p.)

Jeśli ta aplikacja miałaby działać tylko w jednej przeglądarce, bez synchronizacji z innymi urządzeniami (czyli: bez potrzeby zakładania konta), to można ją w całości zrobić w przeglądarce:

logikę można wepchać do Service Workera albo "normalnie" na stronę
notatki można zapisywać w IndexedDB
wykresiki i obliczenia to np. D3.js.

W przypadku jeśli synchronizacja byłaby potrzebna, to notatki zapisywałbyś po stronie serwera w bazie, przy pomocy Ajaksa, a cała reszta w sumie mogłaby zostać tak jak jest teraz (oczywiście obliczenia też można w takim wypadku przerzucić na serwer).

komentarz 5 lutego 2017 przez Sinnley Stary wyjadacz (12,810 p.)

Czyli z jakimi językami, technologiami musiałbym się zapoznać żeby to tak zrobić? *Błagam tylko nie PHP...*

komentarz 5 lutego 2017 przez Comandeer Guru (601,590 p.)

HTML, CSS, JS (wraz z towarzyszącymi mu APIs w przeglądarce), node.js/PHP/ASP .NET/Java/Go… Do tego jakieś bazy danych, czyli SQL albo i nie (MongoDB, CouchDB, Cassandra, riak…).

komentarz 5 lutego 2017 przez Sinnley Stary wyjadacz (12,810 p.)

Oki to ostatnie pytanie - kolejnosc działania http://forum.pasja-informatyki.pl/176633/projekt-aplikacji-internetowej tu np przeczytałem że baza danych to coś co raczej powinno się odkładać na później. W jaki więc sposób powinna przebiegać taka praca nad takim projektem?

komentarz 5 lutego 2017 przez Comandeer Guru (601,590 p.)

Teoria głosi, że zaczyna się od rozrysowania zależności pomiędzy różnymi elementami systemu i tworzenia tzw. domeny. Samej bazy często wgl nie będziesz dotykał, bo przykryje Ci ją abstrakcja w postaci ORM-a.

komentarz 5 lutego 2017 przez Sinnley Stary wyjadacz (12,810 p.)

Oki, dzięki wielkie, jutro czeka mnie sporo czytania :)

komentarz 5 lutego 2017 przez Comandeer Guru (601,590 p.)

Powiedziałbym przez 2 lata, nie tylko jutro ( ͡° ͜ʖ ͡°)

A po 2 latach z przerażeniem stwierdzisz, że wszystko już dawno nieaktualne :'D

Witamy w świecie webdevu!