اصول طراحی سایت | چارچوب و معماری طراحی سایت

طراحی سایت
طراحی سایت

بررسی معماری طراحی سایت (Web Architecture)

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

در اکثر مراجع فارسی و غیر فارسی ، معماری یک سایت (Web Architecture) و اجزای مختلف آن به دو بخش جلویی (front-end) و پشتی (back-end) تقسیم کرده اند.

ابتدا به معرفی و توضیح این دو دسته میپردازیم:

فرانت-اند در طراحی سایت (Front-End)

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

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

برای یادگیری و درک بهتر این موضوع، به مقاله فرانت-اندفرانت-اند مراجعه کنید.

بک-اند در طراحی سایت (Back-End)

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

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

اما پاسخ سوال اصلی این تیتر، در اینجا پایان نمیابد.

حال از زاویه دیگری به این سوال پاسخ میدهیم.

معماری سایت (Web Architecture) از دیدگاه جزئی تر و حرفه ای تر به ۴ قسمت اصلی تقسیم میشود.
که در ادامه به تعریف و توضیح هر کدام میپردازیم:

معماری طراحی سایت
معماری طراحی سایت

ظاهر

در واقع این بخش شامل المان های مرئی و قابل مشاهده سایت میباشد.
از قبیل تمام استایل های اجرا شده، سایز و فونت نوشته ها، سایز عکس ها و دیگر عوامل ظاهری.

منطق

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

ذخیره سازی

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

زیرساخت

زیرساخت هر وبسایت یکی از بخش های بسیار مهم میباشد که سایت شمارا از فضای ابری و ذخیره شده به دست کاربر نهایی میرساند.
معمولا تا زمانی که همه چیز به درستی کار میکند کسی متوجه اهمیت این قسمت نمیشود،
اما کافیست زمانی به علت ترافیک بالای داده ای ، مشکلی ایجاد شود، اولین مقصر و مذنون اتفاق، زیر ساخت سایت میباشد.

امید وارم از این مقاله لذت برده باشید. با ویتکس همراه باشید.

درباره‌ی امیرمحمد مروی فرد

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

دیدگاه شما

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *