مطالب » تدریس طراحی و پیاده‌سازی سیستم‌های تحت وب

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

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

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

با این پیش زمینه، تمایل داریم تا دانشجویان را :

1. از مسیر پر پیچ و خم پیش رو مطلع سازیم.
2. در چندراهی های مسیر، آنها را از امکانات و خصوصیت هر انتخاب، مطلع سازیم، تا تعیین مسیر بهتری داشته باشند.
3. با سطوح برنامه نویسی و چندگانگی های هر سطح و ترکیب سطوح آشنا میکنیم، تا بتوانند در حل مسائل، بهترین راه حل را بدست آورند.
4. با ذهنی باز و دور از جو گیری های روزمره و اکیپهای مختلف اینترنتی تربیت کنیم، تا قدرت انتخاب و اجرای آکادمیکی داشته باشند.
5. به اطمینان و قدرت نفسشان آگاه کنیم، تا بتوانند به جای استفاده از کدهای آماده و آماتور موجود در اینترنت، با مهندسی و دانش خودشان جلو بروند و تولید کننده بسترهای مختلف برای دیگران باشند، نه مصرف کننده آن.
6. در ادامه مسیر تنها نمیگذاریم و در سیستم پرسش و پاسخ، همیشه در خدمتشان هستیم.
7. در پیاده سازی یک پروژه با ساختار استاندارد فروشگاهی آشنا و همراهی میدهیم. ( جزییات این پروژه در زیر آمده هست)

»» موضوع پروژه : فروشگاه آنلاین

امکانات سمت سایت:

1. ثبت نام کاربران
2. ورود کاربران و امکان دسترسی برای صفحات خاص
3. جستجو  و  نمایش محصولات با حالتهای و شیوه های مختلف
4. امکان سبد خرید ، برای خرید محصولات مختلف
5. امکان سبد انتخاب ، برای انتخاب محصولات
6. پرداخت و خرید آنلاین سبد خرید
7. امکان خرید آفلاین و ثبت وجوه واریزی
8. امکان نظردهی کاربران به محصولات
9. امکان خرید با کوپنهای تخفیف
10. نمایش محصولات خریداری شده کاربر
11. نمایش وجوه پرداختی کاربر به همراه جزییات آنها و امکان چاپ فاکتور

امکانات سمت مدیریت:

1. امکان تعریف مدیر با سطح دسترسی
2. لیست کاربران
3. لیست پرداختهای آنلاین و آفلاین با امکان چاپ فاکتور
4. لیست سفارشهای انجام گرفته با وضعیتهای مختلفی چون : خرید، ارسال شده، تحویل شده ...
5. تعریف دسته بندی محصول
6. تعریف مشخصات محصول و موجودی انبار
7. اعمال تنظیمات سایت از جمله فعالیت بانکها ، حسابها و ..
8. مدیریت منوها و صفحات سایت
9. گزارشگیری از فروش ماهانه یا سالانه ... (لیست و نمودار)
10. تعریف کوپنهای تخفیف و گزارش استفاده از آنها
11. لیست نظرات کاربران برای محصولات
12. آمار بازدید کاربران از صفحات و محصولات سایت

» خصوصیات پروژه های طراحی وب استاتیک :

1. طراحی قالب سایت و صفحات آن در سطوح مختلف به صورت Table less
2. اعمال به اشتراک گذاری کلان در تمامی اجزای اجرایی سیستم
3. استفاده صحیح و بهینه از فایلهای CSS
4. استفاده از یک Framework  ثابت و کارآمد برای کلیه عملیات client side در سطح javascript
5. رعایت کامل اصول طراحی وب، HCI ، ساختار Navigation مناسب و Cross Browser بودن  تمامی صفحات
6. اعمال validation زیبا و آسان برای تمامی فرمهای کاربران در جهت سهولت عملیات اجرایی آنها در سایت.
7. استفاده از ساختارهای تب بار، منو ، گالری عکس و ..  در جهت اعمال نمایش و دسترسی، آسانتر و زیباتر قالب سایت

» خصوصیات پروژه های طراحی وب دینامیک :

1. اعمال یک لایه پیمایش فرم (client side و  server side) به همراه هشدارهای لازم و مشخص
2. ایجاد یک لایه data grid با امکانات مختلف و قابل ارتقاء
3. ایجاد لایه برای اجرای تمامی SQL های سیستم
4. طراحی یک سیستم مدیریت ساده با امکانات صفحات و منو های کاملا پویا.
5. بررسی کامل مسائل امنیتی و اعمال پیش بینی های لازمه
6. ثبت گزارش تمامی اعمال انجام شده در سیستم، اعم از خطاها، حذف و اضافات، ویرایش و تلاشهای با دسترسی غیر مجاز و ...
7. استفاده بهینه و درست از AJAX در قسمتهای لازمه
8. طراحی یک سیستم فیلترینگ تصاویر با امکانات تغییر سایز، cropping، watermark، caching و ...
9. بدست آوردن یک روش مناسب برای طراحی سیستمهای مدیریت چندزبانه.
10. اعمال بهینه سازی های بعد از پیاده سازی در جهت بهبود عملکرد بانک اطلاعاتی و تغییر مسئولیت از برنامه نویسی به بانک اطلاعاتی و بلعکس
11. بدست آوردن تکنیکهای لازم برای ارتباط با Cpanel  و دیگر API های موجود جهت نمایش گزارش های خارجی
12. طراحی سیستم فرم ساز.
13. طراحی مدیریت فایل.
14. ایجاد قابلیت طراحی تم پویا ،در جهت تغییر موقعیت ماژولها یا عوامل سایت در تم اصلی.

توجه:

• تمامی لیستها دارای قابلیت مرتب سازی و جستجو می باشند. همچنین در صورت نیاز امکان ویرایش و حذف نیز دارند.
• طراحی اصولی بانک اطلاعاتی و بهینه سازی ارتباطات و جداول الزامیست.
• رعایت کلیه مسائل امنیتی ، دندانه گذاری و comment های مربوطه در کد نویسی الزامیست.

» سرفصل تدریس

در هر دوره تدریس، سرفصل، ویرایش و بروزرسانی مجدد میشود، و به صورت اجمالی در زیر آمده هست. زمینه برنامه نویسی LAMP یا Linux-Apache-MySQL-PHP می باشد.

PART 1 : Static Web Design - DreamWeaver

1. Introducing World Wide Web / Servers / Clients.
2. Different Browsers / Platforms.
3. HTML Structure.
4. Client / Server Side programming.
5. Domain / Web Hosting / Data Centers.
6. Internet Mailing / Browsing / Downloading.
7. Create a New Site in DreamWeaver.
8. Pages / .html.
9. Files / Assets palettes.
10. Texts / Marquee.
11. Page Properties.
12. Navigation / Hyper Links: internal, external, inside.
13. Dragging Links / Link Targets.
14. Back & Forward button in browsers  / History / Book Marks.
15. Web Media: Graphics, Audio, Video, Animation.
16. Web Virtual Machines.
17. Inserting Media in DreamWeaver.
18. Different formats of graphic files / Maps.
19. Page Download Time.
20. Tables.
21. Layout.
22. CSS.
23. Table less designs and DIV / Layers.
24. Cross browser web design / testing tools.
25. Frames / Inline Frames.
26. Realizing the Navigation Tree of every web design.
27. Sharing Elements in web design.
28. Methods for sharing: Frames / New Pages / Templates / Including.
29. Forms / Get & Post methods.
30. User Interaction / User Interfaces / Dynamic Web Design.
31. Systematic Web Design.
32. Frameworks / CMS / Portals / Open Source.
33. Publishing in DreamWeaver.
34. FTP / uploading tools.
35. Hosting Control Panels.
36. Updating web pages.
37. Overview of DreamWeaver and graphics software.
38. Adobe FireWorks / Image slicing.
39. Templates in DreamWeaver.
40. Overview of JavaScript and client side programming.

PART 2 : Dynamic Web Design – PHP - MySQL

1. Introducing clients / server programming / PHP / Open Source.
2. Installing LAMP.
3. PHP Editors.
4. Understanding of scripting in HTML.
5. Variables in PHP: Normal / Constants / Arrays / GLOBALS.
6. Working with echo / output commands.
7. Introduction to php.ini.
8. Strings.
9. Conditions with IF/ELSE.
10. Loops.
11. Creating HTML with PHP.
12. Functions / PHP extensions.
13. Local & Global Scope of Variables.
14. Forms.
15. POST and GET methods.
16. Read & write to external files.
17. File upload & download.
18. Neat programming styles & coding / Tree Structure.
19. Introduction to databases / MySQL.
20. Introduction to PHPMyAdmin and other database management tools.
21. MySQL data types.
22. Database structure / Table types / Indexing / Collations.
23. Connecting to MySQL Server : local ,remote.
24. Making queries : Select / Insert / Update / Delete / Replace.
25. MySQL backup & maintenance.
26. Form Validation : Client / Server side.
27. SESSIONS.
28. COOKIES.
29. User Authentication techniques
30. Layout design in PHP & DreamWeaver.
31. Introduction to CMS designs and frameworks / Three layer Programming.
32. Using HTML Editors in CMS.
33. Farsi : texts, sorting, time, date.
34. Emailing in PHP.
35. Web Hosting for PHP-MySQL Websites / SSH.
36. Debugging PHP.
37. Security in Web Design & PHP programming.
38. PHP pages Encoding.
39. Web Services, API, SOAP / REST.
40. AJAX.

PART 3 : Server Configuration & System Scaling

1. Introducing Server, VPS, Dedicated, Shared
2. Introducing High Availability (HA)
3. Web Servers
4. Server Port Openings and Firewall
5. Installing Linux Server
6. Installing Applications
7. SSH,SCP,FTP,SFTP
8. Server Control Panels
9. Installing nGinx
10. Installing PHP-FPM
11. Installing MariaDB
12. Installing Firewall
13. Brief Server Security
14. Server Log and Maintenance
15. Database Scale
16. Web Server & Middleware Scale
17. CDN