نمونه کارها

وب عمیق (Deep Web) چیست؟

دیپ وب یا اصطلاح وب عمیق در طراحی وب سایت چیست؟ همچنین به عنوان وب عمیق از چه چیزی تشکیل شده است؟

وب نامرئی یا Deep Web در طراحی سایت شناخته می‌شود، بخشی از اینترنت است که از طریق موتورهای جستجو به طور کامل قابل دسترسی نیست و حدود ۹۰ درصد از کل وب سایت‌ها را تشکیل می‌دهد. اگر کل اینترنت را با کوه یخ مقایسه کنیم، عمق شبکه بزرگترین قسمت آن در زیر آب خواهد بود. اکثر وب سایت‌های عمیق به صورت پویا ایجاد می‌شوند یا حاوی پیوندهایی نیستند که بتوانند از سایت‌های دیگر به ناوبری بپردازند و بدون پیوند موتورهای جستجو نمی توانند آنها را فهرست‌بندی کنند.

 وب عمیق (Deep Web) عمدتا از پایگاه‌های داده خصوصی تشکیل شده است که می‌تواند به سادگی برخی از عکس‌های به اشتراک گذاشته شده در میان گروهی از دوستان در یک سایت ذخیره‌سازی ابری، یا پیچیده مانند سوابق تراکنش‌های مالی سایت‌های اصلی مانند PayPal باشد. از آنجا که این قوانین خصوصی هستند و برای تعداد محدودی از افراد در دسترس هستند و عمومی نیستند، این امر آنها را به بخشی از وب عمیق تبدیل می‌کند.

سایت‌های خدمات پولی نیز منبع اصلی محتوای وب عمیق هستند. اگرچه این سایت‌ها، مانند سایت پلت فرم Netflix، در اینترنت قابل مشاهده هستند، اما محتوای آنها قابل مشاهده نیست. زیرا دسترسی به آن مستلزم پرداخت اشتراک و ایجاد نام کاربری و رمز عبور است. وب عمیق یا دیپ وب همچنین شامل محتوای شبکه‌های خصوصی خصوصی شرکت‌ها، دولت‌ها، امکانات آموزشی و موارد دیگر است. سرانجام، شامل سایت‌های قسمتی است که به عنوان دارک وب (Dark Web) شناخته می‌شود که برای ورود به آن به فناوریها و موتورهای جستجو نیاز دارد

کپچا چیست؟

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

کپچا چیست؟
اصطلاح CAPTCHA مخفف عبارت طولانی Completely Automated Public Turing test to tell Computers and Humans Apart است که به جدا کردن و تشخیص بین کامپیوترها و انسانها اشاره می کند، یا به زبان فارسی،”آزمایش اتوماتیک عمومی برای تشخیص انسان از کامپیوتر” برای تمایز بین کامپیوتر و انسان است.

کاربردهای اصلی CAPTCHA چیست؟
کدهای تأیید را می توان در هر وب سایت برای محدود کردن استفاده از ربات ها به طور کلی استفاده کرد، اما کپچا ها همچنین کاربردهای خاص دیگری دارند که مهمترین آنها عبارتند از:

دقیق نگه داشتن نظرسنجی ها: از کدهای راستی آزمایی برای جلوگیری از دستکاری نتایج نظرسنجی با اطمینان از انسان بودن رای دهنده استفاده می شود.
ثبت نام محدود در خدمات: از کدهای تأیید می توان برای جلوگیری از سوء استفاده ربات ها از سیستم های ثبت برای ایجاد حساب های جعلی استفاده کرد. محدودیت ایجاد حساب های جدید از هدر رفتن منابع خدمات جلوگیری می کند و فرصت های تقلب را کاهش می دهد.
جلوگیری از نظرات جعلی: کدهای تأیید به جلوگیری از هجوم ربات ها به قسمت نظرات یا بررسی وب سایت ها با هرزنامه کمک می کند.
کد تأیید (ReCaptcha) چیست؟
این یک نسخه ارتقا یافته از کد تأیید سنتی (CAPTCHA) است که توسط محققان دانشگاه کارنگی ملون توسعه یافته و در سال ۲۰۰۹ توسط گوگل به دست آمده است. این نسخه با استفاده از موتور تجزیه و تحلیل ریسک پیشرفته و آزمایش تطبیقی متمایز می شود.

CAPTCHA چگونه کار می کند؟
کدهای تأیید عموما با ارائه اطلاعات به یک کاربر کار می کنند و او باید این اطلاعات را برای گذراندن آزمون تخمین بزند. به عنوان مثال، کدهای تأیید سنتی (CAPTCHA) تصاویری حاوی حروف و اعداد نامرتب یا همپوشان ارائه می دهند. کاربر باید توالی صحیح را تشخیص داده و وارد کند در یک کادر متنی قرار می گیرد، در حالی که نسخه جدیدتر (RI Captcha) 9 تا ۱۶ تصویر مربع کوچک ارائه می دهد که ممکن است متفاوت یا بخشی از یک تصویر بزرگتر باشد و کاربر باید قسمتهایی را که حاوی چیزهای خاصی مانند درختان، حیوانات هستند، انتخاب کند. وسایل نقلیه، چراغ های راهنمایی و غیره که و اگر انتخاب های او با انتخاب اکثر کاربران دیگری که برای خود آزمون انجام شده اند مطابقت داشته باشد، پاسخ صحیح تلقی می شود.

GIT چیست؟

گیت یک سیستم ورژن کنترل (Version Control System) یا سیستم کنترل نسخه است که بصورت مخفف VCS نیز نوشته می شود و کار اصلی اش مدیریت تغییرات بین اعضای تیم و آرشیو و در دسترس قرار دادن بروزترین نسخه با آخرین تغییرات است.

البته انواع مختلفی از VCS ها وجود دارد که گیت یکی از آنها است که بصورت توزیع شده عمل می کند. برای استفاده مؤثر از این سیستم کنترل نسخه که برخلاف سایر سیستم های مشابه، مفاهیم کاملاً متفاوتی دارند و با وجود کاربرد مشابه، با آن کار می کنند، درک توضیحات و همچنین اصول عملکرد بسیار مهم است. اما واقعا Git چیست؟

GIT چیست؟
Git یک سیستم کنترل نسخه توزیع شده برای فایل های در حال توسعه است. مفهوم گیت در سال ۲۰۰۵ توسط نویسنده و خالق سیستم عامل لینوکس ایجاد شد. این سیستم کار های انجام شده را با یک فضای آنلاین یا سایت همگام می کند و همچنین تغییرات فایل ها را در منبع واحدی ذخیره و به روز می کند. اگر روی پروژه ای که برای بسیاری از توسعه دهندگان است کار کنید، گیت یک رویکرد بسیار راحت در یکپارچه سازی و هماهنگی بین اعضای تیم است که تغییرات را بصورت یک دست و مشابه نگهداری کند. تاکنون، بسیاری از پروژه های محبوب از Git استفاده می کنند.

به عنوان مثال، تعداد زیادی از برنامه نویسان در توسعه یک وب سایت نقش دارند و با هم در طراحی سایت ایفای نفش می کنند. بسیار ناخوشایند خواهد بود، اگر یکی از آنها تغییراتی ایجاد کند، و دیگران در مورد آن اطلاعی نداشته باشند. Git همچنین به همه اجازه می دهد تا همه تغییرات را ببینند و در صورت بروز خطا، به نسخه های قبلی فایل ها برگردند.

نحوه عملکرد گیت
تفاوت اصلی بین Git و سایر سیستم های کنترل نسخه، نحوه ظاهر آن در داده ها است. اکثر برنامه ها اطلاعات را در قالب لیستی از تغییرات ذخیره می کنند که به آن وصله فایل ها می گویند. این سیستم ها به داده های ذخیره شده در مجموعه ای از فایل ها و همچنین مجموعه ای از تغییرات ایجاد شده در هر فایل در رابطه با زمان اشاره دارند.

Git چگونه داده های خود را ذخیره می کند؟ چه چیزی در این سیستم وجود دارد که آن را از سایرین متمایز می کند؟ به جای وصله ها، داده های ذخیره شده مجموعه ای از عکس های فوری یک سیستم فایل کوچک است. هنگامی که کاربر یک نسخه جدید از پروژه را برمی دارد، سیستم به سادگی وضعیت فایل ها را در لحظه فعلی ذخیره می کند. برای بهبود کارایی اگر فایل تغییر نکرده باشد، سیستم آن را ذخیره نمی کند، اما پیوندی به نمونه ذخیره شده قبلی ایجاد می کند که آخرین تغییرات در آن انجام شده است.

Bug چیست؟

کلمه Bug از زبان انگلیسی آمده است. در زبان انگلیسی، Bug (با تلفظ “باگ”) یک اشکال یا ایراد است. این کلمه عمدتاً در بین  برنامه نویسان، تسترها و گیمرها و طراحی سایت استفاده می‌شود. اما به چه معنا است؟

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

منشأ کلمه باگ
شاید اکنون باید در مورد ریشه‌شناسی کلمه باگ صحبت کنیم. دیباگ کردن یا اشکال‌زدایی که بصورت Debug یا Debugging نوشته می‌شود، حرفه‌ای است که اغلب در محیط برنامه نویسان استفاده می‌شود. انواع مختلفی از منشأ این کلمه وجود دارد.

دیباگ کردن یعنی چی؟
اگر به افسانه اعتقاد دارید، بد نیست بدانید که این کلمه در سال ۱۹۴۵ ظاهر شده است. این زمانی اتفاق افتاد که دانشمندان دانشگاه هاروارد در حال آزمایش کامپیوتر جدیدی به نام ماشین حساب رله مارک ایکن (Mark E. Aiken Relay Calculator) بودند. دستگاه از کار افتاد، دلیل این امر یک پروانه کوچک بود که بین رله های دستگاه‌گیر کرده بود. این حشره از کامپیوتر خارج شد و به یک کاغذ چسبانده شد. بر روی آن برگه کنار آن پروانه نوشته ی “first actual case of bug being found” وجود داشت که به “نخستین مورد واقعی باگ پیدا شد” ترجمه می‌شود. بعد از این داستان خنده دار، کلمه «باگ» نیز در معنای «حشره» به کار می‌رود.

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

پروتوتایپ (Prototype) چیست؟

در پاسخ به سوال پروتوتایپ چیست باید گفت که Prototype که در فارسی به پیش نمونه و نمونه اولیه ترجمه شده پروژه طراحی سایت است، شبیه‌‏ترین نسخه به محصول‌نهایی است. مهم‌‏ترین کاربرد این پیش نمونه‌‎ها این است که می‏توان با تست کردنشان ایرادات پروژه را شناسایی کرد. به این صورت، از هزینه‏‌های فراوانی که پس از تولید محصول ایجاد می‎‌شود به راحتی می‏توان صرف نظر نمود.

prototype، یک نوع نمونه بسیار باکیفیت از محصول نهایی است که ویژگی‏‌های عملکردی کاربر را دارا است. از این رو، توسط آن می‏توان تعاملات بسیار بااهمیت در قسمت رابط کاربری (UI) را تجربه کرد.

به عبارت دیگر، پیش نمونه این امکان را به شما می‎‌‌دهد که مثلا دکمه‏‌های موجود در نرم افزار را تست کنید و یا بین صفحات یک سایت پیمایش کنید اما این همه‎‌‌ی آن چیزی نیست که محصول نهایی دارد.

نقطه قوت و مزیت دیگر prototype ها در این است که تعامل بالایی دارند. بنابراین، می‏توان پس از تجربه محصول (به صورت تستی) قسمت‌‏های مختلف را حذف یا اضافه کرد. از سوی دیگر، جهت کاهش هزینه‏‌های تولید این نمونه اولیه آماده می‌‏شود و پس از تأیید نهایی بخش UI، می‏توان آن را جهت تولید به برنامه نویس (در سایت و یا اپلیکیشن) ارائه کرد.

پروتوتایپ‎‌‌ها چطور به ما کمک می‏کنند؟ (مزایای پروتوتایپ)

یکی از کاربردی‌ترین انواع پروتوتایپ‌ها، پروتوتایپ‎‌‌های نرم افزاری است. این پیش نمونه‌‎ها در دراز مدت به ما کمک می‎‌کنند تا از صرف هزینه‎‌‌های بالا و مواجهه دائمی با چالش‌های مختلف پس از تولید دور باشیم.

به طور کلی در مهندسی نرم افزار، تلاش فراوانی برای ساخت پروتوتایپ انجام می‌‎شود و این کار با جدیت کامل اجرا می‎‌شود. چرا که ایده اولیه یک برنامه باید به طور دقیق بررسی و پیاده سازی شود تا در نهایت، برنامه مورد نظر بدون باگ‏‌های متعدد تولید شود. به این فرایند، چرخه عمر نرم افزار یا SDCL گفته می‎‌شود.

پیش از این، داشتن وب‌سایت، بیشتر برای تبلیغات کسب و کار‌ها و خودنمایی بعضی از شرکت‌ها بوده است. اما امروزه جدای از این‌که یک کسب و کار حرفه‌ای برای کسب اعتبار بیشتر، نیازمند به طراحی وب‌سایت است. داشتن یک سایت به تنهایی و بدون ورود به بازار سنتی، می‌تواند درآمدزا باشد.

امروزه با هر منظور و هر هدفی می‌توان یک سایت طراحی و راه اندازی کرد. وب‌سایت‌ها انواع مختلفی دارند و ممکن است تفاوت هر سایت با دیگری از زمین تا آسمان باشد! با اندکی جستجو متوجه خواهید شد که سایت‌ها با هدف خبر رسانی، فروش محصول یا خدمات، وبلاگ‌های شخصی و… فعال هستند. اما از بین تمامی این اهداف، موفق‌ترین سایت‌ها آن‌هایی بوده‌اند که توانسته‌اند با استفاده از بهینه سازی سایت و اصول سئو به پیشرفت سایت خود کمک کنند.

چرا باید سایت داشته باشیم؟

احتمالا برای شما به عنوان صاحب کسب و کار، این سوال پیش آمده باشد که چرا باید سایت داشته باشم و یا طراحی سایت به چه درد کسب و کار من می‌خورد؟!

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

فضای وب، دفترچه یادداشت کاربران است!

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

برای کسب و کار خود اعتبار به دست آورید!

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

مزایای طراحی سایت اختصاصی

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

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

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

از برچسب‌ها برای دسته‌بندی مطالب سایت استفاده کنید
تگ‌ها برای دسته‌بندی مطالب بسیار مفید هستند، ممکن است این سوال برای شما پیس بیاید که مگر دسته‌بندی‌ها نیستند، پس چرا باید از برچسب استفاده کنیم؟

فرض کنید ما یک سایت موسیقی و آهنگ هستیم. دسته‌بندی سایت ما براساس انواع سبک‌های موسیقی: کلاسیک، راک، هیپ‌هاپ، پاپ، جَز و… است. یک کاربر وارد وبسایت ما شده و دلش می‌خواهد موسیقی‌هایی با اجرای یانی یا موسیقی‌های اجرا شده در سال ۱۹۹۴ را مشاهده کند. این امکان با برچسب‌ها امکان پذیر است.

دسته‌بندی‌ها تا این حد ریز و با جزئیات کاربر را گیج می‌کند و باعث می‌شود نتواند انتخاب مناسبی را داشته باشد. ولی شما با قراردادن و استفاده از این برچسب‌ها در ابتدا یا انتهای سایت محتوا او را در پیدا کردن موضوعات مورد علاقه‌اش راهنمایی و باعث راحت در دسترس قرار گرفتن این مطلب شوید.

بالاخره برچسب‌ها برای سئو مفید هستند یا مضر؟
از چاقو هم می‌شود استفاده مفید و خوب کرد، هم استفاده بد! اگر بتوانید از تگ‌ها و برچسب‌ها به درستی استفاده کنید و به نحو احسن از آن‌ها بهره ببرید، برای وب‌سایتتان ورودی خوبی به همراه دارد و حتی اگر ورودی نیز نیاورد می‌تواند باعث شود کاربران مدت زمان بیشتری را در سایت شما بمانند. و این داستان نتایج مثبتی را برای شما به همراه دارد. ولی اگر از آن دسته کسانی هستید که از تعداد زیادی برچسب استفاده می‌کنید جریمه سنگینی برای شما به همراه خواهدداشت.

لوکال‌ هاست (localhost) در واقع یک محیط یا مکان، برای ویندوز است که در آن می‌توانید به توسعه و طراحی سایت بپردازید. این که چطور و چگونه این کار را انجام دهید و یا نیازمند چه ابزاری هستید را در ادامه مطلب توضیح داده‌ایم.

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

از این رو، لوکال هاست ایجاد شد و تفاوت عمده آن با هاست، این است که در هاست، سایت برای سایر افراد، قابل رؤیت نیست و این خود شمایید که می‌توانید بر روی سایت‌تان کدنویسی کنید، تمرین کنید و هر نوع تغییری که تمایل دارید را در آن به وجود بیاورید.

مزایای استفاده از لوکال هاست

.عدم نیاز به اینترنت

منظور از طراحی سایت واکنش‌گرا (Responsive) چیست؟

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

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

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

به بیانی ساده‌تر، زمانی که یک سایت قابلیت نمایش استاندارد در گوشی‌های موبایل، تبلت، مانیتور و… را دارد به آن سایت ریسپانسیو گفته می‌شود.