Otóż oczywiście, że NIE! A rozwiązanie jest bardzo proste. Wystarczy napisać kawałek inteligentnego skryptu który zabezpieczy nas przed taką nieprofesjonalnością.

Skrypt taki powinien:

1. rejestrować zdarzenie poruszenia myszy lub wciśnięcia klawisza
2. wysyłać żądanie do serwera pod dowolną stronę z obsługą sesji (powinna się ona szybko generować), na przykład w Zend Framework:

   public function preserveSession()
   {
   	$this->_helper->layout->disableLayout();
   	$this->_helper->viewRenderer->setNoRender();
   }

3. odpiąć zdarzenia aby nie obciążać przeglądarki
4. ustawić timeout, który przywróci podpięcie zdarzeń

Poniżej zamieściłem skrypt który wykonuje takie właśnie czynności (wymaga do działania jQuery >= 1.4):

pl = window.pl || {};
pl.mediovski = pl.mediovski || {};
pl.mediovski.technology = pl.mediovski.technology || {};
 
pl.mediovski.technology.FormSessionHolder = function(parameters) {
	parameters = parameters || {};
	var defaultSettings = {
		url: '/',
		timeout: 60
	};
	var settings = jQuery.extend(defaultSettings, parameters);
	var timeout = null;
	var actionEventHander = function(event) {
		jQuery.ajax({
			url: settings.url
		});
		jQuery(document).unbind('mousemove.session-holder');
		jQuery(document).unbind('keyup.session-holder');
		timeout = setTimeout(function() {
			jQuery(document).bind('mousemove.session-holder', actionEventHander);
			jQuery(document).bind('keyup.session-holder', actionEventHander);
			clearTimeout(timeout);
		}, settings.timeout * 1000);
	};
 
	actionEventHander();
};

Aby go uruchomić należy załączyć skrypt jako bibliotekę w nagłówku HTML oraz dopisać w dowolnym miejscu poniżej, inicjując obsługę np.:

new pl.mediovski.technology.FormSessionHolder({
	timeout: 60,
	url: '/preserve-session'
});

,gdzie:

• parametr timeout oznacza interwał co jaki czas mają następować odwołania do bramki (podane w sekundach, domyślnie: 60)
• parametr url oznacza adres do bramki utrzymującej sesję (domyślnie: ‘/’)

Oba parametry są opcjonalne.

Efekt użycia? W momencie gdy użytkownik używa aplikacji, co podany interwał czasu następuje odwołanie do serwera, które powinno nas zabezpieczyć przed wygaśnięciem sesji. Jeżeli użytkownik odejdzie od komputera i nie porusza myszą ani nie pisze na klawiaturze, sesja wygaśnie normalnie. Jest to bardzo prosty trik, który jednakże w znacznym stopniu zmniejsza dyskomfort używania web aplikacji. Nigdy więcej pisania artykułów w Wordzie i kopiowania ich do CMS’a!

Biblioteka do ściągnięcia: jquery.session-holder.js

Wiele firm po założeniu “fanpage’a” na tym portalu umieszcza na swojej stronie informacje o liczbie fanów strony wraz z możliwością zostania fanem tej firmy.

Lecz Facebook to nie tylko fanpage, ostatnimi czasy bardzo popularną funkcjonalnością staję się “Facebook Connect“. Moduł ten pozwala na osiągnięcie podobnych rezultatów co “OpenId”.

W przypadku stron wizytówek Facebook Connect raczej nie ma zastosowania, jednak w przypadku bardziej rozbudowanych “portali”, w których użytkownicy mają możliwość komentowania, oceniania itp. moduł Facebooka spisuje się idealnie.

Facebook Connect daje możliwość “połączenia” (“wykorzystania”) konta na Facebooku na innych portalach, tj. użytkownik może komentować, oceniać, dodawać artykuły bez potrzeby logowania na specjalne konto na danej stronie lecz może zalogować się raz na Facebooku, a następnie strona, na której jest zaimplementowany Facebook Connect wykryje, że użytkownik jest już zalogowany (wcześniej użytkownik musi połączyć konto z Facebooka z aplikacją danej strony – co odbywa się pół automatycznie) i od tej pory użytkownik może publikować treści na “naszej” stronie za pomocą konta na Facebooku.

Aby zaimplementować Facebook Connect na naszej stronie należy wykonać kilka czynności:

• Pierwszym krokiem do zaimplementowania modułu jest stworzenie podstawowej aplikacji, aby to zrobić należy wejść na stronę: http://www.facebook.com/developers/createapp.php i wpisać nazwę aplikacji.

• Do podstawowego działania aplikacji nie ma konieczności zmiany domyślnych parametrów aplikacji. Ważnym elementem jest wprowadzenie w dziale “Połączenie” (“Connect”) adresu strony, z którego użytkownicy będą się łączyli z aplikacją.

• Opcjonalnie można umieścić logo (99px x 22px w formacie  JPG, GIF lub PNG), które będzie pokazywanie w oknie Facebook Connect.

• Kolejnym krokiem podczas integracji modułu na naszej stronie jest umieszczenie specjalnego pliku “xd_receiver“, który służy do komunikacji między API Facebooka a naszą stroną, w sekcji body tego pliku powinna znajdować się linijka:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.js" type="text/javascript"><!--mce:0--></script>

• Następnie należy do sekcji html na naszej stronie dodać przestrzeń nazw Facebooka:

xmlns:fb="http://www.facebook.com/2008/fbml"

co pozwala na korzystanie z tagów fb (pełna lista tagów XFBML – http://wiki.developers.facebook.com/index.php/XFBML.)

• Następnie trzeba załadować plik javascript z API

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"><!--mce:1--></script>

by w pełni korzystać z możliwości Facebook Connect.

• Kolejnym ważnym krokiem jest skopiowanie API_KEY naszej aplikacji tak by kod na naszej stronie komunikował się bezpośrednio z aplikacją napisaną na Facebooku.

Podstawowa implementacja Facebook Connect, która sprawdza czy użytkownik jest zalogowany, a jeżeli tak to pobiera zdjęcie główne oraz Imię i Nazwisko wygląda następująco:

	function facebook_onlogin()
	{
		var userBox = document.getElementById('userBox');
 
		userBox.innerHTML = "<span>"
		+ ""
		+ "Witaj, "
		+ " jesteś zalogowany przy pomocy konta fecebook."
		+ "</span>";
 
		FB.XFBML.Host.parseDomTree();
	}
 
	FB.init("API_KEY", "xd_receiver", {"ifUserConnected":facebook_onlogin} );

Podczas ładowania strony jeżeli użytkownik jest zalogowany pobierane są jego dane w przeciwnym wypadku pojawia się przycisk :

Po kliknięciu tego przycisku użytkownik jest pytany czy chce połączyć konto ze stroną:

Możliwości Facebook Connect tak naprawdę są dość duże, wszystko zależy od stopnia skomplikowania aplikacji napisanej na Facebooku.

Przykład poprawnego rozpoznania adresu.

Fraza ‘www.‘ jeżeli nie jest zawarta na początku adresu url powoduje błąd w jego parsowaniu – sugerowany jest adres od pierwszego wystąpienia tej frazy, bez względu na poprzedzenie całego adresu prefixem z nazwą protokołu ‘http://‘.

Przykłady błędnie rozpoznawanych adresów:

Przykład błędnego rozpoznania adresu.

• http://example.com/www.example.com/example.html
  -> http://www.example.com/example.html
• http://example.com/www.example/www.example2/example.html
  -> http://www.example/www.example2/example.html
• http://example.com/exaple.html?example=www.example.com/example2.html
  -> http://www.example.com/example2.html
• http://example.com/exaple.html?example=http://www.example.com/example3.html
  -> http://www.example.com/example3.html

Adresy rozpoznane poprawnie:

• http://example.com/example.com/example.html
• http://www.example.com/www.example.com/example.html
• http://www.example.com/exaple.html?example=www.example.com/example.html
• http://example.com/exaple.html?example=http://example.com/example.html
• http://www.example.com/exaple.html?example=http://www.example.com/example.html

Rozwiązanie?

Jeżeli nie jest możliwe poprzedzenie całego adresu frazą ‘www.‘ można skorzystać z serwisów typu TinyURL.

• dokumentacja API,
• opis usługi.

Aplikacja zbudowana w modelu MVC umożliwia wprowadzenie tekstu oraz wybranie głosu, w którym ma zostać odczytany.
Treść tekstu, wybrany głos oraz parametru dźwięku są wysyłane do Ivony z użyciem protokołu SOAP. Jako rezultat funkcji tworzącej plik z odczytanym tekstem otrzymujemy kod embed flashowego komponentu odtwarzającego odczytany tekst oraz odnośnik do pliku mp3 z tym nagraniem:

Korzystanie z API wymaga założenia konta na stronie Ivony (formularz rejestracji), dostępne są dwa rodzaje kont – płatne oraz darmowa wersja testowa (szczegóły).

W testowej aplikacji wykorzystano Zend Framework 1.10.1, PHP 5.3 oraz Smarty 3 beta 8.
Wywołanie dowolnej metody z API wymaga autoryzacji. W tym celu należy pobrać token przekazywany następnie jako parametr wywołania metody.
W klasie modelu następuje automatyczne pobranie tokenu (wraz ze sprawdzeniem wyniku pobierania) oraz po wywołaniu metody SOAP sprawdzany jest jej rezultat. W przypadku wystąpienia błędu pobierany jest jego opis.

Klasa kontrolera:

class Ivona_IndexController extends Zend_Controller_Action
{
	public function indexAction()
	{
		$this->view->formText = $formText = $this->_getParam('text', '');
		$this->view->formVoice = $formVoice = $this->_getParam('voice', '');
		$this->view->errorMsg = '';
 
		// Utworzenie obiektu Ivony
		$ivona = new Ivona(IVONA_LOGIN, IVONA_PASSWORD);
 
		// Jeżeli przesłano dane z formularza tworzymy plik z dźwiękiem
		if ($formText != '' && $formVoice != '') {
			if (($result = $ivona->createSpeechFile($formText, $formVoice)) === false) {
				$this->view->errorMsg = $ivona->getErrorMsg();
				return;
			}
			$this->view->embedCode = $result['embedCode'];
			$this->view->charactersPrice = $result['charactersPrice'];
			$this->view->soundUrl = $result['soundUrl'];
		} else {
			$this->view->embedCode = '';
			$this->view->charactersPrice = '';
			$this->view->soundUrl = '';
		}
 
		// Pobieramy listę dostępnych głosów
		if (($result = $ivona->getListVoices()) === false) {
			$this->view->errorMsg = $ivona->getErrorMsg();
			return;
		}
		$this->view->voices = $result;
	}
}

Klasa modelu:

class Ivona
{
	/**
	 * Adres pliku wsdl
	 *
	 * @var string
	 */
	static $wsdl = 'http://www.ivona.com/saasapiwsdl.php';
 
	/**
	 * Opcje wsdl
	 *
	 * @var array
	 */
	static $wsdlOptions = array(
			'exceptions' => 0
		);
 
	/**
	 * Kodek dźwięku
	 *
	 * @var string
	 */
	static $speechCodecId = 'mp3/22050';
 
	/**
	 * Typ uploadowanego tekstu
	 *
	 * @var string
	 */
	static $speechContentType = 'text/plain';
 
	/**
	 * Klient Soap
	 *
	 * @var SoapClient|null
	 */
	protected $_soapClient = null;
 
	/**
	 * Adres email
	 *
	 * @var string|null
	 */
	protected $_mail = null;
 
	/**
	 * Hasło
	 *
	 * @var string|null
	 */
	protected $_password = null;
 
	/**
	 * Treść błędu
	 *
	 * @var string
	 */
	protected $_errorMsg = '';
 
	/**
	 * Konstruktor
	 *
	 * @param string $email email
	 * @param string $password hasło
	 */
	public function __construct($email, $password)
	{
		$this->_soapClient = new SoapClient(self::$wsdl, self::$wsdlOptions);
		$this->_email = $email;
		$this->_password = $password;
	}
 
	/**
	 * Utworzenie pliku z mową
	 *
	 * @param string $text tekst do odczytania
	 * @param string $voice głos, w którym ma zostać odczytany tekst
	 * @return mixed wynik funkcji
	 */
	public function createSpeechFile($text, $voice)
	{
		$input = array(
			'text' => $text,
			'contentType' => self::$speechContentType,
			'voiceId' => $voice,
			'codecId' => self::$speechCodecId
		);
		return $this->_soapCall('createSpeechFile', $input);
	}
 
	/**
	 * Pobranie listy dostępnych głosów
	 *
	 * @return mixed wynik funkcji
	 */
	public function getListVoices()
	{
		return $this->_soapCall('listVoices');
	}
 
	/**
	 * Pobranie tokena
	 *
	 * @return array|bool token lub false w przypadku błędu
	 */
	protected function _getToken()
	{
		if (($token = $this->_checkResult($this->_soapClient->__soapCall('getToken', array('email' => $this->_email)))) === false) {
			return false;
		}
		return array(
			'token' => $token,
			'md5' => md5(md5($this->_password) . $token),
		);
	}
 
	/**
	 * Sprawdzenie poprawności wyniku wywołania SOAP
	 *
	 * @param mixed $result wynik wywołania
	 * @return mixed
	 */
	protected function _checkResult($result)
	{
		if (is_soap_fault($result)) {
			$this->_errorMsg = "SOAP Fault:\n faultcode:[{$result->faultcode}]\n faultstring:[{$result->faultstring}]\n
					faultactor:[{$result->faultactor}]\n";
			return false;
		}
 
		return $result;
	}
 
	/**
	 * Wywołanie SOAP
	 *
	 * @param string $name nazwa funkcji
	 * @param array $input parametry funkcji
	 * @return mixed wynik funkcji
	 */
	protected function _soapCall($name, $input = array())
	{
		if (($token = $this->_getToken()) === false) {
			return false;
		}
		return $this->_checkResult($this->_soapClient->__soapCall($name, array_merge($token, $input)));
	}
 
	/**
	 * Pobranie komunikatu o błędach
	 *
	 * @return string
	 */
	public function getErrorMsg()
	{
		return $this->_errorMsg;
	}
}

Szablon widoku (Smarty 3):

{if $errorMsg != ''}
<h3>Wystapił błąd</h3>
{$errorMsg|nl2br}
{else}
	{$embedCode}
	{if $soundUrl!=''}<a href="{$soundUrl}">pobierz plik</a>{/if}
<hr />
<form method="post">
		<label for="text">Tekst:</label>
		<textarea id="text" style="width: 200px; height: 100px;" name="text">{$formText}</textarea>
 
		<fieldset>
		<legend>Głos</legend>
		{foreach $voices as $voice}
<input id="{$voice->voiceId}" name="voice" type="radio" value="{$voice->voiceId}" />voiceId} checked="checked"{/if}/>
		<label for="{$voice->voiceId}">{$voice->voiceName} ({$voice->langId})</label>
 
		{/foreach}
		</fieldset>
<input name="submit" type="submit" value="Test" />
	</form>
 
{/if}

Extensible Messaging and Presence Protocol (XMPP) (dawniej Jabber) – otwarty, oparty na XML protokół komunikacji oraz powiadamiania o obecności w czasie rzeczywistym.

Real Time Messaging Protocol (RTMP) to zastrzeżony protokół stworzony przez Adobe Systems dla streamingu audio, wideo i danych, pomiędzy playerem Flash a serwerem.

1.1     Backend

1.1.1     Jabberd2

Jest to druga wersja Jabberd’a. Usługa ta pozwala na wydajną komunikację danych (tekstowych) poprzez protokół XMPP. Server napisany jest w czystym C. Potwierdzone wycieki pamięci. Duże opóźnienia przy dużej ilości klientów online (setkach użytkowników).

1.1.2     EJabberd2

Implementacja Jabber’a oparta na technologii serwerowej Erlang. Erlang jest językiem o bardzo dużej skalowalności i bardzo wysokim stopniu zoptymalizowania. Facebook wybrał Erlang na obsługę swojego chata. EJabberd2 zdobywa ogromną popularność, o czym dodatkowo świadczy fakt, że największy serwis (jabber.org) do obsługi komunikacji wybrał EJabberd2. Mankamentem tej technologii jest wysokie zużycie pamięci w porównaniu do Jabberd2. Minimalne zużycie procesora.

1.1.3     FMS

Komercyjna technologia służąca do komunikacji poprzez protokół RTMP. Pozwala na wymianę danych w formie binarnej, zarówno tekstu jak i streamu audio/video.  Wysoce wydajne rozwiązanie o prostym modelu skalowania.

1.2     Frontend (klient)

1.2.1     JavaScript / HTML

Istnieją proste aplikacje umożliwiające czatowanie w technologii JS i HTML. Żadnego z nich nie udało mi się uruchomić z defaultowymi instalacjami Jabberd2 oraz EJabberd2. Przy wykorzystaniu dostępnych bibliotek JS możliwe jest napisanie własnej aplikacji do obsługi chatu.

1.2.2     Flash

Komunikacja Flash’a z Jabberd2 i EJabberd2 nie jest możliwa bez rekompilacji tych usług uwzględniając specjalne łatki do kodu. Na domyślnych instalacjach Jabberd2 i EJabberd2 nie udało mi się zestawić połączenia między Flashem, a serwerem wspierającym XMPP.

1.2.3     Aplikacja desktopowa

1.2.3.1  Psi

Zainstalowałem komunikator PSI. Współpracował on bez problemowo z domyślną konfiguracją EJabberd2. Przetestowałem rejestrację nowych użytkowników, rozmowy pomiędzy dwoma użytkownikami , konferencje (pokoje z wieloma uczestnikami). Możliwe jest połączenie modułu chat z desktopową aplikacją (choćby PSI) i chatem wbudowanym w aplikację internetową – w aspekcie prowadzenia rozmowy z aplikacji online na WWW i aplikacji desktopowej.

2       Wtyczki

Do każdej opisywanej technologii możemy dopisywać własne rozwiązania (skrypty, wtyczki) rozszerzające standardową funkcjonalność – na przykład zapis historii rozmowy po stronie serwera.

4       Wydajność

Na przeprowadzenie realnych i wiarygodnych testów wydajnościowych potrzebujemy przeznaczyć min. 24h. Ze źródeł dostępnych na różnych blogach, wydaję się iż każda technologia zapewnia nam obsługę wolumina użytkowników na poziomie setek userów online.