Tworzenie stron internetowych i inne takie

Niestety temat rzeka, a czasu mało.

Ogólnie

Jedną z najczęstszych przyczyn braku sukcesu tworzonych stron www jest niewątpliwie spaskudzona strona informatyczna przedsięwzięcia. Bardzo wiele ciekawie zaprojektowanych i dobrze pociętych stron www zostało pogrzebanych przez domorosłych informatyków mających w pogardzie takie słowa jak optymalizacja i wiedza.

O błędach w projekcie baz danych już pisałem i może jeszcze wrócę do tematu, ale na dziś musi wystarczyć.

Kodowanie

Kolejną rzeczą są pętle. Warto naprawdę przemyśleć każdą pętle (a szczególnie zagłębienia pętli). Wiele problemów można rozwiązać stosując strukturę danych pośrednią - bez konieczności uciekania sie do złożoności MN. Warto i uczulam na to wszystkich czytelników spokojnie przemyśleć jak dany fragment kodu się zachowa przy większej ilości danych. Bardzo często testy wykonane na tablicy z pięcioma elementami są obiecujące, ale gdy wtłoczymy 5000 rekordów wszystko staje.

Bezpieczeństwo

Register globals zawsze na off - ZAWSZE - to pozwala uniknąć tysięcy problemów związanych z włamaniem

Quote - zawsze i wszędzie dbamy o quotowanie (np. mysql mysql_real_escape_string), brak tego prowadzi do kwiatków że można się logować do wielu systemów bez znajomości hasła (nie podaje jak - żeby nie być posądzonym o promowanie hackingu ale ma to coś wspólnego z "; :) )

Specialchars - wszędzie gdzie nie jesteśmy absolutnie pewni co wypisujemy używamy htmlspecialchars - dzięki temu unikamy wielu problemów z wsadzaniem kodu na nasze strony

Urlencode - nigdy na stronie nie twórzmy linków bez przejścia przez tą funkcje prowadzi to do częstych błędów oraz umożliwia ataki

Ot chyba tyle w temacie projektowania stron www i ich zaplecza aplikacyjnego. Już wkrótce więcej w tym temacie oraz usługach obejmujących projektowanie stron (do odwiedzenia opisu serdecznie zachęcam).

Ot tyle- pozdrawiam

Mam straszny problem żeby się skoncentrować i ruszyć do przodu. Mam wrażenie, że rok może obfitować w dziwne wydarzenia, zobaczymy wiele ciekawych wzlotów i miejmy nadzieje że mniej spektakularnych upadków.

Wkrótce ciąg dalszy opisu etapów tworzenia stron www oraz najczęściej popełnianych błędów.

Pozdrawiam

Mam mały młyn więc dziś tylko sobie zaznaczęnastępny temat.

Tym razem będziemy zajmować się plagiatami.

Temat rzeka jeśli chodzi o strony internetowe. Jako ćwiczenie proponuję wpisać do wyszukiwarki tekst:

Codziennie tysiące ludzi wykorzystuje Internet w poszukiwaniu stron internetowych oferujących potrzebne im towary bądź usługi.

Zdanie jak zdanie, ale ile razy występuje :) - a osobiście znam autora :)

i drugie:

Czynność ta stała się już standardem, Internet jest bowiem najkrótszą drogą w kontaktach klient - sprzedawca, czy producent - kooperant.
 

Cytaty oczywiście za zgodą twórcy. W tym tygodniu opiszę najciekawsze boje z plagiatorami.

Oryginał tekstów na strony internetowe Aptus. Na tych stronach te teksty pojawiły się już kilka lat temu i jak widać rozprzestrzeniły się po internecie.

Ciąć może każdy tyle że nie każdy powinien.

Teoretycznie sprawa jest banalna - wystarczy jakiś programik wspierający cięcie grafiki i już. Pół godziny pracy myszkom, potwierdzene kilku podpowiedzi i voila gotowe. Strony internetowe pięknie pocięte.

Taki szablon dostaje informatyk wprowadza wynik z bazy danych i .... UPS posypało się. Bo automat nie wiedział (bo i skąd miał wiedzieć) że to tylko szablon, że dopiero będzie wypełniony treścią a wraz z nią wszystkie elementy nadal powinny dobrze układać się na stronie.

IMHO nie da się przygotować dorego szablonu bez dość gruntownej wiedzy. I nie chcę rozpoczynać krucjaty przeciwko programom do tworzenia HTML'a ale po prostu są to narządzia - takie jak tokarka - tylko o ile na tokarce można sobie zrobić krzywdę o tyle takim programem innym (przynajmniej krzywdę w sesnsie postrzegania estetycznego).

Dlatego warto, naprawdę warto poczytać i poćwiczyć style w przysłowiowym notatniku (choć są o wilele lepsze edytory). Potem korzystanie z ułatwiaczy będzie przyśpieszało a nie "kopało" robotę.

Validacja W3

Sprawa kiedyś pomijana w tej chwili jest bardzo istotna. Faktycznie walidacja bardzo pomaga w stworzeniu strony zgodnej z wszystkimi wyszukiwarkami. Jeśli strona jest poprawna w sensie kody zostają tylko drobne różnice w interpretacji styli. Niepoprawna strona w sensie składniowym to koszmar dla przeglądarki i nie zawsze mechanizmy "obchodzące" błedy w kodzie są w stanie sobie z tym poradzić.

Zgodność z przeglądarkami

No tu jest zabawa. MSIE, FF2, FF3, Opery różnej maści, safari, chrome itd itp.

Wszystkie nieco inaczej  interpretują style i wzajemne powiązania między elemntami strony. Zabawy jest z tym co niemiara szczególnie jak klient chce mieć dokładnie jak na projekcie.... bo na projekcie były 3 pixele a na stronie są 4 odstęp. 

Ale o tym w nastepnym odcinku.

Jeszcze niecałą dekadę temu często można było spotkać osoby twierdzące, że każdy "głupi" potrafi tworzyć strony www. Tworzenie stron www w założeniu takich osób było banalne i nie wymagało kwalifikacji, doświadczenia ani specjalistycznej wiedzy czy też nawet specjalnych umiejętności (talent litościwie pominiemy).

Profesjonalne tworzenie stron internetowych jest jednak procesem bardzo skomplikowanym i o czym już pisałem na tym blogu wieloetapowym. Właściwe zbudowanie profesjonalnej witryny www wymaga zespołu doświadczonych ludzi. Aby zapewnić wysoką jakość tworzenia stron www ważne jest by korzystać z kreatywnego zespołu w skład którego wchodzą graficy, webmasterzy oraz programiści i analitycy.

Aby stworzone przez nas strony internetowe przyniosły klientowi zamierzony efekt bardzo dużą uwagę warto skupić  (poza estetyka projektu strony)  na optymalizacji kodu zarówno HTML jak i aplikacji obsługującej tworzone strony www.

Ponadto warto pomyśleć o zabezpieczeniu aktualizacji stron oraz ich utrzymanie w profesjonalnym centrum hostingowym. Dbajcie o to by tworzone strony internetowe były dostępne z każdego miejsca na świecie 24 godziny na dobę. 

Więcej na stronach: tworzenie stron internetowych, polecam sporo ciekawych tekstów mimo że to wciąż oferta komercyjna. 

Aplikacje internetowe i strony internetowe wykorzystujące intensywnie bazy danych muszą opierać się na dobrze przemyślanej strukturze bazodanowej. NIe warto oszczędzać zarówno czasu jak i wysiłku podczas projektowania bazy dancych.

Warto oczywiście zostawić ten temat specjaliście ale tu uwaga - specyfika zastosowń internetowych wymusza często rezygnację z tworzenia bazy w postaci normalnej (III). Po prostu konieczność maksymalnego przyśpieszenia pewnych operacji wymusza nadmiarowość. Ale uwaga warto stworzyć III postać normalną i dopiero wtedy dodać kolumny, których zadaniem jest zwiekszenie wydajności.

Podczas projektowaniabazy danych będącej zapleczem stron internetowych warto dokładnie zanalizować w których tabelach mogą zbierać się duże ilości danych i z których tabel będzie najwięcej pobrań danych.

Co jest konieczne:

- klucze (primary i unikalne) - pierwsze drastycznie zwiekszają wydajność pobrania pojedyńczego rekord, te drugie zapewniają brak błednych wpisów

- klucze obce - zwiększają w znacznym stopniu wydajnośc łączeń

Co jest absolutnie zakazane?

- Nie wolno tworzyć łazeń po polach string - jest to koszmarnie wolne i wręcz bezsensowne działanie.

- Warto korzystać z mechanimów wyszukania baz danych lub wręcz stworzyć silnik wyszukiwarki. Pytania typu like przy dużej liczbie rekordów to prawdziwy koszmarek.

O innych aspektach i problemach związanych z bazodanowymi stronami internetowymi - juz wkrótce.

Z tym etapem tworzenia stron www mam dość mało wspólnego (raczej wstyd przyznać sie do tycyh dzieł jakie popełniłem).

Warto pamiętać że strona musi (i to jest absolutnie konieczne):

• szybko sie wczytywać
• dobrze prezentować treść
• umożliwiać wygodną nawigację
• sprawiać miłe dla oka wrażenie (banał, ale jakiż ważny)
• być kompatybilna z kolorystyką stosowana w materiałach promocyjnych

Oczywiście wszystko to banały, o których nie warto dyskutować. Każdy twórca stron internetowych doskonale o tym wie. tylko skąd się biorą potem te wszystkie strony potworki wypęłnione bezsensownymi animacjami, nieczytelne, nielogiczne itp. No pytam sie skąd?

Ano stąd, że  każdy o tych zasadach wie ale potem zapomina i tworzy potworki byle szybciej byle taniej. Przypomina to konkurs kto taniej, szybiej i brzydziej zaprojektuje strony.

Podsumowując projekt graficzny serwisu WYMAGA żeby tworzyła go osoba o dużym poczyciu estetyki pod nadzorem analityka który wie co dane strony internetowe mają docelowo robić. Poza tym często projekty są wykorzystywane do wdrażania sklepów internetowych, systemów CMS itp. warto więć żeby projekt umożliwiał wdrożenie go do wybranego oprogramowania.

Ot i tyle na dziś 

Ogólnie z analizą dotycząca przedmiotu prac (stron internetowych) jest dość ponuro - z jednej strony to oczywiste z drugiej zaś wiele osób delikatnie mówiąć "zlewa" temat.

Poza tym pojawia się problem z osobami "analizującymi" problem. Zjednej strony powinno to być osoba o pewnym poczuciu estetyki oraz doświadczeniu w dziedzinie webusability serwisu. Z drugiej powinna być to osoba o doświadczeniu informatyczno analitycznym tak by powstające strony internetowe jak najlepiej spełniały postawione przed nimi zdanie.

Osobnym problemem jest fakt iż mimo ustaleń grafik potrafi kompletnie wywrócić projekt w szale twórczym :).

Podczas przygotowywania specyfikacji serwisu i aplikacji z nim związanych wartouważnie przemyśleć możliwe problemy i ich rozwiązania. Niestety standardem jest myslenie że jakoś to będzie i produkowanie potworków funkcjonalnych i logicznych.

Wynikiem analizy powinno być:

• szkic logiczny projektu
• specyfikacja funkcjonalności
• specyfikacja rozwiązań nawigacyjnych

Po akceptacji specyfikacji przez wszystkie zainteresowane strony konieczne jest opracowanie:

• modelu bazy danych
• modelu aplikacji
• modelu nawigacji

Dzieki temut grafik będzie mógł przygotować projekt stron www spełniający wszystkie kryteria i założenia funcjonalne, natomiast programiści poradzą sobie z zakodowaniem i optymalizacją aplikacji.

Póki co temat błędów podczas tworzenia stron lub aplikacji internetowych zostawiam pod rozwagę czytelnikom, a dziś bardzo krótko o etapach prac.

W gruncie rzeczy prace nad stronami www można podzielić na kilka zależnych ale jednaj wyodrębnionych etapów:

• analiza zadania (cel witryny, grupa docelowa, narzędzia interaktywne przydatne w komunikacji z odwiedzającym)
• projekt graficzny witryny (czyli projektowanie stron www)
• projekt aplikacji i baz danych
• "cięcie" projektu czyli tworzenie stron www
• tworzenie aplikacji internetowych (elementów interaktywnych)
• publikacja stron internetowych na serwerze
• promocja witryny w sieci internet.

Wkrótce opisze dokładniej poszczególne etapy wraz z krótkim przeglądem potencjalnych błedów i zagrożeń.

Sporo informacji mozna znależć na stronie: tworzenie stron www Aptus.pl.