نشانه‌های وب 3

پبش‌نیازها:

• وب 3.0 – نگارش تازه ی وب (Web 3.0)
• وب 3.0 – نگارش تازه وب (قسمت دوم)
• “باطن معنایی” و “هستی شناسی” در وب3

باید بپذیریم که وب3 دارد می‌آید. نسخه‌ی جدید وب. وب3، وب جدیدی خواهد بود. کم‌کم داریم وارد آن می‌شویم. زیاد خوشایند نیست که هر چندوقت یک‌بار خودمان را برای نسخه‌های جدید وب آماده‌کنیم. اما چه بخواهیم چه نخواهیم دارد می‌آید. ما هم باید با آن سازگار شویم، غیر از آن از کاروان نسخه‌های وب عقب می‌مانیم. فرصت برای توضیح چگونگی آن و چی‌بودن آن نداریم. آن‌ها را باید در مقاله‌های کوتاه‌تر بخوانیم تا از فرصتی که داریم به سرعت استفاده کنیم. نشانه‌های وب جدید در دنیای اینترنتی امروز کاملا به وضوح دیده می‌شود. نشانه‌هایی از نسخه‌ی سوم وب ما. این نسل سوم در یک عبارت “بازسازی دنیای حقیقی” است. دنیای واقعی ما تحت وب خواهد بود. چیزی که هم به نفع ماست هم به ضرر ما. نگوییم چون کشور ما درحال توسعه هست، پس فرصت داریم. آمدن وب3 به کشورها و مرزها محدود نمی‌شود. هرکس باید خود را سازگار کند.

طرحی غیررسمی از وب 3 (طراح: خودم)

نشانه‌های وب جدید حاکی از صحت این گفته‌هاست. چندی پیش، شرکت نرم‌افزاری AdaptiveBlue افزونه‌ی بسیار جالبی ساخت که کاربران فایرفاکس می‌توانستند از آن استفاده‌کنند. این افزونه‌ی فایرفاکس که BlueOrganizer‏ ‏نام دارد، این توانایی را دارد که محتوای یک صفحه وب را شناسایی کند و متناسب ‏با آن صفحه، اطلاعاتی از وب‌سایت‌های مشابه در مورد همان موضوع به کاربر نشان دهد. برای مثال ‏هنگامی‌که شخصی در یک سایت سینمایی مشغول خواندن اطلاعات مربوط به یک فیلم سینمایی است، این افزونه نشان می‌دهد که فیلم را از کجا می‌توان خرید و یا زمان ‏اکران و سینماهای نمایش‌دهنده دهنده‌ی آن کدام‌ها هستند. این نشانه‌ی اول از حضور وب3 بود.

نشانه‌ی دوم، جستجوگر خرید و فروش سایت آمازون است. سایت جستجوگر آمازون بر اساس عادات خرید کاربران و جنسی که ‏متقاضی آن هستند، قادر است پیشنهادهایی واقعا به درد بخور به آن‌ها نمایش دهد.

نشانه سوم، سرویس جدید شرکت گوگل به نام Audio Indexing است. این سیستم جدید قادر به تشخیص صداهای افراد مختلف و جستجوی آن‌ها در میان ویدئوهای YouTube است. این سیستم نوید آینده‌ی وب سوم را می‌دهد.

نشانه‌ی بعدی، سرویس دیگری از گوگل به نام lively است که چت در محیط سه‌بعدی را فراهم می‌کند. در آینده‌ی نزدیک محیط سه بعدی محل زندگی خود را طراحی می‌کنید و دیگران را به میهمانی دعوت می‌کنید و از آن‌ها با استفاده از ابزارهای اینترنتی پذیرایی می‌کنید. (!) البته دو نشانه‌ی گوگلی در مراحل آزمایشی به سر می‌برند.

نشانه‌ی بعدی از حضور وب 3، سایت اینترنتی Like است. در سایت مذکور می‌توانید اجناس مختلف را متناسب با ظاهر آن‌ها جستجو کنید. مثلا شما از یک جفت کفش به رنگ آبی خوشتان آمده است. از جستجوگر Like استفاده می‌کنید و اجناس شبیه به آن یک جفت کفش را مشاهده می‌کنید و در صورت پسند، آن‌ها را می‌خرید. سایت Pandora نیز نشانه‌ی دیگری از وب جدید است. این سایت بر حسب عادات شما، سبک موسیقی دل‌خواه شما را برای گوش‌دادن فراهم می‌کند. البته این سایت در ایران قابل استفاده نیست.

تمام مثال‌های بالا، نمونه‌های کاملا ابتدایی از حضور وب 3 در دنیای امروز ماست. تمامی آن‌ها هدفی را برای آماده‌کردن نسخه‌ی جدید وب فراهم آورده‌اند. هدف از این نوشته نیز ، آماده‌سازی افراد خواننده‌ی این بلاگ است تا خود را برای سازگاری با وب 3 آماده کنند.

- وب 3 در ویکی‌پدیا (فارسی – انگلیسی)

نشانی…

” خانه دوست كجاست؟ “

در فلق بود كه پرسيد سوار.
آسمان مکثی کرد.
رهگذر شاخه نوری كه به لب داشت به تاریکی شن‌ها بخشيد
و به انگشت نشان داد سپيداری و گفت:

” نرسيده به درخت،
كوچه باغی است كه از خواب خدا سبزتر است
و در آن عشق به اندازه پرهای صداقت آبی است
می‌روی تا ته آن كوچه كه از پشت بلوغ، سر به در می آرد،
پس به سمت گل تنهایی می‌پيچی،
دو قدم مانده به گل،
پای فواره جاويد اساطير زمين می‌مانی
و تو را ترسی شفاف فرا می‌گيرد.
در صميميت سيال فضا، خش‌خشی می‌شنوی:
كودکی می‌بینی
رفته از كاج بلندی بالا، جوجه بردارد از لانه نور
و از او می‌پرسی
خانه دوست كجاست. “

-

سهراب سپهری ؛ حجم سبز ؛ نشانی

سایت جالب “یاری”

امروز طی کاوش‌های روزانه‌ی اینترنتی خودم، به یک وب‌سایت بسیار جالب برخورد کردم؛ سایت جالبی که از ایرانیان برای کاندیداتوری سیدمحمد خاتمی در انتخابات ریاست جمهوری دهم، درخواست می‌کند.

این وب‌سایت در نگاه اول، بسیارساده، روان و زیبا است. سایت یاری، که توسط گروهی از طرف‌داران حدودن رسمی سیدمحمد خاتمی راه‌اندازی شده، با پشتیبانی سایت یاری‌نیوز شکل گرفته‌است. این وب‌سایت نظر و دیدگاه و ایده‌های مردم را در مورد کاندیداتوری خاتمی دریافت می‌کند و با آزادی بیان کامل، به نمایش می‌گذارد.

مشاهده وب‌سایت “یاری”

–

پی‌نوشت:

این نوشته تنها در جهت معرفی وب‌سایت مذکور بوده و هیچ جنبه تبلیغاتی نداشته و هدف خاصی را جز معرفی سایت مربوطه دنبال نمی‌کند.

راهنمای سازگاری سایت‌ها با مرورگر Google Chrome (قسمت دوم)

این نوشته در ادامه‌ی مطلب قبلی نوشته شده‌است.

در ادامه‌ی نوشته‌ی قبلی، قصد دارم نکات بیشتری به این راهنما اضافه کنم. دوستان عزیز هم به بنده لطف‌داشتند و در کامنت‌ها نکات جدیدی را معرفی کردند. در ادامه با نکات بیشتری در ارتباط با سازگاری سایت‌ها با مرورگر Google Chrome آشنا می‌شوید. این نکات برای مربوط به ‌همه‌ی مرورگرهایی که از webkit استفاده می‌کنند، مفید است.

1. توضیحی برای فایل‌های htaccess:

بعضی از دوستان در کامنت‌ها گفته‌بودند که فایل‌های htaccess که هیچ ارتباطی به مرورگر ندارند و تحت سرور اجرا می‌شوند؛ پس چگونه نیاز هست تا آن‌ها را با این مرورگر سازگار کنیم؟ من در جواب عرض می‌کنم که  فایل‌های htaccess همیشه برای کمک به اجرای سایر فایل‌ها در دایرکتوری‌ای که فایل درآن جاری است، استفاده می‌شوند و تحت سرور هم اجرا می‌شوند. یعنی این فایل‌ها درخواست‌ها یا requests را از فایلی در یک دایرکتوری مشخص دریافت می‌کنند.

2. توضیحی برای docType:

همان‌طور که یکی از دوستان در کامنت‌ها ذکر کرد، تگ HTML را همراه با docType تعریف می‌کنند؛ که البته حرف ایشان کاملا صحیح‌است. برای نمایش بهتر صفحات در chrome به نمونه‌ی زیر توجه کنید:

	<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
	“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

3. استایل‌های معتبر و سالم بنویسید:

نشان CSS معتبر

همان‌طور که می‌دانید یکی از مهم‌ترین اصول نمایشی یک وب‌سایت، داشتن استایل های css است. با وجود این دسته از استایل‌ها، وب‌سایت‌ها جلوه‌ی خاصی پیدا می‌کنند و از لحاظ نمایشی در بهترین حالت قرار می‌گیرند. حال فرض کنید که css یک سایت دچار مشکل شود و از اعتبار خارج شود، آن‌وقت تمام سایت یا بخشی از آن شکسته می‌شود یا در نمایش آن اشکلاتی رخ می‌دهد. پس همیشه سعی کنید استایل‌های سایت‌تان معتبر باشد. برای بررسی اعتبار این استایل‌ها می‌توانید از این‌سایت کمک بگیرید. سایت مذکور، آدرس css سایت شما را دریافت می‌کند و طی یک پردازش تمامی آن‌را بررسی می‌کند و اگر معتبر بود، به شما اعلام می‌کند. در صورتی که css معتبر نباشد، تمامی ایرادها و اشکالات آن‌را به شما معرفی می‌کند تا شما برطرف کنید. با سالم بودن این فایل‌ها، وب‌سایت شما دچار مشکل نمایشی در webkit نمی‌شود.

4. از فضای خالی به ندرت استفاده کنید:

در فایل‌های جاوااسکریپت که تحت کلاینت اجرا می‌گردند، تا حد امکان از space های اضافی، بکاهید. این space ها در webkit ایجاد مشکل می‌کنند. شاید بپرسید چرا این‌گونه است؟ به این‌دلیل که chrome فایل‌های جاوااسکریپت را بسیار سریع اجرا می‌کند. شاید دو برابر سرعت اجرای همان فایل‌ها در سایر مرورگرها.  در چنین حالتی، وجود space های اضافی (حتی به مقدار خیلی کم) روند اجرای فایل‌های js را طولانی می‌کند. به نمونه زیر توجه کنید:

'/v-css/2573940223-comment_bundle.css';
new Image().src = "/img/sides_body.png";

در مثال بالا از هرگونه space اضافی صرف نظر شده‌است. این‌کار اجرای فایل js را سریع‌تر می‌کند و سرعت کلی سایت شما را بهبود می‌بخشد.

نکات بالا، نکاتی بود که من طی استفاده از این مرورگر فهمیدم. از دوستان درخواست دارم اگر ایرادی در نکات دیدند، به من گزارش کنند.

راهنمای سازگاری سایت‌ها با مرورگر Google Chrome

همان‌طور که اطلاع دارید، شرکت گوگل یک مرورگر اینترنتی جدید با نام Google Chrome ساخته‌است که یک مرورگر بسیار سریع و با فناوری‌های جدید است. این مرورگر بر پایه‌ی سیستم WebKit ساخته‌شده‌است. سیستم WebKit یکی از قدیمی‌ترین سیستم‌های مرورگرهای وب است که این موضوع طراح‌های وب‌سایت‌های اینترنتی را نگران کرده‌است. اما شرکت گوگل در ساختار این سیستم بسیار دست‌کاری کرده تا مروگر Chrome بسیار متفاوت باشد. در واقع این مرورگر تنها ساختار کلی خود را از WebKit گرفته و سایر امکانات آن کاملا جدید هستند. برنامه‌نویسان گوگل بسیار سعی کرده‌اند تا ساختار Chrome را خلاف ساختار سایر مروگرهایی که برپایه‌ی WebKit هستند، بسازند. یکی از این تلاش‌ها، سازگاری مرورگر Chrome با سبک RTL یا راست‌به‌چپ نویسی است که برای فارسی زبان‌ها بسیار اهمیت دارد. همه‌ی ما می‌دانیم که سایر مرورگر های برپایه‌ی WebKit با RTL مشکل دارند اما در Chrome این مشکل برطرف شده‌است. در این نوشته سعی دارم تا یک راهنمای ساده برای سازگار کردن وب‌سایت‌ها با مرورگر Chrome  بنویـسم.

با عرضه‌ی Chrome، بعضی از سایت‌های اینترنتی در این مروگر دچار مشکل نمایشی شده‌اند. یعنی صفحات بعضی از سایت‌ها در مرورگر Chrome به خوبی دیده نمی‌شوند. منظور این‌است که صفحات دچار مشکلاتی از قبیل: شکستگی متون، عدم هماهنگی فونت سایت با فونت نماش داده شده، عدم اجرای CSS و مشکلاتی از این قبیل شده‌اند. برای حل برخی از این مشکلات، من راه حل هایی ارائه کرده‌ام که در ادامه با آن‌ها آشنا می‌شوید.

1. برنامه‌ها را از سایت‌ها جدا کنید:

بسیاری از سایت‌های اینترنتی در واقع برنامه‌های آنلاین هستند. یعنی بعضی از وب‌سایت‌ها ، سایت نیستند، برنامه‌های تحت وب هستند. برای مثال سایت اینترنتی Pixlr یک نرم‌افزار هست که به صورت آنلاین ارائه شده‌است. یا نرم‌افزاری مانند Google Reader یک فیدخوان است که به صورت تحت وب پایه گذاری شده‌است. یا شما سایت Meebo را در نظر بگیرید، چنین سایتی یک نرم‌افزار محسوب می‌شود نه یک وب‌سایت؛ در واقع یک نرم‌افزار است که تحت وب اجرا می‌شود.  جالب است بدانید که مرورگر Chrome سایت‌ها و نرم‌افزار های تحت وب را از هم تفکیک می‌کنند. یعنی سایت‌ها و وب‌لاگ‌ها را در یک‌طرف قرار می‌دهد و نرم‌افزار های تحت وب را در طرفی دیگر. مثلا سایتی مثل این وب‌لاگ را در دسته‌ی سایت‌ها قرار می‌دهد اما نرم‌افزار Google Reader را در دسته‌بندی نرم‌افزارهای آنلاین قرار می‌دهد.  اگر شما می‌خواهید که وب‌سایت شما در Chrome بهتر و قوی‌تر  اجرا شود، باید تعیین کنید که سایت شما یک وب‌سایت است یا یک نرم‌افزار تحت وب. برای تعیین کردن باید به این‌گونه عمل کنید:

اگر سایت شما یک نرم‌افزار تحت وب است این کدها را به <Head> سایت خود اضافه کنید:

<meta name=”application-name” content=”APPLICATION-NAME”>
<meta name=”description” content=”APPLICATION-DESCRIPTION”>
<meta name=”application-url” content=”APPLICATION-URL”>
<link rel=”icon” href=”APPLICATION-ICON” sizes=”32×32″>
<link rel=”icon” href=”APPLICATION-ICON” sizes=”64×64″>

و در هر قسمت که به حروف بزرگ نوشته شده‌است اطلاعات نرم‌افزار خود را قرار دهید. مثلا در APPLICATION-NAME نام نرم‌افزار تحت وب خود را بنویسید و سایر قسمت‌ها را هم به همین صورت پر کنید.

اما در صورتی که سایت شما یک وب‌سایت یا وب‌لاگ است، نیازی به اضافه کردن کد خاصی ندارید.

2. در وب‌سایت خود از Form های رنگی و فرم‌های همراه با استایل استفاده نکنید. مرورگر گوگل به این نوع فرم‌ها حساس است و ممکن است کل سایت شما دچار اختلال شود. فرم‌های استایل‌دار در حدی که فقط به فرم زیبایی بدهند ایرادی ندارند اما گاهی اوقات در مروگر ها دچار مشکل نمایشی می‌شوند.

3. فرم‌های خود را به صورت Flexible طراحی کنید:

نمی‌دانم دقت کرده‌اید یا نه؟ مرورگر Chrome  به فیلدهای فرم‌ها خاصیت بزرگ‌تر و کوچک‌تر شدن می‌دهد. یعنی کاربر می‌تواند به دل‌خواه خود textbox ها را بکشد تا بزرگ‌تر جلوه بدهند. پس شما باید فرم‌های خود را به صورت انعطاف‌پذیر بسازید تا در این مرورگر دچار مشکل نشوند.

4. برای هر فیلد در فرم‌ها یک Label اختصاص دهید.

5. XML های Valid استفاده کنید:

همیشه مواظب باشید که فایل‌های xml سایت شما (مخصوصا در سایت‌های وب 2) قابل خواندن و شناخته‌شدن باشند یعنی در کل Valid باشند تا Chrome به آن‌ها شک نکند.

6. در کدهای سایت خود نوع HTML را ذکر کنید:

برای نمایش بهتر سایت شما در Google Chrome باید نوع HTML سایت خود را در همان ابتدای کدها ذکر کنید. مثلا به این صورت:

	<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
	“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

7. حتما از favicon استفاده کنید.

8. در ساختار سایت خود به هیچ‌وجه از frame های قدیمی استفاده نکنید:

مروگر کروم با frame های قدیمی که توسط نرم‌افزارهای طراحی سایت بسیار قدیمی ساخته می‌شوند رابطه‌ی خوبی ندارد و معمولا آن‌ها را درهم و شکسته نشان می‌دهد.

9. به جای table از تگ های <DIV> استفاده کنید.

تمامی این ده نکته 9 نکته را که در این نوشته ذکر کردم، به صورت آزمون و خطا و آزمایش روی این مروگر فهمیده‌ام. اگر شما هم به نکته‌های خاصی رسیده‌اید که می‌تواند به طراحی وب و نمایش آن در Chrome کمک کند، حتما با من در میان بگذارید.

لحظه‌های دریافت Google Chrome

هم‌اکنون ساعت 23:53 دقیقه‌ی شب سه‌شنبه ، دوازدهم شهریور است. من اولین کاربر ایرانی هستم که قصد دارم مرورگر Google Chrome را دانلود کنم. وارد صفحه‌اصلی گوگل می‌شوم. در این صفحه متنی نوشته‌شده‌است:

New! Download Chrome (BETA) – the new browser from Google

{مشاهده تصویر}

خوشحال می‌شوم و روی لینک دانلود کلیک می‌کنم. پس از این‌که روی لینک مربوطه کلیک کردم، به یک صفحه‌ی عجیب منتقل می‌شوم که تا به حال در گوگل ندیده‌بودم. {مشاهده صفحه عجیب (!)} در این صفحه نوشته‌شده‌است:

Not Found

The requested URL /service/prod_unavailable.html was not found on this server

{مشاهده تصویر}

حالا فکر می‌کنم که مشکل از ایرانی بودن من است (!). سعی می‌کنم که IP خودم را تغییر بدم تا گوگل فکر نکنه من ایرانی هستم. خوب این مسئله برای ما ایرانی ها مسئله‌ی جدیدی نیست. هر سایتی که می‌رم آماده‌ام که به ملیت من گیر بدن!

حالا IP خود را تغییر دادم. وارد سایت Google Chrome می‌شوم. این‌بار با پیام قبلی مواجه نشدم. این دفعه خوش‌حال می‌شوم. فکر کردم که از گوگل زرنگ‌تر هستم! یک جعبه‌ی متنی جلوی من ظاهر می‌شود که باید با آن موافقت کنم. تیک موافقت را می‌زنم و روی Agree And Install کلیک می‌کنم تا Chrome دانلود شود. یک پنجره‌ی جدید کوچک باز می‌شود و یک StatusBar شروع به پر شدن می‌کند. هنوز تا ربع این باکس پر نشده‌است که پیام خطایی رو به‌روی من ظاهر می‌شود. {خطا را مشاهده کنید}. شروع به جستجو در اینترنت می‌کنم تا راجع به این Error بیشتر بدانم. در گوگل شماره‌ی Error را سرچ می‌کنم:

شماره = error =  0×80040508

متوجه می‌شوم که این پیام به خاطر ایرانی بودن من و مسائل تحریم نیست، این پیام رو قبل از من چند تا از بچه‌های خارجی هم دریافت کرده‌اند. {ببینید}. حالا متوجه می‌شوم که تنها نیستم و دیگران هم به این error رسیده‌اند.

نتیجه‌ی اخلاقی: آخه مسئولان گوگلی، شما که هنوز سایت دریافت Google Chrome را آماده نکرده‌اید، چرا در صفحه‌اصلی گوگل می‌نویسید که مرورگر جدید گوگل را دانلود کنید؟ {مشاهده تصویر}

پی‌نوشت: الان به همت دوستانی که این مرورگر را آپلود کردند، درحال استفاده از گوگل کروم هستم. واقعا مرورگر عالی‌ای است. به گوگل تبریک می‌گویم. سرعت این مرورگر بیش‌از دو برابر سرعت فایرفاکس هست. پروتکل Https رو هم خیلی عالی و سریع باز می‌کنه.

پی نوشت2: آقا این مطلب یک جورایی تو مایه های طنز بود. می دونم همه زودتر از من این مرورگر رو دانلود کرده اند. من آخریشون هستم.