Ajax Crawlable Demo за работа с динамични сайтове

Здравейте, отново е време да се захванем с някой нови интересни неща с които се занимавах тези дни.

Започнах нов проект за споделяне на събития.

http://bgjoin.com/

в сайта може да разгледате секция "КАК РАБОТИ ?".

Но да се върна към темата:

Технологиите, които ползвам за html 5, jquery, ajax, css и php за rest service.

По време на разработка на проекта  всичко беше добре, докато не стигнах до извода, че динамичните сайтове не се индексират от google.

Веднага се разрових в internet и открих решение на проблем става въпрос за:

how to make ajax crawlable

Ето и мое демо http://test.nh.zonebg.com/

Идеята на всичко това е, че когато зареждаме динамично сайта ние работим с # hash знака

и така с jquery прихващаме този селектор, но проблема е  че това се рендира при клиента 

и няма content които да бъде индексиран от google.

За целта от google са намерили решение, като след # добавяме и удивителен знак (!)

получаваме www.example.com/#!99 примерно 99 играе ролята на ID за да може после да се направим заявка и да се генерира content.

как става това.

google замества кобинацията от #! със ?_escaped_fragment_  което играе ролята на ключ за търсене в $_GET.

Примерно $_GET['_escaped_fragment_'];

но за да стане всичко по прегледно нека пусна и кода

Надявам се да съм бил полезен.

Ако имате въпроси пишете ми

Поздрави Мемхедов!

Nurietin Mehmedov CURRICULUM VITAE

Понякога се налага да представиш себе си с няколко думи или пък да кандидатстваш за работа където CV-то е задължително( мотивационно писмо също но за него друг път).
Надявам се да помогна с моето CV на други хора които искат да си оформят тяхното CV

CURRICULUM VITAE

    Personal Information

Name: Nurietin Mehmedov

Position: Delphi (XE), Dot.Net Developer

Date of Birth: 20  January 1974

Marital Status: Single

Mobile Phone: (+359) (889) 25 05 02

Web Site: http://pmsystem.nh.zonebg.com/, http://xgridview.apphb.com/

Email: jakomena@gmail.com

Skype: jakomen

Education

1989 - 1992:        High School  “CPTU - Transport”, Kazanlak, Bulgaria

1981 - 1989:        Comprehensive Secondary School “Nikola Vapcarov”, Kazanlak, Bulgaria

Certification

     2011 -  2012    Mobile Applications Development “telerik academy”, Sofia, Bulgaria

2012 -  2012    Cloud Development “telerik academy”, Sofia, Bulgaria

2010 – 2011:    High School  “Europe” English  pre intermediate,  Kazanlak, Bulgaria

Employment Career

Jun 2005 – Present: Delphi, Dot.Net Developer for Software Development 

(David-Holding), Bulgaria – http://www.david-holding.com/

Oct 2000 – July 2001  C, C++ Developer for Software Development (SICOM), Bulgaria

Skills

Software project management

Software architectures

Object-oriented programming and modeling

Client-server technologies

Multithreading and thread synchronization

Internet technologies and networking

Web application development

Relational databases, database systems and database design

High-quality programming code construction

Windows network administration and maintenance

Operating systems – Windows,  DOS

 

Programming Languages

     Delphi, C#, Asp.Net, Java, C, C++, PHP 

            Web

                Html5. Jquery, CSS,  javascript

Software Technologies and Platforms

Microsoft .NET Framework and related technologies – C#, ADO.NET, Windows Forms, ASP.NET,  AJAX, Controls Toolkit, XML Web-services

Delphi and related technologies – Visual Component Library (VCL)

Database access – SQL, ADO, ADO.NET, stored procedures

Web sites and client-side scripting – HTML, DHTML, CSS,

JavaScript, Jquery, Mobile, JSON,

Internet protocols – TCP/IP, HTTP, HTTPS, SMTP, POP3, FTP

Socket programming – Winsock, C socket programming

Windows programming – Win32 API, COM, ActiveX, ODBC, ADO

 

Database Servers

Oracle Database (8, 9, 9i, 10g), Microsoft SQL Server (2000, 2008), MySQL (4.0, 5.0),

NoSql – database(CouchDB),InterBase (6.0) / Firebird (1.0), Microsoft Access (2000, 2003)

 

Application Servers

         MS Internet Information Server (5.0, 6.0), Apache (1.3, 2.0)

 

Development Tools

         Java and J2EE related – Eclipse, Eclipse Web Tools, Eclipse , Borland , Microsoft Visual C++

         related – Microsoft Visual Studio (6.0, 2002, 2003, 2005, Borland)

 

Other Skills

Team working skills

Communication skills

Organizational skills

Projects

Инструменти и машини

 Period: now

 Description: online store  

 Technologies: php, Html5, Jquery, Ajax, css 

 Url: http://simo98.com/

PMSystem

 Period: august 2012 – now

 Description: project management system   

 Technologies: Html5, Jquery, Ajax, Json, NoSql – CouchDB, JsonBridje

 Platform –  Widnows, IIS

 Url: http://pmsystem.nh.zonebg.com/          

           

Secret Comunicator

Period: Mart 2012 – now

Description: Cloud Application using NoSql - CouchDB

Technologies: WCF Service, Html5, Jquery, Ajax, Json

Platform –  Microsoft Visual Studio 10.

Url: http://secretcom.apphb.com/

XGridView  1.0

Period: December 2011 – now

Description: Server Control And Component Development

Technologies: dot.net, html, jquery, css,

Platform –  Microsoft Visual Studio 10.

Url: http://xgridview.apphb.com/

Supplier 1.0

Period: December 2010 – now

Description: Android Mobile business application

Technologies: java se, sqllite database, threading

Platform – Eclipse

Url: http://supplier.nh.zonebg.com/

Light Mp3 Player 2.2

Period: December 2008 – now

Description: Mp3 Desktop application version 2.2

Technologies: Mp3 encoding win32 API

Platform –   Delphi 7, XE

Url: http://www.softpedia.com/get/Multimedia/Audio/Audio-Players/Light-Mp3-Player.shtml

Auto zone

Period:  January 2011 – now

Description: Web page for auto mobiles version 1.0 Bulgarian Language

Technologies: PHP, java script, HTML, CSS, Jquery, MySql

Application Servers

MS Internet Information Server (5.0, 6.0), Apache (1.3, 2.0)

Url: http://nh.zonebg.com/

Research Interests

Object-Oriented Modeling and Software Design

High-Quality Programming Code Construction

Mobile Technologies

Database Development

Data Structures and Algorithms

Business Process Modeling

Languages

Bulgarian – native

English – fluent

Turkish – good

 

Въведение - FileReader HTML 5

Въведение

HTML 5, най-накрая, предостави стандартен начин за работа с локални файлове, чрез File Api.
Като за пример:
можете вече да имате thumbnail  preview на снимките, преди да се пратят към сървъра.

Четене на файлове

FileReader включва четири основни метода за четена на файл асинхронно.

FileReader.readAsBinaryString(Blob|File) резултата от тази функция е Blob

и binary string.Всеки byte е представен, като integer в range [0..255]

FileReader.readAsBinaryString(Blob|File) резултата от тази функция е Blob дата,

представена в текстов формат.

FileReader.readAsDataURL(Blob|File) резултата от тази функция е Blob дата encoded 

като data url

FileReader.readAsArrayBuffer(Blob|File) резултата от тази функция е Blob дата, 

като ArrayBuffer

един от тези методи се извиква за FileReader като event :

onloadstart, onprogress, onload, onabort, onerror,onloadend 

Следващия пример ползва reader.readAsDataURL() 

като генерира thumbnail  от избрания файл на потребителя.

html

 <form id="upload">
       <img id="uploadPreview"  width="75"/>
      <input type="file" name="file" />
     <button type="upload_image" id="upload_image" name="upload_image">Upload</button>
  </form>

javascript

var oFReader = new FileReader()

var oFile = document.getElementById("upload_image").files[0];

oFReader.onload = function (

                document.getElementById("uploadPreview").src = oFREvent.target.result;          

 };

            

oFReader.readAsDataURL(oFile);   

REFERENCES

• File API specification
• FileReader interface specification
• Blob interface specification
• FileError interface specification
• ProgressEvent specification

Поздрави Мехмедов!