work@hossein-assar.devپاسخ در کمتر از ۲۴ ساعتEnglish
حسین عصارحسین عصارطراحی و توسعه وب
بازگشت به نمونه‌کارها
آکادمیک · وب‌سایت پژوهشی شخصی

جلال کاظم‌پور — DTU

نُه سال سابقه پژوهشی، از Google Sites بیرون کشیده و به سایتی تبدیل شد که مثل یک سند آکادمیک خوانده می‌شود

طراحی · ساخت · مهاجرت داده
جلال کاظم‌پور — DTU

درباره کارفرما

جلال کاظم‌پور استاد تمام دانشگاه فنی دانمارک در دانشکده باد و سیستم‌های انرژی و مدیر بخش بازارها و تحلیل انرژی است. سایت او، jalalkazempour.com، سند عمومی پژوهش، دانشجویان و تدریس اوست.

مسئله

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

دامنه پروژه و نقش من

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

قابلیت‌های اصلی

۰۱طراحی اختصاصی، نه قالب آماده: پالت استخوانی و شرابی، یک قلم در تمام سایت، و سادگی عامدانه — بدون کارت، بدون دکمه گرد، بدون گرادیان، بدون سایه. مثل یک سند آکادمیک خوانده می‌شود، نه صفحه فرود یک شرکت فناوری.
۰۲هر صفحه با جاوااسکریپت خاموش هم کار می‌کند. محتوا هست، چه اسکریپت‌ها بار شوند چه نشوند؛ این برای دسترس‌پذیری و برای کسی که اینترنت ضعیفی دارد مهم است.
۰۳قلم‌ها از خود سایت سرو می‌شوند، نه از Google؛ پس داده هیچ بازدیدکننده‌ای به شخص سوم نمی‌رود — ملاحظه‌ای GDPR برای یک دانشگاه اروپایی.
۰۴محتوا به سیستمی منتقل می‌شود که در آن استاد رکوردهای خودش را — مقالات، سرپرستی، سخنرانی‌ها، پروژه‌ها — با فرم ویرایش می‌کند، بدون دست‌زدن به کد. ساختار و خط لوله ورود داده ساخته شده؛ انتقال محتوا در جریان است.

چالش‌های اصلی

جست‌وجو در ۸۸ رکورد سرپرستی

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

لازم نیست نویسه‌های خاص را تایپ کنید

با تایپ «Sogaard»، «Søgaard» پیدا می‌شود؛ «Tintore» به «Tintoré» می‌رسد. حروف دانمارکی نیازمند برخوردی هستند که روش استاندارد پوشش نمی‌دهد، تا کسی که نمی‌تواند آن نویسه را تایپ کند هم فرد را پیدا کند.

عددها محاسبه می‌شوند، تایپ نمی‌شوند

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

هر مجموعه داده منتقل‌شده بازبینِ مستقل خودش را دارد

مقالات، اخبار، سرپرستی، سخنرانی‌ها و پروژه‌ها هرکدام با یک اسکریپت از سایت قبلی منتقل شدند، و هرکدام اسکریپت دومی دارند که جواب را جداگانه به‌دست می‌آورد و اگر دو جواب نخوانند با صدای بلند خطا می‌دهد. همین خطاهای واقعی را گرفت — از جمله ۹۶ خبر که بی‌صدا «بدون تاریخ» ثبت شده بودند.

چیدمان موبایل اندازه‌گیری شد، نه چشمی انتخاب

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

نتیجه

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

تصاویر پروژه

صفحه اصلی سایت کاظم‌پور به‌شکل تحویل‌داده‌شده
۰۱ — صفحه اصلی، به‌شکل تحویل‌داده‌شده
صفحه Google Sites که این سایت جای آن را گرفت
۰۲ — صفحه Google Sites که جایش را گرفت
صفحه مقالات با فیلترها و عددهای محاسبه‌شده
۰۳ — مقالات: فیلتر بر اساس نوع، سال و ژورنال، با عددهایی که از خودِ رکوردها محاسبه می‌شوند
جست‌وجوی سرپرستی که نام با نویسه خاص را پیدا می‌کند
۰۴ — «sogaard» تایپ شده، «Søgaard» پیدا شده: ۲ رکورد از ۸۸
جست‌وجوی سرپرستی، فیلترشده تا یک رکورد
۰۵ — همان جست‌وجو در حال فیلتر زنده، تا رکوردهایی که می‌خورند
صفحه سخنرانی‌ها با فهرست سخنرانی‌های ضبط‌شده
۰۶ — سخنرانی‌ها، با اسلاید و ویدیو برای هر مورد
صفحه بخش EMA با عکس‌های سفرهای علمی
۰۷ — بخش EMA: یک صفحه عکس‌محور در کنار صفحه‌های رکوردمحور