Sklep w JavaScript
Mała firma w Internecie
Autor: Sebastian SzczepańskiCzy mała firma może wykorzystać zalety handlu elektronicznego, nie dysponując wystarczającymi zasobami, zwłaszcza w początkowym stadium działalności? Poniższe „studium przypadku” pokazuje, że jest do do pewnego stopnia możliwe.
Stworzenie i prowadzenie sklepu internetowego przy wykorzystaniu zakupionego oprogramowania czy też usług wyspecjalizowanych firm sporo kosztuje. Firmy, które nie mają wystarczających funduszy w wielu przypadkach mogą sięgać po prostsze rozwiązania, które oferują elementarne techniki automatyzujące obrót, a więc obsługujące tylko pewne fragmenty całej transakcji. Z jednej strony ułatwiają one zadanie klientowi, z drugiej – nie zmuszają właściciela sklepu do angażowania nadmiernych środków w obsługę transakcji. Taką propozycją jest darmowa aplikacja JS-Sklep zbudowana w języku JavaScript. Do jej obsługi wymagana jest podstawowa znajomość języka HTML oraz kilka godzin wolnego czasu.
Prezentowany sklep, autorstwa Jarosława Rychtera, nie używa CGI, można go więc uruchomić na dowolnym darmowym koncie na publicznym serwerze. Większość właścicieli darmowych serwisów nakłada różne ograniczenia szczególnie na możliwość uruchamiania skryptów CGI napisanych np. w Perlu. Dlatego całą „inteligencję” tego sklepu zakodowano w skrypcie JavaScript, który jest interpretowany przez przeglądarkę użytkownika. JS-Sklep powinien poprawnie działać na przeglądarkach Netscape Navigator od wersji 2 i MS Internet Explorer od wersji 4.
Plikami niezbędnymi do uruchomienia własnego sklepu są:
- kosz.htm – plik ładujący odpowiednią wersję skryptu,
- kosz_ie.htm – plik ze skryptem dla przeglądarek innych niż Netscape,
- kosz_ns.htm – plik wczytujący skrypt dla przeglądarek Netscape,
- ns.js – plik ze skryptem dla przeglądarek Netscape,
- kosz-*.gif – pliki graficzne (możemy je podmieniać na stworzone samodzielnie ikony)
Pierwszym krokiem przy budowaniu strony ze sklepem jest stworzenie jego konstrukcji – w pliku index.html definiujemy niezbędne ramki.
Właściwe źródło sklepu, czyli skrypt JS znajduje się w pliku kosz_ie.htm lub ns.js – program sam rozpoznaje przeglądarkę i uruchamia odpowiedni plik. W ich kod wplatamy potrzebne odnośniki oraz dane inicjujące. W znaczniku <BODY> cały czas aktywnej ramki wstawiamy obsługę zdarzenia Load oraz adres skrzynki e-mail, gdzie będą spływały zamówienia. W ramkach umieszczamy też dane o produktach (zdjęcie, opis, przyciski itd.). Odnośniki do zamawiania można dołączyć do stworzonych przycisków lub nazwy towaru. Opierając się na takim ogólnym schemacie, możemy stworzyć na swojej stronie różne struktury, które pozwolą np. wzbogacić ofertę o opcje dotyczące koloru i rozmiaru towaru, liczby ikon inicjujących dodanie produktu do koszyka i ich wyglądu. W ten sposób możemy definiować różne cechy produktu. Wymagane jest tu wówczas zastosowanie formularz (znacznik <FORM>).
Virtualstore zajmujje się sprzętem RTV, projektorami i klimatyzacją. Aplikacja JS-Sklep znalazła u nas zastosowanie w październiku 1998. Był to filar nowo założonego sklepu wirtualnego. Najważniejszy atut tego programu to powszechnie dostępny kod źródłowy, napisany w łatwym do zrozumienia języku – JavaScript. Miał zdecydowaną przewagę nad wieloma innymi rozwiązaniami, głównie anglojęzycznymi i trudnymi do przystosowania do polskich warunków. Aplikacja sprawdziła się w codziennym działaniu i jest zgodna z większością specjalistycznych narzędzie do tworzenia stron WWW. Transakcje w naszym I-sklepie sięgają od kilkudziesięciu do kilkudziesięciu tys. zł, przy czym sprzedaż drogiego sprzętu finalizowana jest w czasie tradycyjnej rozmowy handlowej.
Jakub Kwaczyński_______________IT-OPINIA
Sklep miał we wczesnych wersjach kłopoty z poprawnym wyświetlaniem zamówień w przeglądarkach innych niż Internet Explorer. W wielu przypadkach problemy sprowadzają się jednak do błędnej obsługi przeglądarki przez użytkownika. Jako prosty przykład może posłużyć używanie klawiszy przeglądarki „wstecz” i „dalej” przy jednoczesnej modyfikacji zamówienia. Tak więc używamy aplikacji JS-Sklep jako bazy, na podstawie której rozwijamy własną wersję. Problemy aktualnych wersji JS-Sklep w tym przypadku nas nie dotyczą, jednak kody źródłowe nowych wersji przeglądam regularnie dla porównania.
Webmaster, Virtualstore, www.virtualstore.pl
Klient sklepu ma możliwość wybrania interesującego go asortymentu. Po wskazaniu produktu – jeśli zastosowaliśmy bardziej uproszczony kod, bez określonej liczby egzemplarzy – pojawi się komunikat z prośbą o podanie wielkości zamówienia. Gdy użyjemy bardziej rozwiniętego kodu, produkt automatycznie zostanie dodany do koszyka. W obu przypadkach wartość całkowitego zamówienia zwiększy się o cenę produktu pomnożoną przez liczbę kupowanych egzemplarzy i zostanie wyświetlona pod ikoną koszyka z zakupami. Gdy wszystkie informacje zostaną poprawnie wpisane, użytkownik wysyła zamówienie. Za pomocą metody mailto: tworzona jest wiadomość, która jest wysyłana domyślnym programem pocztowym na konto właściciela sklepu. Poczta nie jest kodowana, więc podawane przez nas dane są odtajnione. Sprzedawca odbiera e-mail, potwierdza telefonicznie odbiór zamówienia oraz wysyła zamówienie produkty kurierem. Należności pobierane są wówczas przy odbiorze towarów.
Wykorzystanie akcji mailto: do przesyłania zamówienia w dynamicznie generowanym formularzu jest przyczyną problemów w starych przeglądarkach: MSIE wersje 1, 2, 3 oraz w Nestscape wersja 1. Autor skryptu zaleca, o ile jest to możliwe, korzystanie z bramek CGI. Należy również pamiętać, że Internet Explorer koduje dynamicznie generowane w JavaScript strony w Universal Alphabet. Jeśli korzystamy z bramek CGI przesyłających zamówienia, zaleca się kodowanie polskich znaków diakrytycznych w standardzie ISO-8859-2. Również dane z formularza, odzyskiwane z „ciasteczek” (cookies) tracą polskie znaki diakrytyczne (dla MSIE oraz kodowania w Win-1250 zjawisko to nie występuje).
Mimo opisanych wyżej niedogodności sklep jest skuteczny w działaniu. Skrypt jest przemyślany i dobrze napisany, ma też wiele mechanizmów zabezpieczających. Pozwala na zupełnie darmowe prowadzenie małego wirtualnego sklepu w Internecie, samodzielną administrację oraz dostosowanie go do własnych potrzeb. Dodatkową zaletą programu jest jego mała objętość. Pozwala to na szybkie ładowanie strony, więc klient może szybko przeglądać i kupować artykuły.
koniec
