এএসপি.এনইটি ওয়েবফর্ম ডেভেলপার এবং ওয়েব ডিজাইনার: কীভাবে ইন্টারেক্ট করবেন?


17

আমি একজন এএসপি.এনইটি ওয়েবফর্ম ডেভেলপার এবং আমি ডিজাইনারদের সাথে কাজ করার সময় কিছু সমস্যার মুখোমুখি হই।

ডিজাইনাররা সর্বদা সম্পর্কে অভিযোগ asp.net server controls। তাদের পরিবর্তে কেবল একটি এইচটিএমএল ফাইল থাকতে হবে এবং cssসেগুলি নিয়ে যাওয়ার জন্য প্রয়োজনীয় চিত্রগুলির সাথে ফাইল তৈরি করতে চাই । কখনও কখনও, যদি ডিজাইনের ধাপটি আগে থেকে করা হয়ে থাকে তবে আমি সম্পর্কিত সিএসএস ফাইলগুলির সাথে এইচটিএমএল ফাইল পাই, তবে তারপরে আমরা aspxফাইলগুলির সাথে নকশাকে সংহত করতে অনেক সমস্যার মুখোমুখি হই (সিভার নিয়ন্ত্রণ করে একটি টেলিক নিয়ন্ত্রণ ... ইত্যাদি)।

আমি যা সম্পর্কে জানতে চাই তা হ'ল:

  • আমি কীভাবে এই সমস্যাগুলি কাটিয়ে উঠব? ডিজাইনাররা। নেট সার্ভার নিয়ন্ত্রণগুলির সাথে সমস্যার কারণে পিএইচপি- এবং এমভিসি বিকাশকারীদের পছন্দ করে। সঠিক পদ্ধতিতে ডিজাইনারদের সাথে কীভাবে যোগাযোগ করা যায় তা আমার জানতে হবে।
  • ডিজাইনারদের .aspx পৃষ্ঠাগুলির রেন্ডার (এইচটিএমএল পৃষ্ঠা) সরবরাহ করার জন্য কি কোনও সরঞ্জাম বা অ্যাপ্লিকেশন রয়েছে? এর মাধ্যমে আমি পৃষ্ঠাটি ভিজ্যুয়াল স্টুডিওতে থাকা এসএসএক্সের চেয়ে রানটাইমতে বোঝাচ্ছি। তারা ওয়েব এক্সপ্রেশন ব্যবহার করে তবে তারা এইচটিএমএল-তেও রেন্ডার পৃষ্ঠাটি চায়।

5
এনআরপি ক্রচ ব্যাটস
জোয়েল ইথারটন

3
রেন্ডারটাইম এইচটিএমএল পৃষ্ঠা সরবরাহ করার জন্য কোনও সরঞ্জাম? একটি ওয়েব সার্ভার এর জন্য কাজ করা উচিত।
PSr

6
এ কারণেই আমি কখনই APT.NET সার্ভার নিয়ন্ত্রণ ব্যবহার করতাম না, যদি আমাকে ASP.NET ব্যবহার করতে হয় তবে আমি স্পষ্টতই APT.NET MVC ব্যবহার করতাম।
রায়ানজেক

3
@ryanzec ঠিক রেজার দর্শনগুলি এগুলির জন্যও খুব সুন্দর, কেবল সামান্য ছোট গতিশীল দিকনির্দেশ এবং এর বাকি অংশগুলি সরাসরি এইচটিএমএল। বিকাশকারীরা এর বিরুদ্ধে বিকাশ করা এবং ব্যবহার করা সহজ বলে মনে করেন, ডিজাইনাররা এটি পছন্দ করে কারণ এটি প্রায় খাঁটি এইচটিএমএল
আর্লজ

3
@ রাইথাল - তাদের স্কিন ফাইলগুলি দেখানো তাদের দরজার জন্য দৌড়াতে পাঠাবে। থিমস এবং স্কিনগুলি বেশিরভাগ ফ্রন্ট-এন্ড ডিজাইনারের কাছে একেবারেই অকেজো। তারা স্টাইলিংয়ের একটি নেট বিমূর্ততা (বেশিরভাগ) যা ওয়েব ডিজাইনারদের পক্ষে স্বাভাবিক নয়।
গ্রাহাম

উত্তর:


29

প্রাক্তন ডিজাইনার এখানে দেবকে পরিণত করেছেন এবং আমি ওয়েব নিয়ন্ত্রণগুলি সম্পর্কেও প্রসারণ এবং হাহাকার করতাম। সত্যই, এটি একটি ডিজাইনারের জন্য গ্রিডভিউয়ের কাস্টম প্ররোচনার জন্য কোনও নেট নেট ডেভেলপারের জন্য তাদের অনুশীলনগুলি সামঞ্জস্য করার জন্য খুব বেশি সস্তা কারণ ডিজাইনার লিখেছেন যে প্রতিটি টিডির একটি 'রিল' ট্যাগ রয়েছে (বা যাই হোক না কেন)।

যেমনটি আর্সেনি মোরজেনকো খুব বুদ্ধিমানভাবে নির্দেশ করেছেন, ওয়েবফর্মগুলি ব্যবহারের সিদ্ধান্তটি এমন একটি সংস্থার পছন্দ যা কোডিংয়ের ক্ষেত্রে কিছু দক্ষতা দেওয়ার সময় এইচটিএমএলটির নিয়ন্ত্রণকে কিছুটা নিয়ন্ত্রণ করে। যদি না সংস্থাটি পুনরায় বিবেচনা করতে রাজি না হয় (যা তারা কেবল ডিজাইনারকে খুশি করার জন্য করা উচিত নয়), তবে ডিজাইনারদের এই বাস্তবতা মেনে নেওয়া দরকার। তারা করতে পারে এমন কয়েকটি জিনিস এখানে:

1) কোনও কিছুর জন্য আইডির উপর নির্ভর করে থামান । যদিও এটি প্রথমে ভুল অনুভূত হয়েছিল, আমি দেখতে পেলাম যে আমি যখন ক্লাসগুলি (এবং অবশ্যই উত্তরাধিকার) দিয়ে সমস্ত কিছু স্টাইল করি তখন জীবনটি অনেক সহজ ছিল। প্রথমত, এটি আমার সমস্ত নির্বাচক ওজনের সমান। সিএসএস উত্তরাধিকারে, আইডি ক্লাসকে ট্রাম্প করে। শিশু এবং / অথবা শ্রেণি নির্বাচক হওয়া সবকিছুই আসলে খুব সুন্দর ছিল এবং নির্দিষ্টকরণের আদেশটি কিছুটা সহজ সরল করে তুলেছিল। জেএস স্তরের একই জিনিস, এটি ক্লাস ভিত্তিক ব্যক্তিদের জন্য আমার আইডি-ভিত্তিক নির্বাচকদের সরিয়ে নিতে জিরো ব্যথা দিয়েছে।

২) লেবেল = স্প্যান, প্যানেল = ডিভ এবং অন্যান্য অ-স্পষ্ট নিয়ন্ত্রণ-থেকে-এইচটিএমএল স্টাফের সাথে কীভাবে রেডিওবটনলিস্ট এবং চেকবক্সলিস্টগুলিতে রূপান্তর করে তা তাদের শিখান । নেটটি এইচটিএমএলকে যেভাবে রেন্ডার করে তা আমার প্রত্যাশার চেয়ে একটু অদ্ভুত ছিল এবং আমি কীভাবে এইচটিএমএল এই নিয়ন্ত্রণগুলি থেকে বেরিয়ে আসবে জানতাম তখন পর্দা তৈরি করা আমার পক্ষে অনেক সহজ ছিল।

3) তাদের ডিজাইনারগুলিকে সরাসরি এএসপিএক্সে করতে দিন, কাঁচা এইচটিএমএল নয় ( গুরুত্বপূর্ণ )। গ্রিডভিউস, তালিকাভিউ ইত্যাদির বুনিয়াদি ডিজাইনারদের শিখান তাদের গ্রামীণ / তালিকাভিউ নিয়ন্ত্রণে বেনামী অবজেক্ট সংগ্রহের জন্য কিছু কোড স্নিপেট দিন। তারা যদি সিএসএস শিখতে পারে তবে তারা এই কোডটি অনুলিপি করতে শিখতে পারে They তারা ভিএস ওয়েব এক্সপ্রেসের ফ্রি সংস্করণ ব্যবহার করতে পারে, যা সিএসএস এবং জেএসের কাজের ক্ষেত্রে এখন বেশ ভাল। এই ডামি ওয়েব প্রকল্পগুলি ডিজাইনারদের কিছু নিয়ন্ত্রণে প্রবেশের সুযোগ দেবে, তারপরে তাদের কীভাবে রেন্ডার করা হয় তা দেখার জন্য উত্স দেখুন।

4) কীভাবেনেট এ ফোরাম ট্যাগ ব্যবহার করা হয় তা ব্যাখ্যা করুন । এটির আগে ভুলে গিয়েছিলেন, তবে ডিজাইনারের আরও একটি জিনিস ব্যবহার করতে হবে এটি হ'ল সাধারণত, একটি একক ফরমে ট্যাগ পুরো পৃষ্ঠাটি মোড় নেয়। এটি ফর্ম নিয়ন্ত্রণের আচরণের পদ্ধতিটিকে পরিবর্তন করে এবং আপনি সত্যই অদ্ভুত পার্শ্ব প্রতিক্রিয়া ছাড়াই ফর্ম ট্যাগগুলি বাসাতে পারবেন না। ডিজাইনাররা এটি বুঝতে পেরেছেন তা নিশ্চিত করুন বা অন্যথায় তাদের ফর্ম এইচটিএমএল ওয়েবফোর্মে তৈরি করার জন্য দুঃস্বপ্ন হয়ে উঠবে।

5) থিমস এবং ত্বক থেকে দূরে থাকুন । যদিও কোনও অ্যাপ্লিকেশন জুড়ে স্টাইল নিয়ন্ত্রণে .NET ফ্রেমওয়ার্কে এই সরঞ্জামগুলি রয়েছে, সেগুলি সাধারণ ওয়েব ডিজাইনারদের কাছে আঠালো এবং অদ্ভুত এবং আমি এগুলিকে আমার সময়ের মতো খুঁজে পাই না। তারা ডেভসদের কাছে একটি দুর্দান্ত সরঞ্জামের মতো বলে মনে হচ্ছে যারা সিএসএসে পারদর্শী নয়, তবে তারা কেবল ডিজাইনারদের মন্থর করবে। ডিজাইনারদের তাদের প্রাকৃতিক পরিবেশে কাজ করুন (এইচটিএমএল এবং সিএসএস ফাইল) এবং তারা আরও সুখী এবং আরও উত্পাদনশীল হবে।

6) আপনার সাইটের সমাধানগুলিতে "প্রোটোটাইপ" প্রকল্পগুলি রাখুন । বিকাশকারীদের সর্বদা বিরুদ্ধে কোড করার লক্ষ্য রয়েছে তা নিশ্চিত করার জন্য, ডিজাইনারদের তাদের এএসপিএক্স-কেবলমাত্র পৃষ্ঠাগুলি সত্য বিকাশকারীদের দ্বারা সংরক্ষণ এবং অচ্ছুত রাখতে আপনার আসল সমাধানে একটি ভুয়া ওয়েব প্রকল্প তৈরি করুন। এর অর্থ হ'ল ডিজাইনাররা তাদের প্রোটোটাইপগুলিতে একই সমাধানে পুনরায় তাকিয়ে থাকতে পারেন বাস্তব বিকাশকারীরা কীভাবে তা পরীক্ষা করে দেখার জন্য এবং ডেভস ডিজাইনারদের অভিপ্রায়টির সাথে মেলে কিনা তা নিশ্চিত করার জন্য ডেভগুলি যে কোনও সময় প্রোটোটাইপ চালাতে পারে।

অবশেষে, আপনি যদি আপনার দেবকে পুনরায় প্রশিক্ষণের জন্য প্রস্তুত না হন তবে এমভিসিতে রূপান্তর করতে যে কোনও অভিযোগ থেকে প্রতিরোধ করুন। আমি ব্যক্তিগতভাবে এমভিসিটিকে ভালবাসি, তবে যদি আপনি একটি টন ওয়েবফোর্ডস জ্ঞান সহ একটি দল পেয়ে থাকেন তবে অকারণে এটিকে ছুঁড়ে ফেলবেন না। যদি আপনার অ্যাপ্লিকেশনগুলিতে ভিউস্টেট সমস্যা, এসইও সমস্যা বা অ্যাক্সেসযোগ্যতার সমস্যা থাকে তবে এমভিসিকে একেবারে কঠোর চেহারা দিন। ডিজাইনারদের কীভাবে ওয়েব নিয়ন্ত্রণ ব্যবহার করতে হবে তা প্রশিক্ষণের চেয়ে এমভিসিতে ওয়েব ফর্ম ডেভেলগুলি প্রশিক্ষণ দেওয়ার জন্য অনেক বেশি সময় লাগবে।

দিন শেষে, কোনও ডিজাইন আই ক্যাম অ্যাক্রোস ছিল না যে আমি ব্যক্তিগতভাবে ওয়েব ফর্মগুলিতে কাজ করতে পারি না, এমনকি যদি আমি এই ডার্ন গ্রিডভিউয়ের শপথ গ্রহণের আগে এক ঘন্টাও শপথ করেছিলাম।

ডিজাইনারদের .aspx পৃষ্ঠাগুলির রেন্ডার (এইচটিএমএল পৃষ্ঠা) সরবরাহ করার জন্য কি কোনও সরঞ্জাম বা অ্যাপ্লিকেশন রয়েছে?

এক্সপ্রেশন ভুলে যাও (আমি এটি কখনও পছন্দ করি না)। তাদের ভিজ্যুয়াল স্টুডিওর বিনামূল্যে সংস্করণ (ওয়েব বিকাশকারী এক্সপ্রেস) পান। এটি আপনার যে কোনও উত্স নিয়ন্ত্রণ সমাধানের মধ্যে ঝুঁকতে পারে এবং এটি ডিজাইনারদের তাদের এএসপিএক্স পৃষ্ঠাগুলি চালাতে এবং ব্রাউজারে রেন্ডার এইচটিএমএল দেখতে দেয়। সিএসএস এবং জেএস টুলিং আগের তুলনায় অনেক ভাল এবং ওয়েব এসেনশিয়ালগুলির মতো এক্সটেনশনগুলিতে বেকড কিছু দুর্দান্ত সরঞ্জাম রয়েছে। ভিএস ইন্টারফেসে সিএসএস নিয়মের সমস্ত বিক্রেতার-নির্দিষ্ট বিচ্যুতি, রঙ পিকার এবং প্যালেটগুলিতে রূপান্তরকরণ, সিএসএস ফাইলের মধ্যে চিত্রের এম্বেডিং-এ ক্লিক করুন, 'কম' সিএসএস রূপান্তরকরণ (সিএসএসে আপনি 'কোড' করতে পারেন), F12 জাভাস্ক্রিপ্টে 'নেভিগেট টু', এবং বাস্তব প্রজ্ঞা এবং আরও অনেক কিছু way এটি এখন ডিজাইনারদের জন্য একটি ধন, এফওয়াইআই,


3
আপনার শেষ লাইন ... সুতরাং দীর্ঘমেয়াদী সমাধানটি মূল কারণটি সমাধান করার পরিবর্তে কেবল ভোগ এবং মানিয়ে নেওয়া? (যেখানে মূল কারণটি কোনও ওয়েব অ্যাপ্লিকেশনটিকে এটি ডেস্কটপ অ্যাপ্লিকেশনের মতো আচরণ করে)
আর্লজ

3
@ এয়ারলজ - আপনার যদি বিকাশ কর্মীদের এমন একটি কর্মী থাকে যা ব্যান্ডউইথের সাথে নতুন প্যারাডাইম (এমভিসি) বাছাই করার জন্য না থাকে তবে অন্যান্য 1-2 ডিজাইনার কর্মচারী ওয়েবফোর্মে মানিয়ে নিতে চান না বলে এটি ব্যবসায়িক ধারণা তৈরি করতে পারে। আমি আপনাকে বলছি, ডিজাইনারের পক্ষে ওয়েবফর্মগুলির সাথে খাপ খাইয়ে নেওয়া এতোটা কঠিন নয়, যদি তারা কিছু স্টাফ ছেড়ে দিতে রাজি হন (আইডি বনাম শ্রেণি শব্দার্থবিদ্যা, লেবেল ট্যাগগুলির উপর সঠিক নিয়ন্ত্রণ ইত্যাদি)। দেখুন, আমি নিজেই সেই ডিজাইনার ছিলাম যিনি ক্রমাগত। নেট মার্কআপ সম্পর্কে ঝকঝকে হয়েছি যতক্ষণ না বুঝেছি (আপনি এসইও গেমটিতে না থাকলে) এইচটিএমএল উত্সটি সত্যই ব্যাপার নয়। আমি দুঃখিত, তবে এটি সত্য।
গ্রাহাম

1
@ ইয়ারলজ: মূল কারণ ডিজাইনাররা মাঝারি মাধ্যমে কাজ করতে পারে না। মিডিয়ামে তাদের সজ্জিত করা দীর্ঘমেয়াদে সম্ভবত সবচেয়ে সফল সমাধান।
ওয়াইয়াট বার্নেট

3
এই বিষয়টিও উল্লেখ করার দরকার নেই যে একজন ডিজাইনারের সময়ে বিকাশকারীদের তুলনায় ঘন্টা প্রতি ঘণ্টায় কম ব্যয় হয় তাই একজন ডিজাইনার $ 60 ডলারে কোনও বিকাশকারীকে কিছু পরিবর্তন করা ভাল something 60 পিএফ কিছু পরিবর্তন করা কারণ ডিজাইনার এটি সম্পর্কে একটি ভগ।
TheMonkeyMan

আমার 1 ম অনুগ্রহ জিতেছে, woot!
গ্রাহাম

8

আপনার সমস্যার সমাধান রয়েছে তবে এতে এমভিপিতে একটি নকশার প্যাটার্নের পরিবর্তন জড়িত । এটি সময়ের একটি সম্মুখ-বিনিয়োগ যা শুরুর আগে গুরুত্ব সহকারে বিবেচনা করা দরকার।

মূলত, আপনি যে সমস্যাগুলি ভোগ করছেন তা নতুন নয়। সংক্ষেপে, আপনাকে ইন্টারফেসের মাধ্যমে একটি ভিউ অ্যাবস্ট্রাকশন প্রবর্তন করতে হবে যা দর্শনটি সমর্থন করে এমন ডেটা মডেলটি সনাক্ত করে।

এটি অত্যন্ত বিস্তৃত বিষয় যা জীবনকে উদাহরণ হিসাবে প্যাটার্নটি দেখতে বোঝায়। আপনি এই উদাহরণটি আপনার মামলার জন্য বেশ তথ্যপূর্ণ হিসাবে খুঁজে পাবেন - এমভিপি প্যাটার্ন সহ আরও ভাল ওয়েব ফর্ম

সম্পাদনা: যদি উপরে পরামর্শ অত্যন্ত ব্যয়বহুল অনুসরণ করতে (সময় এবং সম্পদ পদ), আমি করব স্পষ্টভাবে পরামর্শ আপনার ডিজাইনার এর সাথে কাজ করা আরো ঘনিষ্ঠ । আমি বিশ্বাস করি যে কোনও দলের মধ্যে আপনার সমস্যাগুলি যোগাযোগ করা আপনার (ডিজাইনার এবং বিকাশকারী) কাজের প্রতিবন্ধকতাগুলি সমাধান করতে ব্যাপকভাবে সহায়তা করবে। এটি একটি টিমের কাজ এবং কাজ সম্পাদনের সমস্ত প্রতিবন্ধকতা দূর করতে ইস্যুগুলির ভাল সহযোগিতা হ'ল দল হিসাবে কোনও প্রকল্পে সাফল্যের উপায় ! এটি এমন কিছু যা আমরা আমাদের প্রকল্পে করি।


1
+1: সমস্যার সীমাবদ্ধতা (এএসপি.এনইটি ওয়েবফর্মস) প্রদত্ত এটি একটি শালীন সমাধান, তবে আপনি উল্লেখ করেছেন যে এটি অত্যন্ত ব্যয়বহুল হতে পারে কারণ এর জন্য অনেক শৃঙ্খলা এবং সময় প্রয়োজন (যা অর্থ বোঝায়)। আমি যুক্তি দিয়ে বলছি যে যদি ওপি কোনও সর্বজনীন সমাধানে আগ্রহী, তবে তাকে এএসপি.নেট এমভিসি (ওয়েবফর্ম এমভিপির পরিবর্তে) এ স্যুইচ করার বিষয়টি বিবেচনা করা উচিত। ওপি ডিজাইনের সাথে আরও ভাল যোগাযোগের পাশাপাশি আরও অনেক সুবিধা যেমন টিটিএম এবং বিকাশকারীদের ধরে রাখে।
জিম জি।

6

এএসপি.এনইটি হ'ল একটি কাঠামো, যা উত্পন্ন এইচটিএমএল কোডটিকে বিমূর্ত করে। এর অর্থ হ'ল এএসপি.এনইটি অ্যাপ্লিকেশনটিতে আপনাকে প্রদত্ত এইচটিএমএল কোডটি হ'ল পুনরুত্পাদন করতে বলা হবে না, যদি না আপনার কাছে এএসপি.এনইটি নিয়ন্ত্রণ দ্বারা উত্পন্ন কোন কিছু পুনর্লিখনের পর্যাপ্ত বাজেট থাকে

সিদ্ধান্ত নেওয়ার ক্ষেত্রে এটি স্টেকহোল্ডারদের উপর নির্ভর করবে: হয় আপনি এএসপি.এনইটি নিয়ন্ত্রণগুলি তাদের শক্তিশালী পয়েন্ট এবং অসুবিধাগুলি সহ ব্যবহার করেন বা আপনি ম্যানুয়াল এইচটিএমএল (বা এএসপি.নেট এমভিসি) তে স্যুইচ করে বর্তমান প্রকল্পের ব্যয় কয়েক হাজার ডলার বাড়িয়েছেন ।

এই প্রসঙ্গে HTML কাস্টমাইজ করতে অক্ষমতা অন্য যে কোনও একটি সীমাবদ্ধতা। ডিজাইনারদের তাদের কাজের ক্ষেত্রে এই প্রযুক্তিগত বাধা বিবেচনা করা উচিত। কেসটি একেবারেই অনুরূপ যদি ডিজাইনার আপনাকে বলত যে কোনও পাঠ্য হুবহু আকারের সাথে হুবহু ফন্টে প্রদর্শিত হবে: এটি একটি ওয়েব সমর্থন, মুদ্রণ নয়, যার অর্থ পাঠ্যের আকার পৃথক হবে।

সরঞ্জামগুলির জন্য, আমি এমন সরঞ্জামগুলি সম্পর্কে অবগত নই যা প্লেইন এইচটিএমএলকে ASP.NET টেমপ্লেটে রূপান্তর করবে। কীভাবে এটি সম্ভবত অনুমান করা যায় যে একটি নির্দিষ্ট টেবিলকে একটি নির্দিষ্ট এএসপি.এনইটি নিয়ন্ত্রণে রূপান্তর করতে হবে?


1
এটি নির্ধারণের জন্য স্টেকহোল্ডারের উপর নির্ভর করে +1। একবার পেচেক স্বাক্ষরকারী তাদের সিদ্ধান্ত নিলে, অন্য প্রত্যেককে এটির সাথে সামঞ্জস্য হওয়া দরকার।

আমি এটি খুব জোরে বলতে যাচ্ছি না, তবে আমি মনে করি যে অন্যান্য ফ্রেমওয়ার্কগুলি আরও নমনীয়। আমার মতে এইচটিএমএলকে কাস্টমাইজ করার (অক্ষম) অক্ষমতা হ'ল অন্য কাঠামোতে (রেলের মতো) যাওয়ার বিষয়ে চিন্তাভাবনা শুরু করার যথেষ্ট কারণ।
অস্ট্রুন

6

আমার শেষ কাজটিতে, ডেভসরা অ্যাপ্লিকেশনটি তৈরি করবে এবং তারপরে এটি ডিজাইনারদের কাছে পাঠিয়ে দেবে যাতে তারা এটিকে দেখতে এমন একগুচ্ছ সফ্টওয়্যার প্রোগ্রামার হিসাবে তৈরি করতে পারে যা এটি তৈরি করে না। :)

আমরা যখন প্রথম এই প্রক্রিয়াটি শুরু করি তখন ডেভস এবং ডিজাইনারদের মধ্যে অনেকগুলি পিছনে ছিল। যে পৃষ্ঠাগুলি দেওয়া হয়েছিল তা তারা বুঝতে পারেনি। যদি আমরা গতিশীল কোনও পৃষ্ঠা তৈরি করতাম তবে স্বর্গ হারাম! আপনি এখানে পরিস্থিতি বর্ণনা করছেন তেমনই একই অবস্থা ছিল।

আমি প্রতিটি ডিজাইনারের সাথে বসে তাদের স্থানীয় বাক্সে কীভাবে ওয়েব অ্যাপ্লিকেশন ইনস্টল করতে হবে তা শিখিয়েছি। আমি তাদের এটি দেখিয়েছি কীভাবে এটি চালানো যায় এবং সমস্ত কিছু। আমি কীভাবে এএসপি নিয়ন্ত্রণগুলি পর্দায় উপস্থাপন করা হয়েছিল তা ব্যাখ্যা করেছি। এবং তারপরে আমরা এটিকে ব্রাউজারে খুললাম এবং এসপি নিয়ন্ত্রণ এবং কী রেন্ডার করা হয়েছিল তার মধ্যে লিঙ্কটি দেখতে ফায়ারব্যাগ ব্যবহার করেছি।

এটি তাদের অনেক সাহায্য করেছিল। একবার তারা এটি দেখতে পেত এবং এটি তাদের বাক্সগুলিতে চালাতে পারে এবং তাদের নকশার সরঞ্জামগুলি টুইঙ্ক করতে এবং শৈলীর সাথে খেলতে ব্যবহার করার পরে এটি তাদের জীবনকে আরও সহজ করে তুলেছিল।

আমি এটি করার পরে, আমার বিকাশকারীদের সাথে একটি বৈঠক হয়েছিল এবং তাদের জানাতে হবে যে তাদের সিএসএসক্লাস ট্যাগ ব্যবহার করা উচিত এবং নিশ্চিত করা উচিত যে শৈলীগুলি সংজ্ঞায়িত করা হচ্ছে। এবং যে কোনও কিছু গতিশীলভাবে স্ক্রিনে রাখা হচ্ছে তার সাথে সিএসএস শ্রেণি সংযুক্ত থাকা প্রয়োজন খ / সি ডিজাইনাররা এটি যুক্ত করতে সক্ষম হবে না।

এটি একটি প্রক্রিয়া ছিল। উভয় পক্ষের বিন্যাসটি ব্যবহার করতে কিছুটা সময় নিয়েছিল। তবে এটি যোগাযোগের লাইন খুলেছে। ব্যবহৃত নিয়ন্ত্রণগুলি সম্পর্কে অভিযোগ করার পরিবর্তে ডিজাইনাররা বিভিন্ন উপাদানগুলিতে শৈলী যুক্ত করার অনুরোধ করতে সক্ষম হন।

সুতরাং আমার পরামর্শটি হ'ল ডিজাইনারদের সাথে বসে পৃষ্ঠাগুলি কীভাবে রেন্ডার হয় তা তাদের দেখান। পৃষ্ঠাটি বিচ্ছিন্ন করতে ফায়ারব্যাগ ব্যবহার করুন এবং পৃষ্ঠাটি কীভাবে গঠন করা হয় তার মধ্য দিয়ে যান।


4

আমি ডিজাইনারদের সাথে অতীতে নেওয়া বেশ কয়েকটি দরকারী পন্থা এখানে যখন এএসপি.নেট ওয়েবফোর্স প্রকল্পে বিকাশ করা হচ্ছে তখন তাদের কাজ করতে হবে।

  1. স্থানীয়ভাবে মোতায়েন করুন: মোতায়েন করুন বিকাশকারীরা স্থানীয়ভাবে মোতায়েন করা প্রকল্পের একটি মধ্যবর্তী সংস্করণ সরবরাহ করে। এটি উভয়ের সময় সাশ্রয় করে। ডিজাইনার একটি .aspx অনুরোধ করে তবে সার্ভার কোডের পরিবর্তে রেন্ডার এইচটিএমএল এর সাথে যোগাযোগ করে। এই পদ্ধতির ডিজাইনার থেকে সার্ভার কোড বিমূর্ত করে। এইচটিএমএল কীভাবে উত্পাদিত হয় বা ক্লায়েন্টের কাছে কীভাবে ফাইল javscript এবং cssফাইল সরবরাহ করা হয় তা তার জানতে হবে না। এটি অবশ্যই ধরে নিয়েছে যে ডিজাইনারগুলি ব্রাউজার ডিবাগার / ডিওএম ইন্সপেক্টর সহ দক্ষ। ডিজাইনার cssব্রাউজারের ভিতরে তার সমস্ত পরিবর্তনগুলি প্রয়োগ করতে পারে এবং তারপরে সেগুলি cssফাইলগুলিতে প্রয়োগ করতে পারে ।
  2. মডেলগুলি সরবরাহ করুন: ডিজাইনারদের এইচটিএমএল নিয়ে কাজ করার জন্য আরও বুদ্ধিমান করার জন্য, সার্ভার নিয়ন্ত্রণ দ্বারা রেন্ডার করা HTML এর একটি মডেল সরবরাহ করুন। তারা এইচটিএমএলটিকে যে স্থানে পছন্দ করতে পারে সেটিতে টুইঙ্ক করতে পারে এবং সার্ভার-সাইড প্রয়োগের ক্ষেত্রে পরিবর্তনের জন্য প্রস্তাব দিতে পারে। এটি করা দরকার প্রাথমিক এবং প্রায়শই করা দরকার , কারণ আপনি কোনও এইচটিএমএল কাঠামো দিয়ে শেষ করতে চান না যা ক্লায়েন্ট-সাইড বাস্তবায়ন নির্ভর করে এবং তারপরে ডিজাইনারের পক্ষে সেই কাঠামোর পরিবর্তনের প্রস্তাব দিতে পারে।

ডিজাইনারদের সাধারণভাবে যতটা সম্ভব সার্ভার সাইড কোডের সাথে খুব কম স্পর্শ পয়েন্ট থাকা উচিত, তাই এটিকে যতটা সম্ভব আপনার থেকে দূরে রেখে দিন।


2

হাইব্রিড বিকাশকারী হিসাবে আমি নিজেই (প্রায়শই একসাথে ব্যাক-এন্ড এবং ফ্রন্ট-এন্ড উভয় ভূমিকায় অনেক কাজ করেছি), এএসপি.নেট ওয়েবফোর্ম মডেলটিরও আমার দীর্ঘকালীন অপছন্দ আছে ... যদিও এটির প্রাথমিক ডিজাইনের প্রেরণা ছিল ওয়েব বিকাশকে গণতন্ত্রকরণের জন্য সহজ, টানা এবং ড্রপ ডিজাইন সরঞ্জাম সরবরাহ করা (ভিজুয়াল বেসিক অ্যাপ্লিকেশন-প্রোগ্রামিংকে নন-সিএস-মেজরের কাছে অ্যাক্সেসযোগ্য করে তোলে), যে পদ্ধতিগুলি এটিতে রাষ্ট্রকে জোর করার চেষ্টা করেছিল রাষ্ট্রহীন পরিবেশ (ওয়েব) হ্যাম-হ্যান্ড এবং জোর করা হয়েছে (ওহ ভিউস্টেট, আমি তোমাকে কীভাবে ঘৃণা করি!)।

তারা মার্কআপ ডেভলপমেন্ট এবং স্টাইলিংয়ের কিছু কেন্দ্রীয় নীতি লঙ্ঘন করে, ঠিক এই সত্যের দ্বারা যে, ডিফল্টরূপে, এএসপি.এনইটি আইডি বৈশিষ্ট্য গ্রহণ করে, সিএসএস ডিজাইনারদের ক্লাস ব্যবহার করতে বাধ্য করে যেভাবে আইডি ব্যবহার করা হয়েছিল, ডিভস এবং নেস্টেড ট্যাগগুলির গভীর স্ট্যাকগুলিতে লেয়ারিং উপাদানগুলি যা স্টাইলিংগুলিকে সর্বাধিক সরল পদ্ধতিতে ব্যতিরেকে একটি দুঃস্বপ্ন করতে পারে।

এই জিনিসগুলি দেওয়া, আপনার পথটি সহজ নয়, কারণ আমি ধরে নিয়েছি এমভিসির জন্য পুনর্লিখনটি ব্যয় বা সময়-প্রতিরোধক হবে।

ডিজাইনারকে এমন কোনও পরিবেশ সরবরাহ করার কোনও উপায় আছে যাতে ওয়েব অ্যাপ্লিকেশনটি চালানো যায়, যাতে তারা রিয়েল-টাইমে তাদের সিএসএস পরিবর্তনগুলি দেখতে পারে? আমি যখন এএসপি.নেট ওয়েবফোর্মে ডিজাইনের কাজ করছি, তখন আমি নিজের মেশিনে ওয়েব অ্যাপটি চালিয়ে যেতে, সিএসএসে টুইটগুলি তৈরি করতে এবং অ্যাপ্লিকেশনটিকে কীভাবে প্রভাবিত করে তা স্থানীয়ভাবে চালানো এটিকে অমূল্য বলে মনে করি।

একটি বিকল্প হতে পারে এএসপি.নেট বিকাশের জন্য বিশেষভাবে তৈরি ভার্চুয়াল মেশিন স্থাপন করা যা ডিজাইনার তাদের ওয়ার্কস্টেশন থেকে চালাতে পারে, তাই তাদের দুটি টুলসেট মিশ্রিত করতে হবে না, এবং যদি তারা ডিভ- স্থান, এটি সর্বদা একটি কার্যকরী চিত্র থেকে পুনরায় লোড করা যেতে পারে।

হ্যাঁ, এর অর্থ এই যে অ্যাপ্লিকেশনটি চালানোর জন্য ডিজাইনারকে F5 টিপতে হবে তা শিখতে হবে। (অথবা কেবল পরীক্ষার পরিবেশে সিএসএস, জেএস এবং চিত্রগুলি যেখানে রয়েছে সেই ডিরেক্টরিগুলিতে কেবল তাদের এফটিপিতে অ্যাক্সেস দিন!) এর অর্থ হ'ল তারা প্রচুর ব্যাক-এন্ড কোড দেখতে পাবেন, যদিও আপনি তাদের বলছেন কেবল আপনার .cs বা .vb ফাইলগুলিকে উপেক্ষা করুন, এগুলি তাদের আতঙ্কিত হওয়ার হাত থেকে দূরে রাখতে ... অবশ্যই, এর অর্থ হ'ল আপনাকে অবশ্যই নিশ্চিত হতে হবে যে আপনি আপনার কোডবিহাইন্ড ফাইলগুলি থেকে স্টাইল সেট করার মতো কাজ করছেন না .. । (তবে আপনি এটি করবেন না, আপনি কি সেই তথ্যটি সংযুক্ত করেন এবং খুব ঘনিষ্ঠভাবে দেখেন, তাই না?)।

আপনার সাইটটি যদি আলাদা আলাদা সিএসএস এবং জেএস ফাইল সহ সুসংগঠিত হয় এবং মার্কআপে বাধ্যতামূলকভাবে অনেকগুলি ইনলাইন স্টাইলিং না থাকে তবে কেবল তাদের <%%> অঞ্চল এড়িয়ে চলতে পেরে তারা বেশিরভাগ কাজ পেতে পারে। অন্যদিকে, এটি গতিশীল অ্যাপ্লিকেশনটির জন্য কাজ করে এমন স্থিতিশীল এইচটিএমএল / সিএসএসকে এমন কোনও কিছুতে অনুবাদ করার চেষ্টা করার সময় ডিজাইনারকে আপনাকে যা করতে হবে তার জন্য আরও কিছুটা প্রশংসা দিতে পারে।


রিয়েল-টাইমে সিএসএসের পরিবর্তনগুলি দেখার জন্য, আমি কেবল ফায়ারব্যাগ ব্যবহার করি। এটি সর্বত্র কাজ করে ... আপনি সম্ভবত স্পাইডারমনকি ব্যবহার করতে পারেন কারণ ফায়ারব্যাগ বিভিন্ন পৃষ্ঠাতে আপনার পরিবর্তনগুলি মনে রাখে না
আর্লজ

আমি ধরেই নিয়েছিলাম যে যে কোনও ওয়েব বিকাশকারী তাদের লবণের মূল্যবান (এমনকি কেবল স্থির এইচটিএমএল এবং সিএসএস দিয়ে কাজ করে এমনগুলি) ফায়ারব্যাগের মতো কিছু ব্যবহার করবে, তবে ফায়ারব্যাগ (বা এমনকি ক্রোমের ডেভেলপার উইন্ডো) সংযুক্ত করার বিষয়টি বিবেচনা করা ভাল বিষয় point একটি পরীক্ষা সার্ভার অ্যাক্সেস সহ, বা এটি স্থানীয়ভাবে চালানো এবং এর উপরে ফায়ারব্যাগ ব্যবহার করে, গতিশীল সাইটগুলির জন্য তাদের তৈরি করতে হবে এমন কোনও সমন্বয়কারীকে ডিজাইনার করার জন্য একটি "আদর্শ" পরিবেশের নিকটতম জিনিসটি তৈরি করে।
জেসন এম। ব্যাচেলর

1

আপনার তাদের একসাথে কথা বলা, একে অপরের প্রয়োজনীয়তা এবং পছন্দগুলি বুঝতে হবে। এটি এমন একটি "সমস্যা" যা সফ্টওয়্যার এবং সরঞ্জামগুলির দ্বারা সমাধান করা যায় না। উভয় পক্ষকে খুশি করার চেষ্টা করবেন না, এটি কখনই কার্যকর হবে না। তাদের আপস করা দরকার - এটি বিয়ের মতো।

একটি উপায় f.ex. ওয়ার্কশপগুলিতে যেখানে প্রতিটি পক্ষ কেন এটি পছন্দ করে তা ব্যাখ্যা করার সুযোগ পায় যাতে তারা কী পছন্দ করে। ভালো যোগাযোগ হ'ল এই জাতীয় পরিস্থিতিতে সর্বদা একটি মূল বিষয়। এগুলির মতো সংগ্রহ করা বিনিয়োগ হিসাবে দেখা যায়।

বা সহজভাবে বলেছিলেন, সমস্যাটি সংগঠন-ভিত্তিক, প্রযুক্তিগত নয় এবং এটিই আপনাকে সমাধান সরবরাহ করতে হবে।

অন্য বিকল্পটি হল বেতন বাড়ানো এবং তাদের চুপ করার জন্য বলা (সাধারণত একটি স্বল্প-মেয়াদী সমাধান ...)।


শেষ লাইন = রসিকতা
Epistemex
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.