طراحی ریسپانسیو

طراحی واکنش گرا

تقریبا امروزه اکثر مشتریان بعد از اتمام طراحی وبسایت شان، به نحوه نمایش وبسایت در موبایل ها یا مانیتورهای مختلف، ابراز نارضایتی می­کنند. پس می­بایست هم زمان با طراحی سایت، نسخه ای از سایت برای گوشی های هوشمند، تبلت و موبایل طراحی شود؛ به گونه ای که رزولوشن همه این موارد با یکدیگر هماهنگ باشد. طراحی سایت واکنش گرا، روشی است که در آن طراحی سایت به گونه ایست که سایت بدون هیچ مشکلی چه از لحاظ رزولوشن و چه پلتفرم و یا مواردی دیگر به نمایش درآید. به محض اینکه کاربر لپ تاپ خود را با یک تبلت عوض کرد، سایت نیز می­بایست به صورت خودکار تغییر رزولوشن داده و همچنین تصاویر و متون به اندازه مناسب درآمده و خود را با صفحه نمایش وفق دهد. به عبارت دیگر، سایت می­بایست دارای تکنولوژیی باشد که بتواند به تنطیمات مربوط به هر کاربر پاسخ (Respond) بدهد. با چنین روشی دیگر نیازی نیست که برای هر گجت موجود در بازار یک سایت اختصاصی طراحی کرد.

سامانه آموزش مجازی

سامانه آموزش مجازی

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

  • سيستم آموزشي مجتمع و غيره به کاربران آموزش
  • تجارت آموزشي فعاليت دارند، برنامه هاي نرم
  • سيستم آموزشي مجتمع و غيره به کاربران آموزش
  • تجارت آموزشي فعاليت دارند، برنامه هاي نرم
  • سيستم آموزشي مجتمع و غيره به کاربران آموزش
  • تجارت آموزشي فعاليت دارند، برنامه هاي نرم
  • سيستم آموزشي مجتمع و غيره به کاربران آموزش
  • تجارت آموزشي فعاليت دارند، برنامه هاي نرم

سیتم مدیریت محتوای اختصاصی

سیتم مدیریت محتوای اختصاصی

تقریبا امروزه اکثر مشتریان بعد از اتمام طراحی وبسایت شان، به نحوه نمایش وبسایت در موبایل ها یا مانیتورهای مختلف، ابراز نارضایتی می­کنند. پس می­بایست هم زمان با طراحی سایت، نسخه ای از سایت برای گوشی های هوشمند، تبلت و موبایل طراحی شود؛ به گونه ای که رزولوشن همه این موارد با یکدیگر هماهنگ باشد. طراحی سایت واکنش گرا، روشی است که در آن طراحی سایت به گونه ایست که سایت بدون هیچ مشکلی چه از لحاظ رزولوشن و چه پلتفرم و یا مواردی دیگر به نمایش درآید. به محض اینکه کاربر لپ تاپ خود را با یک تبلت عوض کرد، سایت نیز می­بایست به صورت خودکار تغییر رزولوشن داده و همچنین تصاویر و متون به اندازه مناسب درآمده و خود را با صفحه نمایش وفق دهد. به عبارت دیگر، سایت می­بایست دارای تکنولوژیی باشد که بتواند به تنطیمات مربوط به هر کاربر پاسخ (Respond) بدهد. با چنین روشی دیگر نیازی نیست که برای هر گجت موجود در بازار یک سایت اختصاصی طراحی کرد.

تکنولوژی های مورد استفاده

HTML5:

HTML5: این روزها HTML5 به عنوان جدیدترین استاندارد وب توسط اپل، گوگل و دیگر شرکت های بزرگ به رسمیت شناخته شده است. این استاندارد به برنامه نویسان و توسعه دهندگان این امکان را میدهد که بدون استفاده از افزونه هایی مانند فلش پلیر قادر به استفاده از گرافیک پیشرفته، انیمیشن و دیگر عناصر باشند. در این نسخه از HTML، تگ های معنایی یا همان Semantic Tags نیز مطرح شده اند.

CSS3:

CSS3: توسعه CSS3 به سمت قطعه بندی کردن یا به عبارت دیگر ماژول بندی کردن کدها مورد استفاده قرار می گیرد ویرایش های قبلی CSS کدها خیلی طولانی و برخی مواقع دست و پا گیر می شدند بنابراین قطعه بندی کردن کدها کمک زیادی به ساده سازی آنها در CSS3 نموده است در این نسخه امکان سایه دار کردن عناصر، استفاده از چند عکس در پس زمینه، انیمیشن و ... اضافه شده است.

JavaScript:

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

Bootstrap:

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

jQuery:

jQuery: جی کوئری یک کتابخانه از جاوااسکریپت است که پیمایش اسناد HTML، رسیدگی به رویدادها، متحرک سازی و تعاملات ای جکس (AJAX) را به منظور توسعه سریع وب تسهیل می کند. و همچنین یک سری امکانات از پیش آماده شده را به شما اراده می‌دهد.

jQuery Mobile:

jQuery Mobile: با جی کوئری موبایل می تونید صفحاتی از وب را طراحی کنید که به اندازه صفحه نمایش حساس باشد یعنی تمامی عناصر به نسبت صفحه نمایش کاربر تغییر اندازه خواهند داد. جی کوئری موبایل داری انیمیشین های زیبا و touch-frindly (لمسی پسند) می باشد.

jQuery UI:

jQuery UI: جی کوئری یو آی (jquery UI) یک کتابخانه رایگان جاوااسکریپت که بر پایه jquery توسعه داده شده است. این کتابخانه شامل کامپوننت های رابط کاربری (widget)، انیمیشن و ... است و برای ساخت رابط کاربری Rich برای برنامه های تحت وب کاربرد دارد.

LESS CSS:

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

SASS:

SASS: واژه Sass مخفف Syntactically Awesome Style Sheets است و یک زبان پیش پردازنده CSS به حساب می آید. Sass اساسا یک روش توسعه یافته از کدنویسی در CSS همراه با Syntax به حساب می آید. Sass باعث می شود کدهای CSS را بتوان سریعتر و راحتر و تمیز تر نوشت. همچنین قابلیت استفاده مجدد reuseable را میدهد که بسیار میتواند مفید باشد .

AJAX:

AJAX: واژه Ajax سرنام عبارت Asynchronous JavaScript and XML و به معنی تركیب نامتقارن جاوا اسكریپت و XML است. ماهیت صفحات وب و پروتكل HTTP به گونه ای است كه به طور معمول وقتی درحال وب گردی هستیم، به ازای هر كنش و واكنش میان ما و سایتی كه در حال كار با آن هستیم، كل یك صفحه وب از نو بارگذاری می شود. AJAX از این اتفاق جلوگیری می کند

MVC:

MVC: معماری MVC یکی از الگوهای پرکاربرد PHP است که تقریبا جوابگوی هر نوع  Applicationای می تواند باشد و مخفف سه کلمه View ، Model و Controller هست. مفهوم MVC براساس جداسازی بخشهای اساسی تعریف شده. به این صورت که کدها رو به سه بخش View، Model و Controller تقسیم کنیم تا کنترل و توسعه کدها به بهترین شکل ممکن انجام می شود.